/* BREAKPOINT 1600 */
@media screen and (max-width: 1600px){
	.header-container{
		margin: 0 var(--SIZE-WEBSITE-3);
	}
	#home .home-container{
		margin: 25px var(--SIZE-WEBSITE-3);
	}
	.item-grid{
		margin: 0 var(--SIZE-WEBSITE-3) 0 var(--SIZE-WEBSITE-3);
		grid-template-columns: repeat(3, 1fr);
	}
	#article .article-container{
		margin: 0 var(--SIZE-WEBSITE-3);
	}
	.nosotros-container{
		margin: 0 var(--SIZE-WEBSITE-3);
	}
	.contactos-container{
		margin: 0 var(--SIZE-WEBSITE-3);
	}
	footer{
		padding: 100px var(--SIZE-WEBSITE-3);
	}
}

/* BREAKPOINT 1024 */
@media screen and (max-width: 1024px){
	.header-container{
		margin: 0 var(--SIZE-WEBSITE-2);
	}
	.header-logotype a img{
		height: 30px;
	}
	.header-navigation{
		display: none;
	}
	.header-responsive-navigation{
		display: flex;
	}
	#home .home-container{
		height: 200px;
		text-align: center;
		padding: 10px;
		margin: 25px var(--SIZE-WEBSITE-2);
	}
	#home .home-container p{
		font-size: 16px;
		padding: 5px 10px;
	}
	.item-grid{
		margin: 0 var(--SIZE-WEBSITE-2) 0 var(--SIZE-WEBSITE-2);
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	.item{
		height: auto;
	}
	.item-img{
		height: 40vh;
	}
	.item-title{
		font-size: 14px;
	}
	.item-price{
		font-size: 32px;
	}
	.item-info-item{
		font-size: 14px;
		padding: 5px;
	}
	#article{
		margin-top: 50px;
	}
	#article .article-container{
		margin: 0 var(--SIZE-WEBSITE-2);
	}
	#article .article-header{
		margin-bottom: 10px;
		flex-direction: column;
	}
	#article .article-header h1{
		font-size: 16px;
		padding: 15px;
	}
	#article .article-header p{
		font-size: 14px;
		padding: 10px;
		width: 100%;
	}
	#article .article-grid{
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: 100px;
		grid-gap: 10px;
	}
	#article .article-grid .article-grid-img{
		grid-column: 1/7;
		grid-row: 1/3;
		padding: 5px;
	}
	#article .article-grid .article-grid-img-slick img{
		height: 202.5px;
	}
	.article-grid-img .img{
		height: 25px;
		bottom: 10px;
		right: 10px;
	}
	#article .article-grid .article-grid-info{
		height: 100px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	#article .article-grid .article-grid-info:nth-child(2){
		grid-column: 1/4;
		grid-row: 3/4;
	}
	#article .article-grid .article-grid-info:nth-child(3){
		grid-column: 4/7;
		grid-row: 3/4;
	}
	#article .article-grid .article-grid-info:nth-child(4){
		grid-column: 1/4;
		grid-row: 4/5;
	}
	#article .article-grid .article-grid-info:nth-child(5){
		grid-column: 4/7;
		grid-row: 4/5;
	}
	#article .article-grid .article-grid-info:nth-child(6){
		grid-column: 1/4;
		grid-row: 5/6;
	}
	#article .article-grid .article-grid-info:nth-child(7){
		grid-column: 4/7;
		grid-row: 5/6;
	}
	#article .article-grid .article-grid-info h3{
		margin-top: 10px;
		font-size: 10px;
		text-align: center;
		margin-bottom: 0;
	}
	#article .article-grid .article-grid-info i{
		font-size: 32px;
	}
	#article .article-grid .article-grid-info p{
		font-size: 12px;
		margin-bottom: 10px;
	}
	#article .article-grid .article-grid-description{
		grid-column: 1/7;
		grid-row: 6/8;
		height: auto;
	}
	#article .article-grid .article-grid-description h3{
		margin-bottom: 10px;
		font-size: 10px;
	}
	#article .article-grid .article-grid-description p{
		font-size: 12px;
	}
	#article .article-grid .article-grid-maps{
		grid-column: 1/7;
		height: 60vh;
	}
	#article .article-grid .article-grid-maps iframe{
		height: calc(60vh - 20px);
	}
	.right-buttons{
		bottom: 5px;
		right: 5px;
	}
	.right-buttons a{
		font-size: 28px;
		height: 50px;
		width: 50px;
		margin-top: 5px;
	}
	.nosotros-container{
		margin: 0 var(--SIZE-WEBSITE-2);
	}
	.nosotros-header h1{
		font-size: 32px;
	}
	.nosotros-content{
		padding: 10px 25px;
	}
	.nosotros-content-first-grid{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 125px;
		grid-gap: 20px;
		margin-bottom: 10px;
	}
	.nosotros-content-first-grid-item{
		height: 125px;
	}
	.nosotros-content-first-grid-item i{
		font-size: 48px;
	}
	.nosotros-content-first-grid-item p{
		font-size: 16px;
	}
	.nosotros-content-text p{
		font-size: 14px;
	}
	.nosotros-content-text p.title{
		font-size: 24px;
	}
	#article .article-grid .article-grid-description .infotag{
		display: inline-block;
		padding: 2.5px 5px;
		background: var(--COLOR-TEXT-2);
		color: var(--COLOR-TEXT-3);
		font-weight: 500;
		font-size: 10px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.nosotros-content-text ul{
		margin-left: 0;
	}
	.nosotros-content-text ul li{
		font-size: 14px;
		padding: 10px 10px;
		border-bottom: solid 2px rgba(0,0,0,.2);
	}
	.nosotros-content-text ul li:last-child{
		border-bottom: none;
	}
	.nosotros-content-text ul li.email{
		font-size: 10px;
		font-weight: 500;
	}
	.nosotros-content-text ul li.email i{
		font-size: 14px;
	}
	.nosotros-content-text ul li i{
		margin-right: 10px;
	}
	.contactos-container{
		margin: 0 var(--SIZE-WEBSITE-2);
	}
	.contactos-header h1{
		font-size: 32px;
	}
	.contactos-content{
		padding: 10px 25px;
	}
	.contactos-content-text p{
		font-size: 14px;
	}
	.contactos-content-text p.title{
		font-size: 24px;
	}
	.contactos-content-text ul{
		margin-left: 0;
	}
	.contactos-content-text ul li{
		font-size: 14px;
		padding: 10px 0;
		border-bottom: solid 2px rgba(0,0,0,.2);
	}
	.contactos-content-text ul li:last-child{
		border-bottom: none;
	}
	.contactos-content-text ul li.email{
		font-size: 10px;
		font-weight: 500;
	}
	.contactos-content-text ul li a.mail{
		font-size: 10px;
		font-weight: 500;
	}
	.nosotros-content-text ul li.email i{
		font-size: 14px;
	}
	.contactos-content-text ul li i{
		width: 40px;
		font-size: 24px;
	}
	.contactos-content-text form div.form-group label{
		font-size: 12px;
		border-radius: 0;
	}
	.contactos-content-text form div.form-group input{
		font-size: 14px;
		height: 45px;
		display: flex;
		align-items: center;
		border-radius: 0;
	}
	.contactos-content-text form div.form-group select{
		font-size: 14px;
		height: 45px;
		display: flex;
		align-items: center;
		border-radius: 0;
	}
	.contactos-content-text form div.form-group textarea{
		font-size: 14px;
		border-radius: 0;
	}
	.contactos-content-text form div.form-group-buttons input.primary{
		grid-column: 3/5;
	}
	.contactos-content-text form div.form-group-buttons input.secondary{
		grid-column: 1/3;
	}
	footer{
		padding: 100px var(--SIZE-WEBSITE-2);
	}
	.slick-arrow{
		width: 40px;
		height: 40px;
		margin: 5px;
	}
	.slick-arrow i{
	font-size: 1.5em;
	}
	
	.slick-prev{
		bottom: calc(50% - 20px)
	}
	.slick-next{
		bottom: calc(50% - 20px)
	}
}