/* ==========================================================================
   DELTA GROUP – RESPONSIVE STYLESHEET (CONSOLIDATED & CLEANED)
   ========================================================================== */

/* ==========================================================================
   1. LARGE SCREEN (min-width: 1699px)
   ========================================================================== */
@media (min-width: 1699px) {
  .costom_container{ max-width: 1500px; width: 100%;}
  .delta-greenville-amenities-image-section {padding: 8rem 0 5rem !important;}
  .delta-garden-amenities-image-section {padding: 8rem 0 5rem !important;}
  .delta-woods-amenities-image-section {padding: 8rem 0 5rem !important;}
  .delta-meadows-amenities-image-section {padding: 8rem 0 5rem !important;}
  .delta-vrindavan-amenities-image-section {padding: 8rem 0 5rem !important;}
  .delta-hillcrest-amenities-image-section {padding: 8rem 0 5rem !important;}
  .location-section{padding: 8rem 0 5rem !important;}
  /* --- General / Landing Page --- */
  .container {max-width: 85% !important;width: 100% !important;}
  .project-sub-nav .container,
  [class*="-info-strip"] .container { margin-top: 0 !important; margin-bottom: 0 !important; }
  .pillar-card-wrap {background-color: transparent; width: 330px; height: 491px; -webkit-perspective: 1000px; perspective: 1000px; padding: 15px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
  .project_ourprojects_section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFAF87; clip-path: polygon(0 27vw, 100% 27vw, 100% calc(89% - 0vw), 0 100%); z-index: 0; pointer-events: none;}
  .pillar-back-title { font-family: var(--font-body); font-size: 1.4rem; letter-spacing: 0.04em; color: var(--dark-blue); margin-bottom: 6px; text-transform: uppercase;}
  .pillar-desc { font-size: 1.2rem; color: var(--text-body); line-height: 1.5; margin: 0;}
  .pillar-back-content{padding: 14px 24px;}
  .heading_001{ word-spacing: 0.12em; font-family: var(--font-display); font-size: clamp(2rem, 3.5vw, 3.0rem); letter-spacing: 0.01em; color: var(--black); text-transform: uppercase;}
  .heading_002{ word-spacing: 0.12em; font-family: var(--font-display); font-size: clamp(2rem, 3.5vw, 3.0rem); letter-spacing: 0.01em; color: var(--coral); text-transform: uppercase;}
  .heading_003{ word-spacing: 0.12em; font-family: var(--font-display); font-size: clamp(2rem, 3.5vw, 3.0rem); letter-spacing: 0.01em; color: var(--white); text-transform: uppercase;}
  .heading_004{ word-spacing: 0.12em; font-family: var(--font-display); font-size: clamp(2rem, 3.5vw, 3.0rem); letter-spacing: 0.01em; color: var(--dark-blue); text-transform: uppercase;}
  .italic_heading{font-family: var(--font-display);font-style: italic;font-weight: 400;font-size: 2.8rem; color: var(--dark-blue); display: block; margin-top: 4px;}
  .italic_heading_black{font-family: var(--font-display);font-style: italic;font-weight: 400;font-size: 2.8rem; color: var(--black); display: block; margin-top: 4px;}
  .subheading_001 {font-family: var(--font-body);font-size: 2rem;color: var(--text-dark);text-transform: none;letter-spacing: normal;margin-bottom: 0px;display: inline-block;}
  .divider{width: 150px;height: 2px;background-color: var(--black);margin: 8px 0 18px auto;}
  .divider_blue{width: 150px;height: 2px;background-color: var(--dark-blue);margin: 8px auto 18px 0;}
  .body-text{font-size: 18px;}
  .projects-section{background: var(--white);position: relative;overflow: hidden;padding: 140px 0 40px 0;}
  .gallery-item {position: relative; overflow: hidden; flex-shrink: 0; cursor: pointer; width: 600px; height: 400px; border: 2px solid var(--text-body);}
  .why-section {position: relative; padding: 130px 0; overflow: hidden; z-index: 1;}
  .why-grid-item .why-title {font-family: var(--font-body);font-size: 1.2rem;font-weight: 700;color: #333333;line-height: 1.4;margin: 0;}
  .testi-text-modern { font-family: var(--font-body);font-size: 1.2rem;color: #555555;line-height: 1.7;margin-bottom: 20px;}
  .testi-author-name{ font-size: 1.2rem;}
  .testi-author-role{font-size: 1rem;}
  .pillars-section {background: var(--white);position: relative;overflow: hidden;padding: 130px 0 0 0;}
  .cta-visit-section {background-color: var(--dark-blue);padding: 34px 0 40px 0 !important;}
  /* .project-cards-grid { gap: 70px;} */
  /* .project_ourprojects_section {margin-bottom: -138px;} */
  /* --- Project Details Location Maps --- */
  .delta-greenville-location-map,
  .delta-meadows-location-map,
  .delta-vrindavan-location-map,
  .delta-hillcrest-location-map,
  .delta-woods-location-map,
  .delta-garden-location-map { position: relative; height: 100%; min-height: 100%; max-height: 100%; border: 1px solid #000066; overflow: hidden; }
.about-values-section {position: relative; margin-top: -173px; padding-top: 75px !important;}
.about-mission-highlight-p {color: var(--coral); font-size: 1.2rem; line-height: 1.4;}
  .about-value-desc-row1 {font-size: 1.1rem;}
  .about-mission-vision-section{padding: 230px 0 !important}
  .input-icon-group .form-control-custom { font-size: 1.1rem;}
  .form-label-custom { font-size: 1.1rem;}
  .contact-info-detail{font-size: 1.1rem;}
  .form-label-custom{font-family: var(--font-body), sans-serif;font-size: 1.1rem;color: #292929;}
.input-icon-group .form-control-custom {padding: 14px 18px 14px 48px;}
.trust-badges-section {padding: 25px 0;margin: 0;}
.career-openings-section{ padding: 180px 0 100px 0;}
.career-angled-section{padding: 180px 0;}
.delta-meadows-internal-card p {
    font-size: 1.2rem;}
.delta-meadows-internal-card {
    height: 165px;
}

}

/* ==========================================================================
   2. DESKTOP DEVICES (min-width: 992px)
   ========================================================================== */
@media (min-width: 992px) {
  /* --- Pillars & Projects Desktop Grid layout --- */
  .pillars-swiper {overflow: visible !important;}
  .pillars-swiper .swiper-wrapper {display: flex !important; flex-wrap: wrap !important; transform: none !important; width: 100% !important;}
  .pillars-swiper .swiper-slide {width: 25% !important;height: auto !important;flex: 0 0 25% !important;max-width: 25% !important;}
  .home-projects-swiper { overflow: visible !important; }
  .home-projects-swiper .swiper-wrapper { display: flex !important; flex-wrap: wrap !important; transform: none !important; width: 100% !important; justify-content: center !important; gap: 30px !important; }
  .home-projects-swiper .swiper-slide { width: calc(50% - 20px) !important; max-width: 440px !important; flex: 0 0 auto !important; margin: 0 !important; }
  .project-cards-swiper { overflow: visible !important;}
  .project-cards-swiper .swiper-slide {display: flex;justify-content: center;height: auto !important; transition: transform 0.5s ease, opacity 0.5s ease !important;  }
  .project-cards-swiper .project-card-wrap { width: 100%; max-width: 420px; margin: 0 auto;}
  .project-cards-swiper:not(:hover) .swiper-slide-center .project-card-wrap {transform: scale(1.06) !important;box-shadow: 0 15px 35px rgba(229, 55, 14, 0.15) !important;border-color: #ffbc9f !important;opacity: 1 !important;}
  .project-cards-swiper:not(:hover) .swiper-slide:not(.swiper-slide-center) .project-card-wrap {transform: scale(0.90) !important;opacity: 0.85;border-color: transparent !important;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;}
  .project-cards-swiper:hover .swiper-slide .project-card-wrap {transform: scale(0.90) !important;opacity: 0.85;border-color: transparent !important;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;}
  .project-cards-swiper .swiper-slide:hover .project-card-wrap {transform: scale(1.06) !important;box-shadow: 0 15px 35px rgba(229, 55, 14, 0.15) !important;border-color: #ffbc9f !important;opacity: 1 !important;} 
  .floorplanSwiper {padding: 10px 10px 20px 10px !important;}
  .floorplanSwiper:not(.swiper-carousel-desktop) .swiper-wrapper {display: flex !important;transform: none !important;gap: 20px !important;justify-content: center;}
  .floorplanSwiper:not(.swiper-carousel-desktop) .swiper-slide {width: calc(50% - 20px) !important;height: auto !important; margin-right: 0 !important;}
  .floorplanSwiper:not(.swiper-carousel-desktop) .swiper-slide:only-child {width: 100% !important; max-width: 580px !important;}
  .delta-greenville-cms-location-desc-1,
  .delta-meadows-cms-location-desc-1,
  .delta-vrindavan-cms-location-desc-1,
  .delta-hillcrest-cms-location-desc-1,
  .delta-woods-cms-location-desc-1,
  .delta-garden-cms-location-desc-1 {max-width: 800px; margin: auto;}
  .whySwiper .why-grid-wrapper {display: grid !important;grid-template-columns: repeat(3, 1fr) !important;row-gap: 15px !important;column-gap: 20px !important;transform: none !important;}
  .whySwiper .why-grid-item {width: auto !important; height: auto !important;}
}

/* ==========================================================================
   3. TABLETS & DESKTOPS (<992px)
   ========================================================================== */
@media (max-width: 991.98px) {
  /* --- General / Landing Page --- */
  .mobile-texture{ position: absolute; bottom: 15%; left: 0; right: 0; width: 98%; z-index: -1; opacity: 0.2;}
  .mobile-texture1{ position: absolute; top: 50%; right: 0; width: 36%; z-index: -1; opacity: 0.51;}
  .highlights-wrapper {border-radius: 100px;padding: 30px 40px;}
  .why-section {padding: 50px 0; background-color: #ffffff00;}
  .pillars-section {padding: 30px 0 0 0;}
  .hero-section {min-height: 48vh;}
  .about-accent-shape {display: none;}
  .about-section .col-lg-7 {text-align: center;}
  .about-section .divider_blue {margin: 8px auto 18px auto !important;}
  .why-section .text-end, .why-section .section-eyebrow, .why-section .section-heading, .why-section .body-text {text-align: left !important;}
  .stat-item:not(:last-child)::after {display: none;}
  .pillars-swiper {width: 100%;overflow: visible !important;padding: 10px 0 50px 0 !important;}
  .pillars-swiper .swiper-wrapper {display: flex !important;flex-wrap: nowrap !important;margin-left: 0 !important;margin-right: 0 !important;}
  .pillars-swiper .swiper-slide {height: auto !important;width: 300px !important;max-width: 410px;flex-shrink: 0;padding-left: 0 !important;padding-right: 0 !important;}
  .pillars-swiper .swiper-pagination {bottom: 10px !important;}
  .pillars-swiper .swiper-pagination-bullet {background: #cccccc;opacity: 0.6;width: 8px;height: 8px;transition: all 0.3s ease;}
  .pillars-swiper .swiper-pagination-bullet-active {background: var(--coral) !important;opacity: 1;width: 20px;border-radius: 4px;}
  .gallery-item {width: 320px;height: 200px;}
  .gallery-item.wide {width: 320px;}
  .gallery-item.tall {width: 250px;}
  .lb-nav {display: none;}
  .project_ourprojects_section {padding-bottom: 40px !important;}
  .project_ourprojects_section::before {clip-path: polygon(0 95vw, 100% 95vw, 100% calc(95% - 0vw), 0 100%);}
  .project-cards-swiper {width: 100%;overflow: visible !important;padding: 10px 0 50px 0 !important;}
  .project-cards-swiper .swiper-wrapper {display: flex !important;flex-wrap: nowrap !important;margin-left: 0 !important;margin-right: 0 !important;}
  .home-projects-swiper {width: 100%;overflow: hidden !important;padding: 10px 0 45px 0 !important;}
  .home-projects-swiper .swiper-wrapper {display: flex !important;flex-wrap: nowrap !important;margin-left: 0 !important;margin-right: 0 !important;}
  .home-projects-swiper .swiper-slide {height: auto !important;width: 100% !important;max-width: 100%;flex-shrink: 0;padding-left: 0 !important;padding-right: 0 !important;}
  .home-projects-swiper .swiper-pagination {bottom: 5px !important;}
  .home-projects-swiper .swiper-pagination-bullet {background: #cccccc;opacity: 0.6;width: 8px;height: 8px;transition: all 0.3s ease;}
  .home-projects-swiper .swiper-pagination-bullet-active {background: var(--dark-blue) !important;opacity: 1;width: 20px;border-radius: 4px;}
  .project-info {padding: 17px 15px 22px 15px !important;border-radius: var(--radius-md);}
  .project-card {width: 100% !important;margin: 0 auto;background-color: var(--white);padding: 5px;border-radius: 12px;box-shadow: var(--shadow-sm);}
  .project-cards-swiper .swiper-slide {height: auto !important;width: 95% !important;max-width: 95%;flex-shrink: 0;padding-left: 0 !important;padding-right: 0 !important;}
  .pillar-card-wrap {width: 100% !important;margin: 0 auto;height: 434px;}
  .project-swiper-pagination {bottom: 10px !important;}
  .project-swiper-pagination .swiper-pagination-bullet {background: #cccccc;opacity: 0.6;width: 8px;height: 8px;transition: all 0.3s ease;}
  .project-swiper-pagination .swiper-pagination-bullet-active {background: var(--dark-blue) !important;opacity: 1;width: 20px;border-radius: 4px;}
  .floorplanSwiper .delta-meadows-fp-card {box-shadow: none !important;padding: 20px !important;}
  .delta-greenville-internal-nav {margin-top: 1rem;}
  .project-sub-nav {position: sticky;top: 1px;background: var(--dark-blue) !important;    border-bottom: 2px solid var(--coral);z-index: 999;padding: 0px 0;width: 100%;}
  .why-swiper-pagination .swiper-pagination-bullet {background: #cccccc;opacity: 0.6;width: 8px;height: 8px;transition: all 0.3s ease;}
  .why-swiper-pagination .swiper-pagination-bullet-active {background: var(--dark-blue) !important;opacity: 1;width: 20px;border-radius: 4px;}
  .why-text-container {text-align: center;}
  .why-text-container .why-divider {margin: 18px auto;}
  .container-fluid, .container {max-width: 99% !important;width: 100% !important;}
  .play-btn {width: 58px;height: 58px;font-size: 1.4rem;}
  .projects-bg-accent.right {right: -1%; top: -5% !important;opacity: .4;filter: brightness(0) invert(1);width: 61%;}
  .projects-bg-accent.left {left: -2% !important;bottom: 0 !important;opacity: .4;filter: brightness(0) invert(1);width: 61%;}
  .project-bg-texture{position: absolute;top: -10%;left: 1%;width: 260px; opacity: .3;}
  .testi-card-modern {display: flex;flex-direction: column;align-items: stretch;text-align: left;padding: 24px 20px;background: #fdfdfd;border: 1px solid rgba(0, 0, 0, 0.04);border-radius: 24px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);margin: 15px 5px;}
  .testi-header-meta {display: flex !important;flex-direction: row !important;align-items: center !important;text-align: left !important;gap: 16px;width: 100% !important;margin-bottom: 12px;}
  .testi-content-block { display: block !important;}
  .testi-avatar-block {width: 100px;height: 120px;margin-bottom: 0 !important; flex-shrink: 0;}
  .testi-avatar-img { width: 56px;height: 56px;bottom: 5px;}
  .testi-author-meta {margin-top: 44px !important;display: flex;flex-direction: column;justify-content: center;}
  .testi-quote-mark {font-size: 2.2rem;margin-bottom: 4px;}
  .testi-text-modern {font-size: 0.85rem;line-height: 1.6;margin-bottom: 0px;}
  .testi-author-name {font-size: 0.9rem;}
  .testi-author-role {font-size: 0.75rem;}
  .footer-section .row {gap: 0px 0;}
  .back-to-top {bottom: 20px;right: 18px;width: 40px;height: 40px;font-size: 0.9rem;}
  .pillar-full-img {min-height: 200px;}
  #gallery {background-size: 75% !important;}
  .projects-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #FFAF87;clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 8vw), 0 100%);z-index: 0;pointer-events: none;}
  .projects-section {background: var(--white);position: relative;overflow: hidden;padding: 90px 0 90px 0;margin-bottom: -37px;}
  .footer-links li {margin-bottom: 0px;}
  .footer-contact-list li { margin-bottom: 6px;}
  #career-next-chapter { padding-bottom: 70px 0 !important; }
  .career-openings-section { padding: 70px 0 70px 0 !important; margin-top: -20px !important; }
  .career-angled-section { padding: 85px 0 85px 0 !important; margin: 10px 0 !important; }
  .career-angled-section::before { clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 8vw), 0 100%); }
  .career-img { min-height: 240px !important; max-height: 300px !important; }
  /* --- Greenville & Garden --- */
  .delta-greenville-amenities-main-img img,
  .delta-garden-amenities-main-img img { aspect-ratio: 16/11; }
  .delta-greenville-amenities-image-Swiper .swiper-slide,
  .delta-garden-amenities-image-Swiper .swiper-slide { height: 220px; }
  .delta-greenville-amenities-image-caption-row,
  .delta-garden-amenities-image-caption-row { margin-top: 1.2rem; }
  .delta-greenville-about-section,
  .delta-garden-about-section {padding: 3.5rem 0;}
  .delta-greenville-about-section .delta-greenville-logo-icon,
  .delta-garden-about-section .delta-garden-logo-icon {display: flex;justify-content: center;margin-bottom: 0.5rem;}
  .delta-greenville-about-section .delta-greenville-cms-about-title,
  .delta-garden-about-section .delta-garden-about-title,
  .delta-garden-about-section .delta-garden-cms-about-title {text-align: center !important; font-size: 1.8rem;}
  .delta-greenville-about-section .divider_blue,
  .delta-garden-about-section .divider_blue {margin: 0.5rem auto 1.5rem auto !important;}
  .delta-greenville-about-section .btn-brochure,
  .delta-garden-about-section .btn-brochure {display: flex !important; margin: 1.5rem auto 0 auto !important;}
  .delta-greenville-location-map,
  .delta-garden-location-map { min-height: 100%; max-height: 100%;}
  .project-sub-nav .nav {flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; justify-content: flex-start !important; padding-bottom: 5px; gap: 5px;}
  .project-sub-nav .nav::-webkit-scrollbar { display: none;}
  .project-sub-nav .nav { -ms-overflow-style: none; scrollbar-width: none;}
  .project-sub-nav .nav-link {white-space: nowrap; padding: 8px 15px !important;}
  /* --- Meadows, Vrindavan, Hillcrest, Woods --- */
  .delta-meadows-amenities-image-main-img img,
  .delta-vrindavan-amenities-image-main-img img,
  .delta-hillcrest-amenities-image-main-img img,
  .delta-woods-amenities-image-main-img img { aspect-ratio: 16/11; }
  .delta-meadows-amenities-imageSwiper .swiper-slide,
  .delta-vrindavan-amenities-imageSwiper .swiper-slide,
  .delta-hillcrest-amenities-imageSwiper .swiper-slide,
  .delta-woods-amenities-imageSwiper .swiper-slide { height: 220px; }
  .delta-meadows-about-section,
  .delta-vrindavan-about-section,
  .delta-hillcrest-about-section,
  .delta-woods-about-section {padding: 3.5rem 0;}
  .delta-meadows-about-section .logo-icon,
  .delta-vrindavan-about-section .logo-icon,
  .delta-hillcrest-about-section .logo-icon,
  .delta-woods-about-section .logo-icon {display: flex;justify-content: center;margin-bottom: 0.5rem;}
  .delta-meadows-about-section .delta-meadows-cms-about-title,
  .delta-vrindavan-about-section .delta-vrindavan-cms-about-title,
  .delta-hillcrest-about-section .delta-hillcrest-cms-about-title,
  .delta-woods-about-section .delta-woods-cms-about-title {text-align: center !important; font-size: 1.8rem;}
  .delta-meadows-about-section .divider_blue,
  .delta-vrindavan-about-section .divider_blue,
  .delta-hillcrest-about-section .divider_blue,
  .delta-woods-about-section .divider_blue {margin: 0.5rem auto 1.5rem auto !important;}
  .delta-meadows-about-section .delta-meadows-btn-brochure,
  .delta-vrindavan-about-section .delta-vrindavan-btn-brochure,
  .delta-hillcrest-about-section .delta-hillcrest-btn-brochure,
  .delta-woods-about-section .delta-woods-btn-brochure {display: flex !important; margin: 1.5rem auto 0 auto !important;}
  .delta-meadows-location-map,
  .delta-vrindavan-location-map,
  .delta-hillcrest-location-map,
  .delta-woods-location-map { min-height: 100%; max-height: 100%;}
  .delta-meadows-developer-img-wrapper,
  .delta-vrindavan-developer-img-wrapper,
  .delta-hillcrest-developer-img-wrapper,
  .delta-woods-developer-img-wrapper {margin-bottom: 30px;}
  .about-mission-vision-section {text-align: center;}
  .about-mission-vision-section .body-text { margin-left: auto; margin-right: auto;}
  .value-col-divider { background-image: linear-gradient(to right, rgba(0, 0, 102, 0) 0%, rgba(0, 0, 102, 0.15) 20%, rgba(0, 0, 102, 0.15) 80%, rgba(0, 0, 102, 0) 100%); background-size: 75% 1px; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 2.5rem; margin-bottom: 2.5rem !important; }
  .contact-info-section {padding-bottom: 50px;}
  .career-grow-content, .career-chapter-content, .career-meaning-content{margin-top:10px !important;}
   .floorplan-modal-dialog {max-width: 95% !important; margin: 0.75rem auto !important;}
  .floorplan-modal-content {border-radius: 20px !important;}
  .floorplan-modal-title {font-size: 1.4rem !important;}
  .floorplan-modal-form-col {padding: 1.25rem 1.5rem !important;}
   .main-cards-stack {width: 100%;}
  .thumb-stack-wrapper {aspect-ratio: 1 / 1.12;}
  .col-lg-6 .row.g-5,
  .col-lg-6 .row.g-4,
  .col-lg-6 .row.g-3 {
    --bs-gutter-x: 12px !important;
    --bs-gutter-y: 12px !important;
    margin-bottom: 10px !important;
  }
  .amenity-details-wrap {
    margin-top: 10px;
    padding-top: 0;
    text-align: center;
  }
  .amenity-name {
    font-size: 1.7rem;
    margin-bottom: 10px;
    text-align: center;
  }
  .nav-arrows {
    justify-content: center;
  }
  .site-address-section .qr-content{
    text-align: center;
  }
  .why-grid-item {text-align: center;position: relative;padding: 30px 0px;background: transparent;border-radius: 20px;border: 1px solid transparent; transition: all 0.45s cubic-bezier(0.25, 1, 0.5, 1);}

  }

/* ==========================================================================
   4. MOBILE DEVICES (max-width: 768px)
   ========================================================================== */
@media (max-width: 768px) {
  /* --- General / Landing Page --- */
  .career-img { min-height: 200px !important; max-height: 260px !important; }
  .italic_heading_black { font-family: var(--font-display); font-style: italic; font-weight: 400; font-size: 1.4rem !important; color: var(--black); display: block; margin-top: 4px;}
  .italic_heading{font-family: var(--font-display);font-style: italic; font-weight: 400; font-size: 1.4rem; color: var(--dark-blue); display: block; margin-top: 4px;}
  .bg-delt-right-img {right: 0%; top: -9%; width: 221px; opacity: .4; position: absolute; z-index: 1; pointer-events: none;}
  .testimonials-section {background: var(--white); padding: 30px 0;}
  .divider{width: 150px;height: 2px;background-color: var(--black);margin: auto;}
  .divider_blue{width: 150px;height: 2px;background-color: var(--dark-blue);margin: 8px auto 18px 0;}
  .highlights-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);justify-items: center;align-items: center;border-radius: 40px;padding: 40px 20px;gap: 30px 15px;}
  .highlight-card {width: 140px;height: 140px;}
  .about-mission-highlight-p { color: var(--coral); font-size: 1rem !important; line-height: 1.4 !important; text-align: justify !important; text-justify: inter-word !important; hyphens: auto !important; overflow-wrap: break-word !important; margin-top: 20px !important;}
  /* --- Delta Greenville & Garden --- */
  .delta-greenville-logo-icon img,
  .delta-garden-logo-icon img { width: auto; display: block; transition: filter var(--transition);}
  .delta-greenville-amenities-image-section,
  .delta-garden-amenities-image-section { padding: 4rem 0; }
  .delta-greenville-amenities-main-img,
  .delta-garden-amenities-main-img {height: 380px; }
  .delta-greenville-amenities-image-Swiper .swiper-slide,
  .delta-garden-amenities-image-Swiper .swiper-slide { height: 190px; }
  .delta-greenville-amenities-image-caption-row h3,
  .delta-garden-amenities-image-caption-row h3 { font-size: 1.4rem; }
  .delta-greenville-info-strip,
  .delta-garden-info-strip {padding: 1.5rem 0;}
  .delta-greenville-info-strip .row > div:nth-child(odd),
  .delta-garden-info-strip .row > div:nth-child(odd) { border-right: 1px solid rgba(255, 255, 255, 0.2); }
  .delta-greenville-info-item,
  .delta-garden-info-item {gap: .6rem; justify-content: flex-start; padding-left: 5%; padding-top: 10px; padding-bottom: 10px;}
  .delta-greenville-info-item i,
  .delta-garden-info-item i {width: 42px; height: 42px; font-size: 1.3rem;}
  .delta-greenville-info-label,
  .delta-garden-info-label {font-size: .7rem; color: rgb(255 255 255);}
  .delta-greenville-info-value,
  .delta-garden-info-value {font-size: .78rem; white-space: normal;}
  .delta-greenville-virtual-tour iframe {
    width: 100%;
    height: 443px;}
  .hero-scroll {left: 50% !important; transform: translateX(-50%) !important;}
  .career-bg-texture-top { top: -60px !important; width: 140px !important; opacity: 0.2 !important; }
  .career-bg-texture-bottom { bottom: -80px !important; width: 140px !important; opacity: 0.2 !important; }
  .career-openings-section .career-bg-texture-top { top: -80px !important; width: 140px !important; opacity: 0.2 !important; }
  .btn-career-apply { padding: 12px 28px !important; }
  .delta-greenville-bg-texture,
  .delta-garden-bg-texture { position: absolute; top: -94px; right: 0;filter: brightness(0) invert(1); width: 200px;}
  .delta-greenville-internal-amenities .container,
  .delta-garden-internal-amenities .container { padding-left: 20px; padding-right: 20px; }
  .internal-icon-Swiper { padding: 1.5rem 6px; }
  .delta-greenville-internal-card,
  .delta-garden-internal-card { height: 150px; transform: scale(1); }
  .delta-greenville-internal-card:hover,
  .delta-garden-internal-card:hover { transform: none; }
  .delta-greenville-internal-card i,
  .delta-garden-internal-card i { font-size: 2.2rem; }
  .delta-greenville-internal-card p,
  .delta-garden-internal-card p { font-size: 0.85rem; }
  /* --- Meadows, Vrindavan, Hillcrest, Woods --- */
  .delta-meadows-amenities-image-section,
  .delta-vrindavan-amenities-image-section,
  .delta-hillcrest-amenities-image-section,
  .delta-woods-amenities-image-section { padding: 4rem 0; }
  .delta-meadows-amenities-image-main-img,
  .delta-vrindavan-amenities-image-main-img,
  .delta-hillcrest-amenities-image-main-img,
  .delta-woods-amenities-image-main-img {height: 380px; }
  .delta-meadows-amenities-imageSwiper .swiper-slide,
  .delta-vrindavan-amenities-imageSwiper .swiper-slide,
  .delta-hillcrest-amenities-imageSwiper .swiper-slide,
  .delta-woods-amenities-imageSwiper .swiper-slide { height: 190px; }
  .delta-meadows-info-strip,
  .delta-vrindavan-info-strip,
  .delta-hillcrest-info-strip,
  .delta-woods-info-strip {padding: 1.5rem 0;}
  .delta-meadows-info-strip .row > div:nth-child(odd),
  .delta-vrindavan-info-strip .row > div:nth-child(odd),
  .delta-hillcrest-info-strip .row > div:nth-child(odd),
  .delta-woods-info-strip .row > div:nth-child(odd) {border-right: 1px solid rgba(255, 255, 255, 0.2);}
  .delta-meadows-info-item,
  .delta-vrindavan-info-item,
  .delta-hillcrest-info-item,
  .delta-woods-info-item {gap: .6rem; justify-content: flex-start; padding-left: 5%; padding-top: 10px; padding-bottom: 10px;}
  .delta-meadows-info-item i,
  .delta-vrindavan-info-item i,
  .delta-hillcrest-info-item i,
  .delta-woods-info-item i {width: 42px; height: 42px; font-size: 1.3rem;}
  .delta-meadows-info-label,
  .delta-vrindavan-info-label,
  .delta-hillcrest-info-label,
  .delta-woods-info-label {font-size: .7rem; color: rgb(255 255 255);}
  .delta-meadows-info-value,
  .delta-vrindavan-info-value,
  .delta-hillcrest-info-value,
  .delta-woods-info-value {font-size: .85rem;}
  .delta-meadows-bg-texture,
  .delta-vrindavan-bg-texture,
  .delta-hillcrest-bg-texture,
  .delta-woods-bg-texture { position: absolute; top: -94px; right: 0;filter: brightness(0) invert(1); width: 200px;}
  .delta-meadows-internal-amenities .container,
  .delta-vrindavan-internal-amenities .container,
  .delta-hillcrest-internal-amenities .container,
  .delta-woods-internal-amenities .container {padding-left: 20px; padding-right: 20px;}
  .delta-meadows-internalSwiper,
  .delta-vrindavan-internalSwiper,
  .delta-hillcrest-internalSwiper,
  .delta-woods-internalSwiper { padding: 1.5rem 6px; }
  .delta-meadows-internal-card,
  .delta-vrindavan-internal-card,
  .delta-hillcrest-internal-card,
  .delta-woods-internal-card { height: 150px; transform: scale(1); }
  .delta-meadows-internal-card:hover,
  .delta-vrindavan-internal-card:hover,
  .delta-hillcrest-internal-card:hover,
  .delta-woods-internal-card:hover { transform: none;}
  .delta-meadows-internal-card i,
  .delta-vrindavan-internal-card i,
  .delta-hillcrest-internal-card i,
  .delta-woods-internal-card i { font-size: 2.2rem;}
  .delta-meadows-internal-card p,
  .delta-vrindavan-internal-card p,
  .delta-hillcrest-internal-card p,
  .delta-woods-internal-card p { font-size: 0.85rem;}
  .about-mission-vision-section::before {background: linear-gradient(to right, rgb(0 0 0 / 57%) 0%, rgb(0 0 0 / 66%) 60%, rgb(0 0 0 / 73%) 100%), url(../images/about-vision-bg-mobile.webp) no-repeat center center / cover;}
  .highlights-wrapper .highlight-card:nth-child(3) {order: 4;}
  .highlights-wrapper .highlight-card:nth-child(4) {order: 3;}
  .contact-info-section {padding: 15px 0;}
  .about-mission-vision-section {position: relative; padding: 83px 0 125px 0 !important;}
}

/* ==========================================================================
   5. MOBILE SLIDES BREAKPOINT (max-width: 580px)
   ========================================================================== */
@media (max-width: 580px) {
  /* --- Greenville & Garden --- */
  .delta-greenville-amenities-image-Swiper .swiper-slide,
  .delta-garden-amenities-image-Swiper .swiper-slide { height: 160px; }
  .delta-greenville-slide-caption,
  .delta-garden-slide-caption { font-size: .6rem; }
  .delta-greenville-amenities-tag,
  .delta-garden-amenities-tag { font-size: .6rem; padding: .4rem .7rem; }
  /* --- Meadows, Vrindavan, Hillcrest, Woods --- */
  .delta-meadows-amenities-imageSwiper .swiper-slide,
  .delta-vrindavan-amenities-imageSwiper .swiper-slide,
  .delta-hillcrest-amenities-imageSwiper .swiper-slide,
  .delta-woods-amenities-imageSwiper .swiper-slide { height: 160px; }
  .delta-meadows-amenities-image-tag,
  .delta-vrindavan-amenities-image-tag,
  .delta-hillcrest-amenities-image-tag,
  .delta-woods-amenities-image-tag { font-size: .6rem; padding: .4rem .7rem; }
  .project-breadcrumbs .breadcrumb-item.active{font-size: 1rem !important;}
  .project-breadcrumbs .breadcrumb-item a{font-size: 1rem !important;}
  .project-breadcrumbs .breadcrumb-item + .breadcrumb-item::before{font-size: 1.1rem !important; padding: 0 !important;}
  .col-lg-6 .row.g-5, .col-lg-6 .row.g-4, .col-lg-6 .row.g-3 {--bs-gutter-x: 10px !important; --bs-gutter-y: 10px !important;}
  .site-address-section .rera-qr-container {gap: 1.5rem;}
  .delta-greenville-info-item{margin: 0;}
}

/* ==========================================================================
   6. SMALL MOBILE DEVICES (max-width: 575px)
   ========================================================================== */
@media (max-width: 575px) {
  /* --- General / Landing Page --- */
  .project-hero-desc{text-align: justify;text-justify: inter-word;hyphens: auto;overflow-wrap: break-word;}
  .body-text {text-align: justify;text-justify: inter-word;hyphens: auto;overflow-wrap: break-word;}
  #gallery {padding: 52px 0 60px;}
  .gallery-header {margin-bottom: 36px;}
  .gallery-item.tall {width: 200px;}
  .gallery-row {gap: 10px;}
  .gallery-track-wrap {gap: 10px;}
  .gallery-marquee-container::before, .gallery-marquee-container::after {width: 40px;}
  .project-hero-title {letter-spacing: 1px;margin-bottom: 15px;}
  /* --- Project Filter Tabs Responsive --- */
  .project-filter-tabs {
    display: flex !important;
    width: 100%;
    max-width: 100%;
    padding: 4px;
    border-radius: 30px;
  }
  .project-filter-btn {
    flex: 1 1 0px;
    padding: 8px 6px !important;
    font-size: 0.72rem !important;
    letter-spacing: 0px !important;
    text-align: center;
  }
}

@media (max-width: 380px) {
  .project-filter-btn {
    font-size: 0.65rem !important;
    padding: 7px 4px !important;
  }
}

/* ==========================================================================
   7. EXTRA SMALL MOBILE DEVICES (max-width: 480px)
   ========================================================================== */
@media (max-width: 480px) {
  /* --- General / Landing Page --- */
  .hero-section {min-height: 42vh;}
  .highlight-card {width: 120px;height: 120px;}
  .highlight-card-dashed-ring {top: -10px;left: -10px;right: -10px;bottom: -10px;}
  .highlight-card-bg-border {top: -8px;left: -8px;right: -8px;bottom: -8px;}
  .highlight-card-inner {padding: 8px;}
  .stat-icon-svg img {width: 26px;height: 26px;}
  .stat-divider {width: 45%;margin: 3px 0;}
  .stat-value {font-size: 1.15rem;}
  .stat-value .plus-sign {font-size: 0.8rem;}
  .stat-value .stat-suffix {font-size: 0.65rem;}
  .stat-label {font-size: 0.55rem;max-width: 95px;margin-top: 1px;}
  .section-title-large {font-size: 1.3rem;}
  .navbar-brand .brand-name {font-size: 1.15rem;}
  .pillar-card:not(.img-only) .pillar-img-wrap {height: 130px;}
  /* --- Greenville & Garden --- */
  .location-section { padding: 5rem 0 !important; }
  .delta-greenville-floorplans-section,
  .delta-garden-floorplans-section { padding: 3rem 0; }
  .delta-greenville-internal-card,
  .delta-garden-internal-card { height: 140px; }
  .delta-greenville-internal-card p,
  .delta-garden-internal-card p { font-size: 0.8rem; }
  /* --- Meadows, Vrindavan, Hillcrest, Woods --- */
  .delta-meadows-internal-card,
  .delta-vrindavan-internal-card,
  .delta-hillcrest-internal-card,
  .delta-woods-internal-card {height: 170px;}
  .delta-meadows-internal-card p,
  .delta-vrindavan-internal-card p,
  .delta-hillcrest-internal-card p,
  .delta-woods-internal-card p {font-size: 1rem;}

  /* --- Project Details Sections (Meadows, Vrindavan, Hillcrest, Woods) --- */
  .delta-meadows-location-section,
  .delta-vrindavan-location-section,
  .delta-hillcrest-location-section,
  .delta-woods-location-section {position: relative; background: transparent; padding: 5rem 0 !important; overflow: hidden;}
  .delta-meadows-floorplans-section,
  .delta-vrindavan-floorplans-section,
  .delta-hillcrest-floorplans-section,
  .delta-woods-floorplans-section {padding: 4rem 0; background: #fff;}
  .delta-meadows-internal-amenities,
  .delta-vrindavan-internal-amenities,
  .delta-hillcrest-internal-amenities,
  .delta-woods-internal-amenities {padding: 4rem 0;}
  .delta-meadows-internal-nav,
  .delta-vrindavan-internal-nav,
  .delta-hillcrest-internal-nav,
  .delta-woods-internal-nav {margin-top: 1rem;}

  /* --- RERA QR Swiper & Layout Responsive Adjustments --- */
  .site-address-section .rera-qr-container {
    flex-direction: row;
    gap: 1.5rem;
  }
  .rera-swiper-pagination {
    bottom: 0px !important;
  }

  /* --- Projects Page Banner (Fix 100vh text cutoff on small screens) --- */
  .project-page-banner .deckt_sli {
    height: auto !important;
    min-height: 100vh;
  }
  .project-page-banner .hero-video-overlay {
    position: relative !important;
    min-height: 100vh;
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .project-page-banner .carousel-item {
    position: relative;
    background: #000;
  }
  .project-page-banner .carousel-item > img.deckt_sli {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}