@media only screen and (min-width: 1921px) {
  /* 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) {
  .cont-info-marmol h3, .cont-info-abismo h3, .cont-info-rosa h3, .cont-info-chardanay h3, .cont-info-moscatto h3, .cont-info-nogal h3, .cont-info-negro h3, .cont-info-gris h3, .cont-info-blanco h3, .cont-info-escandinavo h3, .cont-info-vetas-n h3, .cont-info-vetas-b h3, .cont-info-samano h3{
    font-size: 1.4rem;
  }
  .max-10rem{
    max-width: 10rem;
  }
  section.especificaciones .cont-video iframe{
    width: 100%;
  height: auto;
  }
  .arrow-up img {
    max-width: 26px;
    margin-top: 0;
    margin-right: -1.2rem;
}
  .preloader-wrapper .hoja-f{
    width: 50%;
    margin: auto;
    display: block;
    margin-bottom: 1rem;
  }
  .loader{
    clip-path: circle(400% at 50% -150%);
  }
  .loader2{
    clip-path: circle(0% at 50% -150%);
  }
  #nav-icon{
    width: 35px;
  }
  .card-header h3{
    font-size: 1.8rem;
  }
  section.redes-sociales h4{
    font-size: 1.6rem;
  }
  .form-group{
    width: 100%;
    margin: auto;
  }
  .navibar{
    height: 4.5rem;
    background: #0b232a;
  }
  .logo-nav-sm{
    position: absolute;
    margin: 1rem;
    display: block;
    width: 6rem;
  }
  .sm-dn{
    display: none;
  }
  .hoja-1{
    display: none;
  }
  .ds-dn{
    display: block;
  }
  section.contacto{
    overflow: hidden;
    padding: 0;
  }
  section.robles h3,section.financiamiento h3,section.robles h2{
    font-size: 2rem;
  }
  section.robles   .cont-txt-home h2{
    margin-left: -3rem;
  }
  .cont-btn{
    margin-right: 0;
    justify-content: center;
    align-items: center;
  }
  .foto-robles-sm{
    position: relative;
    right: -3rem;
  }
  section.robles .hoja-2{
    width: 5rem;
    right: 0;
    left: 0;
    top: 2rem;
  }
  .cont-txt-home{
    position: absolute;
    bottom: 2rem;
    width: 80%;
    right: 0;
    padding-left: .8rem;
  }
  section.robles p{
    line-height: .9rem
  }
  section.robles .robles{
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.8rem;
  }
  section.robles span{
    text-align: center;
    margin: .5rem auto;
  }
  section.robles .b-r{
    border: 0;
  }
  section.desarrollos h3{
    font-size: 1.3rem;
  }
  section.financiamiento{
  }
  section.financiamiento img{
    position: relative;
    right: -.75rem;
  }
    section.financiamiento .myimg{
        position: relative;
        right: 0 !important;
        width: 100%;
        margin:2rem 0 !important;
    }

  section.financiamiento hgroup{
    position: relative;
    width: 80%;
    margin: auto;
  }
    section.financiamiento hgroup h3{
      margin: 4rem auto 1rem;
    }
    section.financiamiento p{
      padding-right: 0;
    }
    .cont-btn-a{
      justify-content: center;
      align-items: center;
      margin-right: 0;
      margin-top: 1rem;
    }
    #nav-icon span{
      width: 40px;
    }
    #nav-icon span:nth-child(2){
      width: 20px;
    }
    #nav-icon{
      top: 20px;
    }
    .logo-open-nav {
      width: 6rem;
      position: absolute;
      top: 1.5rem;
      left: 1.5rem;
    }
    .sidenav .linea{
      margin: 1rem auto;
    }
    .sidenav ul{
      margin-bottom: .5rem;
    }
    .sidenav h3{
      margin-top: 1rem;
      margin-bottom: .5rem;
    }
    div.section3{
      height: 80vh;
    }
    div.section3 .b-ra{
      border-right: 0;
    }
    div.section3 p{
      margin: 1rem auto;
    }
    .horizontal .logos{
      margin: auto;
      margin-bottom: 2rem;
    }
    .horizontal > div{
      padding: 0 15%;
    }
    footer{
      text-align: center;
    }
    footer .br{
      border: 0;
    }
    footer .hoja-f{
      width: 12rem;
      display: block;
      margin: auto;
    }
    footer .img-f{
      width: 6rem;
      display: block;
      margin: 1rem auto;
    }
    footer .dr{
      font-size: .8rem;
    }

    section.nosotros{
      background-image: url('../img/about.png');
      background-size: contain;
      height: 34vh;
      z-index: 1;
    }
    .cont-info-nosotros{
      position: relative;
      margin: auto;
      text-align: center;
      width: 80%;
      z-index: 10;
      top: -3rem;
    }
    section.int-nosotros .cont-txt-int, section.int-nosotros .cont-int-nosotros-2 .cont-txt-int{
      position: relative;
      width: 100%;
      bottom: 0;
    }
    section.int-nosotros .cont-int-nosotros-1, section.int-nosotros .cont-int-nosotros-2{
      width: 100%;
      padding: 2rem;
      padding-top: 0;
      height: auto;
    }
    section.int-nosotros p{
      border: 0;
      padding: 0;
    }
    .pd-0{
      padding: 0!important;
    }
    section.int-nosotros{
      padding: 2rem 0;
    }
    section.int-nosotros h3{
      font-size: 2rem;
      margin-top: 1rem;
      padding-top: 0;
      color: #fff;
    }
    section.int-nosotros h4{
      font-size: 2rem;
    }
    section.int-nosotros p{
      font-size: .8rem;
      color: #fff;
    }
    section.int-nosotros .cont-int-nosotros-2 h3, section.int-nosotros .cont-int-nosotros-2 h4{
      padding-left: 0;
    }
    .cont-info-nosotros{
      padding: 1rem;
    }
    .cont-info-nosotros .cont-btn-a{
      margin-top: 2rem;
      margin-bottom: -3rem;
    }
    section.int-nosotros .cont-txt-int h3, section.int-nosotros .cont-txt-int p{
      color: #0e2c35;
    }
    section.int-nosotros .cont-int-nosotros-2 h3, section.int-nosotros .cont-int-nosotros-2 p{
      color: #fff;
    }
    .bs-gutt{
      --bs-gutter-x:0;
    }
    .nav-section{
      padding: 1rem;
    }
    .nav-section .navibar{
      background-color: #fff;
      height: auto;
    }
    .nav-section .logo-dorado{
      width: 6rem;
    }
    #nav-icon.open{
      position: fixed!important;
      top: 20px!important;
    }
    section.desarrollos{
      background-image: url("../img/header-juriquilla.jpg");
      background-size: contain;
      height: 34vh;
    }
    section.zibata-d {
    background-image: url('../img/header-zibata.jpg');
  }
    section.desarrollos h2{
      font-size: 2rem;
    }
    section.amenidades hgroup{
      position: relative;
      width: 80%;
      margin: auto;
    }
    section.amenidades{
      background-size: contain;
      background-repeat: repeat;
    }
    section.amenidades .cont-info-desarrollo h3{
      font-size: 2.8rem;
      line-height: 2.5rem;
      margin: .5rem auto 1rem auto;
    }
    section.amenidades .cont-info-desarrollo h1{
      font-size: 1rem;
    }
    section.amenidades hgroup{
      padding: 1rem;
      margin-top: -4rem;
    }
    section.amenidades .cont-info-desarrollo p, section.amenidades p{
      font-size: .8rem;
    }
    section.amenidades .cont-txt-amenidades h3{
      font-size: 1.2rem;
    }
    section.amenidades .cont-btn{
      text-align: center;
      display: flex;
      justify-content: center;
      margin-bottom: 2rem;
    }
    section.amenidades h4,section.amenidades h4, section.prototipos h4{
      font-size: 1.8rem;
    }
    section.scroll-amenidades div.section3{
      height: 60vh;
    }
    section.prototipo h1{
      font-size: 2.2rem;
      color: #000;
      /* text-align: center; */
    }
    section.prototipo h2{
      font-size: 1.2rem;
    }
    section.prototipo p{
      padding-right: 0;
      color: #000;
    }
    section.prototipo{
      padding: 2rem 1rem;
    }
    section.prototipo .foto-prototipo{
      top: 0;
      width: 90%;
      height: auto;
      right: -3rem;
    }
    section.prototipo .cont-prototipo{
      padding: 10rem 3rem;
      left: -4rem;
      min-height: auto;
    }
    section.especificaciones h4{
      font-size: 2rem;
      margin-top: 1rem;
    }
    section.especificaciones .cont-video{
      width: 90%;
      margin: auto;
    }
    section.modelo .frase, section.modelo h4, section.modelo p, section.modelo .precio{
      padding-left: 0;
    }
    section.modelo h4, section.modelo .precio{
      margin-top: 1rem;
    }
    section.especificaciones{
      padding: 2rem 0;
    }
    .bg-especificaciones{
      width: 90%;
      /* height: 60%; */
    }
    section.especificaciones .cont-txt-especificaciones{
      margin: 1rem auto;
    }
    section.especificaciones h4,section.especificaciones .cont-txt-especificaciones,section.especificaciones ul{
      padding-left: 2.5rem;
    }
    section.especificaciones .mt{
       margin-top: 3rem;
     }
     section.especificaciones img{
       display: block;
       margin: auto;
       max-height: 60vh;
       margin-top: 2rem;
     }
     section.acabados{
       padding: 2rem;
       background-size: auto;
       background-repeat: no-repeat;
     }
     section.acabados h4{
       font-size: 1.4rem;
     }
     #barra-acabado, #madera-acabado,#cristal-acabado{
       margin-bottom: 2rem;
     }
     .map > iframe {
         width: 95%;
         height: 300px;
     }
}