/*=======================RESPONSIVE MOBILE=================================*/

/* Extra small devices (phones, 640px and down) */
@media only screen and (max-width: 640px) and (min-width: 51px) {
  


    /*==============BANNER SABIAS QUE===========================*/
      
      /*=====  NAV =====*/
      /*  TODA LA BARRA LATERAL TRANSPARENTE */
      .l-navbars {
        position: fixed;
        bottom: 0%;
        right: 0%;
        width: 32px;
        height: 130px;
        background-color:rgb(60, 60, 60);
        -webkit-transition: .5s;
        transition: .5s;
        z-index: var(--z-fixed);
        
      }
      
      .navs {
        height:100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        overflow: hidden;
      }
      
      .nav__logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 2rem;
        padding: 0 .5rem;
      }
      
      .nav__logo-icon {
        margin-right: 5rem;
      }
      
      .nav__logo-text {
        color: var(--white-color);
        font-weight: 700;
      }
      /* BUTTON AMARILLO ARROW PARA MOVER */
      .nav__toggles {
        position: absolute;
        bottom: 7rem;
        left: -.3rem;
        width: 28px;
        height: 28px;
        background-color: var(--second-color);
        border-radius: 50%;
        font-size: 1.25rem;
        color: var(--first-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        cursor: pointer;
        -webkit-transition: .5s;
        transition: .5s;
      }
      
      .nav__img {
        font-size: 5rem;
        
      }
      
      .nav__text {
        font-weight: 700;
      }
      
      /*Show menu SIZE DE EXPANDER*/
      .shows {
        width: 100%;
      }
      
      /*Rotate toggle*/
      .rotate {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        -webkit-transition: .5s;
        transition: .5s;
      }
      
      
      .imgs{
        position: static;
        width: 18rem;
        height:8.1rem;
        margin-left: 3.7rem;
        cursor: pointer;
        align-items: center;
        
        
      }
      
      
      .texts{
        font-size: 0.7rem;
        color: white;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: -10%;
        left: .1rem;
        font-weight:bold;
        transform: rotate(270deg);
        transform-origin: 0 0;
      }
    
     


      .slideshow{
        display: none;
    }
    
    
    .slide-ul .slider-li .slider-img{
        display: none;
        
    }
    


    }
    /*----------------------------------------------------------------------------*/
    
    
    
    
    /* TELEFONO GIRADO HACIA UN LADO HORIZONTAL LANDSCAPE */
    
    @media only screen and (orientation: landscape) {
     
      
      /*=====  NAV =====*/
      /*  TODA LA BARRA LATERAL TRANSPARENTE */
      .l-navbars {
        position: fixed;
        bottom: 0%;
        right: 0%;
        width: 32px;
        height: 130px;
        background-color:rgb(60, 60, 60);
        -webkit-transition: .5s;
        transition: .5s;
        z-index: var(--z-fixed);
        
      }
      
      .navs {
        height:100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        overflow: hidden;
      }
      
      .nav__logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 2rem;
        padding: 0 .5rem;
      }
      
      .nav__logo-icon {
        margin-right: 5rem;
      }
      
      .nav__logo-text {
        color: var(--white-color);
        font-weight: 700;
      }
      /* BUTTON AMARILLO ARROW PARA MOVER */
      .nav__toggles {
        position: absolute;
        bottom: 7rem;
        left: -.3rem;
        width: 28px;
        height: 28px;
        background-color: var(--second-color);
        border-radius: 50%;
        font-size: 1.25rem;
        color: var(--first-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        cursor: pointer;
        -webkit-transition: .5s;
        transition: .5s;
      }
      
      .nav__img {
        font-size: 5rem;
        
      }
      
      .nav__text {
        font-weight: 700;
      }
      
      /*Show menu SIZE DE EXPANDER*/
      .shows {
        width: 100%;
      }
      
      /*Rotate toggle*/
      .rotate {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        -webkit-transition: .5s;
        transition: .5s;
      }
      
      
      .imgs{
        position: static;
        width: 20rem;
        margin-left: 11rem;
        cursor: pointer;
        align-items: center;
        
      }
      
      
      .texts{
        font-size: 0.7rem;
        color: white;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: -10%;
        left: .1rem;
        font-weight:bold;
        transform: rotate(270deg);
        transform-origin: 0 0;
      }
    

    
     
    
    }
    
    
    
    
    
    
    
    
    /* Medium devices (tablets, 641px and up) */
    @media only screen and (max-width: 800px) and (min-width: 641px) {
    
    /*==============BANNER SABIAS QUE===========================*/
      
      /*=====  NAV =====*/
      /*  TODA LA BARRA LATERAL TRANSPARENTE */
      .l-navbars {
        position: fixed;
        bottom: 0%;
        right: 0%;
        width: 32px;
        height: 130px;
        background-color:rgb(60, 60, 60);
        -webkit-transition: .5s;
        transition: .5s;
        z-index: var(--z-fixed);
        
      }
      
      .navs {
        height:100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        overflow: hidden;
      }
      
      .nav__logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 2rem;
        padding: 0 .5rem;
      }
      
      .nav__logo-icon {
        margin-right: 5rem;
      }
      
      .nav__logo-text {
        color: var(--white-color);
        font-weight: 700;
      }
      /* BUTTON AMARILLO ARROW PARA MOVER */
      .nav__toggles {
        position: absolute;
        bottom: 7rem;
        left: -.3rem;
        width: 28px;
        height: 28px;
        background-color: var(--second-color);
        border-radius: 50%;
        font-size: 1.25rem;
        color: var(--first-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        cursor: pointer;
        -webkit-transition: .5s;
        transition: .5s;
      }
      
      .nav__img {
        font-size: 5rem;
        
      }
      
      .nav__text {
        font-weight: 700;
      }
      
      /*Show menu SIZE DE EXPANDER*/
      .shows {
        width: 100%;
      }
      
      /*Rotate toggle*/
      .rotate {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        -webkit-transition: .5s;
        transition: .5s;
      }
      
      
      .imgs{
        position: static;
        width: 18rem;
        height: 8.2rem;
        margin-left:12rem;
        cursor: pointer;
        align-items: center;
        
      }
      
      
      .texts{
        font-size: 0.7rem;
        color: white;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: -10%;
        left: .1rem;
        font-weight:bold;
        transform: rotate(270deg);
        transform-origin: 0 0;
      }


      .slideshow {
        display: none;
      }
    
    
     }
    
    
    
    
    
     /* Large devices (laptops/desktops, 1080px and up) */
     @media only screen and (max-width: 1080px) and (min-width: 801px) {
    
    
      
      /*=====  NAV =====*/
      /*  TODA LA BARRA LATERAL TRANSPARENTE */
      .l-navbars {
        display: none;
        
      }
      
      .navs {
        display: none;
      }
      
      .nav__logo {
        display: none;
      }
      
      .nav__logo-icon {
        display: none;
      }
      
      .nav__logo-text {
        display: none;
      }
      /* BUTTON AMARILLO ARROW PARA MOVER */
      .nav__toggles {
        display: none;
      }
      
      .nav__img {
        display: none;
        
      }
      
      .nav__text {
        display: none;
      }
      
      /*Show menu SIZE DE EXPANDER*/
      .shows {
        display: none;
      }
      
      /*Rotate toggle*/
      .rotate {
        display: none;
      }
      
      
      .imgs{
        display: none;
        
      }
      
      
      .texts{
        display: none;
      }
    
    
      .slideshow {
        top: 60px;
        right:0%;
        position: fixed;
        overflow: hidden;
        z-index: 99;
        width:auto;
        height:100%;
      }
    
     
     
      
   
    
    }
    
    
    
     /* Large devices (laptops/desktops, 1080px and up) */
     @media only screen and (max-width: 1920px) and (min-width: 1080px) {
    
    
      /*=====  NAV =====*/
      /*  TODA LA BARRA LATERAL TRANSPARENTE */
      .l-navbars {
        display: none;
        
      }
      
      .navs {
        display: none;
      }
      
      .nav__logo {
        display: none;
      }
      
      .nav__logo-icon {
        display: none;
      }
      
      .nav__logo-text {
        display: none;
      }
      /* BUTTON AMARILLO ARROW PARA MOVER */
      .nav__toggles {
        display: none;
      }
      
      .nav__img {
        display: none;
        
      }
      
      .nav__text {
        display: none;
      }
      
      /*Show menu SIZE DE EXPANDER*/
      .shows {
        display: none;
      }
      
      /*Rotate toggle*/
      .rotate {
        display: none;
      }
      
      
      .imgs{
        display: none;
        
      }
      
      
      .texts{
        display: none;
      }
     

      .slideshow {
        top: 60px;
        right:0%;
        position: fixed;
        overflow: hidden;
        z-index: 99;
        width:auto;
        height:100%;
      }
    
     
      
      
    
    
     }
    
    
    
    
     /* Large devices (laptops/desktops, 850px and up) */
     @media only screen and (max-width: 1407px) and (min-width: 850px) {
    
      /*=====  NAV =====*/
      /*  TODA LA BARRA LATERAL TRANSPARENTE */
      .l-navbars {
        display: none;
        
      }
      
      .navs {
        display: none;
      }
      
      .nav__logo {
        display: none;
      }
      
      .nav__logo-icon {
        display: none;
      }
      
      .nav__logo-text {
        display: none;
      }
      /* BUTTON AMARILLO ARROW PARA MOVER */
      .nav__toggles {
        display: none;
      }
      
      .nav__img {
        display: none;
        
      }
      
      .nav__text {
        display: none;
      }
      
      /*Show menu SIZE DE EXPANDER*/
      .shows {
        display: none;
      }
      
      /*Rotate toggle*/
      .rotate {
        display: none;
      }
      
      
      .imgs{
        display: none;
        
      }
      
      
      .texts{
        display: none;
      }
      

      .slideshow {
        top: 60px;
        right:0%;
        position: fixed;
        overflow: hidden;
        z-index: 99;
        width:auto;
        height:100%;
      }
    
    
     
      
    
     }
    
     
    
    /* Extra large devices (large laptops and desktops, 1249px and up) */
     @media only screen and (max-width: 1307px) and (min-width: 1249px) {
    
    
      /*=====  NAV =====*/
      /*  TODA LA BARRA LATERAL TRANSPARENTE */
      .l-navbars {
        display: none;
        
      }
      
      .navs {
        display: none;
      }
      
      .nav__logo {
        display: none;
      }
      
      .nav__logo-icon {
        display: none;
      }
      
      .nav__logo-text {
        display: none;
      }
      /* BUTTON AMARILLO ARROW PARA MOVER */
      .nav__toggles {
        display: none;
      }
      
      .nav__img {
        display: none;
        
      }
      
      .nav__text {
        display: none;
      }
      
      /*Show menu SIZE DE EXPANDER*/
      .shows {
        display: none;
      }
      
      /*Rotate toggle*/
      .rotate {
        display: none;
      }
      
      
      .imgs{
        display: none;
        
      }
      
      
      .texts{
        display: none;
      }
     


      .slideshow {
        top: 60px;
        right:0%;
        position: fixed;
        overflow: hidden;
        z-index: 99;
        width:auto;
        height:100%;
      }
    
     
    
     }
    
    
    
    
    /* Extra large devices (large 4K ULTRA HD Television, 1308px and up) */
     @media only screen and (max-width: 1440px) and (min-width: 1308px) {
    
     
      /*=====  NAV =====*/
      /*  TODA LA BARRA LATERAL TRANSPARENTE */
      .l-navbars {
        display: none;
        
      }
      
      .navs {
        display: none;
      }
      
      .nav__logo {
        display: none;
      }
      
      .nav__logo-icon {
        display: none;
      }
      
      .nav__logo-text {
        display: none;
      }
      /* BUTTON AMARILLO ARROW PARA MOVER */
      .nav__toggles {
        display: none;
      }
      
      .nav__img {
        display: none;
        
      }
      
      .nav__text {
        display: none;
      }
      
      /*Show menu SIZE DE EXPANDER*/
      .shows {
        display: none;
      }
      
      /*Rotate toggle*/
      .rotate {
        display: none;
      }
      
      
      .imgs{
        display: none;
        
      }
      
      
      .texts{
        display: none;
      }


      .slideshow {
        top: 60px;
        right:0%;
        position: fixed;
        overflow: hidden;
        z-index: 99;
        width:auto;
        height:100%;
      }
    
    
     
    
    
     }
    
    
    
    /* Extra large devices (large 4K ULTRA HD Television, 2160px and up) */
     @media only screen and (max-width:3840px) and (min-width: 2160px) {
    
      /*=====  NAV =====*/
      /*  TODA LA BARRA LATERAL TRANSPARENTE */
      .l-navbars {
        display: none;
        
      }
      
      .navs {
        display: none;
      }
      
      .nav__logo {
        display: none;
      }
      
      .nav__logo-icon {
        display: none;
      }
      
      .nav__logo-text {
        display: none;
      }
      /* BUTTON AMARILLO ARROW PARA MOVER */
      .nav__toggles {
        display: none;
      }
      
      .nav__img {
        display: none;
        
      }
      
      .nav__text {
        display: none;
      }
      
      /*Show menu SIZE DE EXPANDER*/
      .shows {
        display: none;
      }
      
      /*Rotate toggle*/
      .rotate {
        display: none;
      }
      
      
      .img{
        display: none;
        
      }
      
      
      .text{
        display: none;
      }
    

      .slideshow {
        top: 60px;
        right:0%;
        position: fixed;
        overflow: hidden;
        z-index: 99;
        width:auto;
        height:100%;
      }
    
    
     
     
     }
    
    
    
    /* Extra large devices (large 5K ULTRA HD Television, 2160px and up) */
    @media only screen and (max-width:5120px) and (min-width: 2880px) {
    
      /*=====  NAV =====*/
      /*  TODA LA BARRA LATERAL TRANSPARENTE */
      .l-navbars {
        display: none;
        
      }
      
      .navs {
        display: none;
      }
      
      .nav__logo {
        display: none;
      }
      
      .nav__logo-icon {
        display: none;
      }
      
      .nav__logo-text {
        display: none;
      }
      /* BUTTON AMARILLO ARROW PARA MOVER */
      .nav__toggles {
        display: none;
      }
      
      .nav__img {
        display: none;
        
      }
      
      .nav__text {
        display: none;
      }
      
      /*Show menu SIZE DE EXPANDER*/
      .shows {
        display: none;
      }
      
      /*Rotate toggle*/
      .rotate {
        display: none;
      }
      
      
      .img{
        display: none;
        
      }
      
      
      .text{
        display: none;
      }
     

      .slideshow {
        top: 60px;
        right:0%;
        position: fixed;
        overflow: hidden;
        z-index: 99;
        width:auto;
        height:100%;
      }
    
    
     
     
    
     }