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

/* SMARTPHONE */
@media only screen and ( min-width:320px ) and (max-width:719px){
	.desktop, .tablet{ display: none; }
	.movil{ display: block; }
	.contenedor{
		padding: 0 20px;
	}
	body{
		padding-top: 69px;
	}
	body.stop{
		overflow: hidden;
	}
	header{
	    position: fixed;
    	top: 0;
    	left: 0;
    	padding: 0 20px;
	}
	header .social ul{
		gap: 5px;
	}
	header .logo img{
		width: 100px;
		height: auto;
		display: block;
	}
	header .logo{
	    top: 15px;
    	left: calc(50% - 50px);
	}
	header .btn-menu{
		display: flex;
		flex-direction: column;
	    align-items: center;
    	justify-content: center;
	}
	
	header nav{
	    width: 100%;
	}
	header nav ul{
		flex-direction: column;
	}
	header nav ul li a{
		font-size: 28px;
	}
	header .hrs{
		display: none;
	}
	.contenedor-row{
		padding: 0 20px;
	}
	.agenda .cards .card{
		width: 100%;
		flex-direction: column;
	}
	.agenda .cards .card .desc{
		padding-left: 0;
		width: 100%;
	}
	.agenda .cards .card .desc .tags{
		flex-wrap: wrap;
	}
	.agenda .cards .card .img{
		width: 80px;
		margin-bottom: 20px;
	}
	.agenda-empty{
		grid-template-columns: 1fr;
		padding: 28px 22px;
		gap: 20px;
		text-align: center;
	}
	.agenda-empty-icon{
		width: 70px;
		height: 70px;
		margin: 0 auto;
	}
	.agenda-empty-actions{
		width: 100%;
		min-width: 0;
	}
	.agenda-empty-actions .btn{
		width: 100%;
	}
	.title h3{
		font-size: 22px;
	}
	.title .tags{
		flex-wrap: wrap;
		justify-content: center;
	}
	.title .categories-carousel:not(.slick-initialized) > a{
		flex-basis: calc(50% - 10px);
	}
	.tiendas{
		flex-wrap: wrap;
	}
	.tiendas .tienda{
		width: 100%;
	}
	.cine .cartelera .film{
		width: calc(50% - 10px);
	}
	.estacionamiento h3{
		font-size: 18px;
	}
	.estacionamiento p{
		font-size: 14px;
	}
	.contacto-hm .title p{
		font-size: 18px;
	}
	.contacto-hm .im{
		display: none;
	}
	.faq{
		padding: 55px 0;
	}
	.faq .faq-heading{
		margin-bottom: 26px;
	}
	.faq .faq-heading p{
		font-size: 14px;
	}
	.faq .cols{
		flex-direction: column;
		gap: 20px;
	}
	.faq .cols .preguntas{
		width: 100%;
	}
	.faq .cols .boxes{
		width: 100%;
	}
	.faq .cols .preguntas .pregunta .name span{
		font-size: 14px;
	}
	.faq .cols .preguntas .pregunta .name{
		min-height: 68px;
		padding: 15px;
	}
	.faq .cols .preguntas .pregunta .res{
		padding: 0 15px 18px;
	}
	.faq .cols .boxes .box{
		min-height: 220px;
	}
	.siguenos .im{
		display: none;
	}
	.siguenos .title h3{
		font-size: 30px;
	}
	footer .cols{
		flex-direction: column;
	}
	footer .cols .col{
		width: 100%;
	}
	footer .cols .col .logo{
		margin-bottom: 50px;
	}
	footer .contenedor-row.bet{
		flex-direction: column;
	}
	footer .foot .copy{
		justify-content: center;
		margin-bottom: 20px;
	}
	footer .foot .up{
		justify-content: center;	
	}
	.sliders{
		padding: 0;
	}
	.slide .box{
		padding: 20px;
	}
	.slide .box h3{
		font-size: 20px;
	}
	.slide .box p{
		font-size: 16px;
	}
	.slide .box .img{
		display: none;
	}
	.sliders .slider-pager{
	    justify-content: center;
    	margin-top: 40px;
	}
	.grid .title{
		flex-direction: column;
		align-items: flex-start;
	}
	.grid .title .campos{
		width: 100%;
	    display: flex;
    	flex-direction: row;
    	gap: 20px;
	}
	.grid .title .campos .campo{
		width: 50%;
		flex-direction: column;
    	align-items: flex-start;
	}
	aside{
		display: none;
	}
	.grid .tiendas{
		width: 100%;
	}
	.grid .tiendas .tienda{
		width: 100%;
	}
	.grid .title .campo.movil{
		display: flex;
	}
	.grid .title .campos .campo .btn{
		height: 44px;
		width: 100%;
		border: 1px solid #EFEFEF;
    	color: #454545;
    	font-size: 14px;
    	font-weight: 500;
    	background: #fff;
	}
	aside{
		display: none;
		width: 100%;
	    background: #fafafa;
	    left: 0;
	    top: 64px;
	    margin: 0;
	    height: calc(100vh - 64px);
	    position: fixed;
	    padding: 20px;
	    overflow: auto;
	}
	aside .close{
		height: 40px;
	    display: flex;
	    align-items: center;
	    text-transform: uppercase;
	    font-size: 12px;
	    font-weight: 700;
	}
	aside .close span{
		font-size: 16px;
	}
	.ficha{
		flex-direction: column;
	}
	.ficha .detalle{
		padding: 0;
	}
	.ficha .detalle .name{
		padding: 10px 0 0;
	}
	.ficha .detalle ul{
		padding: 0;
	}
	.paginador .ir{
		display: none;
	}
	.navidad .cols{
		flex-direction: column;
	}
	.navidad .cols .titulo{
		width: 100%;
	}
	.navidad .cols .auto{
		width: 100%;
	}
	footer .foot .horario{
		display: none;
	}
	footer .fter{
		padding: 0 20px;
		align-items: center;
	}
	footer .foot .list{
		align-items: center;
		width: 100%;
		flex-direction: column;
	}
	footer .cols .social{
	    align-items: center;
    	justify-content: center;
    	margin-bottom: 20px;
	}
	footer .cols .col{
		flex-direction: column;
	}
	footer .logo img{
		width: 120px;
	}
	.agenda .title.l{
		flex-direction: column;
	}
	.title.l{
		flex-direction: column;
		margin-bottom: 20px;
	}
	.title h3{
		text-align: center;
	}
	.servicios{
		flex-wrap: wrap;
		justify-content: center;
	}
	.servicios .servicio{
		width: calc(50% - 10px);
	}
	.parking-modal-content{
		padding: 32px 22px 24px;
	}
	.parking-hours li{
		flex-direction: column;
		gap: 4px;
	}
	.parking-hours span{
		text-align: left;
	}
	.title .tags a{
		width: calc(50% - 10px);
	}
	.title .tags a .img{
		width: 100%;
	}
	.title .tags span{
		font-size: 10px;
	}
	.title .tags .icon{
		width: 38px;
		height: 38px;
		border-radius: 8px;
	}
	.title .tags .icon img{
		width: 100%;
	}
	.buttons{
		flex-wrap: wrap;
		gap: 10px;
	}
	.buttons .mid{
		width: 100%;
		gap: 10px;
	}
	.buttons .mid .btn{
		padding: 0 10px;
		font-size: 10px;
		width: 50%;
	}
	.grilla{
		width: 100%;
	}
	.ficha .images{
		width: 100%;
	}
	.ficha .detalle{
		width: 100%;
	}
	.ficha .detalle p{
		padding: 0;
	}
	.grid .title h3{
		width: 100%;
	}
	.layout{
	    display: flex;
    	flex-direction: column;
	}
	.viewer{
		min-height: 50vh;
	}
	.cine .cartelera .film .name{
		font-size: 12px;
	}
	footer .up{
		display: none;
	}
	footer .copy{
		justify-content: center;
	}
	footer .list{
		margin-top: 40px;
	}
	footer .list .social{
		align-items: center;
		justify-content: center;
	}
}