/* Small devices (landscape phones, 576px and down) */
@media (max-width: 576px) {  
    /*=======
    Header
    ======*/
  
    .main-header{
        padding: 3em 1.5em 2em 1.5em !important;
    }
    .main-header h1{
        margin:0;
    }
    .custom-logo-link img{
        height:50px;
        width:auto;
    }

    /* =======
    Banner Home
    ============*/
    .banner-home{
        text-align:center;
        padding:2em 3em;
    }
    .banner-home .abs{
        display:none;
    }
    .banner-home h1{
        font-size: 2.5em;
    }
    .banner-home p{
        text-transform:uppercase;
        font-size:1.2em;
    }
    .banner-home img{
        margin:0 auto;
        width:100%;
    }
    .banner-home .button-desktop{
        display:none;
    }
    .banner-home .button-mobile{
        margin:2em 3em 3em 3em;
    }

    /* Cambios Febrero 2023 */
    .slide-bg{
        height:100vh;
    }
    .header-elements ul{
        gap:0 !important;
    }
    .header-elements ul li a span{
        display:none;
    }
    .header-elements-black ul{
        gap:0 !important;
    }
    .header-elements-black ul li a span{
        display:none;
    }
    .woocommerce-product-search button{
        display:none;
    }
    .woocommerce-product-search input{
        margin-right:1.5em !important;
    }
    .slide-bg h2{
        font-size:2em;
        text-align: center;
    }
    .slide-bg h3 {
        text-align: center;
        font-size: 1.3em;
    }

    /* ================
        Piel humectada
       ================ */
    .piel-dorada-section .comprar {
        width: 100%;
    }
    .piel-dorada-section .comprar h2 {
        font-size: 2em;
        text-align: center;
    }
    .piel-dorada-section div{
        justify-content: center;
        display: flex;
        margin-bottom: 2em;
    }
    .piel-dorada-section {
        flex-flow: column wrap;
        margin: 1em;
    }
    .piel-dorada-section img {
        width: 100%;
        margin-bottom: 0;
    }
    .home-about h2 {
        font-size: 2em;
    }
    .video-home{
        margin-top:0;
    }
    .video-home .container{
        width:100%;
    }
    .video-text{
        text-align: center;
        width:100%;
    }
    .video-text h2{
        font-size:1.5em;
    }


    /* =======================
        Modo de uso & Valores
       ======================= */
    .m-uso .container, .values .container {
        flex-flow: column wrap;
    }
    .m-uso .container div, .values .container div {
        width: 100%;
    }
    
    /* ========
        Gallery
       ======== */
    .home-gallery .container{
        flex-flow: column wrap;
        display: flex;
        margin:0;
    }
    .home-gallery img {
        margin: 1em 0;
        width: 100%;
    }
    /* ========
        Footer
       ======== */
    .sub-footer1{
        flex-flow: column wrap !important;
    }
    .form-submit {
        flex-flow: column wrap;
    }
    .contact-footer {
        width: 100% !important;
        margin-bottom: 1em;
    }
    .contact-footer button {
        border: 0;
        border-bottom: 1px solid #381C10;
    }
    .small-print {
        font-size: .7em;
    }
    .logo-footer {
        width: 160px !important;
    }
    .supe1 {
        width: 80% !important;
    }
    .sub-footer2 {
        flex-flow: column wrap;
        justify-content: center;
    }
    .sub-footer2 div{
        width:100%;
        text-align: center;
    }
    .supalists {
        flex-flow: column wrap !important;
        gap: 20px !important;
    }

    /*=======
    Before Loop
    ======*/
    .woocommerce-products-header h1{
        font-family: 'Unbounded';
        font-size: 1.5em;
    }

    .buybuttonenclosure{
        text-align: center;
      }
    /* ==========
        FAQ Page
       ========== */
    .flex-row-divider{
        overflow:hidden;
        flex-flow: column wrap !important;
    }
    #scrollspy-nav{
        display:none !important;
        /* width:100% !important; */
    }
    .flex-row-divider article{
        width:100% !important;
    }
    .flex-row-divider h2{
        font-size: 1.5em;
    }
    .woocommerce-product-search input:focus {
        width: 300px !important;
        float: left;
        position: absolute;
        top: 28px;
        left: -240px;
        box-shadow: 5px 5px 15px #333;
    }
    .header-elements .woocommerce-product-search input:focus {
        width: 300px !important;
        float: left;
        position: absolute;
        top: 104px;
        left: 0;
        right: 0;
        margin: 0 auto;
        box-shadow: 5px 5px 15px #333;
    }
    #mailpoet_form_1 form.mailpoet_form {
        padding: 0 !important;
        width: 100% !important;
        margin: 0 auto;
    }
    .rrss {
        justify-content: space-evenly !important;
    }
  }
  @import url(./archiveproducts.css)