@media screen and (max-width: 1240px) {
	.platoBottom { display: none; }
}
@media screen and (max-width: 1140px) {
	.imagenesTop { margin-top: 0; padding-top: 20px; }
}

@media screen and (max-width: 1040px) {
/* -------------------- Top Nosotros --------------------*/
	article#topNosotros { padding-top: 20px; }

	.txtConocenos { background: rgba(0,119,128,0.7); border: 1px solid #FFF; border-radius: 30px; background-image: none; height: auto; margin:10px; padding: 20px 60px; max-width: 100%; }

	.newsLetter { background: rgba(214,133,0,0.75); background-image: none; border-radius: 0 0 30px 30px; box-shadow: 0px 0px 15px rgba(0,0,0,0.85); margin: 0 auto; max-width: 100%; height: auto; padding: 10px 40px; }
}

@media screen and (max-width: 960px) {
	.newsLetter { border-radius:10px; margin: 10px ; float: right; }
	.rutaTop { display: none; }
	.rutaTop-resp { display: block; position: absolute; top: 100px; right: 20px;  }
	#promoIndex { padding: 10px; }
	#promoIndex .uno, #promoIndex .dos, #promoIndex .tres { width: 95%; margin: 60px auto; }
	.festeja, .cumple, .fbkIndex { margin: 0 auto; }
	.cafe { margin: 80px auto; }

	#promociones .contenedor {  padding: 80px 10px 60px 10px; }
	#promociones .uno, #promociones .dos, #promociones .tres { display:block; width: 95%; margin: 30px auto; }
	#promociones .contenedor p.ttl { padding-bottom: 10px; }

	/*----- Section Content -----*/
	.accordion-section-content { padding: 25px 20px; }
	.imgAccordion { max-width: 460px; float: none; }
	.txtAccordion { float: none; width: 90%;  margin-bottom: 20px; }

	article#mapaUbicacion { margin-bottom: 0; }

	#dudasComentarios .contenedor { background-image: none; }
	#dudasComentarios .contenedor .horarios { background: rgba(0,119,128,0.7); border-radius: 30px; margin-top: 20px; padding: 40px; }

/* -------------------- Nuestros Servicios -------------------- */
	.nuestrosServicios { position: static; }
	.txtNuestros { background: url('images/servicio/mantel-ranchero-zarandeado.png') center center no-repeat; background-size: cover; height: 380px; max-width: 320px; padding: 30px; position: static; margin: 0 auto; }

/* Footer */	
	.topFooter { margin-bottom: -70px; }	
	.right { float: none;  }
}

@media screen and (max-width: 780px) {
	/* -------------------- Top Menú -------------------- */
	article#menuTop { height: 350px;}
	.marYtierra { background-image: none; margin: 0 auto; }
	.marYtierra p { background: rgba(191,4,17,0.65); border: 1px solid #FFF; font-size: 24px; border-top: 0; padding: 20px; border-radius: 0 0 30px 30px; }
	.marYtierra p img { display: none;}
	.newshide, #menuTop, #topServicio, #queremos { display: none; }
}

@media screen and (max-width: 760px) {
	.contHeader { max-width: 100%; margin: 0; float: left; }
	#menuMain, .downHeader { display: none; }

	.newsLetter { width: 95%; padding: 10px; float: none; }

/* Menú responsive */
	.btnResp, .menuResp { display: block; }
	.btnResp { max-width: 80px; position: absolute; top: 10px; right: 10px; margin: 10px; position: fixed; z-index: 99999; }
	.modalmask { position: fixed; font-family: Arial, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; }
	.modalmask:target { opacity:1; pointer-events: auto; }
	.modalbox{ width: 80%; position: relative; padding: 0; background: url('images/tabla-menu-resp-ranchero-zarandeado.png') center center no-repeat; background-size: contain; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; transition: all 500ms ease-in; }
	.modalbox ul { margin: 0 !important; padding: 25px 0 !important;}
	.modalbox li { border-bottom: 1px solid #FFF; list-style: none; max-width: 220px; margin: 0 auto; text-align: center; }
	.modalbox li:last-child { border-bottom: 0;}
	.modalbox li a { font-family: 'roboto-bold', georgia, times, serif; font-size: 18px; color: #FFF; list-style: none; display: block; text-transform: uppercase; padding: 15px !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.75); text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 auto;}
	.modalbox li a:hover { color: #999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
	.movedown { margin: 0 auto; }
	.modalmask:target .movedown { margin:10% auto; }
	.cerrar { color: #BF0310; line-height: 25px; position: absolute; right: -40px; top: -30px; text-align: center; font-size: 48px; text-decoration: none; font-weight: bold; }
	.cerrar:hover { color: #0075B4; }

	.imagenesTop .uno { float: none; }
	.imagenesTop .dos { display: none; }

	/* -------------------- Celebra con nosotros -------------------- */
	article#topServicio { padding: 0px 0 80px 0; }

	.celebra { background-image: none; background: rgba(191,4,17,0.65); border-bottom: 1px solid #FFF;  padding: 20px; border-radius: 0 0 30px 30px; height: auto; margin: 0 auto; padding: 30px 40px; }
	.celebra p:nth-child(1) { color: #FFF; font-family: 'pacifico', georgia, times, serif; font-size: 45px; line-height: 1.2; }
	.celebra p:nth-child(2) { color: #FFF; font-family: 'charis-bold-italic', georgia, times, serif; font-size: 20px; line-height: 1.1; }
}

@media screen and (max-width: 680px) {
	/* -------------------- Historia -------------------- */
	.txtHistoria { background: url('images/nosotros/fondo-historia-nosotros-ranchero-zarandeado.jpg') top center no-repeat; height: auto; margin: 80px auto 0 auto; padding: 40px 20px; }
	.txtHistoria p { font-size: 45px; line-height: 1.2; }
}

@media screen and (max-width: 640px) {
	ul.tabs li.uno { background: url('images/menu/ranchero-zarandeado-menu-desayunos-resp.png') no-repeat ; width: 65px; height: 60px; margin-right: -4px; }
	ul.tabs li.uno:hover { background: url('images/menu/ranchero-zarandeado-menu-desayunos-resp-hover.png') no-repeat; }
	ul.tabs li.uno.active { background: url('images/menu/ranchero-zarandeado-menu-desayunos-resp-hover.png') no-repeat ; }
	ul.tabs li.dos { background: url('images/menu/ranchero-zarandeado-menu-mariscos-resp.png') no-repeat ; width: 50px; height: 60px; margin-right: -4px; }
	ul.tabs li.dos:hover { background: url('images/menu/ranchero-zarandeado-menu-mariscos-resp-hover.png') no-repeat; }
	ul.tabs li.dos.active { background: url('images/menu/ranchero-zarandeado-menu-mariscos-resp-hover.png') no-repeat ; }
	ul.tabs li.tres { background: url('images/menu/ranchero-zarandeado-menu-cortes-resp.png') no-repeat ; width: 50px; height: 60px; margin-right: -4px; }
	ul.tabs li.tres:hover { background: url('images/menu/ranchero-zarandeado-menu-cortes-resp-hover.png') no-repeat; }
	ul.tabs li.tres.active { background: url('images/menu/ranchero-zarandeado-menu-cortes-resp-hover.png') no-repeat; }
	ul.tabs li.cuatro { background: url('images/menu/ranchero-zarandeado-menu-bebidas-resp.png') no-repeat ; width: 50px; height: 60px; margin-right: -4px; }
	ul.tabs li.cuatro:hover { background: url('images/menu/ranchero-zarandeado-menu-bebidas-resp-hover.png') no-repeat; }
	ul.tabs li.cuatro.active { background: url('images/menu/ranchero-zarandeado-menu-bebidas-resp-hover.png') no-repeat; }
	ul.tabs li.cinco { background: url('images/menu/ranchero-zarandeado-menu-postres-resp.png') no-repeat ; width: 65px; height: 60px; }
	ul.tabs li.cinco:hover { background: url('images/menu/ranchero-zarandeado-menu-postres-resp-hover.png') no-repeat; }
	ul.tabs li.cinco.active { background: url('images/menu/ranchero-zarandeado-menu-postres-resp-hover.png') no-repeat; }

	.conocerPrecios { background-image: none; background: rgba(0,119,128,0.7); border-radius: 40px; height: auto; margin: 40px 10px 0 10px; padding: 30px 20px 50px 20px; width: 90%; }

/* -------------------- Queremos acompañarle -------------------- */
	article#queremos { width: 100%; margin: 0 auto; padding: 40px 0; }
	.boxGlobos {  padding: 80px 30px 20px 30px; position: static; }
	.globes { position: static; display: none; }

/* -------------------- Tipos de eventos -------------------- */
	article#eventos { padding:40px 10px; }
}

@media screen and (max-width: 580px) {
	.left ul li { width: 90%;}
	.cerrar { right: 0; top: 0;  }
}

@media screen and (max-width: 540px) {
	.newsLetter p:nth-child(1) { font-size: 32px; }
	.newsLetter p:nth-child(2) { background: none; font-size: 14px; margin: 5px; padding: 0; }
	.newsTop { width: 45%; }
	.enviarTop { display: block; margin: 5px auto; width: 91%; }

	article#topVisitanos { padding: 60px 0; }
	.visitanos { background-image: none; background: rgba(0,119,128,0.7); border-radius: 30px; height: 280px; padding: 20px; }
	.visitanos p:nth-child(1) { font-size: 62px; }

	.txtEventos p:nth-child(1) { font-size: 32px;  }
	.txtEventos p:nth-child(1) span.uno { font-size: 40px; }
	.txtEventos p:nth-child(2) { font-size: 32px; line-height: 0.8; }
	.txtEventos p:nth-child(2) span.uno { font-size: 40px; }
	.txtEventos li { width: 90%; }

	.txtConocenos, .conocenos img { margin-bottom: -80px; }
	.txtConocenos { padding: 20px; }
	.txtConocenos p:nth-child(2) { font-size: 16px; }
}

@media screen and (max-width: 480px) {
	.formReservacion p:nth-child(1) { font-size: 32px; }

/* -------------------- Queremos acompañarle -------------------- */
	.boxGlobos { padding: 50px 20px 20px 20px; }
	.boxGlobos p:nth-child(1) { line-height: 1; padding-bottom: 15px; }
}

@media screen and (max-width: 420px) {
	#promoIndex .uno, #promoIndex .dos, #promoIndex .tres { margin: 20px auto; }
/* -------------------- Festeja con nosotros -------------------- */
	.festeja { max-height: 290px; max-width: 420px; padding: 0; }
	.txtFesteja p:nth-child(1) { font-size: 18px; padding: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.75); }
	.txtFesteja p:nth-child(3) { text-align: center; padding: 10px; }
	.txtFesteja p:nth-child(5) span { font-size: 18px; }
	.dwnFest { background: transparent; padding: 20px 0; }
	a.btnAzul { font-size: 16px; padding: 15px 30px; width: 100%; }
/* -------------------- Fiesta de cumpleaños -------------------- */
	.cumple { background-image: none; background: #D68500; min-height: 280px; max-width: 420px; padding: 0; }
	.txtCumple p:nth-child(1) { font-size: 28px; padding: 5px 10px; }
	.dwnCump { background: transparent; }
	a.btnRojo { font-size: 16px; padding: 15px 30px; width: 100%; }

	.tres .up, .globos, .gorrito { display: none; }
	.tres .dwn { display: block; }

	article#menuRest { padding: 30px 0; }
	.contMenu { padding: 0; }
	.ttlMenu { padding: 10px; }
	.ttlMenu span h2 { font-size: 24px; margin: 0 auto; padding: 10px 25px; max-width: 300px; text-shadow: 2px 2px 4px #1a1a1a; }

/* -------------------- Instalaciones -------------------- */
	article#instalaciones { padding: 10px 0; }
}

@media screen and (max-width: 380px) {
	.modalbox{ width: 100%; }
	.modalbox li { max-width: 200px; }
	.modalbox li a { font-size: 16px; padding: 10px !important; }
	.left ul li a { font-size: 14px; }

	article#menuTop { height: 400px; }
	.marYtierra { padding: 0 20px; }
	.marYtierra p { font-size: 18px; }

	.conocerPrecios .btn a { font-size: 16px; }

	.boxGlobos { padding: 50px 10px 10px 10px; }
	.boxGlobos p:nth-child(1) { line-height: 1; padding-bottom: 15px; font-size: 22px;}

/* -------------------- Nuestros Servicios -------------------- */
	.txtNuestros { background-image: none; background: #BF0310; height: auto; max-width: 320px; padding: 30px; position: static; margin: 0 auto; }

	.txtHistoria p { font-size: 28px; line-height: 1.2; }
}
@media screen and (max-width: 320px) { .logo { padding-bottom: 60px; } .rutaTop-resp { top: 210px; } }