#header {
    margin-top: 4% !important;
    margin-bottom: 6% !important;
}

.mobile-content{
        display: none!important;
}

.bloq-general-sexperta {
    padding: 1% 5%;
}

.AppButton.button-catalogo-prin.ApButton {
    text-align: center;
}


.content-bloq1-sexperta {
    margin-right: 4%;
    border: 4px solid #c10002;
    width: 56%;
    border-radius: 34px;
    padding: 2% 3% 0 3% !important;
    font-family: "Roboto", sans-serif;
    font-size: 1.4vw;
    font-weight: 500;
}

div.ico-wsp > a > img {
    width: 5%;
    margin-top: -1%;
}

.ico-wsp {
    text-align: center;
    display: inline-block;
    align-items: center;
    width: 100% !important;
    font-size: 2vw;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}

.cont-2-text {
    display: flex;
    align-items: center;
}

.cont-3-text {
    display: flex;
    align-items: center;
}

.num-2-text {
    ackground-color: #fff;
    color: #000;
    padding: 0.8% 2.4%;
    border-radius: 50%;
    font-size: 1.5vw;
    border: 4px solid #c10002;
}

.num-3-text {
    ackground-color: #fff;
    color: #000;
    padding: 0.8% 2.4%;
    border-radius: 50%;
    font-size: 1.5vw;
    border: 4px solid #c10002;
}

.text-2-list {
    padding-left: 3%;
}

.text-3-list {
    padding-left: 3%;
}

.block.text-1-sexperta.ApHtml {
    margin-bottom: 3%;
}

.content-bloq1-sexperta.ApColumn > div:nth-child(3) {
    margin-bottom: 5%;
}


.row.box-h4bn1.ApRow.has-bg.bg-boxed {
    display: flex !important;
    align-items: center !important;
}

.box-h4bn1 {
    padding-bottom: 2% !important;
}

div.content-bloq4-sex > div > a > span {
    padding: 1% 4% !important;
    border: 2px solid #000 !important;
    font-size: 1.6vw !important;
    color: #333 !important;
    font-weight: 600 !important;
    border-radius: 3px !important;
    transition: background-color 0.3s, transform 0.3s !important;
    background-color: #32d951 !important;
}

div.content-bloq4-sex > div > a > span:hover {
    background-color: #28b944 !important;
}

div.content-bloq4-sex > div > a > span:active {
    transform: scale(0.95) !important;
}

.box-header3 .h-logo img {
    max-height: 80px !important;
}


/* ===== Carrusel ==== */

.marcas-sexperta > .block_content > .carousel > div > div > div:nth-child(2){
    width: 100%;
    text-align: center;
    justify-content: center;
    display: inline-flex;
}

.marcas-sexperta > .block_content > .carousel > div > div > div > div > a > span {
    display: none;
}

.marcas-sexperta > .block_content > .carousel > div > div > div > div > a {
    pointer-events: none;
    cursor: default;
}

.marcas-sexperta {
    padding: 2% 3% 0 !important;
}


/* ======= Footer ======== */

.box-footer3 {
    padding: 3% 5% 0 !important;
}

.logo-footer {
    padding: 0 25% 0 0% !important;
}
.box-coppy3 {
    padding: 0 5% 1% !important;
}

.block.copy-sexperta.ApHtml {
    width: 100% !important;
    text-align: center;
}


 /*=== ESTILOS ICONO WHATSAPP ====*/
  
  .asagiSabit {
      position: fixed;
      /*bottom: 5px;
      /*right: 5px;*/
      bottom: 37px;
      right: -120px;
      z-index: 3;
  }
  
  .whatsappBlock a {
      display: inline-block; 
      height: 30px; 
      background: #ffffff00 !important; 
      padding: 5px 10px; 
      color: #ffffff00 !important;
      font-weight: bold;
  }
  
  
  .whatsappBlock a img {
      height: 55px;
      width: auto;
      border-radius: 25px;
      box-shadow: 0 0 20px #4f9;
  }
  
  div.circle-w {
     position: absolute;
     height: 20px;
     width: 20px;
     margin-top: -25px;
     margin-left: 25px;
     list-style-type: none;
     display:block;
     border-radius: 75px;
     background: #ffffff00 !important;
     box-shadow: 0px 0px 0px 25px rgba(116,226,191,0.3);
     opacity:0;
     z-index: -2 !important;
  }
  
  div.circle-w.animated {
       animation: expand 6s 1 cubic-bezier(.3,1.59,.7,1.52);
       animation-fill-mode: forwards;
       animation-iteration-count: infinite;
       transform: scale(0.1);
       opacity:1;
  }
  
  div#back-top {
    display: none !important;
}

/*Libro de reclamaciones*/

#form_libro > div:nth-child(14) > div:nth-child(2) > label {
    text-align: left;
    display: flex;
}



@media only screen and (max-width: 600px) {
  .desk-content{
        display: none!important;
    }
    
    .mobile-content{
        display: block!important;
    }
    
    #header > div.header-top > div > div > div {
    width: 100% !important;

    }

    #header > div.header-top > div > div > div > div.h-logo {
        width: 100% !important;
        padding: 0 8%;
    }


    .box-header3 .col-logo {
        padding-top: 10px !important;
    }

    .bloq-general-sexperta {
        width: 100%  !important;
        padding: 0 10% !important;
    }

    #content > div:nth-child(3) > div > div.box-h4bn1 {
        width: 100% !important;
    }

    .content-bloq1-sexperta {
        margin-right: 4%;
        border: 4px solid #c10002;
        width: 100%;
        margin-top: 4%;
        margin-right: 0 !important;
        border-radius: 34px;
        padding: 6% 6% 0 6% !important;
        font-family: "Roboto", sans-serif;
        font-size: 4.5vw;
        font-weight: 600;
    }

    .num-2-text {
        background-color: #fff;
        color: #000;
        padding: 1% 3%;
        border-radius: 50%;
        font-size: 3.5vw;
        border: 4px solid #c10002;
    }

    .num-3-text {
        background-color: #fff;
        color: #000;
        padding: 1% 3%;
        border-radius: 50%;
        font-size: 3.5vw;
        border: 4px solid #c10002;
    }

    .ico-wsp {
        text-align: center;
        display: inline-block;
        align-items: center;
        width: 100% !important;
        font-size: 5vw;
        font-weight: 600;
        font-family: "Roboto", sans-serif;
    }

    div.ico-wsp > a > img {
        width: 8%;
        margin-top: -1%;
    }

    .block.text-1-sexperta.ApHtml {
        margin-bottom: 8%;
    }

    div.content-bloq4-sex > div > a > span {
        padding: 3% 4% !important;
        border: 2px solid #000 !important;
        font-size: 3.6vw !important;
        color: #333 !important;
        font-weight: 600 !important;
        border-radius: 3px !important;
        transition: background-color 0.3s, transform 0.3s !important;
        background-color: #32d951 !important;
        margin-top: 4%;
    }


    .marcas-sexperta > .block_content > .carousel  > div > div > div:nth-child(4) > div {
        width: 100%;
    }

    .marcas-sexperta > .block_content > .carousel > div > div > div:nth-child(4) > div > a > img {
        width: 100%;
        padding: 0 20%;
    }

    .marcas-sexperta > .block_content > .carousel > div > div > div:nth-child(3) {
        margin-top: -8%;
    }

    .marcas-sexperta > .block_content > .carousel > div > div > div:nth-child(4) > div {
        margin-top: -9%;
    }


    .logo-footer {
        margin-top: 4%;
        padding: 0 5% 0 5% !important;
    }

    #form_4751570845069275 > div.col-xl-3.col-lg-2.col-md-4.col-sm-12.col-xs-12.col-sp-12.ApColumn {
        width: 100% !important;
        padding: 0px 15% !important;
        text-align: center !important;
    }

    .footer-container .ApLink li a {
        font-size: 4vw!important;
    }

    .footer-container .box-footer3 .ApColumn .title_block {
        font-size: 4vw;
    }
    
    
    
    
  
  
  
}