/*(max-width: 576px)*/
@media only screen and (min-width: 576px){
    /*Menu categorias*/
    .mainTabs_section{
        display: none;
    }
    /* FIn Menu categorias*/
}

/* Ajustes Nic*/

@media only screen and (max-width: 575px){

    .box__blanca{
        /*bottom: 125px;*/
        margin: 0 auto;
        background-color: #ffffffe8;
    }
    .banner__carrusel{
            height: 550px;
    }
    
    .mainBanner-img{
        height: calc(100vh - 40px)!important;
    }
    .mainBanner-container{
        transform: translateY(-180px);
    }
    
    /*categorias sabine*/
    .contenido__caja.align-items-center.prodCard, .container .contenido__caja{
        display: flex;
    }
    .contenido__caja-img{
            width: 50%;
            height: 100%;
    }
    .container .contenido__caja{
        width: 100%;
    }
    .numbre-qty{
        display: none;
    }
    
    .sub__categorias-link.active p{
        color: #5b5b5b;
        font-weight: 600;
    }
    .sub__categorias.active a{
        background-color: transparent;
        color: #5b5b5b;
    }
    
    .flex-wrap{
        flex-wrap: wrap;
    }
    
    .ocultar{
        display: none;
    }
    /*.box.align-items-center.d-flex, .consol-bajo {
        flex-wrap: wrap;
    }*/

    /*grilla*/
    .col-lg-3.col-md-4.col-sm-6.col-12.mt-30{
        margin-top: 20px !important;
    }
    
    p.card__content-datos.gutterT-B{
        padding-bottom: 0px;
        
    }
    /*cambiar ubacacion de home*/
    #ubicacion-select .modal-content{
        background-color: rgba(255,255,255,0.9);
    }
    
    #ubicacion-select .modal-dialog .modal-content .modal-body .conjunto__info{
        padding: 0;
        margin: 0;
    }
    
    #ubicacion-select .modal-dialog .modal-content .modal-body .conjunto__info .parrafo-info{
        padding-top: 0px;
        /*margin-bottom: 0;*/
    }
    
    .modal-body .title-m{
        font-size: 23px;
    }
    
    #ubicacion-select .modal-dialog .modal-content .modal-body .text-menu{
        /*font-size: 11px;*/
    }
    
    #ubicacion-select .modal-dialog .modal-content .modal-body .conjunto__info{
        background-color: transparent;
        box-shadow: 0 4px 7px rgba(0, 0, 0, 0);
    }
    
    #ubicacion-select .modal-dialog .modal-content .modal-body .conjunto{
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .blo
    {   
    display: flex;
    margin: 1rem 0;
    text-align: center;
    justify-content: center;
    }

    
    /*Prehome*/
    .menu__nav{display:none;}
    #prehome .b-full{padding: 5vmin;}
    #prehome .b-full .container{padding-top: 1em;background-color: rgba(255,255,255,0.9);}
    #prehome .b-full .cabeza img{margin-bottom: 20px;}
    #prehome .b-full .mitad [class^="col-"]{padding: 0;}
    #prehome .b-full .mitad .mitad__card{ box-shadow: none;background-color: transparent;}
    #prehome .b-full .mitad .mitad__card .btn, .conjunto__info a.btn.btn-light.btn-full{width: 75%;margin: 0 auto;color: #fff;font-size: 14px;padding-top: 1em;padding-bottom: 1em;}
    #prehome .b-full .carrusel {padding: 0 0 20px;}
    #prehome .carrusel .prehome-slider .slick-track{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center;align-items: center;}
    #prehome .prehome-sliderHold::before, .prehome-sliderHold::after{background: transparent;}
    #ModalZonasChange .mitad__card{ box-shadow: none;background-color: transparent;}
    .sliderprehomerightModal{top: 49%;}
    .sliderprehomeleftModal{top: 49%;}
    /*fin Prehome*/
    /*categorias*/
    #categoriasDesayuno.b-full{padding-top:0;}
    #categoriasDesayuno .wrapf{width: 100%;padding: 0 15px;}
    #categoriasDesayuno .cabeza__titulos{padding-top:15px;}
    #categoriasDesayuno .cabeza__titulos-img{font-size: 25px;padding-right:1rem;}
    #categoriasDesayuno .cabeza__titulos-duo .title-l{font-size: 25px;font-weight: 400;}
    #categoriasDesayuno .b-small{width: 100%;}
    /*#categoriasDesayuno .b-small .sub{display: flex;flex-wrap: nowrap;width:100%;overflow: auto;}*/
    #categoriasDesayuno .b-small .sub{display: flex;width:100%;overflow: auto;}
    
    #categoriasDesayuno .sub__categorias i{font-size: 25px;margin-right:0;}
    /*FIn categorias*/
    /*Menu categorias*/
    .mainTabs_section{position: relative;}
    .section_menu__toggle{width: 100%;display: block;padding: 0.5rem;text-align: center;background-color: #ececec;border-bottom: 3px solid rgba(97, 119, 126, 0.2);}
    .section_menu__toggle.active .iconMenu_toggle i:before{content:"\f077";}
    .section_menu__toggle .labelMenu_toggle{color: #48595f;}
    .iconMenu_toggle i{font-size: 12px;margin-left: 10px;color: #48595f;}
    .mainNav_tabs{position: absolute;top: 100%;width: 100%;height: auto;background-color: #fff;padding-left: 1rem;z-index: 99;}
    .mainNav_list{ display:none;}
    .mainNav_tabs .mainNav_item{position: relative;padding: 0.75em;display: -ms-flexbox;display: flex; align-items: center; justify-content: space-between; border-bottom: 1.3px solid #ececec;flex-wrap: wrap;}
    .mainNav_tabs .mainNav_item.drop::before{content: "\f078";font-family: "Font Awesome 5 Free";position: absolute;top: 25px;right: 25px;color: #48595f;font-size: 12px;font-weight: 600;}
    .mainNav_tabs .mainNav_item.drop.active:before{content: "\f077";}
    .mainNav_tabs .mainNav_item .text{font-weight: 400;color: #48595f;margin-left: 11px;}
    .mainNav_tabs .mainNav_item i{color: #48595f;font-size: 16px;margin-right: 6px;margin-top: .1em;max-width: 28px;width: 28px;}
    .mainNav_tabs .mainNav_item .fa-drops{font-size: 12px;}
    .mainNav_tabs .mainNav_item .fa-drops.active:before{content: "\f077";}
    .submainNav_item{padding: 0.5rem 0;margin-left: 50px;}
    .segundoNivel{display: none;width: 100%;}
    .slick-slider .slick-arrow{z-index: 0;}
    /*.featured-home .subtitle, .featured-home .box__box__value{font-weight:500;}*/
    .contenido__caja-text .text-s{height: auto;margin-bottom: 5px !important;}
    
    /*Fin Menu categorias*/
    /*AJUSTES VARIOS EN TITULOS*/
    #categoriasDesayuno .cabeza__titulos-duo .title-l {font-size: 24px;}
    .title-m {font-size: 24px;}
    .subtitle {font-size: 19px;}
    /*---Pasos de compra ocultos mobile---*/
    #home .medio.d-flex.mb-25 {display: none !important;}
    /*---Fin Pasos de compra ocultos mobile---*/
    /*FIN AJUSTES VARIOS*/
    /*CHECKOUT*/
    #mi-carrito{position: relative;}
    .base__acordeon .card{position: unset;}
    
    #resumenPedido.base__pedido {margin-bottom: 5rem;}

}

@media only screen and (max-width: 540px){

#categoriasDesayuno .sub__categorias a{
        padding: 10px;
        flex-direction: column;
        text-align: center;
        min-width: 80px;
        margin: 5px;
    }
    
    .container .login__formulario .btn {
        /*max-width: 374px;*/
        width: 100%;
    }
    
    .login__formulario-contenido .text-s{
        width: 100%;
        display: block;
        text-align: right;
    }
    
    .container .login__nueva .btn.btn-l{
        width: 100%;
    }
    
    #login.container .login__nueva {
        padding: 20px 40px;
    }
    
    .container .login__formulario .text-l {
        margin-bottom: 20px;
        font-weight: 500;
    }
    
    .container .login__formulario .formCampo{
        margin-bottom: 10px;
    }
    
    .img-serviciosClientes {
        object-fit: contain;
    }
    
    .close-cross::after, .close-cross::before {
        left: 10px;
        right: -11px;
    }
    
    #cart .close-cross::after, #cart .close-cross::before {
        left: 10px !important;
        right: -11px !important;
    }
    
    #alert-msj{
        margin-top: 14px;
    }
    
    #perfil.container .formulario__direcciones .list{
        min-width: auto;
    }
    
    #perfil.container .tab-content .formulario__direcciones .list__content-vertical{
        width: 100%;
    }
    
    .list__content .list__content-horizontal{
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    
    #perfil .formulario__direcciones .btn.btn-light {
        width: 100%;
        margin-bottom: 24px;
    }
    
    #perfil.container .tab-content .formulario__direcciones .pieCont .nueva__formulario-contenido .list__datos-s .formCampo-s {
        width: 20%;
    }
    
    #perfil.container .tab-content .formulario__direcciones .pieCont .nueva__formulario-contenido .btn.btn-trans{
        width: 100%;
    }
    
    .formPasarela .inputSkin input{
        width: 100%;
    }
    
    .base__acordeon .links-form__mobile {
        width: 92%;
        position: absolute;
        bottom: 1rem;
        z-index: 2;
    }
    
    .btn_redbtncontinuar{
        width: 100%;
    }
    
    #resumen .confirm-container .payData dd {
        line-height: initial !important;
    }
    
    #resumen .confirm-container .shipData hr {
        margin-top: 32px;
    }
    
    #resumen .btn.btn-dack{
        margin-bottom: 20px;
    }
    
    #crear.container .login__formulario .list__datos{
        width: 100%;
    }
    
    #perfil.container .login__formulario .btn{
        width: 100%;
    }
    
    .login__formulario-contenido .text-s{
        text-align: left;
    }
    
    #crear.container .login__formulario .formCampo{
        width: 100%;
        margin-right: 0px;
    }
    
    .login__formulario-contenido .list{
        flex-direction: column;
        width: 100%;
    }
   
    .pieCont {
        flex-direction: column;
    }
    
    #perfil.container .tab-content .formulario__direcciones .pieCont .nueva__formulario-contenido .list__datos-s .formCampo-m,
    #perfil.container .tab-content .formulario__direcciones .pieCont .nueva__formulario-contenido .list__datos-s .formCampo-s{
        border: 1px solid #ededed;
    }
    
    .dropdown-menu.show .dropdown-item.btn{
        width: 100%;
    }
    
    #cart{
        width: 100%;
    }
    
    #perfil.container .login__formulario .formCampo{
        color: black;
    }
    
    .formError{
        left: 20px !important;
        transform: translateY(-15px);
    }
    
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link, #perfil.container .secciones__perfil-botones:hover, .cobertura__datos-link.active{
        background-color: #e4e4e4;
        transition: 1s ease-in-out;
        color: #222;
    }
    
    .nav-pills .nav-link:hover{
        color: #222;
    }
    
    .container .login__formulario .formCampo, .btn-goog{
        max-width: initial;
        width: 100%;
    }
    
    .container .encabezado__titulo {
        font-size: 26px;
        font-weight: 400;
        text-align: center;
    }
    
    .container .encabezado {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    
    .list__content-horizontal .list__content-vertical.d-flex{
        order: -1;
        justify-content: end;
    }
    
    .list__content .list__content-horizontal{
        background-color: white;
        border-radius: 10px;
        box-shadow: 0px 3px 18px -5px rgba(213,213,213, 0.5);
    }
    
    #perfil.container .tab-content .formulario__direcciones .list__content-vertical {
        padding: 4px 24px;
    }
    
    #perfil.container .formulario__direcciones .list__content .edicion .pieCont{
        width: 100%;
    }
    
    .contenido__caja-text{
        height: 220px !important;   
    }
    
    .numbre-qty{
        margin-bottom: 10px;
    }
    
    .b-full .cobertura__caja__gris__content .btn{
        width: 100%;
    }
    
    .card__content-images{
        padding: 16px 20px;
    }
    
    .card__content-info .btn{
        width: 100%;
    }
    
    #contactus .btn {
        width: 100%;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    
    .card__content-info{
        padding-right: 0px;
    }
    
    .card__content-fondo {
        width: 20%!important;
    }
    
    
    
}

@media only screen and (min-width: 431px) and (max-width: 540px){
    .mejoras-320 .d-xl-flex{
        display: flex;
    }
    
    .b-full .cobertura__caja__gris__content .btn{
        width: 100%;
    }
}

@media only screen and (max-width: 374px){
    
    .contenido__caja-text .textLimit{
        -webkit-line-clamp: 4;
    }
    
    .contenido__caja-text .text-s{
        height: 57px;
    }
    
    .contenido__caja .altBtn{
        height: 37px;
    }
    .contenido__caja .btn{
        min-width: initial;
    }
    
   
}

@media only screen and (max-width: 360px){
    
    .card__content-info{
        width: 100%;
    }
    
    .btn{
        min-width: 160px;
    }
    
    .contenido__caja-text{
     min-height: 240px !important;   
    }
    
    .btn.btn-s{
        min-width: auto;
    }
    
    .mejoras-320 .d-xl-flex{
        display: flex;
    }
    
    .contenido__caja-text .text-s {
        margin-bottom: 35px !important;
    }
    
    .featured-home .grid__menu__box  .box__box__value{
        padding-bottom: 10px;
    }
}