/*media* css*/

/* ==========================================================================
   Global Responsive Foundations (Images & Fluid Typography)
   ========================================================================== */
img, video, iframe {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
   xs Extra Small devices (phones, 600px and down)
   ========================================================================== */

/* Very Small Mobile Screens (391px and down: iPhone SE, older Androids) */
@media (max-width: 391px) {.quality-p {width: 100%;}html {font-size: 14.5px;}body {font-size: 1rem;line-height: 1.6;}h1 {font-size: 1.75rem !important;}h2 {font-size: 1.55rem !important;}h3 {font-size: 1.25rem !important;}h4 {font-size: 1.2rem !important;}h5 {font-size: 0.98rem !important;}h6 {font-size: 0.88rem !important;}.section-padding {padding: 38px 0 !important;}.container {padding-left: 12px !important;padding-right: 12px !important;}.section-header {margin-bottom: 30px !important;}.section-tagline {font-size: 0.72rem !important;letter-spacing: 1.5px !important;margin-bottom: 8px !important;}.section-title {font-size: 1.4rem !important;line-height: 1.25 !important;margin-bottom: 14px !important;}.section-title::after {width: 45px !important;height: 2px !important;bottom: -6px !important;}.custom-navbar {padding: 4px 0 !important;}.logo-image {height: 46px !important;}.navbar-toggler {padding: 4px 8px !important;font-size: 1rem !important;}.brand-title {font-size: 1rem !important;}.brand-subtitle {font-size: 0.58rem !important;}.nav-link {font-size: 0.9rem !important;padding: 8px 12px !important;}.hero-padding {margin-top: 65px !important;}.hero-carousel {height: auto !important;min-height: 0 !important;}.hero-carousel .carousel-inner, .hero-carousel .carousel-item {height: auto !important;min-height: 0 !important;}.hero-carousel .carousel-item img {height: auto !important;min-height: 200px !important;max-height: 260px !important;object-fit: cover !important;object-position: center !important;}.hero-title {font-size: 1.6rem !important;line-height: 1.2 !important;}.hero-desc {font-size: 0.85rem !important;}.carousel-control-prev, .carousel-control-next {width: 28px !important;height: 28px !important;}.carousel-control-prev-icon, .carousel-control-next-icon {width: 12px !important;height: 12px !important;}.carousel-indicators [data-bs-target] {width: 14px !important;height: 3px !important;margin: 0 2px !important;}.carousel-indicators .active {width: 22px !important;}.page-hero {margin-top: 65px !important;padding: 58px 0 44px 0 !important;}.page-hero-title {font-size: 1.55rem !important;line-height: 1.25 !important;margin-bottom: 8px !important;}.page-breadcrumb {font-size: 0.78rem !important;}.page-hero-clubhouse {margin-top: 65px !important;padding: 55px 0 30px 0 !important;}.category-card {padding: 22px 16px !important;border-radius: 14px !important;margin-bottom: 15px !important;}.category-icon-wrapper {width: 58px !important;height: 58px !important;font-size: 1.9rem !important;margin-bottom: 16px !important;}.category-card h3 {font-size: 1.15rem !important;}.category-card p {font-size: 0.82rem !important;}.vertical-hover-row {margin-top: 20px !important;}.vertical-hover-col {padding: 6px !important;}.vertical-hover-card {height: 280px !important;border-radius: 14px !important;margin-bottom: 12px !important;}.vertical-hover-card img {height: 100% !important;object-fit: cover !important;}.vertical-hover-overlay {padding: 16px 14px !important;background: linear-gradient(to top, rgba(0, 30, 70, 0.94) 0%, rgba(0, 52, 113, 0.5) 60%, transparent 100%) !important;}.vertical-hover-title {font-size: 1.2rem !important;margin-bottom: 4px !important;}.vertical-hover-text {font-size: 0.8rem !important;max-height: 55px !important;opacity: 1 !important;margin-bottom: 10px !important;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.vertical-hover-btn {opacity: 1 !important;transform: none !important;font-size: 0.78rem !important;padding: 5px 12px !important;}.spotlight-card {border-radius: 16px !important;}.spotlight-img {}.spotlight-content {padding: 18px 14px !important;}.spotlight-badge {font-size: 0.72rem !important;padding: 4px 12px !important;}.spotlight-title {font-size: 1.38rem !important;line-height: 1.25 !important;margin-bottom: 10px !important;}.spotlight-desc {font-size: 0.85rem !important;}.spotlight-features {grid-template-columns: 1fr !important;gap: 8px !important;}.feature-card {padding: 12px !important;gap: 10px !important;}.feature-icon {width: 36px !important;height: 36px !important;font-size: 1.1rem !important;}.amenity-card {padding: 16px 14px !important;gap: 12px !important;border-radius: 12px !important;}.amenity-icon {font-size: 1.6rem !important;}.amenity-info h4 {font-size: 1.1rem !important;}.amenity-info p {font-size: 0.8rem !important;}.promo-section {padding: 40px 0 !important;background-attachment: scroll !important;}.promo-subtitle {font-size: 0.85rem !important;letter-spacing: 1.5px !important;margin-bottom: 10px !important;}.promo-title {font-size: 1.45rem !important;line-height: 1.25 !important;margin-bottom: 14px !important;}.promo-desc {font-size: 0.95rem !important;margin-bottom: 20px !important;}.btn-cta-white {margin-bottom: 20px;}.promo-features-list {flex-direction: column !important;gap: 10px !important;margin-bottom: 25px !important;}.promo-feature-point {font-size: 0.85rem !important;}.layout-container {padding: 14px !important;border-radius: 14px !important;}.layout-image-wrapper img {width: 100% !important;height: auto !important;max-height: 260px !important;object-fit: contain !important;}.layout-zoom-hint {font-size: 0.7rem !important;padding: 4px 10px !important;bottom: 8px !important;right: 8px !important;}.project-card {border-radius: 14px !important;margin-bottom: 16px !important;}.project-img-wrapper {height: 170px !important;}.project-card-img {height: 100% !important;object-fit: cover !important;}.project-body {padding: 16px 14px !important;}.project-title {font-size: 1.15rem !important;}.project-desc {font-size: 0.82rem !important;}.clubhouse-desc {font-size: 0.88rem !important;}.clubhouse-card {padding: 16px 12px !important;border-radius: 14px !important;}.clubhouse-card-title {font-size: 1.05rem !important;margin-bottom: 14px !important;}.clubhouse-grid {grid-template-columns: 1fr !important;gap: 8px !important;}.clubhouse-pill {padding: 8px 10px !important;font-size: 0.8rem !important;}.clubhouse-main-img-wrapper {height: 210px !important;border-radius: 14px !important;}.clubhouse-main-img-wrapper img {height: 100% !important;object-fit: cover !important;}.clubhouse-main-info h3 {font-size: 1.15rem !important;}.clubhouse-main-info p {font-size: 0.78rem !important;}.clubhouse-zoom-icon {width: 38px !important;height: 38px !important;font-size: 1.1rem !important;}.clubhouse-thumb-scroll {gap: 8px !important;padding-bottom: 10px !important;}.clubhouse-thumb-card {flex: 0 0 100px !important;height: 72px !important;border-radius: 8px !important;}.clubhouse-cta {padding: 30px 14px !important;border-radius: 16px !important;}.clubhouse-cta-phone {font-size: 1.2rem !important;gap: 8px !important;flex-wrap: wrap !important;justify-content: center !important;}.location-image-wrapper {border-radius: 16px !important;}.location-image-wrapper img {min-height: 200px !important;height: 220px !important;object-fit: cover !important;}.location-badge {top: 14px !important;left: 14px !important;padding: 5px 12px !important;font-size: 0.7rem !important;}.location-highlights-wrapper {padding: 16px 12px !important;border-radius: 16px !important;}.highlights-title {font-size: 1.05rem !important;margin-bottom: 16px !important;}.location-highlights-list {gap: 10px !important;}.location-highlights-list li {gap: 10px !important;padding: 6px !important;border-radius: 10px !important;}
.highlight-icon {width: 34px !important;height: 34px !important;font-size: 1rem !important;border-radius: 8px !important;}.highlight-text {font-size: 0.8rem !important;}.floor-card {border-radius: 14px !important;margin-bottom: 24px !important;}.floor-header {padding: 14px 12px !important;}.floor-header h3 {font-size: 1.15rem !important;}.floor-body {padding: 16px 12px !important;}.floor-img-wrap img {max-height: 240px !important;width: 100% !important;object-fit: contain !important;}.amenity-detail-box {padding: 16px !important;border-radius: 12px !important;}.gallery-grid {grid-template-columns: 1fr !important;gap: 14px !important;}.gallery-card {height: 190px !important;border-radius: 12px !important;margin-bottom: 14px !important;}.gallery-card img, .gallery-card video {height: 100% !important;object-fit: cover !important;}.gallery-tab-btn {padding: 6px 14px !important;font-size: 0.78rem !important;}.gallery-page-btn {min-width: 34px !important;height: 34px !important;padding: 0 8px !important;font-size: 0.8rem !important;}.comm-hero {margin-top: 65px !important;padding: 50px 0 25px 0 !important;}.comm-gallery-item img {height: 180px !important;}.comm-cta-banner {padding: 30px 14px !important;border-radius: 16px !important;}.comm-cta-phone {font-size: 1.2rem !important;gap: 8px !important;}.sa-tab-card {padding: 18px 12px !important;border-radius: 14px !important;}.sa-nav-tabs {flex-wrap: wrap !important;gap: 6px !important;}.sa-nav-tabs .nav-link {padding: 7px 14px !important;font-size: 0.8rem !important;}.sa-feature-grid, .sa-spec-grid {grid-template-columns: 1fr !important;gap: 10px !important;}.sa-roi-banner {padding: 30px 16px !important;border-radius: 16px !important;}.sa-roi-title {font-size: 1.4rem !important;}.sa-roi-desc {font-size: 0.82rem !important;}.villa-pricing-card, .house-facing-card, .furniture-section-card {padding: 18px 12px !important;border-radius: 14px !important;}.villa-spec-grid, .house-spec-grid {grid-template-columns: 1fr !important;gap: 8px !important;}.villa-spec-val, .house-spec-val {font-size: 1.05rem !important;}.contact-quick-card {padding: 20px 14px !important;border-radius: 14px !important;}.contact-quick-item {gap: 12px !important;}.contact-quick-icon {width: 40px !important;height: 40px !important;font-size: 1.1rem !important;}.custom-modal .modal-dialog {margin: 10px !important;}.custom-modal .modal-content {border-radius: 16px !important;}.custom-modal .modal-header, .custom-modal .modal-body {padding: 18px 14px !important;}.btn-cta, .btn-cta-gold {padding: 8px 16px !important;font-size: 0.85rem !important;width: 100% !important;text-align: center !important;justify-content: center !important;}.btn-lg {padding: 9px 18px !important;font-size: 0.88rem !important;}.footer {padding: 40px 0 20px 0 !important;}.footer-address {font-size: 0.82rem !important;}.footer-links li a {font-size: 0.82rem !important;}.footer-social-btn {width: 34px !important;height: 34px !important;font-size: 0.9rem !important;}
}

/* Standard Mobile Screens (392px to 575.98px: iPhone 13/14/15/16, Samsung Galaxy) */
@media (min-width: 392px) and (max-width: 575.98px) {
  .quality-p {width: 100%;}.btn-cta-white {margin-bottom:20px;}html {font-size: 14.5px;}body {font-size: 1rem;line-height: 1.6;}h1 {font-size: 1.85rem !important;}h2 {font-size: 1.6rem !important;}h3 {font-size: 1.35rem !important;}h4 {font-size: 1.18rem !important;}h5 {font-size: 1.05rem !important;}h6 {font-size: 0.92rem !important;}.section-padding {padding: 46px 0 !important;}.container {padding-left: 16px !important;padding-right: 16px !important;}.section-header {margin-bottom: 35px !important;}.section-tagline {font-size: 0.78rem !important;letter-spacing: 1.8px !important;margin-bottom: 10px !important;}.section-title {font-size: 1.6rem !important;line-height: 1.25 !important;margin-bottom: 16px !important;}.section-title::after {width: 50px !important;height: 2.5px !important;bottom: -8px !important;}.custom-navbar {padding: 5px 0 !important;}.logo-image {height: 52px !important;}.brand-title {font-size: 1.1rem !important;}.brand-subtitle {font-size: 0.62rem !important;}.nav-link {font-size: 0.92rem !important;padding: 9px 14px !important;}.hero-padding {margin-top: 72px !important;}.hero-carousel {height: auto !important;min-height: 0 !important;}.hero-carousel .carousel-inner, .hero-carousel .carousel-item {height: auto !important;min-height: 0 !important;}.hero-carousel .carousel-item img {height: auto !important;object-fit: cover !important;object-position: center !important;}.hero-title {font-size: 1.85rem !important;line-height: 1.2 !important;}.hero-desc {font-size: 0.9rem !important;}.carousel-control-prev, .carousel-control-next {width: 32px !important;height: 32px !important;}.carousel-control-prev-icon, .carousel-control-next-icon {width: 14px !important;height: 14px !important;}.carousel-indicators [data-bs-target] {width: 16px !important;height: 3px !important;margin: 0 2px !important;}.carousel-indicators .active {width: 25px !important;}.page-hero {margin-top: 72px !important;padding: 58px 0 28px 0 !important;}.page-hero-title {font-size: 1.75rem !important;line-height: 1.25 !important;margin-bottom: 10px !important;}.page-breadcrumb {font-size: 0.84rem !important;}.page-hero-clubhouse {margin-top: 72px !important;padding: 70px 0 40px 0 !important;}.category-card {padding: 26px 18px !important;border-radius: 16px !important;margin-bottom: 18px !important;}.category-icon-wrapper {width: 66px !important;height: 66px !important;font-size: 2.1rem !important;margin-bottom: 18px !important;}.category-card h3 {font-size: 1.25rem !important;}.category-card p {font-size: 0.88rem !important;}.vertical-hover-row {margin-top: 25px !important;}.vertical-hover-card {height: 310px !important;border-radius: 16px !important;margin-bottom: 16px !important;}.vertical-hover-card img {height: 100% !important;object-fit: cover !important;}.vertical-hover-overlay {padding: 20px 18px !important;background: linear-gradient(to top, rgba(0, 30, 70, 0.92) 0%, rgba(0, 52, 113, 0.45) 60%, transparent 100%) !important;}.vertical-hover-title {font-size: 1.35rem !important;margin-bottom: 6px !important;}.vertical-hover-text {font-size: 0.86rem !important;max-height: 65px !important;opacity: 1 !important;margin-bottom: 12px !important;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.vertical-hover-btn {opacity: 1 !important;transform: none !important;font-size: 0.82rem !important;padding: 6px 14px !important;}.spotlight-card {border-radius: 18px !important;}.spotlight-content {padding: 24px 18px !important;}.spotlight-badge {font-size: 0.76rem !important;padding: 5px 14px !important;}.spotlight-title {font-size: 1.55rem !important;line-height: 1.25 !important;margin-bottom: 12px !important;}.spotlight-desc {font-size: 0.9rem !important;}.spotlight-features {grid-template-columns: 1fr !important;gap: 10px !important;}.feature-card {padding: 14px !important;gap: 12px !important;}.feature-icon {width: 40px !important;height: 40px !important;font-size: 1.2rem !important;}.amenity-card {padding: 20px 16px !important;gap: 14px !important;border-radius: 14px !important;}.amenity-icon {font-size: 1.8rem !important;}.amenity-info h4 {font-size: 1.05rem !important;}.amenity-info p {font-size: 0.84rem !important;}.promo-section {padding: 50px 0 !important;background-attachment: scroll !important;}.promo-subtitle {font-size: 0.9rem !important;letter-spacing: 2px !important;margin-bottom: 12px !important;}.promo-title {font-size: 1.65rem !important;line-height: 1.25 !important;margin-bottom: 16px !important;}.promo-desc {font-size: 0.9rem !important;margin-bottom: 25px !important;}.promo-features-list {gap: 14px !important;margin-bottom: 30px !important;}.promo-feature-point {font-size: 0.92rem !important;}.layout-container {padding: 20px 16px !important;border-radius: 18px !important;}.layout-image-wrapper img {width: 100% !important;height: auto !important;max-height: 320px !important;object-fit: contain !important;}.layout-zoom-hint {font-size: 0.76rem !important;padding: 6px 12px !important;bottom: 10px !important;right: 10px !important;}.project-card {border-radius: 16px !important;margin-bottom: 18px !important;}.project-img-wrapper {height: 190px !important;}.project-card-img {height: 100% !important;object-fit: cover !important;}.project-body {padding: 18px 16px !important;}.project-title {font-size: 1.2rem !important;}.project-desc {font-size: 0.85rem !important;}.clubhouse-card {padding: 18px 14px !important;border-radius: 16px !important;}.clubhouse-card-title {font-size: 1.15rem !important;margin-bottom: 16px !important;}.clubhouse-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 10px !important;}.clubhouse-pill {padding: 9px 12px !important;font-size: 0.84rem !important;}.clubhouse-main-img-wrapper {height: 250px !important;border-radius: 16px !important;}.clubhouse-main-img-wrapper img {height: 100% !important;object-fit: cover !important;}.clubhouse-main-info h3 {font-size: 1.25rem !important;}.clubhouse-main-info p {font-size: 0.84rem !important;}.clubhouse-thumb-card {flex: 0 0 120px !important;height: 85px !important;border-radius: 10px !important;}
  .clubhouse-cta {padding: 40px 18px !important;border-radius: 20px !important;}.clubhouse-cta-phone {font-size: 1.45rem !important;gap: 10px !important;}.location-image-wrapper {border-radius: 18px !important;}.location-image-wrapper img {min-height: 240px !important;height: 260px !important;object-fit: cover !important;}.location-badge {top: 16px !important;left: 16px !important;padding: 6px 14px !important;font-size: 0.74rem !important;}.location-highlights-wrapper {padding: 22px 18px !important;border-radius: 18px !important;}.highlights-title {font-size: 1.15rem !important;margin-bottom: 18px !important;}.location-highlights-list li {gap: 12px !important;padding: 8px !important;border-radius: 12px !important;}.highlight-icon {width: 38px !important;height: 38px !important;font-size: 1.1rem !important;}.highlight-text {font-size: 0.88rem !important;}.floor-card {border-radius: 18px !important;margin-bottom: 28px !important;}.floor-header {padding: 16px 18px !important;}.floor-header h3 {font-size: 1.25rem !important;}.floor-body {padding: 22px 16px !important;}.floor-img-wrap img {max-height: 280px !important;width: 100% !important;object-fit: contain !important;}.gallery-grid {grid-template-columns: 1fr !important;gap: 16px !important;}.gallery-card {height: 210px !important;border-radius: 14px !important;margin-bottom: 16px !important;}.gallery-card img, .gallery-card video {height: 100% !important;object-fit: cover !important;}.gallery-tab-btn {padding: 8px 16px !important;font-size: 0.84rem !important;}.gallery-page-btn {min-width: 38px !important;height: 38px !important;font-size: 0.85rem !important;}.comm-hero {margin-top: 72px !important;padding: 60px 0 30px 0 !important;}.comm-gallery-item img {height: 200px !important;}.comm-cta-banner {padding: 40px 18px !important;border-radius: 20px !important;}.comm-cta-phone {font-size: 1.45rem !important;gap: 10px !important;}.sa-tab-card {padding: 22px 16px !important;border-radius: 18px !important;}.sa-nav-tabs {flex-wrap: wrap !important;gap: 8px !important;}.sa-nav-tabs .nav-link {padding: 8px 18px !important;font-size: 0.85rem !important;}.sa-feature-grid {grid-template-columns: 1fr !important;gap: 12px !important;}.sa-spec-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 12px !important;}.sa-roi-banner {padding: 38px 20px !important;border-radius: 18px !important;}.sa-roi-title {font-size: 1.65rem !important;}.villa-pricing-card, .house-facing-card, .furniture-section-card {padding: 24px 18px !important;border-radius: 18px !important;}.villa-spec-grid {grid-template-columns: 1fr !important;gap: 10px !important;}.house-spec-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 10px !important;}.contact-quick-card {padding: 24px 18px !important;border-radius: 18px !important;}.custom-modal .modal-dialog {margin: 14px !important;}.custom-modal .modal-header, .custom-modal .modal-body {padding: 20px 18px !important;}.btn-cta, .btn-cta-gold {padding: 9px 20px !important;font-size: 0.88rem !important;}.btn-lg {padding: 10px 22px !important;font-size: 0.92rem !important;}.footer {padding: 48px 0 24px 0 !important;}.footer-address {font-size: 0.86rem !important;}.footer-links li a {font-size: 0.86rem !important;}.footer-social-btn {width: 36px !important;height: 36px !important;font-size: 0.95rem !important;}
}

/* ==========================================================================
   sm Small devices (portrait tablets and large phones, 601px to 768px)
   ========================================================================== */
@media (min-width: 576px) and (max-width: 767.98px) {

  /* --- Typography --- */
  html {font-size: 15px;}body {font-size: 1rem;line-height: 1.6;}h1 {font-size: 2.1rem !important;}h2 {font-size: 1.8rem !important;}h3 {font-size: 1.32rem !important;}h4 {font-size: 1.25rem !important;}h5 {font-size: 1.1rem !important;}h6 {font-size: 0.95rem !important;}.section-padding {padding: 55px 0 !important;}.section-header {margin-bottom: 42px !important;}.section-tagline {font-size: 0.82rem !important;letter-spacing: 2px !important;}.section-title {font-size: 1.85rem !important;margin-bottom: 18px !important;}.section-title::after {width: 55px !important;height: 3px !important;}.custom-navbar {padding: 6px 0 !important;}.logo-image {height: 58px !important;}.brand-title {font-size: 1.18rem !important;}.brand-subtitle {font-size: 0.65rem !important;}.hero-padding {margin-top: 78px !important;}.hero-carousel {height: auto !important;min-height: 0 !important;}.hero-carousel .carousel-inner, .hero-carousel .carousel-item {height: auto !important;min-height: 0 !important;}.hero-carousel .carousel-item img {height: auto !important;min-height: 270px !important;max-height: 370px !important;aspect-ratio: 16 / 9 !important;object-fit: cover !important;object-position: center !important;}.hero-title {font-size: 2.15rem !important;}.hero-desc {font-size: 0.95rem !important;}.carousel-control-prev, .carousel-control-next {width: 36px !important;height: 36px !important;}.carousel-control-prev-icon, .carousel-control-next-icon {width: 15px !important;height: 15px !important;}.page-hero {margin-top: 78px !important;padding: 70px 0 35px 0 !important;}.page-hero-title {font-size: 2rem !important;}.page-hero-clubhouse {margin-top: 78px !important;padding: 85px 0 45px 0 !important;}.category-card {padding: 30px 22px !important;border-radius: 16px !important;}.category-icon-wrapper {width: 70px !important;height: 70px !important;font-size: 2.3rem !important;}.vertical-hover-row {margin-top: 30px !important;}.vertical-hover-card {height: 340px !important;border-radius: 18px !important;margin-bottom: 20px !important;}.vertical-hover-card img {height: 100% !important;object-fit: cover !important;}.vertical-hover-overlay {padding: 22px !important;background: linear-gradient(to top, rgba(0, 30, 70, 0.9) 0%, rgba(0, 52, 113, 0.38) 60%, transparent 100%) !important;}.vertical-hover-title {font-size: 1.45rem !important;}.vertical-hover-text {font-size: 0.88rem !important;max-height: 70px !important;opacity: 1 !important;margin-bottom: 14px !important;}.vertical-hover-btn {opacity: 1 !important;transform: none !important;font-size: 0.85rem !important;}.spotlight-card {border-radius: 20px !important;}.spotlight-img {object-fit: cover !important;}.spotlight-content {padding: 28px 22px !important;}.spotlight-title {font-size: 1.7rem !important;}.spotlight-features {grid-template-columns: repeat(2, 1fr) !important;gap: 12px !important;}.amenity-card {padding: 22px 18px !important;gap: 16px !important;}.amenity-icon {font-size: 2rem !important;}.promo-section {padding: 60px 0 !important;}.promo-title {font-size: 1.95rem !important;}.promo-features-list {gap: 18px !important;}.layout-container {padding: 26px 20px !important;border-radius: 20px !important;}.layout-image-wrapper img {width: 100% !important;height: auto !important;max-height: 380px !important;object-fit: contain !important;}.project-img-wrapper {height: 200px !important;}.clubhouse-main-img-wrapper {height: 290px !important;}.clubhouse-main-img-wrapper img {height: 100% !important;object-fit: cover !important;}.clubhouse-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 12px !important;}.clubhouse-thumb-card {flex: 0 0 130px !important;height: 90px !important;}.clubhouse-cta {padding: 50px 24px !important;border-radius: 24px !important;}.clubhouse-cta-phone {font-size: 1.7rem !important;}.location-image-wrapper img {min-height: 280px !important;height: 300px !important;object-fit: cover !important;}.location-highlights-wrapper {padding: 26px 22px !important;}.floor-header {padding: 18px 24px !important;}.floor-body {padding: 26px 20px !important;}.floor-img-wrap img {max-height: 340px !important;width: 100% !important;object-fit: contain !important;}.gallery-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 18px !important;}.gallery-card {height: 230px !important;}.comm-hero {margin-top: 78px !important;padding: 70px 0 35px 0 !important;}.comm-gallery-item img {height: 220px !important;}.comm-cta-phone {font-size: 1.7rem !important;}.sa-spec-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 14px !important;}.sa-feature-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 14px !important;}.sa-roi-title {font-size: 1.85rem !important;}.villa-pricing-card, .house-facing-card {padding: 28px 22px !important;}.villa-spec-grid, .house-spec-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 12px !important;}.btn-cta, .btn-cta-gold {padding: 10px 22px !important;font-size: 0.9rem !important;}
}

/* ==========================================================================
   md Medium devices (landscape tablets, 769px to 992px)
   ========================================================================== */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* --- Typography --- */
  html {font-size: 15px;}h1 {font-size: 2.45rem !important;}h2 {font-size: 2.05rem !important;}h3 {font-size: 1.65rem !important;}h4 {font-size: 1.35rem !important;}.section-padding {padding: 64px 0 !important;}.section-header {margin-bottom: 48px !important;}.section-tagline {font-size: 0.85rem !important;letter-spacing: 2px !important;}.section-title {font-size: 2.05rem !important;margin-bottom: 20px !important;}.custom-navbar {padding: 8px 0 !important;}.logo-image {height: 64px !important;}.brand-title {font-size: 1.25rem !important;}.hero-padding {margin-top: 84px !important;}.hero-carousel {height: auto !important;min-height: 0 !important;}.hero-carousel .carousel-inner, .hero-carousel .carousel-item {height: auto !important;min-height: 0 !important;}.hero-carousel .carousel-item img {height: auto !important;min-height: 350px !important;max-height: 450px !important;aspect-ratio: 16 / 9 !important;object-fit: cover !important;}.hero-title {font-size: 2.6rem !important;}.carousel-control-prev, .carousel-control-next {width: 40px !important;height: 40px !important;}.page-hero {margin-top: 84px !important;padding: 85px 0 45px 0 !important;}.page-hero-title {font-size: 2.3rem !important;}.page-hero-clubhouse {margin-top: 84px !important;padding: 105px 0 60px 0 !important;}.vertical-hover-card {height: 380px !important;margin-bottom: 20px !important;}.vertical-hover-card img {height: 100% !important;object-fit: cover !important;}.vertical-hover-title {font-size: 1.5rem !important;}.spotlight-img {min-height: 320px !important;max-height: 400px !important;height: 360px !important;object-fit: cover !important;}.spotlight-content {padding: 34px 28px !important;}.spotlight-title {font-size: 1.85rem !important;}.spotlight-features {grid-template-columns: repeat(2, 1fr) !important;gap: 14px !important;}.promo-section {padding: 75px 0 !important;}.promo-title {font-size: 2.3rem !important;}.layout-container {padding: 30px !important;}.layout-image-wrapper img {width: 100% !important;height: auto !important;max-height: 460px !important;object-fit: contain !important;}.project-img-wrapper {height: 210px !important;}.clubhouse-main-img-wrapper {height: 330px !important;}.clubhouse-main-img-wrapper img {height: 100% !important;object-fit: cover !important;}.clubhouse-grid {grid-template-columns: repeat(3, 1fr) !important;gap: 12px !important;}.clubhouse-cta {padding: 60px 30px !important;}.clubhouse-cta-phone {font-size: 2rem !important;}.location-image-wrapper img {min-height: 320px !important;height: 340px !important;object-fit: cover !important;}.location-highlights-wrapper {padding: 30px 24px !important;}.floor-header {padding: 20px 28px !important;}.floor-body {padding: 30px 24px !important;}.floor-img-wrap img {max-height: 380px !important;width: 100% !important;object-fit: contain !important;}.gallery-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 20px !important;}.gallery-card {height: 250px !important;}.comm-hero {margin-top: 84px !important;padding: 85px 0 45px 0 !important;}.comm-gallery-item img {height: 230px !important;}.comm-cta-phone {font-size: 2rem !important;}.sa-spec-grid {grid-template-columns: repeat(3, 1fr) !important;}.sa-feature-grid {grid-template-columns: repeat(2, 1fr) !important;}.sa-roi-title {font-size: 2rem !important;}.villa-spec-grid, .house-spec-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 16px !important;}
}

/* ==========================================================================
   lg Large devices (laptops/desktops, 993px to 1200px)
   ========================================================================== */
@media (min-width: 993px) and (max-width: 1200px) {
.spotlight-features {grid-template-columns: auto;}html {font-size: 15.5px;}h1 {font-size: 2.2rem !important;}h2 {font-size: 1.8rem !important;}h3 {font-size: 1.55rem !important;}.section-padding {padding: 72px 0 !important;}.section-header {margin-bottom: 52px !important;}.section-title {font-size: 1.8rem !important;}.logo-image {height: 70px !important;}.nav-link {font-size: 0.92rem !important;padding: 8px 12px !important;}.hero-padding {margin-top: 88px !important;}.hero-carousel .carousel-item img {height: auto !important;max-height: 520px !important;aspect-ratio: 16 / 9 !important;object-fit: cover !important;}.hero-title {font-size: 3.2rem !important;}.page-hero {margin-top: 88px !important;padding: 100px 0 55px 0 !important;}.page-hero-title {font-size: 2.45rem !important;}.page-hero-clubhouse {margin-top: 88px !important;padding: 125px 0 80px 0 !important;}.vertical-hover-card {height: 420px !important;}.vertical-hover-card img {height: 100% !important;object-fit: cover !important;}.vertical-hover-title {font-size: 1.55rem !important;}.spotlight-img {min-height: 360px !important;height: 100% !important;object-fit: cover !important;}.spotlight-content {padding: 36px 30px !important;}.spotlight-title {font-size: 1.95rem !important;}.promo-section {padding: 90px 0 !important;}.promo-title {font-size: 2.3rem !important;}.project-card-title {font-size: 1.3rem !important;}.layout-container {padding: 35px !important;}.layout-image-wrapper img {width: 100% !important;height: auto !important;max-height: 520px !important;object-fit: contain !important;}.clubhouse-main-img-wrapper {height: 370px !important;}.clubhouse-main-img-wrapper img {height: 100% !important;object-fit: cover !important;}.clubhouse-grid {grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;gap: 12px !important;}.clubhouse-cta {padding: 70px 35px !important;}.clubhouse-cta-phone {font-size: 2.25rem !important;}.location-image-wrapper img {min-height: 360px !important;height: 100% !important;object-fit: cover !important;}.location-highlights-wrapper {padding: 34px 28px !important;}.floor-img-wrap img {max-height: 440px !important;width: 100% !important;object-fit: contain !important;}.gallery-grid {grid-template-columns: repeat(3, 1fr) !important;gap: 20px !important;}.gallery-card {height: 270px !important;}.comm-hero {margin-top: 88px !important;padding: 100px 0 55px 0 !important;}.comm-gallery-item img {height: 240px !important;}.comm-cta-phone {font-size: 2.25rem !important;}.sa-spec-grid {grid-template-columns: repeat(3, 1fr) !important;}.sa-feature-grid {grid-template-columns: repeat(3, 1fr) !important;}.villa-spec-grid {grid-template-columns: repeat(4, 1fr) !important;gap: 14px !important;}
}

/* ==========================================================================
   xl Extra Large devices (large laptops and desktops, 1201px to 1400px)
   ========================================================================== */
@media (min-width: 1201px) and (max-width: 1400px) {
  /* --- Typography --- */
  html {font-size: 16px;}h1 {font-size: 3.2rem !important;}h2 {font-size: 2.25rem !important;}h3 {font-size: 1.45rem !important;}.section-padding {padding: 85px 0 !important;}.section-header {margin-bottom: 56px !important;}.section-title {font-size: 2.25rem !important;}.logo-image {height: 75px !important;}.nav-link {font-size: 0.95rem !important;padding: 8px 16px !important;}.hero-padding {margin-top: 92px !important;}.hero-carousel .carousel-item img {height: auto !important;max-height: 600px !important;aspect-ratio: 16 / 9 !important;object-fit: cover !important;}.hero-title {font-size: 3.6rem !important;}.page-hero {margin-top: 92px !important;padding: 120px 0 65px 0 !important;}.page-hero-title {font-size: 2.6rem !important;}.page-hero-clubhouse {margin-top: 92px !important;padding: 140px 0 100px 0 !important;}.vertical-hover-card {height: 460px !important;}.vertical-hover-card img {height: 100% !important;object-fit: cover !important;}.vertical-hover-title {font-size: 1.4rem !important;}.spotlight-img {min-height: 400px !important;height: 100% !important;object-fit: cover !important;}.spotlight-content {padding: 40px !important;}.spotlight-title {font-size: 2.1rem !important;}.promo-section {padding: 105px 0 !important;}.promo-title {font-size: 2.85rem !important;}.layout-container {padding: 38px !important;}.layout-image-wrapper img {width: 100% !important;height: auto !important;max-height: 580px !important;object-fit: contain !important;}.clubhouse-main-img-wrapper {height: 400px !important;}.clubhouse-main-img-wrapper img {height: 100% !important;object-fit: cover !important;}.clubhouse-grid {grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)) !important;gap: 12px !important;}.clubhouse-cta {padding: 75px 40px !important;}.clubhouse-cta-phone {font-size: 2.4rem !important;}.location-image-wrapper img {min-height: 380px !important;height: 100% !important;object-fit: cover !important;}.location-highlights-wrapper {padding: 36px 30px !important;}.floor-img-wrap img {max-height: 480px !important;width: 100% !important;object-fit: contain !important;}.gallery-grid {grid-template-columns: repeat(3, 1fr) !important;gap: 24px !important;}.gallery-card {height: 290px !important;}.comm-hero {margin-top: 92px !important;padding: 120px 0 65px 0 !important;}.comm-gallery-item img {height: 250px !important;}.comm-cta-phone {font-size: 2.4rem !important;}.sa-spec-grid {grid-template-columns: repeat(3, 1fr) !important;}.sa-feature-grid {grid-template-columns: repeat(3, 1fr) !important;}.villa-spec-grid {grid-template-columns: repeat(4, 1fr) !important;gap: 16px !important;}
}