@media only screen and (min-width: 1921px) {
  .glitch-container .glitch-img-container img,section.habitaciones .cont-ph{
    height: 38vh;
  }
  .home-header .img-habitacion-1, .home-header .img-habitacion-2, .home-header .img-habitacion-3{
    height: 34vh;
  }
  /* PROJECT-GENERAL */
}
@media only screen and (max-width: 1620px) {
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1025px){
}
@media screen and (max-width: 993px) {
}
@media screen and (max-width: 800px){
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 600px) {
  /* +++++++++++++ GENERAL   ++++++++++++ */
  /* #menu-sm{
    transform: translateZ(0.3px) scale(0.7);
  } */
  .navbar-sm{
    position: sticky;
    top: 6.5rem;
    margin-top: -5rem;
    max-height: 5rem;
    z-index: 9999;
    transform: translateZ(0.3px) scale(0.7);
    /* background-color: #fff; */
  }
  .cont-menu img{
    max-width: 8rem;
    margin-top: .5rem;
  }
  .navbar-sm .open-overlay{
    top: 1rem;
    left: 1rem;
  }
  .dn-sm{
    display: none!important;
  }
  .dn-ds{
    display: block!important;
  }
  .phone-btn{
    display: none;
  }
  .cont-menu .testing{
    display: none;
  }
  .open-overlay::after{
    content: '';
  }
  .home-header .cont-info-motel{
    margin-top: 12rem;
  }
  .modal{
    z-index: 9999;
    transform: translateZ(0.4px) scale(0.6);
    margin-top: -1rem;
  }
  footer{
    text-align: center;
  }
  footer ul{
    padding: 0;
  }
  p{
    text-align: justify;
  }
  .overlay-slide-down{
    transform: translateZ(0.4px) scale(0.6);
  }
  nav li:nth-of-type(2){
    background-position: -13rem;
  }
  nav li:nth-of-type(5){
    background-position: -10rem;
  }
  nav ul li a{
    writing-mode: vertical-lr;
    text-orientation: upright;
    font-size: 1.5rem;
    margin-left: 1.4rem;
    height: 100%;
    top: 0;
  }
/* +++++++++++++ HOME ++++++++++++ */
  section.home {
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/bg-home-sm.jpg');
  }
  .btn-entrar{
    width: 46%;
    height: 4rem;
  }
  .logo-home{
    width: 8rem;
    display: block;
    margin: auto;
  }
  section.home .btn-1{
    margin-top: 8rem;
    height: 70%;
  }
  .btn-entrar .flex-absolute .circulo{
    transform: translatex(0);
    opacity: .2;
  }
  .btn-entrar .flex-absolute a{
    transform: translatex(0);
    font-size: 1.6rem;
  }
  .btn-entrar span{
    bottom: .3rem;
    font-size: .8rem;
  }
  .btn-entrar .flex-absolute .raya {
    width: 0;
    transition: width 0.5s ease;
  }
  .btn-entrar .bg-reja{
    opacity: 0;
  }
  section.home .triangulo-h2{
    left: 12rem;
    top: -2rem;
  }
/* +++++++++++++ MOTEL ++++++++++++ */
/* +++++++++++++ MOTEL ++++++++++++ */
/* +++++++++++++ MOTEL ++++++++++++ */

  .home-header .cont-info-txt{
    margin-left: 0;
    position: absolute;
    top: 2rem;
    padding: 0 2rem;
  }
  .home-header .cont-info-motel h1{
    font-size: 6rem;
    margin-left: 0;
    letter-spacing: 0;
    line-height: 4rem;
  }
  .home-header .cont-info-motel span{
    display: block;
    text-align: right;
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .home-header h3{
    margin: 5rem auto 2rem auto;
    font-size: 2.8rem;
  }
  .home-header .galeria{
    max-width: 80%;
    padding: 0;
  }
  .home-header .img-habitacion-1, .home-header .img-habitacion-2, .home-header .img-habitacion-3{
    height: auto;
    width: 100%;
  }
  section.habitaciones{
    padding: 2rem;
  }
  .num-8,.num-33{
    font-size: 9rem;
    letter-spacing: 0;
    line-height: 5rem;
  }
  .num-8{
    transition: --num 1s;
    counter-set: num var(--num);
  }
  .num-8::after {
    content: counter(num);
}
  section.habitaciones .cont-title-habitacion hgroup{
    max-width: 100%;;
  }
  section.habitaciones .cont-title-habitacion{
    margin-top: 5rem;
  }
  section.habitaciones .cont-title-habitacion h2, section.habitaciones .cont-title-habitacion-16 h2{
    font-size: 1rem;
    letter-spacing: 0.5rem;
  }
  /* @property --num {
    syntax: "<integer>";
    initial-value: 8;
    inherits: false;
  }
  @property --num1 {
    syntax: "<integer>";
    initial-value: 33;
    inherits: false;
  } */
  section.habitaciones span{
    font-family: kozuka-gothic-pro, sans-serif;
    font-size: 1.5rem;
    color: #fb4a6f;
    letter-spacing: .8rem;
    line-height: 3rem;
    display: block;
    text-align: center;
  }
  section.habitaciones .cont-title-habitacion-16 p{
    padding-left: 0;
    text-align: justify;
  }
  section.habitaciones .cont-title-habitacion-16 .cont-btn{
    margin: auto;
    text-align: center;
  }
  section.habitaciones .cont-title-habitacion-16 hgroup{
    margin-left: 0;
    position: relative;
    display: inline-block;
  }
  section.habitaciones .neon{
    left: 3rem;
    width: 4rem;
    top: 56%;
  }
  .num-02{
    font-size: 8rem;
    text-align: center;
    letter-spacing: -1rem;
    line-height: 5rem;
  }
  .num-33{
    text-align: center;
    margin: 3rem auto 1rem auto;
    display: block;
  }
  .cont-title-habitacion-02 h2{
    font-size: 1rem;
    text-align: center;
  }
  section.habitaciones .img-ph-1{
    max-width: 100%;
  }
  section.habitaciones .cont-ph{
    margin-top: 2rem;
  }
  .home-header .parallax .triangulo-2{
    left: 15rem;
    top: 12rem;
    max-width: 9rem;
  }
  .home-header .parallax .triangulo-3{
    max-width: 4rem;
    left: 2rem;
  }
  .home-header .parallax .triangulo-4{
    right: 0;
    top: 50rem;
    max-width: 10rem;
  }
  section.habitaciones .cont-btn{
    margin-top: 0rem;
  }
  section.habitaciones .parallax .triangulo-6{
    top: 5rem;
    max-width: 10rem;
    right: auto;
    left: -6rem;
  }
  section.habitaciones .cont-title-habitacion-16 h2{
    text-align: center;
  }
  section.habitaciones .parallax .triangulo-7{
    left: 12rem;
    top: 64rem;
    max-width: 11rem;
  }
    section.habitaciones p{
      text-align: justify;
    }
/* +++++++++++++ HOTEL ++++++++++++ */
/* +++++++++++++ HOTEL ++++++++++++ */
/* +++++++++++++ HOTEL ++++++++++++ */
    section.hotel-info{
      position: relative;
      top: -8rem;
      /* z-index: 9999; */
      transform: translateZ(0.2px) scale(0.8);
    }
    section.hotel-header .title-hotel{
      font-size: 8rem;
      letter-spacing: -1rem;
      top: 10%;
    }
    section.hotel-header .triangulo-m1{
      left: -6rem;
      max-width: 14rem;
    }
    section.hotel-header .bg-hotel-ella{
      bottom: -6rem;
      z-index: 10!important;
    }
    section.hotel-header .triangulo-m2{
      left: 10rem;
      max-width: 8rem;
    }
    section.hotel-header .parallax{
      height: 50vh;;
      z-index: 1;
    }
    section.hotel-header{
      z-index: -100;
      background-position-x: -6rem;
      height: 50vh;
      background-repeat: no-repeat;
      background-position-y: bottom;
    }
    section.hotel-info h1{
      z-index: 999;
    }
    section.hotel-info .light-1{
      top: 0;
      right: 0;
      width: auto;
      max-width: 42rem;
    }
    section.hotel-info .testing{
      margin: 5rem auto;
    }
    section.hotel-info .triangulo-m3{
      max-width: 9rem;
      bottom: 3rem;
      right: 0;
    }
    section.hotel-info .cont-habitaciones{
      margin: 2rem auto;
      max-width: 80%;
    }
    section.hotel-info .galeria-titulo{
      font-size: 2rem;
      margin-bottom: 1.5rem;
    }
    section.amenidades ul{
      margin-left: 0;
    }
  section.amenidades .txt-amenidades{
    font-size: .9rem;
  }
  section.amenidades .words{
    font-size: 3.4rem;
    width: 23rem;
    text-shadow: 23rem 0, 46rem 0;
  }
  section.amenidades .light-bg{
    top: 9rem;
  }
  section.habitaciones-hotel .light-2{
    top: 38rem;
  }
  section.habitaciones-hotel .cont-info-habitacion p{
    width: 100%;
  }
  section.habitaciones-hotel .cont-info-habitacion h3{
    font-size: 1.2rem;
    letter-spacing: .7rem;
  }
  section.habitaciones-hotel .cont-redes-hotel{
    position: relative;
    left: 0;
    text-align: center;
  }
  section.habitaciones-hotel .testing{
    margin: 1rem auto 5rem auto;
    display: block;
    width: 50%;
  }
  section.habitaciones-hotel .img-prefooter{
    bottom: -8rem;
  }
  section.habitaciones-hotel .triangulo-5h{
    top: 0;
  }
  section.amenidades .title-amenidades{
    top: 15rem;
  }
  section.amenidades{
    padding-top: 80%;
    top: -60%;
    z-index: -2;
  }
  section.habitaciones-hotel{
    top:-60%;
  }
  .footer-hotel{
    position: relative;
    top: -60%;
    max-height: 20vh;
}
/* +++++++++++++ NOSOTROS ++++++++++++ */
/* +++++++++++++ NOSOTROS ++++++++++++ */
/* +++++++++++++ NOSOTROS ++++++++++++ */
  section.nosotros-header hgroup h2{
    font-size: 3.6rem;
    letter-spacing: .2rem;
    line-height: 3.2rem;
  }
  section.nosotros-header hgroup span{
    font-size: .8rem;
  }
  section.nosotros-header hgroup span::before{
    width: 40%;
  }
  .triangulo-n1{
    display: none;
  }
  .light-n1{
    top: -3rem;
    left: -36rem;
    max-width: 50rem;
    position: absolute;
  }
  .triangulo-n2{
    top: -8rem;
    left: auto;
    max-width: 10rem;
  }
  .luna{
    max-width: 16rem;
  }
  .triangulo-n4{
    max-width: 4rem;
    left: auto;
    right: 3rem;
    bottom: 0;
    top: 30rem;
  }
  .light-n3{
    left: -24rem;
    right: 0;
    top: 0rem;
    max-width: 48rem;
  }
  .triangulo-n3{
    top: 1rem;
    max-width: 10rem;
  }
  section.nosotros-info h5{
    font-size: 2.4rem;
    letter-spacing: 0rem;
    line-height: 2rem;
  }
  section.nosotros-info span{
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  section.nosotros-info .testing{
    display: block;
    margin: 2rem auto;
    width: 50%;
  }
  section.prefooter-nosotros{
    padding: 0;
  }
  section.prefooter-nosotros .light-n2{
    width: 80%;
    top: -2rem;
  }
  section.prefooter-nosotros .frase-2{
    font-size: 1rem;
  }
  section.prefooter-nosotros .testing{
    margin: auto;
    display: block;
    width: 50%;
  }
  section.prefooter-nosotros .frase-2 span{
    display: block;
  }
  section.prefooter-nosotros hgroup.frase h6{
    font-size: 1.5rem;
  }
  /* +++++++++++++ CONTACTO ++++++++++++ */
  /* +++++++++++++ CONTACTO ++++++++++++ */
  /* +++++++++++++ CONTACTO ++++++++++++ */
  section.contacto-header .title-contacto{
    font-size: 3rem;
    letter-spacing: .1rem;
  }
  section.contacto-header{
    height: 80vh;
    background-position: center;
  }
  section.contacto-header .ella-contacto{
    max-width: 25rem;
    top: 28%;
  }
  section.contacto-header .triangulo-c1{
    max-width: 7rem;
    top: -6rem;
    left: auto;
  }
  section.formulario .testing{
    margin: 3rem auto;
    display: block;
    width: 50%
  }
}