@media only screen and (max-height: 768px) and (max-width:1370px){
    
  .hero-section #banner-bg img {
    height: auto !important;
    }
  .insignia-home-page .hero-section {
    height: auto !important;
  }  
}

@media screen and (max-width: 1440px) {
  :root {
    --hero-height: clamp(620px, 58vh, 920px);
    --gallery-height: clamp(280px, 46vh, 680px);
    --h1-size: clamp(2.8rem, 4.7vw, 4.6rem);
    --h2-size: clamp(1.95rem, 2.8vw, 3rem);
    --nav-gap: 1.5rem;
  }
  .hero-section .inner-sec-content {
      gap: 20px;
  }
  .overview-luxury-sec .overview-block .max-container {
    left: 0;
}
.overview-luxury-sec .overview-block,.life-style-sec .row{
  margin-left: 5%;
}

  .foto-listar {
        width: 100%;
        padding-left: 5%;
  }
}

@media screen and (max-width: 1366px) {
  .amenities-sec .auxer {
      width: 30%;
  }
}

@media screen and (max-width: 1280px) {
  :root {
    --hero-height: clamp(600px, 56vh, 820px);
    --button-padding-horizontal: 1.4rem;
  }

  .location-block .sett-padding {
    padding: 40px 50px 40px 20px;
}
.locate-places div img {
    max-width: 50px;
}
.location-block .locate-places {
    gap: 20px;
}
.location-block .locate-places ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 4px;
}
.location-block .locate-places ul li span{
  line-height: 1;
}

  .ameny-list ul li h5,.ameny-list ul li p{
    text-align: center;
  }

  .overview-luxury-sec .overview-block {
    padding-inline: clamp(1rem, 2vw, 3rem);
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --hero-height: clamp(540px, 55vh, 760px);
    --gallery-height: clamp(260px, 44vh, 560px);
  }
  .overview-luxury-sec .overview-block{
    padding-inline: 0;
    margin-left: 0;
    padding: 50px 0 50px 0px;
  }

  .hero-section .inner-sec-content .header-flex figure img {
    max-width: 180px;
    transform: none;
  }

  .boton-y-enlaces .flex {
    justify-content: center;
  }

  .foto-listar {
    justify-content: center;
    padding-left: 0;
    flex-direction: column;
  }

  .foto-listar li {
    min-width: 100%;
    flex: 1 1 100%;
  }

  .foto-listar li.active {
    flex: 1 1 100%;
  }

  .foto-listar li img.thumbnail {
    height: 420px;
  }
}

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

  .contact-block .sett-padding {
    padding-top: 30px;
    padding-bottom: 0px;
    padding-left: 20px;
}
  .insignia-amenities-page .hero-section, .insignia-plan-page .hero-section, .insignia-developer-page .hero-section, .insignia-location-page .hero-section, .insignia-contact-page .hero-section, .insignia-specification-page .hero-section {
      height: 100%;
  }
      .premium-service .setty {
        margin-top: 20px;
        text-align: center;
    }
  .life-style-sec{
      margin-top: 0;
  }
  .life-style-sec .row {
    gap: 0;
    padding: 50px 0;
  }
  .premium-service .cus-cf iframe{
    height: 400px;
  }
  footer .telefono-y-direccion {
    align-items: center;
  }
  footer .telefono-y-direccion .text-end {
      text-align: center !important;
  }
  .premium-service h2{
    text-align: center;
  }
  .hero-section .inner-sec-content{
      justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --hero-height: clamp(520px, 55vh, 700px);
    --h1-size: clamp(2.4rem, 7vw, 3.8rem);
  }

  /* .ameny-list ul {
    flex-wrap: nowrap;
    width: 1200%;
    max-width: 10000px;
  } */

  .overview-block .my-counter div{
    text-align: left;
  }
  .ameny-tab-container .mob-scroll .justify-content-center {
    justify-content: flex-start !important;
}
.ameny-tab-container .marque-btn-right, .ameny-tab-container .marque-btn-left {
  top: 98px;
}

    .menu-lateral menu li {
      padding: 0px 0;
  }

  .overview-block ul li p{
      font-size: var(--type-button-18);
  }
  .premium-service .xriz-flexor{
    margin-bottom: 2rem;
  }
  .menu-lateral menu li a,.menu-lateral .telefono-y-direccion .telefono a{
      font-size: 20px;
      line-height: 160%;
  }
  .telefono.heady-phone{
    top: 0;
  }
  .menu-lateral .telefono-y-direccion .mt-5{
    margin-top: 0.5rem !important;
  } 
  .menu-lateral .telefono-y-direccion .text-start small{
      font-size: 12px;
      font-weight: 400;
  }
  .menu-lateral .telefono-y-direccion p {
    font-size: 14px;
}

  .cuerpo-de-papi .abrir-lista .accord-head .first-block h3,
  .cuerpo-de-papi .accord-head .first-block{
    text-align: left;
  }
  .cuerpo-de-papi .accord-head .first-block .short-image {
    width: 100%;
    height: auto;
}
.cuerpo-de-papi li .li-angle{
    top: 30px;
}

  .contact-block .sett-padding {
    padding:30px 40px;
  }
  .overview-luxury-sec.contact-block .overview-block h2{
    text-align: left;
  }

  .builder-block .sett-padding {
      padding-left: calc(var(--bs-gutter-x) * .5);
  }
  .builder-block .sett-padding p{
    text-align: center;
  }
  .developer-sec .company-block img {
        width: 200px;
        height: auto;
        max-width: 100%;
    }

  .insignia-specification-page .specificacion-sec .speci-listar li h5,
  .insignia-specification-page .specificacion-sec .speci-listar li p{
    text-align: left;
  }
  
  .overview-luxury-sec .overview-block .ob-foto{
        height: 50vh;
        max-height: 300px;
        object-fit: cover;
        margin-bottom: 20px;
  }
  .overview-luxury-sec .overview-block h2{
    font-size: var(--type-heading-50);
  }
  .amenities-sec #amenities-crol img{
    height: 50vh;
    object-fit: cover;
  }
  .amenities-sec .ovilay-block{
    height: 100%;
  }
  .amenities-sec .auxer {
      width: 100%;
  }
  footer .logi{
    max-width: 60vw;
    margin: 0 auto;
  }
  .overview-luxury-sec .overview-block h2 {
      margin-top: 20px;
      text-align: center;
  }
  .insignia-amenities-page .premium-service, .insignia-specification-page .premium-service, .insignia-location-page .premium-service, .insignia-developer-page .developer-sec {
    margin-top: 0;
}
.insignia-amenities-page .premium-service {
    padding: 30px 0 30px 0;
}
.ameny-list ul li{
  width: 30%;
}

  .amenities-link-block{
    display: none;
  }

  .ifm-map,.premium-service .cus-cf iframe{
    height: 500px;
}
footer .telefono-y-direccion{
    align-items: center;
}
footer .telefono-y-direccion .text-end {
        text-align: center !important;
    }

    .overview-luxury-sec .overview-block {
    top: 0px;
    padding: 30px 0 30px 00px;
}
.premium-service{
    text-align: center;
    padding: 30px 0 0 0;
}
.premium-service .cus-cf {
    padding: 30px 0 0 0;
}
.overview-block button{
    margin: 30px auto 0;
}
.insignia-home-page .overview-block button{
  margin: 30px 0 0;
}
.insignia-home-page .overview-luxury-sec .overview-block h2 {
    margin-top: 0px;
    text-align: left;
}
.overview-block .ob-foto{
    margin-bottom: 0px;
}
.life-style-sec {
    margin-top: 0;
    padding: 30px 0 15px;
}
.foto-listar li{
    border-radius: 12px;
}
.life-style-sec .row {
    gap: 0;
}
.life-style-sec .row {
    padding-bottom: 30px;
    padding-top: 0;
}
.foto-listar {
    justify-content: center;
    width: 100%;
    gap: 5px;
    padding: 15px 15px 0;
}

.contenido-mediocre h1 {
    font-size: var(--type-display-72);
    line-height: 1.25;
    text-align: center;
    white-space: inherit;
}
    .contenido-mediocre p {
        font-size: var(--type-body-14);
        margin-top: 10px;
        text-align: center;
    }

  .hero-section .inner-sec-content .header-flex .boton-de-menu button{
    width: 44px;
    height: 44px;
    min-width: 44px;
    text-indent: -9999px;
  }
  .menu-lateral .close-menu{
      width: 30px;
      top: 10px;
      right: 10px;
      z-index: 9999;
  }
      .control-del-owl .prev, .control-del-owl .next {
        width: 60px;
        height: 60px;
    }

  .hero-section .inner-sec-content {
    padding: var(--space-s) 1rem;
  }

  .navigation-header .header-flex {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1rem;
  }

  .navigation-header .header-flex figure img {
    max-width: 140px;
    width: auto;
    transform: none;
  }

  .navigation-header .boton-de-menu button {
    width: 48px;
    min-width: 48px;
    height: 48px;
    padding: 0;
    font-size: 0;
    color: transparent;
    border-radius: 50%;
    position: relative;
  }

  .navigation-header .boton-de-menu button::before {
    content: "";
    position: absolute;
    inset: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("../images/icon-enquiry.svg") center center / 60% no-repeat;
  }

  .contenido-mediocre {
    margin-top: 5rem;
    padding-inline: 1rem;
  }

  .foto-listar li img.thumbnail {
    height: 320px;
  }

  .foto-listar li .glass-sheet .numero {
    font-size: var(--type-number-120);
  }
}

@media screen and (max-width: 580px) {
  :root {
    --hero-height: clamp(500px, 52vh, 660px);
    --button-padding-vertical: 0.8rem;
    --button-padding-horizontal: 1.2rem;
    --h1-size: clamp(2rem, 8vw, 3.2rem);
  }

  .hero-section .inner-sec-content .header-flex ul,
  .hero-section .inner-sec-content .header-flex .boton-de-menu {
    justify-content: flex-start;
    width: auto;
  }

  .boton-de-menu button,
  .download-broc {
    width: 100%;
    min-width: auto;
  }

  .amenities-link-block {
    max-width: 100%;
    min-height: 240px;
  }

  .premium-service .xriz-flexor {
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width: 480px) {
  :root {
    --hero-height: clamp(480px, 50vh, 620px);
    --gallery-height: clamp(220px, 40vh, 380px);
  }

  .hero-section {
    min-height: var(--hero-height);
  }

  .hero-section #banner-bg img {
    height: var(--hero-height);
  }

  .foto-listar li img.thumbnail {
    height: 260px;
  }

  .overview-luxury-sec .overview-block {
    padding: var(--space-l) var(--space-s) var(--space-l);
  }
}

@media screen and (max-width: 375px) {
  :root {
    --hero-height: 440px;
    --h1-size: 2.2rem;
  }

  .contenido-mediocre {
    margin-top: 4rem;
  }

  .hero-section .inner-sec-content .header-flex figure img {
    max-width: 110px;
  }

  .foto-listar li img.thumbnail {
    height: 220px;
  }

  .foto-listar li .glass-sheet .botm {
    flex-direction: column;
    align-items: flex-start;
  }

  .foto-listar li .glass-sheet .botm small {
    position: static;
    transform: none;
  }
}

@media screen and (max-width: 320px) {
  :root {
    --hero-height: 420px;
    --button-padding-horizontal: 1rem;
    --button-padding-vertical: 0.75rem;
  }

  body {
    font-size: 0.95rem;
  }

  .contenido-mediocre {
    margin-top: 3rem;
  }

  .foto-listar li img.thumbnail {
    height: 200px;
  }
}