@media only screen and (min-width: 1921px) {
  /* PROJECT-GENERAL */
}
@media only screen and (max-width: 1620px) {
}
@media only screen and (max-width: 1440px) {
  .navbar-nav{
    width: 65%;
    margin-left: auto;
  }
}
@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: 993px){
  section{
    padding: 1rem;
  }
  section.informacion .txt-lotes span, section.informacion .txt-lotes-2 span{
    font-size: 3rem;
    line-height: 2rem;
  }
  section.informacion .txt-lotes-2{
    margin-top: 2rem;
  }
  section.informacion .txt-lotes-2 span::after{
    font-size: .8rem;
  }
  section.informacion .cont-title h3{
    font-size: 3rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
  section.informacion .cont-title h3::after{
    bottom: 0;
  }
  section.amenidades .title{
    font-size: 2rem;
  }
  .sm-none{
    display: none;
  }
  .sm-show{
    display: block;
  }
  main .info-main{
    margin: 0 auto;
    max-width: 80%;
    text-align: center;
  }
  main h1::after{
    margin-left: 0;
  }
  main p{
    text-align: justify;
  }
  form .button{
    margin: 2rem auto;
  }
  nav .navbar-brand img{
    max-width: 10rem;
  }
  .navbar-toggler{
    margin-left: auto;
  }
  section.frase .cont-frase{
    max-width: 90%;
    margin: auto;
  }
  section.frase .cont-frase p{
    max-width: 100%;
    text-align: justify;
    margin-top: 2rem;
  }
  section.informacion .txt-lotes span::after,section.informacion .txt-lotes-2 span::after{
    position: relative;
    bottom: 0;
    right: 0;
  }
  section.informacion .cont-title{
    margin: 3rem auto 0;
  }
  section.informacion p{
    padding: 0;
    text-align: justify;
  }
  .link-master{
    display: block;
    margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  section.amenidades .title::after{
    font-size: 1rem;
    line-height: 1rem;
  }
  section.amenidades p{
    max-width: 90%;
    margin: 2rem auto;
    text-align: justify;
  }
  section.amenidades ul{
    padding-left: 10%;
  }
  section.amenidades ul li{
    font-size: 1rem;
  }
  section.amenidades .link-master{
    padding-left: 10%;
  }
  section.informacion .cont-title h3::after{
    position: relative;
  }
  section.contacto .sma{
    font-size: 2rem;
    line-height: 2rem;
  }
  section.contacto .title-sma .flores-2{
    top: 4rem;
    right: -2rem;
    max-width: 50%;
  }
  section.contacto video{
    padding: 0;
  }
  section.contacto{
    padding: 2rem 1rem;
  }
  section.contacto .cont-info-contacto{
    max-width: 100%;
  }
  section.contacto .cont-info-contacto p{
    max-width: 100%;
  }
  footer img{
    margin: 2rem auto;
  }
  footer{
    padding:2rem;
  }
  .cont-tamano{
    margin-top: 2rem;
  }
  nav.navbar .nav-item{
    display: block;
    text-align: center;
  }
  .navbar-nav{
    width: 100%;
  }
  main.gracias{
    height: auto;
    padding: 5rem 2rem;
  }
  section.masterplan{
    background-image: url('../img/masterplan-h.webp');

  }
}
