@media screen and (max-width: 1360px) {
    
    .cuerpo > .elemento:not(.logoMenu,.pie){
        padding-left:40px;
        padding-right:40px;
    }
}

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

}

/*LA MEDIDA EN LA QUE SE OCULTA LA BúSQUEDA EN EL CATALOGO*/
@media screen and (max-width: 1150px) {

    .formaCatalogoCont{
        display: none;
    }

    .formaCatalogoCont + .listaCatalogoCont{
        width:100%;
    }
    
    .busquedaCont .seccionWrap{
        padding:15px;
    }

    .listaCatalogoCont{
        padding:0px;
    }

}

/*TABLETS Y PANTALLAS CHICAS*/
@media screen and (max-width: 1024px) {

    .prdDisp{
        padding:0px;
    }

    .contactoDatos{width:50%;}
    .contactoDatos + .contactoForma{width:calc(50% - 30px);}

    .izqCheckout{
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .ordenCheckoutPagos{
        padding: 30px 0px;
    }

    .pbxCont .ordenCheckoutPagos{
        padding:0px;
    }

    .bannerInicioWrap{
        display: block;
    }

    .bannerInicioDatos,
    .bannerInicioImagen{
        width:100%;
    }

    .bannerInicioDatos{
        padding:10px;
    }

}

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

    .sucursalCont{
        width:100%;
        margin:0px;
    }
    
    .sucursalCont + .sucursalCont, .sucursalSeparador + .sucursalCont{
        margin-top: 40px;
    }
    
    .sucursalSeparador{
        display: none;
    }

    .columnaPie{
        width:100%;
        padding:0px 20px;
        margin: 0px;
    }

    .columnaPie + .columnaPie{
        padding-top:40px;
    }

    .infoTiendaPie{
        width:100%;
        padding-bottom: 30px;
        padding-right: 0px;
    }

    .menuSeccionesPie, .categoriasPopularesPie{
        width:35%;
    }

    .sellosPie{
        width:30%;
    }

    
}

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

    [data-protab="verprd"] .prdImg,
    [data-protab="verprd"] .prdDatos,
    [data-protab="verprd"] .prdComentarios,
    .prdDisp .prdImg,
    .prdDisp .prdDatos,
    .prdDisp .prdComentarios{
        width:100%;
    }
    

    [data-protab="verprd"] .prdImg,
    .prdDisp .prdImg{
        border:none;
    }

    [data-protab="verprd"] .prdDatos{
        padding:0px;
    }
    
    .prdDisp .prdDatos{
        background: rgba(255,255,255,1);
        padding:32px;
        position: relative;
        border-radius: 16px;
        box-shadow: 0px 10px 30px rgb(68 55 77 / 15%);;
    }
    
    [data-protab="verprd"] .prdNombre,
    .prdDisp .prdNombre{
        padding:0px;
    }
    
}

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

    .cuerpo > .contacto{
        padding:40px;
    }

    #formaContacto{
        width:100%;
    }
}

/*iPad*/
@media screen and (max-width: 798px) {



    .botonMiCuenta .textoGeneral{
        display: none;
    }
    
    .prdCabecera:after{
        display: none;
    }
    
    .columnaCont{
        width:100%;
        padding:0px;
    }
    
    .columnaCont + .columnaCont{
        margin-top: 30px;
    }

    .menuSeccionesPie, .categoriasPopularesPie{
        width:50%;
    }

    .categoriasPopularesPie{
        padding-right: 0px;
    }

    .prdDstCol{
        width:100%;
    }

    .prdDstCol .prdCont{
        height: auto;
        margin: 5px 15px;
    }

    .prdDstCol .prdCont .prdContImgCont{
        display: inline-block;
        vertical-align: top;
        width:40%;
        padding-top: 30%;
    }
    
    .prdDstCol .prdCont .prdContDatosCont{
        display: inline-block;
        vertical-align: top;
        width:60%;
    }

    /*CONTACTO*/

    .contactoDatos{
        width:100%;
    }
    
    .contactoDatos + .contactoForma{
        width:100%;
        margin:30px 0px 0px 0px;
    }

}


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

    .inicioHeroeCont{
        padding:40px 0px;
    }

    .inicioHeroeCont > .datos,
    .inicioHeroeCont > .imagen{
        width:100%;
    }

    .inicioHeroeCont > .datos{
        padding:0px;
        text-align: center;
    }
    .inicioHeroeCont > .datos .titulo{
        font-size: 36px;
    }

    .inicioHeroeCont > .imagen{
        padding:40px 0px;
        background-position:center 20px;
    }

    .inicioNosotros .inicioHeroeCont .datos{
        padding: 0px;
    }
}

@media screen and (max-width: 750px) {
    /*A ESTA MEDIDA SE OCULTA EL MENú DE LA CABECERA Y APARECE EL BOTóN DE MENú MOVIL*/

    .logoMenu{
        padding:20px;
    }

    .logoMenu .logoEmpresa{
        padding:0px;
    }

    .logoMenu .redes,
    .logoMenu .menuBasico{
        display: none;
    }

    .botonMenuMovil{
        display: inline-block;
    }

    #formaContacto .inputTelefono,
    #formaContacto .inputEmail{
        width:100%;
        margin: 0px;
    }

}

@media screen and (max-width: 620px) {
    
    .botonCategorias{width:auto}
    
    .botonCategorias .textoGeneral{display: none;}

    .menuCabeceraDesk{
        display: none;
    }
}

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

    .cabeceraBusqueda{
        width:calc(100% - 134px);
    }
    
    .cabeceraBotonMenu .textoGeneral{
        display: none;
    }
    
    .cabeceraUsuario .botonCuenta{
        display: none;
    }
    
    .menuMovilLinksCont .botonCuenta{
        display: block;
    }

    .sellosPie{
        text-align: center;
        background: rgba(0,0,0,0.05);
        border-radius: 10px;
    }

    .sellosPie .titulo{
        text-align: center;
    }

    .redesTarjetasPie .contenedor{
        display: block;
        width:100%;
        text-align: center;
    }

}

@media screen and (max-width: 580px) {
    .datosTop .textoGeneral{
        display: none;
    }

    .logoCabecera{
        width:calc(100% - (44px * 4));
    }

    .motorCabecera{
        display: none;
    }

    .botonBusqueda{
        display: inline-block;
    }
}

@media screen and (max-width: 450px) {/*MOVIL VERTICAL*/

    /*GENERALES*/

    .moduloBasico{
        padding: 25px;
    }

    .seccionWrap{
        padding:15px;
    }

    /*.moduloBasico{padding:15px;}*/


    /*PRODUCTOS*/

    .prdBotonACCont{
        display: none;
    }

    .productos{
        padding: 0px;
    }

    .productos[data-artxfila] .prdCont{
        width:100%;
    }

    .productos[data-artxfila] .carrusel .prdCont{
        padding:5px;
    }

    /*PRD DISP*/

    .prdDisp .prdCont{
        padding:10px;
    }

    [data-protab="verprd"] .prdDatosSeccion,
    .prdDisp .prdDatosSeccion{
        padding:30px 10px;
    }

    /*CARRUSEL*/

    .carruselOfertas .carrusel{
        padding: 20px 0px;
        background:rgba(221,33,68,1);
        border-radius: 5px;
        overflow: visible;
    }
    
    .carruselOfertas .carrusel .titulo{color:rgba(255,255,255,1);}

    .carruselProductos .carrusel{
        padding: 10px;
        background:linear-gradient(rgba(0,0,0,0.1),rgba(255,255,255,0.5));
        border-radius: 5px;
        overflow: visible;
    }

    .productos .titulo{
        padding-left: 10px;
    }

    .productos .carrusel .prdCont{width: calc(47% - 10px);}

    .productos .carrusel .prdBotonACCont{display: none;}

    .productos .carrusel .prdContNombre{font-size: 12px;}

    
    /*CABECERA*/
    
    .logoBusqueda{
        background: none;
        margin-bottom: 0px;
    }

    .logoBusqueda .seccionWrap{
        padding: 5px;
    }

    .logoCabecera{
        padding: 10px 0px;
        margin: 0px;
    }

    .logoCabecera.elemento.imagen a svg{
        height: 24px;
        width: auto;
    }

    .motorCategorias{
        display: none;
    }

    .motorCabecera{
        padding: 0px;
    }

    .motorCabecera .motorSubmit{
        display: none;
    }

    .botonCarrito a{
        padding: 10px 13px;/*PARA QUE TENGA UNA ANCHO DE 50px COMO EL LOGO Y EL MOTOR DE BúSQUEDA QUED EMEJOR CENTRADO*/
    }

    .selloPie{
        width:calc(100% / 3);
    }

    .redesPie{
        padding-top: 20px;
    }

    /*CATáLOGO*/

    .listaCatalogoCategoriaPadre{
        color:rgba(255,255,135,1);
    }

    .listaCatalogoCategoriaNombre{
        color:rgba(255,255,255,1);
        font-family: fuente;
    }

    /*MI CUENTA*/

    .muCuentaIzqLink .textoGeneral{font-size: 10px;}

    /*BANNERS INICIO*/

    .bannerInicio{
        padding:10px;
    }

    .bannerInicioImagen, .bannerInicioDatos{
        width:100%;
    }

    .bannerInicioDatos{
        top:0px;
        padding:5px;
    }

    .bannerInicioDatos .titulo{
        font-size: 24px;
    }

    /*CONTENEDORES DE PRODUCTOS SIN PADDING*/

    .catalogo.productos,
    .favoritos.productos{
        margin: 0px;
    }

    .productos .carrusel .prdCont{
        width: 90%;
    }

}

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

    .prdDisp .botonAC .iconoGeneral{
        display: none;
    }

    .prdDisp .botonAC .textoGeneral{
        margin:0px;
    }

}