/* TABLET */
@media only screen and ( min-width:1024px ) and (max-width:1060px){
	.desktop, .movil{ display: none; }
	.tablet{ display: block; }
}

/* SMARTPHONE */
@media only screen and ( min-width:320px ) and (max-width:1023px){
	.desktop, .tablet{ display: none; }
	.movil{ display: block; }

	.contenedor{
		padding: 0;
	}
	.contenedor-sl{
		padding: 0;
	}
	header{
		padding: 20px 20px 0;
	}
	header .logo{
		margin: 0;
	}
	header .logo img{
		width: 150px;
	}
	header .btn{
		width: 160px;
		text-align: center;
		font-size: 12px;
	}
	.sliders .text .date{
		font-size: 20px;
	}
	.sliders .text h2{
		font-size: 40px;
	}
	.sliders .text p{
		font-size: 14px;
		padding: 0 20px;
	}
	.premios{
		flex-direction: column;
	}
	.foot{
		flex-direction: column;
		gap: 0;
	}
	.foot .social{
		width: 100%;
		border: 0
	}
	.foot .marcas{
		width: 100%;
	}
	.foot .marcas .cols{
		flex-direction: column;
		gap: 40px;
	}
	.sliders .slide{
		height: 100vh;
	}
	.sliders .slide video{
		height: 100% !important;
	}
	.comprar .col1{
		display: none;
	}
	.comprar{
		padding: 0;
	}
	.comprar .col2{
		padding: 0;
		width: 100%;
	}
	.comprar .col2 .row1{
		padding: 0 20px;
	}
	.comprar .col2 .row1 h4{
		font-size: 26px;
	}
	.comprar .col2 .row2{
		flex-direction: column;
		gap: 40px;
	}
	.comprar .col2 .row2 .col3{
		width: 100%;
		padding: 0 20px;
	}
	.comprar .col2 .row2 .col3 p{
		margin-top: 20px;
	}
	.comprar .col2 .row2 .col4{
		width: 100%;
	}
	.quees{
		flex-direction: column;
	}
	.quees .mid{
		width: 100%;
	}
	.quees .mid.b{
		padding: 0 20px;
	}
	.anfitriones{
		margin: 0;
	}
	.anfitriones .large{
		padding: 0 20px;
		margin-bottom: 40px;
	}
	.anfitriones .large img{
		margin-bottom: 20px;
	}
	.anfitriones .large .cols{
		flex-direction: column;
		gap: 20px;
	}
	.anfitriones .large .cols .mid{
		width: 100%;
	}
	.anfitriones .large .cols .mid p{
		margin: 0;
	}
	.viviras{
		padding: 40px 20px;
	}
	.viviras h4{
		font-size: 40px;
	}
	.viviras .subtitle{
		font-size: 16px;
	}
	.viviras ul{
		margin: 20px 0;
	}
	.viviras ul li{
		font-size: 14px;
	}
	.cuando{
		padding: 50px 20px;
	}
	.cuando h4{
		font-size: 30px;
		padding: 0 20px;
	}
	.cuando .cols{
		flex-direction: column;
		gap: 20px;
	}
	.cuando .cols .col{
		width: 100%;
	}
	.cuando .video video{
		height: 100% !important;
	}
	.preguntas .large{
		padding: 0 20px;
	}
}