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

      /**/
      /**
      FONTS
      font-family: 'Michroma', serif;
      */



      h1,h2{
        display: none;
      }

      *
      {
          box-sizing: border-box;
      }
      .onlydesktop,.onlydesktopblock{
        display:none;
      }
      .onlymobile {
        display: inline-block;
      }
      .onlymobileblock {
        display: block;
      }
      .onlymobiletxt{
        display: none;
      }


      /*

      font-family: 'Dancing Script', cursive;
      font-family: 'Archivo Narrow', sans-serif;
      font-family: 'Michroma', serif;

      */


      /**
      GLOBAL
      */
      button:active, button:focus,
      div:active, div:focus,
      a:active, a:focus {
          outline: 0;
      }

      
  body, html {

    overflow-x: hidden !important;


  }

      body{
      
        color: #262626;
      
        margin: 0px auto 0px auto;
        overflow-x:hidden !important;

        
      }

      .mobilemargins {
        width: 100%  !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
        margin-right: auto !important;
        margin-left: auto !important;
         
      }



    .nomargins {
      width: 100%  !important;
      padding-right: 0px !important;
      padding-left: 0px !important;
      margin-right: auto !important;
      margin-left: auto !important;
       
    }


#relojbig1{
  text-align: center !important;
}
#relojbig2{
   text-align: center !important;
}
#relojbig3{
   text-align: center !important;
}

.segunda{
 padding-top:10px;
}
.altitud {
       display:none;
}
.linkshop{
  display:block;
  z-index:99999;
      position: relative;
}
.altitudmobile {
display: block;
    position: absolute;
    top: 653px;
    right: -24px;
    z-index: 1;
    zoom: 1;
}
.txtazul{
  display:none;
  color: #3070D6;
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: bold;
  font-size: 3vw;;
  margin-top: 20px;
}
      a.icorrss{
        background-color:  transparent;
        border-radius: 50px;
          color: #ffffff;
          width: 40px;
          height: 26px;
          padding: 0px 5px;
          display: inline-block;

          cursor: pointer;
      }
      a.icorrss2{

        color: #FF843A;
        width: 24px;
        height: 7px;
        padding: 0px 0px;
        display: inline-block;
        cursor: pointer;
        margin-right: 10px;
      }


      a.icorrss img, a.icorrss2 img{
        width: 32px;
        
      }
      #menumobilelink{
        display: none ;
      }
      #menumobile{
        display: none ;
      }
      #menudesktop{
        display: block;
      }


.articulocompleto{

height: 70vh;
  
}

.ilu2{
  margin-top: 20px;
 margin: 20px auto;
}



.titular{
  position: relative;
  z-index: 9999;
    font-family: 'Montauk', serif;
    font-size: 32px;
    line-height: 35px;
    color: #D24C49;
   
 
    font-weight: bold;
    
    text-align: left;
    margin: 0 auto;
    padding-top: 3vw;
    width: 80vw;
    
}
.titularblanco{
  position: relative;
  z-index: 9999;
    font-family: 'Montauk', serif;
    font-size: 32px;
    line-height: 35px;
    color: #ffffff;
   
 
    font-weight: bold;
    
    text-align: left;
    margin: 0 auto;
    padding-top: 3vw;
    width: 80vw;
    
}
.titularpie{
  position: relative;
  z-index: 9999;
    font-family: 'Montauk', serif;
    font-size: 32px;
    line-height: 35px;
    color: #D24C49;
 
    font-weight: bold;
 
    text-align: left;
    margin: 0 auto;
    padding-top: 3vw;
    
    
}

.subtitulargeneralblanco{
  font-family: 'Montauk', sans-serif;

 font-size: 42px;
 color: #ffffff;
 font-weight: 500;
 text-align: left;
 margin-top: 15px;
 margin-bottom: 30px;
 line-height: 49px;
 font-weight:bold;
}
.subtitulargeneralrojo{
   font-family: 'Montauk', sans-serif;
 
  font-size: 42px;
  color: #D24C49;
  font-weight: 500;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 30px;
  line-height: 49px;
  font-weight:bold;
}


.subtitulartipos{
  font-family:  'Montauk',serif;
  font-size: 38px;
  color: #947555;
  font-weight: 600;
  text-align: left;
  margin-top: 15px;
 

}


.parrafonegro {
  font-size: 20px;
  line-height: 32px;
  padding-left: 5%;
}
.parrafomargenmobile{
  margin-left: 15px !important;
  margin-right: 15px !important;

}

.cabecera .subtitular{
  color: #474E56;
  font-size: 22px;
  
  max-width: 80vw;
  height: auto;
  padding-top: 5vw;
  line-height: 26px;
}

.fecha {
  padding-top: 20px;
  padding-bottom: 15px;
  color: #474E56;
  border-bottom: 1px solid #474E56;
  margin-top: 0px;
  margin-bottom: 35px;
  padding-left: 8%;
}

#triggeranim1mobile {
  display: inline-block;
}

#slidevideo{
  width:100%;
  height:auto;
  margin: 0px auto 0 auto;
}

#montaje1{
  height: 410px;
}

.montaje1_frase{
  left:0px;
}
.montaje1_frase img{
 width: 60%;;
 margin-left:5%;
}


.montaje1_relojfrontal{
  display: none;
}


.montaje1_relojgirado{
  display: none;
}


.montaje1_fondo {
  position: absolute;
  top: 100px;
  left: 5%;
}

.pierelojgeo{
  font-size: 11px;;
  padding: 0px 15%;
}


.sabiasque{
  background-color: #FF0884;
  background-size:contain;
  background-repeat: no-repeat;
  background-position: bottom center;
    background-image: url(../../../resources/bonle-defensis/images/sabiasque_mobile.png);
    min-height: 1081px; 
  
}




.sabiasquetxt{
  float: left;
  left: 44vw;
  top: 21vw;
  width: 80vw;
  padding-top: 20vw;
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  line-height: 31px;
  font-weight: 400;
  padding-right: 0vw;

}

.imglechetop{
  margin-top: 20px;
}
.circulomobile{
  text-align: left !important;
  font-size: 20px;
}
.slick-dots {
    position: absolute;
    bottom: -50px !important;

}
.slick-dots li{
    width: 26px !important;
    height: 26px !important;
}
.slick-dots li button:before{
  font-size:14px !important;
}
.slick-prev, .slick-next
{
      top: 45%;
}
.slick-next {
    right: 0%;
    z-index: 999;
}
.slick-prev {
    left: 0%;
    z-index: 999;
}
.cabecera{
      height: auto;
   background-image: url(../../../resources/bonle-defensis/images/vector1_mobile.png);
  background-size: contain;
  background-repeat:no-repat;
      background-position: top center;
      min-height: 500px;
   
}
.cabecera .titular {
  
  font-size: 8.5vw;
  line-height: 10vw;
  text-align: center;
  max-width: 100vw;
  text-align: left;
  margin: 0 auto;
  padding-top: 45vw;
  padding-bottom: 0px;
}

.cabecera .minisubtitular{
  display: block;
  font-size: 23px;
  line-height: 30px;
}
.cabeceratextos {
  display:none;
}

.contenedormasks {
  margin-top: 50px;
  background-color: transparent;
  border: none;
}
.fondociudad{

     background-repeat: repeat-x;
    background-position: top center;
    min-height: 100vw;
    background-size: 100%;
    display: flex;
}
.deslizador{
  width:90vw;
  height:90vw;
  margin: 1px auto 0px auto;
  max-width: 750px; max-height: 750px;
}


.contenedormaskstitular {
  display: block;
  height: 66px;
  padding-top: 20px;
  font-size: 18px;
  width: 100%;
  max-width: 90vw;
  margin: 0 auto;
  border: 1px solid #474E56;
}
.parrafonegromitad {
  font-size: 20px;
  font-family: 'Archivo Narrow', sans-serif;
  font-style: normal;
  color: #474E56;
  text-align: left;
  line-height: 35px;
  padding-right: 0px;
  margin-top: 100px;
}
.ctadescubre {


  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 20px;
  padding: 8px;
  max-width: 254px;
  text-decoration: none;
  margin: 20px auto 20px auto;
  text-align: center;
  display: block;
}

.ctavermasblanco {
  background-color: #ffffff;

  display: inline-block;
  cursor: pointer;
  color: #474E56 ;
  font-size: 22px;
  padding: 16px;
  max-width: 220px;
  text-decoration: none;
  margin: 20px auto 40px auto;
  text-align: center;
  display: block;
}
.contenedorvideo{
  width:100%;
  margin: 0 auto;
}
#fondoproductos2{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
    background-image: url(../../../resources/bonle-defensis/images/fotopie_mobile.png);
    width: 100%;
    padding-top: 333px;
    max-width: 1600px;
    margin: 60px auto 20px auto;
    

}
.prod_titulo{
  height: fit-content;
  min-height: 84px;
  padding-top: 5px;
}
.prod_subtitulo{
  min-height: 120px;
  
}
.cajaproducto1 {
  width: 100%;

}


.cajaproducto2 {
  width: 100%;

}

.collage{
  height:74vh;
}
#contenedorcollage{
  margin-top: 3vh;
  margin-left: -15%;
    width: 120%;
}
#collagefoto1 {
  width: 35%;
    height: 35vh;
}


#collagefoto2 {
  width: 64%;
    height: 35vh;
}

.contenedorfotos{
  height:50vh;
}


#collagefoto3 {

        top: 36vh;
}
.motogrande {
    min-height: 25vh;
  

}
.cortesia{
  margin-top:-50px;
}
.parrafoblanco{
  font-size: 20px;
  line-height: 32px;;
  
}

.textoblanco{
  color: #ffffff !important;
}
.subtitulargeneral {
    font-family: 'DIN Pro Bold', sans-serif;
    font-size: 34px;
    line-height: 37px;
    width: 77vw;
   
}

.subtitulargeneralblanco {
  font-family: 'DIN Pro Bold', sans-serif;
  font-size: 35px;
  line-height: 38px;

}



.gfw-mobile-share-btn-footer{
  display:block;
}

    .seccionvideo{
      margin: 0px;
    }
      .titularvideo{
         font-family: 'Michroma', serif;
          font-size: 31px;
          color: #ffffff;
          font-weight: 600;
          margin-top: 15px;
          margin-bottom: 44px;
          text-align: center;
          line-height: 43px;

      }

      .parrafovideo{
          font-size: 17px;
          line-height:23px;
          font-family: 'Archivo Narrow', sans-serif;
          font-style: normal;
          color: #ffffff;
          text-align:center;

      }
      #ilu4anim{
        display: none;

      }
      .capatextosvarios{
      margin-top:100px;
      }

      .listatipos{
        padding-left:0px;
      }
      .leyenda{
display: none;
      }
      .numerolista{
        float:left;
        margin-right:20px;

      }

      .parrafolista{
        font-size: 17px;
          font-family: 'Archivo Narrow', sans-serif;
          font-style: normal;
          color: #474E56;
          text-align:left;
          padding-left:10%;
          line-height:27px;
      }

      .parrafo{
          font-size: 17px;
          font-family: 'Archivo Narrow', sans-serif;
          font-style: normal;
          color: #474E56;
          text-align:left;
           margin: auto 5%;
      }
.parrafofinal{
  margin:100px 0px 50px 0px ;
  display:block;
}
      .imgharina{
            padding-left: 20px;
          padding-right: 20px;
      }

.footer .cero,.footer .dos {
   
     padding: 20px 0px; 
}

      .sliderreceta{
        height:400px
      }
       .sliderreceta img{
       width:100%
      }
      .recetadatos{
        background-color:#F4EFE9;
        height:600px;
      padding: 30px 50px;
      }
      .recetatitular{
          font-family: 'Michroma', serif;
        font-size: 30px;
        color: #3C2B30;
        font-weight:700;
        line-height:33px;
        height:120px;
      }

      .recetavideo{
        background-color:#474E56;
        height:280px;
      }
      .recetaicono{
        border-bottom: 1px  #B7B7B7 solid;
        height:50px;
      }

      .recetatexto{
        font-size: 19px;
    line-height: 25px;
    font-family: 'Archivo Narrow', sans-serif;
    font-style: normal;
    color: #474E56;
    text-align: left;
    min-height: 300px;
    padding-top: 20px;
}
      

.minititular{
  display:none;
}

.minititularmobile{
  font-size:14px;
  display: block;
  color:#474E56;
  text-align: left;
  padding-bottomn:10px;

}
   .titularmobile{
    display: block;
    font-family: 'Michroma', serif;
    font-size: 8vw;
    color: #474E56;
    text-align: left;
   padding: 21px 0px 12px 21px;
    line-height: 10vw;
    font-weight: 900;
    margin-bottom: 10px;;
    
}
   .subtitularmobile{
    display:block;
 font-family: 'Michroma', serif;
    font-size: 5vw;
    color: #474E56;

    text-align: left;
 
    
}
      .icopersonas{
        margin:0 auto;
        width:80px;
        display:inline-block;
          font-size: 13px;
          font-family: 'Archivo Narrow', sans-serif;
      }
      .icopersonas img{
        padding-left:25%;
      }

      .icominutos{
        text-center:center;
        width:80px;
        display:inline-block;
        font-size: 13px;
          font-family: 'Archivo Narrow', sans-serif;
      }

      .icominutos img{
        padding-left:25%;
      }

      .tablanaranja{
        max-width: 100vw;
        margin:  0 auto;;
        font-family:  'Montauk',serif; 
        color: #474E56;
        font-size: 24px;
       line-height: 27px;
       font-weight: bold;
       display: flex;
       align-items: center;
       min-height: 100px;
      
      }
.tablanaranja img{
  margin: 20px auto;

}
    .celdatxtmobile{
      background-color: #FFAC79 !important;
      min-height: 120px;
      display: flex;
      align-items: center;

    }
      .celdanaranja1{
        background-color: #FDCFAE;
      
      }
      .celdanaranja2{
        background-color: #FDCFAE;
        
      }
      .bordegriscajabig{
        padding:2vw;
        border: 1px solid #D8D8D8;
        /*width:75vw;*/
        margin:8vw 4vw 4vw 4vw;
      
      }
      .cajaresistencia{
      /*
            background-image: url(../images/loseta4.png);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;*/
          height: 20vw;
          width: 100%;
          margin: 0 auto;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        top: 0px;
              position: relative;
                background-color: white;
              overflow: hidden;
      }

    .fondohielo{
        background-image: url(../../../resources/bonle-defensis/images/fondohielomobile.png);
        background-repeat: repeat-x;
        background-position: top center;
      padding: 0px 10% ;
      min-height:550px;
    }
    .finazul{
      padding-bottom:50px;
    }
    #slidevideo{
    
      margin-top: -20px;

    }


    .titularsave{
      position:relative;
      z-index:99999;
      padding-top: 40px;
    }

      .textocuarta{
      font-family: 'Archivo Narrow', sans-serif;
        font-size: 7vh;
        line-height: 5vh;

        text-align:right;
          color: #ffffff;
        
          float:right;
          opacity: 0;
          z-index: 9999999;
        margin-right:-200px;
          
      }

      .cajaresistenciaimagen1 {
            top: 0px;
            position: absolute;
            width: 100%;
            height: 20vw;
            background-image: url(../images/fade1.png);
            background-size: cover;
            transform: scale(1.5);
            opacity: 0;
            display: block;
            z-index: 9991;
          }
        .cajaresistenciaimagen2 {
            top: 0px;
            position: absolute;
            width: 100%;
            height: 20vw;
            background-image: url(../images/fade2.png);
            background-size: cover;
            transform: scale(1.5);
            opacity: 0;
            display: block;
            z-index: 9995;
          }





      .sexta .losetametida{
        margin-bottom: -325px;
          background-image: url(../images/liem-black-2.png);
              background-size: inherit;
          background-repeat: no-repeat;
          background-position: bottom right;
          height: 456px;

      }





      .containervideo{
       background-color: #474E56;
      }
      .fondovideo{
            position: relative;
            text-align: center;
          
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            align-content: flex-start;
            margin: 20px auto;
          
      }

  
.fondovideo iframe{
  width:100vw !important;
  height:52vw  !important;
  border-radius: 20px; 
   overflow: hidden;
}


      .septima{
        margin-top:150px;

      }

      .septima .titular{
      background-image: url(../images/loseta4.png);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
          font-family: 'Archivo Narrow', sans-serif;
          font-size: 5vh;
          color: #ffffff;
          text-transform: uppercase;
          line-height: 3.6vh;
          text-align: center;
          height: 20vh;
          margin: 2vw 6vw;
          padding-top: 6vh;
        
      }










        


        .footer{
          
          
          font-size: 14px;
          min-height: 50px;
          padding: 0px;
          text-align: center;

        }

        .footer .uno{
          font-size: 14px;
          font-weight:300;
        
          color: #ffffff;
              min-height: 50px;
          padding: 20px;
        }

        .footer .dos{
              font-size: 14px;
          font-weight:300;
      
          color: #ffffff;
              min-height: 50px;
          padding: 20px;
        }
        .footer a{
          
          color: #ffffff;
        }
        .footer a:hover{
          text-decoration: none;
          color: #ffffff;
        }















      #footerrrsspie .iconos{
      float: right;
      
      }


      #footerrrsspie .iconos img {
        width: 100%;
        max-width: 55px;

      }
      #footerrrsspie .textos{
        float: left;

      }
      #footerrrsspie .textos .titu{
      font-size: 26px;
      line-height: 24px;
      font-family: 'Michroma', serif;
      font-weight: 700;

      }


      #footerrrsspie .textos .subtitu{
        font-size: 20px;

      }




      .no-padding-mobile{
        padding: 0px  1vw !important;
      }

      .navegacionfinal{
        margin-top:50px;
        margin-bottom:150px;
      
      }

      .btnanterior{
            border: 1px solid #EEEEEE;
            height:23vw;
            width:100%;
            font-family: 'Archivo Narrow', sans-serif;
            font-size: 3vh;
            color: #979797;
            background-color: white;
            text-transform:uppercase;
            display: flex;
            align-items: center;
            justify-content: center;
            background-image: url(../images/blanco.png);
            background-size:cover;

            background-repeat: no-repeat;
            background-position: center center;

            cursor:pointer;
      
            float:left;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
          
      }

      .btnanterior:hover{
          background-image: url(../images/fondovideo1.jpg);

          color: white;
              -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        text-decoration:none;
      }

      .btnsiguiente{
              border: 1px solid #EEEEEE;
            height:23vw;
          width:100%;
            font-family: 'Archivo Narrow', sans-serif;
            font-size: 3vh;
            color: #979797;
            background-color: white;
            text-transform:uppercase;
            display: flex;
            align-items: center;
            justify-content: center;
            background-image: url(../images/blanco.png);
      background-size:cover;
            background-repeat: no-repeat;
            background-position: center center;

            cursor:pointer;
      
            float:left;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
          
            float:right;
          
      }

      .btnsiguiente:hover{
          background-image: url(../images/fondovideo2.png);
      text-decoration:none;
                color: white;
              -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
      }




        /* Cookie Dialog */
      #gdpr-cookie-message {
        position: fixed;
        right: 30px;
        bottom: 30px;
        max-width: 375px;
        background-color: var(--purple);
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 6px 6px rgba(0,0,0,0.25);
        margin-left: 30px;
        font-family: system-ui;
      }
      #gdpr-cookie-message h4 {
        color: var(--red);
        font-family: 'Quicksand', sans-serif;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
      }
      #gdpr-cookie-message h5 {
        color: var(--red);
        font-family: 'Quicksand', sans-serif;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
      }
      #gdpr-cookie-message p, #gdpr-cookie-message ul {
        color: white;
        font-size: 15px;
        line-height: 1.5em;
      }
      #gdpr-cookie-message p:last-child {
        margin-bottom: 0;
        text-align: left;
      }
      #gdpr-cookie-message li {
        width: 49%;
        display: inline-block;
      }
      #gdpr-cookie-message a {
        color: var(--red);
        text-decoration: none;
        font-size: 15px;
        padding-bottom: 2px;
        border-bottom: 1px dotted rgba(255,255,255,0.75);
        transition: all 0.3s ease-in;
      }
      #gdpr-cookie-message a:hover {
        color: white;
        border-bottom-color: var(--red);
        transition: all 0.3s ease-in;
      }
      #gdpr-cookie-message button,
      button#ihavecookiesBtn {
        border: none;
        background: var(--red);
        color: white;
        font-family: 'Quicksand', sans-serif;
        font-size: 15px;
        padding: 7px;
        border-radius: 3px;
        margin-left: 15px;
        cursor: pointer;
        transition: all 0.3s ease-in;
      }
      #gdpr-cookie-message button:hover {
        background: white;
        color: var(--red);
        transition: all 0.3s ease-in;
      }
      button#gdpr-cookie-advanced {
        background: white;
        color: var(--red);
      }
      #gdpr-cookie-message button:disabled {
        opacity: 0.3;
      }
      #gdpr-cookie-message input[type="checkbox"] {
        float: none;
        margin-top: 0;
        margin-right: 5px;
      }


      /* SHARE */



      .gfw-share-btns
      {
        white-space:nowrap;
        cursor:pointer;
        text-align: center;
      }

      .titulo_rrss
      {
      font-size:16px;
      display: block;
        text-align: center;
      }


    .gfw-share-wrpr {
        width: 100%;
        float: right;
    }

      .gfw-share-wrpr > span {
          font-size: 14px;
      }
      .gfw-share-wrpr .gfw-share-btns {
          white-space: nowrap;
          cursor: pointer;
      }
      .gfw-share-wrpr .gfw-share-btns .gfw-expanded-options {
          width: 0;
          height: 60px;
          overflow: hidden;
          vertical-align: top;
          opacity: 0;
          transition: all 300ms linear;
      }
      .gfw-share-wrpr .gfw-share-btns .gfw-expanded-options.active {
          display: inline-block;
          width: 180px;
          opacity: 1;
          margin-right: 5px;
      }
      .gfw-share-wrpr .gfw-share-btns div:first-of-type {
          display: inline-block;
      }
      .gfw-share-wrpr .gfw-share-btns > div:last-of-type,
      .gfw-share-wrpr .gfw-share-btns a {
          display: inline-block;
          width: 40px;
          height: 40px;
          margin: 10px;
          padding: 0;
          line-height: 40px;
          transform: scale(1);
          transition: all 300ms linear;
      }
      .gfw-share-wrpr .gfw-share-btns > div:last-of-type:focus,
      .gfw-share-wrpr .gfw-share-btns > div:last-of-type:hover,
      .gfw-share-wrpr .gfw-share-btns a:focus,
      .gfw-share-wrpr .gfw-share-btns a:hover {
          transform: scale(0.95);
      }
      .gfw-share-wrpr .gfw-share-btns > div:last-of-type img,
      .gfw-share-wrpr .gfw-share-btns a img {
          display: inline-block;
          width: 40px;
          height: auto;
      }
      .gfw-share-wrpr .gfw-share-btns .gfw-more-share-options {
          display: block;
      }
      .gfw-mobile-share-btn {
          display: none;
      }
      .gfw-share-icon g {
          fill: #000;
      }
      @media only screen and (max-width: 640px) {
          .gfw-share-title {
              display: none;
          }
          .gfw-share-wrpr > span,
          .gfw-share-wrpr > strong {
              display: none;
          }
          .gfw-share-wrpr .gfw-share-btns {
              display: none;
          }
          .gfw-share-wrpr .gfw-mobile-share-btn {
              display: block;
              position: relative;
              z-index: 8;
              white-space: nowrap;
              padding: 10px 30px;
              color:#000;
              border: solid 1px #000;
              text-transform: uppercase;
              font-weight: 700;
              width:175px;
              margin: 20px auto; 
            
              pointer-events: all;
              cursor: pointer;
          }
          .gfw-share-wrpr .gfw-mobile-share-btn img,
          .gfw-share-wrpr .gfw-mobile-share-btn svg {
              margin-left: 10px;
          }
          .gfw-article-top .gfw-share-wrpr .gfw-mobile-share-btn {
              padding: 10px 30px;
              margin: 0 30px 30px;
              transform: translate(0, 0);
          }
          .gfw-menu-share-wrpr .gfw-share-wrpr > span,
          .gfw-menu-share-wrpr .gfw-share-wrpr > strong {
              display: none;
          }
          .gfw-menu-share-wrpr .gfw-share-wrpr .gfw-share-btns {
              display: none;
          }
          .gfw-menu-share-wrpr .gfw-share-wrpr .gfw-mobile-share-btn {
              display: inline-block;
              white-space: nowrap;
              padding: 10px 30px;
              margin: -15px 30px 30px;
              border: solid 1px #fff;
          }
          .gfw-menu-share-wrpr .gfw-share-icon g {
              fill: #fff;
          }
      }


      #header{
        display: block;
        position: fixed;
        max-width: 1600px;
        margin: 0px auto 0px auto;
        width:100%;
        height:100px;
        top:0px;
        padding-top:30px;
        background-color:white;;
        z-index:99999999999;
        transition: 0.3s ease-in;
      }

      .headerblank{
        margin-top:100px;
      }
      /** MENU */

          
      #menudesktop{
          position: fixed;
              top: 1vh;
    right: 0px;
          width: 50px;
          height: 50px;
          cursor:pointer;
      }
      #menudesktop img{
       width: 84%;

      }

      #logodesktop{
        margin: 0 auto;
          position: relative;
          left: 0%;
          width: 200px;
        
          margin-top: 2%;
          text-align: center;
      }
      .panellateral {
    display:none;
    position: fixed;
  
    right: -95.625em; /*left or right and the width of your navigation panel*/
    width: 250.625em; /*should match the above value*/
 
}
.panellateral ul {

    list-style: none;
    margin-top: 5vh;
    margin-left: 0px;
}

.panellateral li {
 padding-top: 30px;
    line-height: 4vw;
    font-size: 4vw;
    display: block;
    text-align: right;
    padding-right: 7vw;
    padding-left: 16vw;
}
.panellateral li a{

  
    font-weight: normal;

    font-display: swap;
   
    line-height: 6vw;
    font-size: 5vw;
    list-style-image: none;
    margin-top: 20px;
    
}
.panellateral li a:hover{
    text-decoration: underline;
}

.panellateral .linea{
    max-width: 500px;
    border: 1px solid #484848;
}

      #btncerrar{
        margin:20px;
        width:30px;
      }


      .menuimg{
        width:100%;

        display:block;

      }

      .menuimglogo{

        display:block;
      padding-left: 77%;
          margin-top: 1%;

      }



      .video-js {

          background-color: #ffffff !important;


      }

      .homecasa{
        position:absolute;
            right: 0vw;
          top: 0vw;
          cursor:pointer;
          z-index:999999999;
      }

      #contscrollslide {
         display:none;
      }



}



       
@media screen and (min-width: 748px) and (max-width: 1194px) {
     

   
  
}














        @media screen and (min-width: 1650px) {

            .animrelojcontent {

                margin-left: 7%;
            }

            .animreloj {

                margin-left: 7%;
            }

        }

        @media screen and (min-width: 1024px) and (max-width: 1278px){

          

        }