/* FancyBox Responsive Styles */
@media (max-width: 1200px) {
  .fp-img-wrap:hover {
    transform: scale(1.01);
    box-shadow: 0 0 15px rgba(200, 151, 58, 0.25);
  }

  .fp-img-wrap:hover img {
    transform: scale(1.01);
  }

  .fancybox__caption {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .fp-img-wrap {
    padding: 2px;
  }

  .fp-img-wrap:hover {
    transform: scale(1.005);
    box-shadow: 0 0 12px rgba(200, 151, 58, 0.2);
  }

  .fp-img-wrap:hover img {
    transform: scale(1.005);
  }

  .fancybox__caption {
    display: none !important;
  }

  .fancybox__button {
    padding: 6px;
  }

  .fancybox__toolbar {
    padding: 8px 12px;
  }

  /* Adjust FancyBox container on mobile */
  .fancybox__container {
    padding: 8px;
  }

  .fancybox__image {
    max-height: calc(100vh - 100px);
  }
}

@media (max-width: 480px) {
  .fp-img-wrap {
    padding: 2px;
  }

  .fp-img-wrap:hover {
    transform: scale(1.002);
    box-shadow: 0 0 10px rgba(200, 151, 58, 0.15);
  }

  .fancybox__caption {
    display: none !important;
  }

  .fancybox__button {
    font-size: 0.9rem;
    padding: 4px;
  }

  .fancybox__toolbar {
    padding: 6px 10px;
  }

  .fancybox__container {
    padding: 4px;
  }

  .fancybox__image {
    max-height: calc(100vh - 80px);
  }

  /* Better touch targets for mobile */
  .fancybox__button,
  .fancybox__close {
    min-width: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 360px) {
  .fancybox__button {
    font-size: 0.85rem;
  }

  .fancybox__caption {
    display: none !important;
  }
}

/* 1800px - 1999px */
@media (min-width: 1800px) and (max-width: 1999px) {
    .nav-link-i {
      font-size: 14px !important;
      padding: 5px 12px !important;
    } 
    .features-content {
        grid-template-columns: auto;
    }
    .ci-lbl {
        font-size: 13px;
    }
    .f-lbl {
        font-size: 13px;
    }
    .popup-close {
        font-size: 35px;
    }
    .hero-section {
      height: 115vh;
    }
}

/* 1600px - 1799px */
@media (min-width: 1600px) and (max-width: 1799px) {
   .nav-link-i {
      font-size: 14px !important;
      padding: 7px 13px !important;
    } 
    .features-content {
        grid-template-columns: auto;
    }
    .ci-lbl {
        font-size: 12px;
    }
    .f-lbl {
        font-size: 12px;
    }
    
    .feat-desc {
        font-size:15px;
    }
    
    .section-tag {
        font-size: 16px;
    }
    .popup-close {
        font-size: 33px;
    }
}

/* 1400px - 1599px */
@media (min-width: 1400px) and (max-width: 1599px) {
    .nav-logo {
      width: 190px;
    }
    .nav-link-i {
      font-size: 13px !important;
      padding: 7px 11px !important;
    }
    .highlights-grid {
      grid-template-columns: repeat(5, 1fr);
      gap: 1.8rem 1.2rem
    }
    .highlight-icon {
      width: 65px;
      height: 65px
    }
    .highlight-icon i {
      font-size: 1.6rem
    }
    .about-section {
      padding: 50px 0;
    }
    .section-tag {
      font-size: 16px;
    }
    .section-title {
        font-size: 35px;
    }
    .features-content {
        grid-template-columns: auto;
    }
    .ci-lbl {
        font-size: 11px;
    }
    .f-lbl {
        font-size: 11px;
    }
    .leave{
        font-size: 14px !important;
    }
    .popup-close {
        font-size: 30px;
    }
    .hero-section {
      height: 99vh;
    }
}

/* 1200px - 1399px */
@media (min-width: 1200px) and (max-width: 1399px) {
    .nav-logo {
      width: 155px;
    }
    .nav-link-i {
      font-size: 15px;
      padding: 7px 11px !important;
    }
    .highlights-grid {
      grid-template-columns: repeat(4, 1fr);
      gap: 1.6rem 1rem
    }
    .highlight-icon {
      width: 60px;
      height: 60px
    }
    .highlight-icon i {
      font-size: 1.4rem
    }
    .highlight-name {
      font-size: 0.9rem
    }
    .about-section {
      padding: 50px 0;
    }
    .section-tag {
      font-size: 28px !important;
    }
    .section-title {
      font-size: clamp(2.5rem, 2.5vw, 3.9rem);
    }
    .section-body {
      font-size: 17px;
    }
    .content{
        font-size: 16px !important;
    }
    .section-body {
      line-height: 1.5;
    }
    /* .row{       
      display: flex;
      justify-content: center;
    } */
    .btn-gold {
      font-size: 16px;
      padding: 15px 30px;
    }
    .btn-outline-g {
       font-size: 16px;
       padding: 15px 30px;
    }
    .features-section {
      padding: 50px 0;
    }
    .feat-title {
      font-size: 17px;
    }
    .feat-desc {
      font-size: 17px;
    }
    .feat-icon i {
      font-size: 30px;
    }
    .amenities-section {
      padding: 50px 0;
    }
    .am-name {
       font-size: 15px;
    }
    .floorplan-section {
       padding: 50px 0;
    }
    .fp-btn {
      font-size: 17px;
    }
    .live{
        font-size: 20px !important;
    }
    .clubhouse-section {
      padding: 50px 0;
    }
    .ch-txt {
       font-size: 15px;
    }
    .gold-div .gl {
      height: 3px;
    }
    .specs-section {
      padding: 50px 0;
    }
    .spec-ttl {
      font-size: 21px;
    }
    .spec-ico i {
      font-size: 26px;
    }
    .spec-ul li {
       font-size: 15px;
    }
    .folder{
        font-size: 45px;
    }
    .f-lbl {
      font-size: 20px;
    }
    .f-input {
      font-size: 20px;
    }
    .ci-lbl {
      font-size: 20px;
    }
    .ci-val {
      font-size: 20px;
    }
    .ci-icon i {
      font-size: 30px;
    }
    .leave{
        font-size: 16px !important;
    }
    .location-section {
       padding: 50px 0;
    }
    .loc-txt {
        font-size: 13px !important;
    }
    .nearby-land span {
     font-size: 11px !important;
     }
    .natural {
      font-size: 18px !important;
    }
    .f-hdr {
        font-size: 19px;
    }
    .f-link {
      font-size: 18px;
    }
    .rera {
      font-size: 14px;
    }
    .f-bottom {
        font-size: 22px
    }
    .sidebar-form .call-action {
        width: 152px;
        height: 46px;
        font-size: 20px;
    }
    .popup-tag {
       font-size: 22px;
    }
    .popup-title {
      font-size: 38px;
    }
    .popup-close {
        font-size: 50px;
    }
    .p-lbl {
     font-size: 15px;
    }
    .p-inp {
      font-size: 19px;
    }
    .popup-submit {
       font-size: 18px;
    }
    .popup-note {
      font-size: 15px;
    }
    .features-content {
      grid-template-columns: auto;
    }
    .hero-section {
      height: 65vh;
      min-height: 600px;
    }
}

/* 992px - 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
    .nav-link-i {
      font-size: 12px;
    }
    .gap-1 {
      gap: 3px !important;
    }
    .about-section {
     padding: 50px 0;
    }
    .section-body {
     font-size: 16px;
    }
    /* .row{
        display: flex;
        justify-content: center;
    } */
    .section-tag {
        font-size: 25px;
        /* display: flex;
        justify-content: center; */
    }
    .text-20{
        font-size: 15px !important;
    }
    .section-body {
     line-height: 1.5;
    }
    .btn-gold {
      font-size: 14px;
      padding: 16px 29px;
    }
    .btn-outline-g {
      font-size: 13px;
      padding: 15px 25px;
    }
    .features-section {
      padding: 50px 0;
    }
    .features-section-head {
      font-size: clamp(1.9rem, 2.9vw, 3.9rem);
      /* align-items: center;
      text-align: center; */
    }
    .features-content {
        grid-template-columns: auto;
    }
    /* .gold-div.left {
     justify-content: center;
    } */
    .feat-title {
      font-size: 16px;
    }
    .feat-desc {
      font-size: 16px;
    }
    .amenities-section {
      padding: 50px 0;
    }
    .floorplan-section {
      padding: 50px 0;
    }
    .clubhouse-section {
      padding: 50px 0;
    }  
    .section-tag {
        font-size: 23px;
    }
    .specs-section {
      padding: 50px 0;
    }
    .spec-ul li {
     font-size: 15px;
    }
    .f-lbl {
      font-size: 15px;
    }
    .ci-lbl {
      font-size: 15px;
    }
    .ci-val {
      font-size: 18px;
    }
    .f-input {
     font-size: 15px;
    }
    .location-section {
      padding: 50px 0;
    }
    .loc-txt {
      font-size: 15px !important;
    }
    .section-tag {
        font-size: 21px;
    }
    .nearby-land span {
        font-size: 13px !important;
    }
    .f-link {
      font-size: 15px;
    }
    .f-hdr {
      font-size: 16px;
    }
    .f-bottom {
      margin-top: 30px;
      font-size: 17px !important;
    }
    .ch-txt {
      font-size: 15px;
    }
    .popup-tag {
       font-size: 20px;
    }
    .popup-title {
      font-size: 35px;
    }
    .p-lbl {
      font-size: 15px;
    }
    .p-inp {
      font-size: 16px;
    }
    .popup-submit {
     font-size: 15px;
    }
    .popup-note {
      font-size: 15px;
    }
    .popup-close {
      font-size: 50px;
    }
    .ch-feat {
      margin-bottom: 15px;
    }
    .hero-section {
      height: 67vh;
      min-height: 574px;
    }

}

/* 768px - 991px */

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

    .about-section {
     padding: 50px 0;
    }
    .section-tag {
      font-size: 20px;
    }
    .visible{
        font-size: 2rem;
    }
    .alignment{
        margin-top: 25px;
    }
    .highlights-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem 1rem
    }
    .highlight-card {
      padding: 1.5rem 0.8rem
    }
    .highlight-icon {
      width: 60px;
      height: 60px
    }
    .highlight-icon i {
      font-size: 1.5rem
    }
    .highlight-name {
      font-size: 0.85rem
    }
    .amenities-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem 1rem
    }
    .amenity-card {
      padding: 1.5rem 0.8rem
    }
    .amenity-icon {
      width: 60px;
      height: 60px
    }
    .amenity-icon i {
      font-size: 1.5rem
    }
    .amenity-name {
      font-size: 0.85rem
    }
    .features-section {
     padding: 50px 0;
    }
    .amenities-section {
     padding: 50px 0;
    }
    .mb-5 {
     margin-bottom: 3rem !important;
    }
    .floorplan-section {
     padding: 50px 0;
    }
    /* .clubhouse-section {
      padding: 55px 0;
    } */
    .visible {
        margin-top: 25px;
    }
    .specs-section {
     padding: 50px 0;
    }
    .location-section {
       padding: 50px 0;
    }
    .section-tag {
      font-size: 17px;
    }
    .footer-section {
      padding: 50px 0 28px;
    }
    .f-link {
     font-size: 16px;
    }
    .f-hdr {
     margin-bottom: 18px;
    }
    .f-bottom {
     margin-top: 35px;
    }
    .feat-desc {
    font-size: 16px;
    }
    .ci-lbl {
    font-size: 10px;
    }
    .hero-section {
      height: 58vh !important;
      min-height: 497px;
    }
}

/* 577px - 767px */
@media (min-width: 577px) and (max-width: 767px) {

    .section-body {
        line-height: 1.5;
    }
   .about-section {
        padding: 55px 0;
    }
    .section-body {
     line-height: 1.5;
    }
    p {
      margin-bottom: 0px;
    }
    .features-section{
    padding: 55px 0;
    }
    .alignment{
        margin-top: 15px;
    }
    .feat-item {
    margin-bottom: 15px;
    }
    .highlights-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 1.2rem 0.8rem
    }
    .highlight-card {
      padding: 1.2rem 0.6rem
    }
    .highlight-icon {
      width: 55px;
      height: 55px;
      margin-bottom: 0.8rem
    }
    .highlight-icon i {
      font-size: 1.3rem
    }
    .highlight-name {
      font-size: 0.8rem
    }
    .amenities-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 1.2rem 0.8rem
    }
    .amenity-card {
      padding: 1.2rem 0.6rem
    }
    .amenity-icon {
      width: 55px;
      height: 55px;
      margin-bottom: 0.8rem
    }
    .amenity-icon i {
      font-size: 1.3rem
    }
    .amenity-name {
      font-size: 0.8rem
    }
    .amenities-section {
        padding: 45px 0;
    }
    .section-body.dark {
     margin-bottom: 20px !important;
    }
    .floorplan-section{
     padding: 45px 0;
    }
    /* .clubhouse-section, .contact-section {
        padding: 40px 0;
    } */
    .visible{
      margin-top: 30px;   
    }
    .specs-section{
        padding: 30px 0;
    }
    .mb-5 {
    margin-bottom: 45px !important;
    }
    .location-section{
      padding: 40px 0
    }.mb-4 {
      margin-bottom: 1rem !important;
    }
    .footer-section {
      padding: 30px 0 28px;
    } 
    .f-hdr {
      margin-bottom: 10px;
    }
    .f-link {
     font-size: 13px;
    }
    .col-md-6 {
     margin-bottom: 5px;
    }
    .f-bottom {
        margin-top: 25px;
    }
    .visible {
      margin-top: 15px;
    }
    .hero-section {
        height: 150vh !important;
        min-height: 500px;
    }
}

/* 398px - 576px */
@media (min-width: 398px) and (max-width: 576px) {
   .hero-section {
        height: 100vh !important;
    }
    .highlights-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem 0.6rem
    }
    .highlight-card {
      padding: 1rem 0.5rem
    }
    .highlight-icon {
      width: 50px;
      height: 50px;
      margin-bottom: 0.6rem
    }
    .highlight-icon i {
      font-size: 1.1rem
    }
    .highlight-name {
      font-size: 0.75rem
    }
    .amenities-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem 0.6rem
    }
    .amenity-card {
      padding: 1rem 0.5rem
    }
    .amenity-icon {
      width: 50px;
      height: 50px;
      margin-bottom: 0.6rem
    }
    .amenity-icon i {
      font-size: 1.1rem
    }
    .amenity-name {
      font-size: 0.75rem
    }
}
/* 0px - 397px */
@media (max-width: 397px) {
    .hero-section {
        height: 75vh !important;
    }
    .highlights-grid {
      grid-template-columns: 1fr;
      gap: 0.8rem
    }
    .highlight-card {
      padding: 1rem 0.8rem
    }
    .highlight-icon {
      width: 50px;
      height: 50px;
      margin-bottom: 0.6rem
    }
    .highlight-icon i {
      font-size: 1.1rem
    }
    .highlight-name {
      font-size: 0.75rem
    }
    .amenities-grid {
      grid-template-columns: 1fr;
      gap: 0.8rem
    }
    .amenity-card {
      padding: 1rem 0.8rem
    }
    .amenity-icon {
      width: 50px;
      height: 50px;
      margin-bottom: 0.6rem
    }
    .amenity-icon i {
      font-size: 1.1rem
    }
    .amenity-name {
      font-size: 0.75rem
    }
}