@media only screen and (max-width:1500px){
    nav#menu-superior{
         flex-basis: 100%;
         order: 2;
         margin-top: 20px;
    }
    ul#menu-menu-superior{
         justify-content: flex-start;
    }

    h2,h1{
        font-size: 50px !important;
        line-height: 70px !important;
     }

     .portada .armarios-y-vestidores .wp-block-cover .wp-block-cover__inner-container .has-background-dim .wp-block-cover__inner-container{
         padding: 20px;
     }

     .portada .armarios-y-vestidores .wp-block-cover.has-background-dim.has-background-dim-NaN{
         min-height: 0 !important;
     }
 }
 
 @media only screen and (max-width:1300px){
   
 }
 
 @media only screen and (max-width:1100px){
     body{
         padding-top: 0px;
     }
     header{
        position: absolute;
        top: 0px;
        width: 100%;
        height: 119px;
     }
     /* Menu Flotante */

     #menu-superior{
        flex-wrap: nowrap;
     }

     #mostrar-menu {
         position: fixed;
         bottom: 10px;
         right: 10px;
         z-index: 500;
         cursor: pointer;
         display: flex !important;
         height: 30px;
         background-color: #584531 ;
         padding: 5px 20px;
         border-radius: 10px;
         justify-content: flex-end;
         align-items: center;
         margin-top: 15px;
     }
     #mostrar-menu > span {
         align-self: center;
         font-weight: 500;
         margin-right: 5px;
         font-family: 'Libre Franklin';
         color:white;
     }
     #mostrar-menu .fa {
         display: inline-block;
         color: white;
         font-size: 28px;
         text-align: center;
         cursor: pointer;
     }
     .menu-menu-principal-izquierda-container,
     .menu-menu-principal-derecha-container{
         flex: 100%;
         max-width: 100%;
         max-height: 100%;
     }

     .menu-menu-principal-izquierda-container{
         max-height: 215px;
         min-height: 215px;
     }

     #menu-superior #menu-menu-principal-izquierda, #menu-superior #menu-menu-principal-derecha{
        display: flex;
        flex-direction: column;
     }

     .redes-responsive{
        display: flex;
        justify-content: flex-end;
        margin-top: 30px;
        margin-right: 30px;
    }
    .redes-responsive a{
        color:white;
    }

    .link-facebook{
        position: absolute;
        transform: translateX(30px) !important;
        transform: translateY(-10px);
        margin: 0 !important;
    }

    .link-instagram{
        margin: auto !important;
    }

     /* .link-facebook,.link-instagram{display: none;} */
     ul#menu-menu-principal-izquierda > li > a:hover,
     ul#menu-menu-principal-derecha > li > a:hover {background-color: transparent;}
     #menu-superior.activo{
         opacity: 1;width: 100%;display: flex;
        justify-content: center;
        flex-direction: column;
        visibility: visible;
        left:0px;
        background-color: rgba(0,0,0,0.8);
    } 
     #menu-superior #menu-menu-principal-izquierda,
     #menu-superior #menu-menu-principal-derecha{display: block;text-align: center;box-sizing: border-box;margin: 0px;}
     #menu-superior #menu-menu-principal-izquierda{
         padding-bottom: 0px;
     }
     #menu-superior #menu-menu-principal-izquierda > li:last-child{
         margin-bottom: 5px;
     }
     #menu-superior #menu-menu-principal-derecha > li:first-child{
        margin-top: 0px;
     }
     #menu-superior #menu-menu-principal-derecha{
         padding-top: 0px;
     }
     #menu-superior #menu-menu-principal-izquierda li a,
     #menu-superior #menu-menu-principal-derecha li a{color:white; font-size: 25px;line-height: 37px;}
     #menu-superior li{margin:10px 0px;padding-left: 0px !important;padding-right: 0px !important;}
     #menu-menu-principal-izquierda > li:hover > ul.sub-menu ,
     #menu-menu-principal-derecha > li:hover > ul.sub-menu {border-radius: 0px;border-top: 0px solid #a9a5b5;}
     #menu-superior #menu-menu-principal-izquierda > li > ul.sub-menu,
     #menu-superior #menu-menu-principal-derecha > li > ul.sub-menu{display: flex !important; flex-direction: column; justify-content: center; width:100%; height:100%; transform: translate(100%, 0); top:0; right:0; position:absolute;min-width: auto;box-sizing: border-box;margin: 0px;}
     #menu-superior #menu-menu-principal-izquierda > li > ul.sub-menu li > a,
     #menu-superior #menu-menu-principal-derecha > li > ul.sub-menu li > a{text-align:center;font-size: 15px;padding:0px 10px;}
     #menu-superior{ position:fixed; background-color:rgba(0, 0, 0, 0.8); top:0; height:100%; -webkit-transition:all 0.75s ease-in-out; -moz-transition:all 0.75s ease-in-out; -o-transition:all 0.75s ease-in-out; transition:all 0.75s ease-in-out;opacity: 0;width: 0px;z-index: 100; left:-100%;margin-top:0px !important;display: flex;
        justify-content: center;
        flex-direction: column;}

    .informacion-contacto{
        margin-top: 50px;
    }

    
    .ls-wrapper.ls-in-out:nth-child(4n+1){
        display: none !important;
    }

    .ls-wrapper.ls-in-out:nth-child(4n+2){
        top: 45% !important;
    }

    .ls-wrapper.ls-in-out:nth-child(4n+4){
        top: 25% !important;
    }

    .ls-wrapper.ls-in-out:nth-child(4n+3){
        top: 20% !important;
        left: 10%;
    }
 }

 @media only screen and (max-width: 1000px){
    .archivo .item-blog{ flex-wrap: wrap; }
    .archivo .entradas, .archivo #sidebar-blog{ flex-basis: 100%; width: 100%; }
    .archivo #sidebar-blog{ margin-top: 25px; }
    .archivo .contenido-item-blog{ margin-top: 25px; }
 }
 
 @media only screen and (max-width:900px){
    .franja-formulario{
        padding: 20px 0px 50px 0px;
     }
    .franja-formulario > div > .wp-block-columns{
        flex-wrap: wrap;
        justify-content: center;
    }
    .franja-formulario > div > .wp-block-columns > .wp-block-column{
        flex-basis: 100% !important;
        margin:0px;
    }
    .jm-galeria-especial .grid{
        margin: 0 auto !important; 
    }
    .listado-elementos-3 > div{
        margin-top: 14px !important;
    }
    .listado-elementos-3 > div:last-child{
        flex-basis: 100%;
        max-width: none;
        margin-top: 30px !important;
    }
 }

 @media only screen and (max-width:900px){
    .wp-block-columns{ flex-wrap: wrap !important; }
 }
 
 @media only screen and (max-width:750px){
     h2,h1{
        font-size: 45px !important;
        line-height: 70px !important;
     }
     .zona-footer{
         flex-wrap: wrap;
     }
     .zona-footer > div{
         width: 100%;
     }
     .zona-footer p,.zona-footer > div.logo-footer + div p{
         text-align: center;
     }
     .zona-footer .logo-footer{
         margin:0 auto;
     }
     .listado-elementos-3 > div{
        flex-basis: 100%;
        max-width: none;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 30px !important;
    }
    .listado-elementos-3 + div{display: none;}
    .listado-elementos-3{
        margin-bottom: 0px !important;
    }

    .ls-wrapper.ls-in-out:nth-child(4n+1){
        display: none !important;
    }

    .ls-wrapper.ls-in-out:nth-child(4n+2){
        top: 27% !important;
    }

    .ls-wrapper.ls-in-out:nth-child(4n+4){
        top: 10% !important;
    }

    .ls-wrapper.ls-in-out:nth-child(4n+3){
        left: 15% !important;
        top: 20% !important;
    }

    .franja-showroom > div > .wp-block-columns > .wp-block-column:last-child{
        padding: 20px;
    }
 }
 
 @media only screen and (max-width:450px){
    h2,h1{
        font-size: 30px !important;
        line-height: 40px !important;
     }
     .bloque-call-to-action-rael h3{
        font-size: 35px !important;
        line-height: 40px !important;
     }
    #sub-footer #menu-legal ul li{
        flex-basis: 100%;
        padding: 5px 10px;
        border-right: 0px;
    }
    .franja-formulario .conjunto-inferior{
        align-items: flex-start;
        flex-direction: column-reverse;
    }
    .formulario-contacto button{
        margin-top: 20px;
    }

    .pseudo-checkbox{
        flex: 50%;
    }

    .ls-wrapper.ls-in-out:nth-child(4n+1){
        display: none !important;
    }

    .ls-wrapper.ls-in-out:nth-child(4n+2){
        top: 34% !important;
    }

    .ls-wrapper.ls-in-out:nth-child(4n+4){
        top: 15% !important;
    }

    .ls-wrapper.ls-in-out:nth-child(4n+3){
        left: 15% !important;
        top: 30% !important;
    }
 }