/* Clases según contenido, no por dispositivo */
@media (max-width: 4000px) {
	.modal-dialog {width: 80%; margin: 2% auto 0;}
}

@media (max-width: 1315px) {
	footer {padding-bottom: 2.6em;}
	footer .pagos {width:100%;}
}

@media (max-width: 1200px) {
	.navbar-default .navbar-nav>li>a {padding: 6px;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {padding: 6px; box-shadow: 0 3px 5px rgba(0,0,0,0.21);}
	.navbar-default .navbar-nav>li>.aparte:hover {padding: 6px;}
	.platos-text h4 {width:100%;}
	.platos-text .precio {position: absolute; bottom: 1rem; right: 1rem;}
	.eventos-text {width: 46%; left: 48%; top: 9%; padding: 0 16px 1em;}
	.derecha {left: 13%;}
}

@media (max-width: 994px) {
	.navbar-default .navbar-nav>li>a {padding: 4px; font-size: 12px;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {padding: 4px;}
	.navbar-default .navbar-nav>li>.aparte:hover {padding: 4px;}
	.nav li:first-child {display: none;}
	.about {padding: 3em 0;}
	.about-text h3.subtitulo, .subtitulo {font-size: 1.6em;}
	.about-text {top: 18%;}
	.deliveries {height: 116px; right: -90px;}
	.platos-text .precio {width: 30%;}
	.eventos article {height: 280px; margin: 1em 0 0;}
	.eventos-text {width: 52%;}
	.derecha {left: 2%;}
	.lettering {max-width: 30%;}
}

@media (max-width: 767px) {
	.about .img-responsive {margin: 0 auto;}
	.about-text {top: 4%; width: 27%; left: 3%; padding: 2rem;}
	.deliveries {height: 134px; right: 10px; bottom: 15px; width: 25%;}
	.platos-recomendados .col-sm-3 {width: 25%; display: inline-block; vertical-align: top;}
	.platos-text h4 {font-size: 14px; letter-spacing: -1px; margin-top: 0;}
	.hov {padding:10%; font-size: 14px;}
	.eventos article {height: auto; margin: 1em 0 2em;}
	.eventos-text {width: 28%; left: 71%; top: 16%;}
	.derecha {left: 1%; top: 9%;}
	.fechas li.cuarto {width: 44%;}
	aside {background: #590f06; background-image: none; padding-top: 1em;}
	.sello {position: relative; width: 30%; float: right;}
	.sello img {z-index: 1000; top: -240px; right: 100px;}
	footer .derechos, footer .pagos {text-align: center;}
	.nav li:first-child {display: block;}

	.navbar-header {width: 100%; margin: 0;}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin:0;}
	.navbar-nav {width: 100%; margin: 0;}
	.navbar-default .navbar-collapse {background: #de8700; text-align: center; margin-top: 96px; border: none; padding: 1em 0;}
	.navbar-default .navbar-toggle {margin-right: 15px;}
	.navbar-brand {width: 21%; top: -36px; left: 6%;}
}

@media (max-width: 690px) {
	.platos-text .precio {width:45%;}
	.platos-text h4 {font-size: 12px; min-height: 22px;}
	.platos-text .tipo {display: none;}
	.platos-text {min-height: 80px;}
	.hov {padding: 10%; font-size: 12px; font-weight: 100; line-height: 1.2;}
	.eventos-text {width: 38%; left: 61%; top: 25%;}
	.derecha {left: 1%; top: 14%;}
	.ban h3 {font-size: 2em;}
	.textos {padding: 0em 0 1em; padding-left: 6%;}
}

@media (max-device-width: 425px) {
	.delivery .fa {
		font-size: 1em;
	    width: 24px;
	    height: 24px;
	    padding: 3px 5px 0 0;
	    border: 2px solid #FFF;
	}
	.telefono {font-size: 1.4em;}
	.navbar-brand {width: 50%; top: -34px; left: 8px;}
	.redes {top: 50%;}
	.redes a {margin: 2px;}
	.delivery {margin-right: 8px;}
	.navbar-toggle {margin-right: 0;}
	.ban h3 {font-size: 1.2em;}
	.textos {
		padding: 0px 0 1em;
	    margin-top: 8em;
	    padding-left: 5%;
	    width: 100%;
	    background: linear-gradient(to right, rgba(0,0,0,.5) , rgba(203, 122, 0, 0));
	}
	h2 {font-size: 3em;}
	.redes {display: none;}
	.ban p {line-height: 1.3; text-shadow: 0 2px 1px rgba(0,0,0,0.8); font-size: 16px;}	
	.navbar-header {width: 100%; margin: 0;}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin:0;}
	.navbar-nav {width: 100%; margin: 0;}
	.navbar-default .navbar-collapse {background: #de8700; text-align: center; margin-top: 130px; border: none; padding: 1em 0;}
	.navbar-default .navbar-toggle {margin-right: 15px;}
	.one, .two, .three, .four {min-height: 480px;}

	.about {padding: 18em 0 5em;}
	.about-text {position: absolute; width: 100%; left: 0; top: 0;}
	.deliveries {width: 40%; height: 100px; position: absolute; right: 8px; bottom: -40px;}
	.eventos-text {position: relative; width: 100%; left: 0; top: 12%;}
	.eventos article {width: 100%; height: auto; position: relative; margin: 0; margin-bottom: 2em;}
	.eventos-text, .about-text {padding: 0 3em 2em;}
	aside {background: #590f06; background-image: none; padding-top: 1em;}
	aside h4 {font-size: 18px;}
	aside ul {min-height: 175px;}
	.sello {padding: 0; min-height: 212px;}
	.sello img {top: 0; z-index: 1000; width: 50%; margin: 0 25%;}
	footer .derechos, footer .pagos {text-align: center;}
	.fechas li.cuarto {width:100%; margin: 0; margin-bottom: 1em;}
	.logo-exclusivo {width: 60%; margin: 0 auto; margin-bottom: 1em;}
	
	.bg-about, .bg-menu {height: auto;}
	.bg-about .about-text {left: 0; margin-top: 190px; margin-bottom: 16px; padding: 1em; padding-top: 2em; width: 90%; text-align: left; position: relative;}
	.certificado {position: relative; width: 90%; margin-bottom: 48px; top: 0; right: 0;}
	.menu-text {position: relative; top: 0; background: rgba(255, 255, 255, 0.34); width: 100%; left: 0; margin-top: 190px; margin-bottom: 48px;}
	.bg-menu a {width: 42%; margin: 8px;}
	.platos {bottom: 34px; font-size: 26px;}
	.bebidas {font-size: 26px;}
	.events h2 {margin-top: 60px; margin-bottom: 0;}
	.pantalla h2 {margin-top: 80px; margin-bottom: 0;}
	.contacto .formulario {width:100%; margin: 1em auto 7em;}
	.pantalla {height: auto;}
	.formulario {padding: 2em 2em 1em;}
	.mapita {right: 16px; bottom: 2rem;}
	.restaurador-jalar {right: 3em;}
	.restaurador {bottom: 5em;}
	.para-reservas {margin-top: 0; padding: 1em 1em 1em 3em;}
	input[type=date].form-control {margin-bottom: 8px;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {border-radius: 0;}
	.reservas h2 {margin-top: 180px;}
	.about-text h3.subtitulo {font-size: 2em;}
	.subtitulo {font-size: 2em;}
	.lettering {width:30%;}
	.platos-recomendados .col-sm-3 {width: 100%;}
	.lettering {max-width: 40%;}
	.platos-text h4 {font-weight: 600; font-size: 1.4em; min-height: 30px; width: 80%;}
	.platos-text .precio {font-weight: 900; color: #000; text-align: right; display: inline-block; width: 20%; position: relative; bottom: 0; right: 0;}
	.platos-text .tipo {display: inline-block;}
	.sello {position: relative; width: 50%; float: right;}
	.sello img {top: 0; z-index: 1000; width: 100%; margin: 0 auto;}
}

@media (max-device-width: 375px) {
	.sello {min-height: 180px;}
	.about {padding: 20em 0 4em;}
	.navbar-default .navbar-collapse {background: #de8700; text-align: center; margin-top: 60px; border: none; padding: 1em 0;}
	.bg-about .about-text, .menu-text {margin-top: 160px;}
	.events h2, .pantalla h2 {margin-top: 1em;}
	.reservas h2 {margin-top: 140px;}
}

@media (max-device-width: 320px) {

}