/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 07/09/2018, 11:01:40
    Author     : Aldana
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 540px) and (max-width: 768px) { 
    
}

/*@media (min-width: 360px) and (max-width: 1600px){
    .checkout-paso ul.radios .recompensa .juntaste .cuarto-circulo-rojo {
        top: -136px;
    }
}*/

@media (min-width: 768px) and (max-width: 1199px){
    .navbar-aldana{
        padding: 3em 2em 1em 2em;
        top: 6em;
    }
    
    .caja-producto-contenedor {
        height: 13em;
    }
}

@media (min-width: 1110px) and (max-width: 1200px){
    .navbar-aldana{
        width: inherit;
    }
    .caja-producto-contenedor {
        height: 13em;
    }
}

@media (max-width: 1110px){
    .navbar-aldana{
        width: 100%; 
    }
}

@media (min-width: 1199px){
    .navbar-aldana{
        top: 5em;
        padding-top: 3em;
    }
}

@media (max-width: 1199px){
    .locales .caja-producto > .imagen > .reserva > button{
        margin-top: 13em;
    } 
}

@media (max-width: 1110px){
    .row.index-row .container{
        width: 100%;
        padding: 0;
    }
    
    .row.index-row .container>div{
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1114px){
.footer .afip >div >a>img{
        width: 18%;
    }
}

@media (max-width: 991px){
    .index-row{
        margin-right: -15px;
        margin-left: -15px;
    }
    .index-row .container{
        padding-right: 0;
        padding-left: 0;
    }
    .menu-productos{
        overflow: auto;
        white-space: nowrap;
        padding-left: 2em;
        padding-right: 2em;
    }
    
    .footer .hoy{
        text-align: center;
    }
    
    .footer .flecha>span{
        background-image: url("../img/flecha-d.svg");
        display: none;
    }
    
    .menu-productos-lista > .menu-productos-item.active p {
        color: #010101;
    }
    .menu-productos-lista{
        margin: 7.5px -15px;
        text-align: center;
    }
    
    .menu-productos-lista > .menu-productos-item.active {
        /*width: auto;*/
        height: 2em;
        
        border: 2px solid #d9f0fa;
        border-radius: 5px 5px;
        height: 3em;
        background-color: #D9F1FB;
        margin: 0.1em 0.25em 0 0.3em;
    }
    
    .locales .caja-producto > .imagen > .reserva > button{
        margin-top: 16em;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .nav > li > a {
        padding: 10px 10px;
    }
	
	.caja-producto .imagen > a > img{
		/*min-height: 17em;*/
    }
    
    .caja-producto > .descripcion > .precios a, .caja-producto > .descripcion > .precios button {
        font-size: 0.7em;
    }
}
@media (min-width: 768px){
    
    .carousel .controles{
        width: 35px;
    }
    
    #modal-ubicacion .modal-dialog{
        width: 30em;
    }
    .sidenav-bottom .carrito button{
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 50%;
    }
}


@media (min-width: 500px) and (max-width: 767px){
	.caja-producto .imagen > a > img{
		/*min-height: 14em;*/
    }
}
@media (min-width: 660px){
    .locales{
        height: 35em;
    }
}

@media (min-width: 610px) and (max-width: 660px){
    .locales{
        height: 33em;
    }
}

@media (min-width: 500px) and (max-width: 700px){
    .caja-producto-contenedor {
        height: 9em;
    }
}

@media (min-width: 767px) and (max-width: 953px){
    .caja-producto > .descripcion .promo-nuevo > .nuevo > span, .caja-producto > .descripcion .promo-nuevo > .promo > span {
        font-size: 0.5em;
    }
}

@media (min-width: 500px) and (max-width: 610px){
    .locales{
        height: 31em;
    }
}

@media (max-width: 767px){
    .contenido-manual .sin-padding{
        padding-left: 0em;
        padding-right: 0em;
    }
    .confirmado{
        background-color: #fce3e3;
    }
    
    .confirmado a{
        width: 70%;
    }
    
    .direccion_en_menu .abajo button {
        width: 100%;
    }
    
    .carousel .controles {
        right: 1em;
        width: 6em;
        bottom: 4em;
    }
    
    .carousel-control.left{
        top: 0;
    }
    
    .footer .comunicaciones{
        padding: 1% 0;
    }
    
    .footer .hoy{
        font-size: 2em;
    }
    
    .footer .horarios{
        font-size: 1em;
    }

    .footer .telefono {
        font-size: 2em;
        padding: 0 1em;
    }
    
    
    .footer .logo{
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 1em 0;
    }
    
    .pie_lista{
        border-top: solid 1px #333333;
        padding-top: 2em;
        margin-bottom: 2em;
        padding-left: 0em;
    }
    
    .copyright{
        padding: 2em 0;
        text-align: center;
    }
    
    .menu-lateral-lista-izquierda{
        border-top: none;
        margin-top: 1em;
    }
    
    .navbar_grande{
        height: 6em;
        padding-top: 2em;
    }
    
    .direccion_en_menu {
        height: 3.5em;
        padding: 1em;
    }
    
    #container.container{
        margin-top: 9em;
    }
    
    .sidenav-derecha{
        padding-top:1em;
    }
    
    .sidenav-derecha-pedido > div{
        margin-top: 0;
    }
    
    .sidenav-derecha-pedido > div> .total.eg{
        margin-bottom: 15em;
    }
    
    .sidenav-derecha-pedido > div> .total > .error-generico{
        width: 100%;
    }
    
    .sidenav-derecha-delivery > div{
        margin-top: 0;
    }
    
    .sidenav-derecha .sidenav-derecha-delivery > .no-padding-rl .closebtn{
        margin: 4em auto 1em 2em;
    }
    
    .sidenav-derecha-delivery > div> form > .row > div{
        padding-right:2em;
    }
    
    .sidenav-derecha-delivery > div> form > ul.extras .row > .palillos{
        padding-right:1.5em;
    }
    
    .sidenav-derecha-delivery > div> form > .final{
        width: 100%;
    }
    
    .sidenav-derecha-delivery .checkout-paso .final{
        width: 100%;
    }
    
    .sidenav-derecha-delivery > .no-padding-rl .checkout-paso .final {
        width: 100%;
    }
    
    .checkout-paso ul.radios .recompensa .juntaste .cuarto-circulo-rojo {
        /*top: -115px; /*-136px;*/
    } 
    
    .direccion_en_menu_elegir .envio.activo {
        border: solid 1px #ff0010;
    }
    .direccion_en_menu_elegir .row > div > div{
        padding: 0;
        margin: 0;
    }
    
    .menu-categorias-lista{
        width:100%;
    }
    
    .menu-categorias-lista >div{
        display: block;
        margin: 0.5em 0;
    }
    
    .menu-categorias-lista a {
        width: 100%;
    }
    
    .menu-productos{
        justify-content: normal;
    }
    
    .menu-productos-lista > .menu-productos-item p {
        font-size: 1em;/*1.2em;*/
    }
    
    .caja-producto-contenedor {
        border-bottom: 1px solid #999999;
        padding: 1em;
        height: auto;
    }
    
     .producto-row .container{
        padding: 0 !important;
        margin: 0 !important;
     }
    
    .producto{
        padding: 0;
        margin: 0;
    }
    
    .producto > .descripcion {
        padding: 0;
        margin-top: 1em;
    }
    
    .producto > .descripcion > .titulo > .rojo {
        font-size: 1em;
    }

    .producto > .descripcion > .titulo > h3 {
        font-size: 1.85em;
    }

    .producto > .descripcion > .titulo > h4 {
        font-size: 1em;
    }
    
    .producto > .descripcion  ul.precios{
        margin-left: -2.9em;
        margin-right: 0.1em;
    }
    
    .producto > .descripcion  ul.precios > li{
        padding: 0em 1em;
    }
    
    .cuenta{
        padding: 0;
    }
    
    .cuenta-menu-izquierdo ul{
        border: none;
        box-shadow: none;
        
        padding: 1em 0 1em 0em;
        
        text-transform: uppercase;
        color: #000000;
        
    }
    
    .cuenta-menu-izquierdo ul li {
        padding-left: 2em;
    }
    
    .cuenta-contenido{
        padding: 0;
        margin-bottom: 0;
    }
    
    .cuenta-contenido h1{
        font-size: 1.7em;
        text-align: center;
        color: #000000;
    }
    
    .cuenta-contenido > div{
        padding: 0;
        
        border-radius: 0;
        box-shadow: none;
        border: none;
        margin: 0;
    }
    
    .cuenta-contenido > .perfil > div{
        padding: 0;
        border: none;
        box-shadow: none;
    }
    
    .cuenta-contenido button.blanco{
        height: 30px;
    }
    
    .cuenta-contenido button.blanco-r{
        height: 30px;
    }
    
    .cuenta-menu-izquierdo ul li.activo{
        background-image: none;
        color: #000000;
    }
    
    .cuenta-contenido .perfil .superior > .datos{
        width: auto;
    }
    
    .cuenta-contenido .perfil .superior > .datos h1{
        font-size: 1.7em;
    }
    
    .cuenta-contenido > .historial > div{
        border-radius: 0;
        box-shadow: none;
        border-top: solid 1px #eaeaea;
        margin: 0;
    }
    
    .cuenta-contenido > .historial > div > div{
        padding: 0;
    }
    
    .cuenta-contenido .monedas .instrucciones{
        background-color: #fafafa;
    }
    
    .cuenta-contenido .monedas .botones{
        border-top: solid 1px #eaeaea;
    }
    
    .cuenta-contenido .monedas .botones > div{
        padding: 0.2em;
    }
    
    .cuenta-contenido .invitar >div {
        padding: 0;
    }
    
    .cuenta-contenido .invitar .superior p{
       padding: 0; 
    }
    
    
    .cuenta-contenido .invitar .superior p.instrucciones{
        font-size: 1em;
        line-height: 1.7;
        color: #444444;
    }
    
    .cuenta-contenido .invitar > .instrucciones{
        color: #000000;

        background-color: #fafafa;
        border-top: solid 1px #eaeaea;
        border-bottom: solid 1px #eaeaea;

        padding: 1em;
        margin-top: 1em;
    }
    
    .cuenta-contenido .direcciones ul{
        margin: 2em 1em 0 -1em;
    }

    .cuenta-contenido .direcciones ul > li:first-of-type{
      border-top: solid 1px #eaeaea;
    }
    
    .eventos .instrucciones>div{
        margin-top: 1em;
    }
    
    .eventos .instrucciones>div>div{
        padding: 0;
    }

    .eventos .instrucciones>div .medio{
        border: none;
    }
    
    .contacto{
        border-radius: 0;
        box-shadow: none;
        border: none;
    }

    .cobertura > .mapa {
        height: 100%;
    }

    .cobertura > .precios{
        box-shadow: none;
        position: relative; 
        top: 0;  
        z-index: 1;
        border: none;
    }

    .cobertura > .precios> table tr:last-of-type{
        color: #000000;
    }
    
    .locales .caja-producto > .imagen > .reserva > button{
        margin-top: 50%;
    }
    
    .demp .ciclo {
        border-radius: 0;
        box-shadow: none;
        margin: 0;
    }
    
}

@media (max-width: 500px){
    
    .col-xxs-12{
        width: 100%;
        padding: 0 0.2em;
    }
    
    .recompensa > div{
        margin-bottom: 1em;
        border-bottom: 1px solid #e8e8e8;
    }
    
    .recompensa > div:last-of-type{
        border-bottom: none;
    }
    
    .direccion_en_menu .abajo span {
        font-size: 0.9em;
    }
    
    .caja-producto-contenedor {
        height: auto;
        padding: 0.5em;
    }
    
    .caja-producto > .descripcion > .precios a, .caja-producto > .descripcion > .precios button {
        font-size: 0.7em;
    }
    
    .caja-producto > .descripcion .precios > div {
        padding-right: 0.1em;
    }
    
    .caja-producto > .descripcion .promo-nuevo{
        padding-right: 0;
    }
    
    .caja-producto > .descripcion .promo-nuevo > .nuevo > span, .caja-producto > .descripcion .promo-nuevo > .promo > span {
        font-size: 0.6em;
    }
    
    .login {
        border-radius: 0;
        box-shadow: none;
        margin-top: 0;
    }
    
    .locales .caja-producto > .imagen > .reserva > button{
        margin-top: 55%;
    }
    
    .marquee {
        animation: none;
    }
    .caja-producto > .descripcion > h3 {
        overflow-x: scroll;
    }
}

@media (max-width: 400px){
    .footer .afip >div >a>img{
        width: 2.7em;
    }
    .caja-producto > .descripcion .promo-nuevo > .nuevo > span, .caja-producto > .descripcion .promo-nuevo > .promo > span {
        font-size: 0.4em;
    }
}

@media (max-width: 350px){
    
    .boton-hamburguesa > .hamburguesa{
        margin-left: -1em; 
    }
}

@media (max-width: 300px){
    .caja-producto-contenedor{
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .caja-producto {
        border-radius: 0px;
        float: none;
    }
    
    .caja-producto .imagen > a > img{
        border-radius: 0px;
    }
    
    .producto{
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0px;
    }
    
    .producto .imagen{
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0px;
    }
    
    .producto .imagen img{
        border-radius: 0px;
    }
    
    .producto > .descripcion .contenido ul {
        border-radius: 0;
        box-shadow: none;
        border: none;
        padding: 1em 1em;
    }
    
    .producto > .descripcion .contenido ul > li{
        padding: 1em 0;
    }
    
    .cuenta-contenido .monedas img{
        width: 2.5em;
    }
    
    .login p {
        font-size: 0.8em;
    }
    
    .locales{
        padding: 0 !important;
        margin: 0 !important;
    }
}
/*
@media only screen and (min-width: 991px) and (max-width : 991.5px) {
    .navbar_grande .hidden-sm{
	display:none;
    }
	
    .navbar_grande .hidden-xs{
	display:none;
    }
    
    .menu-productos-lista > .menu-productos-item{
        width: 8em;
    }
}

@media only screen and (min-width: 767px) and (max-width : 767.5px) {
    .navbar_grande .hidden-sm{
	display:none;
    }
	
    .navbar_grande .hidden-xs{
	display:none;
    }
    
    .menu-productos-lista > .menu-productos-item{
        width: 8em;
    }
}
*/