@media screen and (max-width: 991px) {
    .h-screen {
        height: auto;
    }

    .about-section .row {
        flex-direction: column-reverse;
    }

    .about-section .row .icon-boxes {
        width: 100%;
    }

    .about-section .row .image-block {
        width: 100%;
    }

    .founder-section .row {
        flex-direction: column;
    }

    .founder-section .row .image-block {
        width: 100%;
    }

    .founder-section .row .image-block img {
        width: 100%;
        height: 700px;
        object-fit: cover;
    }

    .founder-section .row .founder-text-boxes {
        width: 100%;
        padding: 0;
    }

    .project-blocks a.project-block .project-text {
        flex-direction: column;
        gap: 20px;
        justify-content: space-between;
    }

    .project-blocks a.project-block .project-text .project-title {
        max-width: 100%;
    }

    .project-blocks a.project-block .project-text .project-detail {
        width: 100%;
    }

    .project-blocks a.project-block .project-image img {
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 767px) {
    .desktop-only {
        display: none;
    }

    .container {
        padding: 0;
    }

    .about-section {
        padding: 0 !important;
    }

    .h-screen {
        min-height: unset !important;
        height: auto;
    }

    .hero-section {
        height: 100dvh;
    }

    .about-section .row {
        flex-direction: column-reverse;
    }

    .icon-boxes {
        padding: 0 20px;
    }

    .icon-boxes .icon-box {
        width: 80%;
        margin: 0 auto;
        border-right: none !important;
    }

    .icon-boxes .icon-box:nth-child(3) {
        border-bottom: 1px solid var(--color-border);
    }

    .about-section .row .image-block img {
        width: 100%;
        height: 700px;
        object-fit: cover;
    }

    .icon-boxes .icon-box p {
        font-size: 16px;
    }

    .founder-section .row .founder-text-boxes {
        width: 100%;
        padding: 0 20px;
    }

    .current-project-section {
        padding: 0 25px;
    }

    .project-blocks a.project-block .project-image {
        width: 90px;
    }

    .project-blocks a.project-block .project-text {
        width: calc(100% - 90px);
        padding: 15px 15px;
    }

    .project-blocks a.project-block .project-text .project-title h2 {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 4px;
    }

    .project-blocks a.project-block .project-text .project-detail::after {
        width: 14px;
        height: 14px;
    }

    .project-blocks a.project-block .project-text .project-detail h3 {
        font-size: 14px;
        margin-bottom: 4px;
        font-weight: 400;
    }

    .project-blocks a.project-block .project-text p {
        font-size: 14px !important;
    }

    .project-blocks a.project-block .project-text .year {
        top: 36px;
        right: 15px;
    }

    .project-blocks a.project-block .project-image img {
        object-fit: contain;
        background-color: #d8cc95;
    }

    .founder-section .founder-text-boxes .founder-text-box>p,
    .founder-section .founder-text-boxes .founder-text-box .designation p {
        font-size: 14px;
    }

    .prior-projects {
        padding: 0 25px;
    }

    .prior-projects table {
        width: 100%;
        border-collapse: collapse;
    }

    .prior-projects th,
    .prior-projects td {
        padding: 15px;
        border: 1px solid #ccc;
        text-align: left;
    }

    .prior-projects table,
    .prior-projects thead,
    .prior-projects tbody,
    .prior-projects th,
    .prior-projects td,
    .prior-projects tr {
        display: block;
    }

    .prior-projects thead {
        display: none;
    }

    .prior-projects tr {
        margin-bottom: 15px;
        border: 1px solid #ccc;
        border-bottom: none;
        margin-bottom: 0;
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
    }

    .prior-projects td {
        border: none;
        padding: 2px 10px;
        position: relative;
        font-size: 14px;
    }

    .prior-projects td:first-child {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
    }

    .prior-projects td:nth-child(2) {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .prior-projects td:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
    }

    .prior-projects td:last-child {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .prior-projects td:nth-child(2),
    .prior-projects td:first-child {
        width: 32%;
        white-space: nowrap;
    }

    .fiiter-copyright .footer-address p strong {
        margin-bottom: 4px;
        display: inline-block;
    }

    .prior-projects td:nth-child(3),
    .prior-projects td:last-child {
        width: 68%;
        text-align: right;
    }

    .quote-section {
        flex-direction: column;
        gap: 20px;
    }

    .sanskrit {
        width: 100%;
    }

    .translation {
        width: 100%;
    }

    .sanskrit p {
        font-size: 20px;
        border: none;
        border-bottom: 1px solid #ddd;
        margin: 0;
        padding-bottom: 20px;
        text-align: center;
    }

    .translation p {
        padding: 0;
        font-size: 14px;
        /* line-height: 1.6; */
    }

    .footer-bottom {
        flex-direction: column;
        gap: 24px;
    }

    .footer-bottom>div {
        width: 100% !important;
    }

    .footer-bottom p,
    .fiiter-copyright .footer-address p {
        text-align: justify;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .footer-bottom .footer-middle {
        flex-direction: row;
        justify-content: space-between;
        gap: 0;
    }

    .footer-bottom .footer-middle .rera-block {
        width: 50%;
    }

    .footer-bottom .footer-contact {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-bottom p strong {
        display: block;
    }

    .footer-bottom p br {
        display: none;
    }

    .footer-bottom .footer-contact p {
        width: 50%;
        text-align: left;
    }

    .fiiter-copyright .footer-address p {
        width: 100% !important;
    }

    .fiiter-copyright .footer-address {
        gap: 8px;
        flex-direction: column;
    }

    .footer-bottom .footer-contact a {
        font-size: 12px;
    }

    .footer-bottom .footer-address {
        display: flex;
        flex-wrap: wrap;
        gap: 0 20px;
    }

    .footer-bottom .footer-address p:first-child {
        width: 100%;
        text-align: left;
    }

    .footer-bottom .footer-address p {
        width: calc(50% - 10px);
        text-align: left;
    }

    .footer-bottom .footer-address a img {
        width: 130px;
    }

    .footer-bottom .footer-address p:first-child br:not(:nth-child(2)) {
        display: none;
    }

    .chronicle-intro .intro-content {
        flex-direction: column;
        padding: 50px 0px 0;
    }

    .chronicle-intro .intro-content .intro-content-block {
        width: 100%;
    }

    .chronicle-intro .intro-content .intro-content-block .text-block {
        flex-direction: column;
        padding: 0 35px;
    }

    .chronicle-intro .intro-content .intro-content-block .text-block .left-block {
        width: 100%;
    }

    .chronicle-intro .intro-content .intro-content-block .text-block .designation {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    .chronicle-intro .intro-content .intro-content-block .text-block .right-block {
        width: 100%;
    }

    .founder-blocks {
        padding: 0 35px;
        gap: 30px;
        grid-template-columns: 1fr;
    }

    .founder-blocks .founder-block p {
        font-size: 14px;
    }

    .founder-blocks .founder-block .designation p:first-child {
        font-size: 16px;
    }

    .amenities-group .amenities-blocks .amenitie-block img {
        width: 60px;
    }

    .amenities-group.column-6 .amenities-blocks .amenitie-block {
        width: calc((100% / 3) - (60px / 3));
    }

    .residential-page .banner-section {
        min-height: 100dvh !important;
        align-items: flex-start;
        padding-top: 120px;
    }

    .banner-section .banckground-image .bg-image {
        object-position: 70% center;
    }

    .residential-page .hero-content img {
        max-width: 220px;
    }

    .banner-section .hero-description {
        bottom: 10%;
    }

    .banner-section .hero-description p {
        font-size: 20px;
    }

    .residential-page .andy-fisher-content {
        gap: 30px;
    }

    .residential-page .andy-fisher-section {
        min-height: 85dvh !important;
        padding: 0 35px;
    }

    .residential-page .andy-fisher-section .banckground-image .bg-image {
        object-position: 75% center;
    }

    .residential-page .andy-fisher-content .andy-description p {
        font-size: 12px;
    }

    .residential-page .andy-fisher-content .name-block {
        flex-direction: row;
    }

    .residential-page .amenities-section h2 {
        font-size: 16px;
    }

    .site-footer {
        padding: 60px 35px;
    }

    .residential-page .curation-section {
        padding: 60px 35px;
    }

    .mercantile-page .banner-section {
        min-height: 100dvh !important;
        height: 100%;
        padding: 0 20px;
    }

    .gallery-slider {
        margin-left: 35px;
        width: calc(100% - 35px);
    }

    .gallery-slider .swiper-slide img {
        aspect-ratio: 1/1;
        object-fit: cover;
        object-position: center;
    }

    .mercantile-page .banner-section .hero-content img {
        max-width: 200px;
    }

    .mercantile-page .hero-content p {
        font-size: 16px;
        max-width: 300px;
        margin: 0 auto 12px;
    }

    .mercantile-page .hero-description h3 {
        font-size: 48px;
    }

    .center-court-section {
        min-height: 75dvh !important;
        background-color: #e5e5e5;
    }

    .residential-page .center-court-section {
        min-height: calc(60vh + 80px) !important;
        background-color: #e5e5e5;
    }

    .residential-page .center-court-section.short {
        min-height: calc(35vh + 80px) !important;
        padding: 0 20px;
        background-color: #e5e5e5;
    }

    .center-court-section img {
        min-height: 65dvh;
        object-fit: cover;
        object-position: center;
        margin-top: 10dvh;
    }

    .residential-page .center-court-section img {
        min-height: 60dvh;
        object-fit: contain;
        object-position: center bottom;
        margin: 40px auto 40px;
        width: calc(100% - 40px);
        background: linear-gradient(90deg, #7294c2, #688bba, #6285b7, #6386b8, #6a92c2);
    }

    .center-court-section .text-content h2 {
        padding: 0 40px !important;
    }

    .center-court-section.cst-trogon-court .text-content h2 {
        top: -10px !important;
        padding: 0 40px !important;
    }

    .residential-page .center-court-section .text-content h2 {
        top: 70px;
    }

    .center-court-section .text-content h2 p {
        font-size: 14px;
        font-weight: 400;
    }

    .mercantile-page .andy-fisher-section {
        min-height: 40dvh !important;
        padding: 0 20px;
    }

    .andy-fisher-content .name-block p {
        font-size: 12px;
        text-transform: none;
        margin: 0;
    }

    .andy-fisher-content .name-block {
        flex-direction: column;
        gap: 4px;
    }

    .mercantile-page .andy-fisher-content .name-block::after {
        content: none;
    }

    .mercantile-page .curation-section {
        padding: 0 35px;
    }

    .mercantile-page .curation-section img {
        height: 700px;
        object-fit: cover;
    }

    .curation-section h2 {
        font-size: 16px !important;
    }

    .mercantile-page .curation-section p {
        font-size: 14px;
    }

    .mercantile-page .amenities-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .amenities-group .amenities-blocks {
        gap: 50px 30px;
    }

    .amenities-group .amenities-blocks .amenitie-block {
        width: calc((100% / 3) - (60px / 3));
    }

    .mercantile-page .amenities-group .amenities-blocks .amenitie-block img {
        height: 60px;
    }

    .amenities-group .amenities-blocks .amenitie-block p {
        white-space: break-spaces;
        font-size: 14px;
        line-height: 1.4;
    }

    .gallery-slider .swiper-slide {
        height: 300px;
    }

    .contact-section .content-block p button {
        padding: 6px 24px;
    }

    .contact-section .content-block img {
        max-width: 200px;
    }

    .contact-section .content-block {
        padding: 60px 20px;
    }

    .contact-section .content-block p {
        font-size: 16px;
    }

    .contact-section .content-block p.buttons {
        gap: 20px;
    }

    .contact-section {
        padding: 50px 25px !important;
    }

    .converse-page .contact-section .content-block .form-block .form-controls {
        padding: 30px 20px;
    }

    .converse-page .contact-section .content-block .form-block .form-controls .form-control:first-child,
    .converse-page .contact-section .content-block .form-block .form-controls .form-control:last-child {
        width: 100%;
    }

    .converse-page .contact-section .content-block button {
        width: 100%;
    }

    .converse-page .contact-section h1 {
        font-size: 18px;
    }

    .images-horizontal-section {
        display: none;
    }

    .image-slide-section {
        display: block;
        min-height: 100dvh;
        overflow: hidden;
    }

    .image-slide-section .image-slide {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        gap: 20px;
    }

    .image-slide-section .image-slide img {
        width: 60%;
        height: auto;
        object-fit: cover;
        scroll-snap-align: start;
    }

    .text-horizontal {
        display: flex;
        width: 200vw;
    }

    .text-horizontal .text-content {
        width: 100vw;
        padding: 20px 25px;
        box-sizing: border-box;
    }

    .text-horizontal .text-content .quote p:nth-last-child(2) {
        text-align: center;
        padding: 30px 0px;
    }

    .text-horizontal .text-content.second p {
        text-align: justify !important;
    }

    .hero-section .hero-content p:not(.icons) {
        display: none;
    }

    .hero-section .hero-content {
        padding: 0 20px 30px;
    }

    .hero-section .hero-text.bottom {
        display: block;
        padding: 0 20px;
    }

    .hero-section .hero-content p.icons img {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }

    a.hamburger-menu {
        display: flex;
        width: 16px;
        height: 12px;
    }

    a.hamburger-menu span {
        width: 100%;
        height: 1px;
        background-color: rgba(var(--color-black) / 100%);
        transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
    }

    .header-white .hamburger-menu span {
        background-color: rgba(var(--color-white) / 100%);
    }

    nav.navbar .nav-links {
        position: fixed;
        inset: 0;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        flex-direction: column;
        z-index: 999;
        background-color: rgba(var(--color-white) / 100%);
        padding: 40% 35px 10%;
        transform: translateX(-110%);
        transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
    }

    nav.navbar .nav-links.show {
        transform: translateX(0%);
    }

    .header-white nav.navbar .nav-links a {
        color: rgba(var(--color-black) / 100%) !important;
    }

    header .navbar {
        padding: 25px !important;
        /* padding-left: 20px; */
        /* padding-right: 20px; */
    }

    header .navbar .logo {
        z-index: 9999;
    }

    header .navbar a.hamburger-menu {
        z-index: 9999;
    }

    .header-white header.header-active nav.navbar img {
        filter: brightness(1);
    }

    header.header-active .navbar a.hamburger-menu span {
        background-color: rgba(var(--color-black) / 100%);
    }

    header.header-active .navbar a.hamburger-menu span:nth-child(3) {
        width: 100%;
        transform: rotate(45deg) translate(-3px, -3px);
        transform-origin: center;
        transition: all 0.5s ease-in-out 0s;
    }

    header.header-active .navbar a.hamburger-menu span:nth-child(1) {
        width: 100%;
        transform: rotate(-45deg) translate(-5px, 5px);
        transform-origin: center;
        transition: all 0.5s ease-in-out 0s;
    }

    header.header-active .navbar a.hamburger-menu span:nth-child(2) {
        width: 0;
        opacity: 0;
        transition: all 0.5s ease-in-out 0s;
    }

    .residence-mobile {
        flex-direction: column;
    }

    .residence-mobile .top-bar {
        border-bottom: 1px solid rgba(var(--color-residential));
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .residence-mobile .top-bar img {
        width: 100%;
    }

    .residence-mobile .body-bar {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 20px 0;
    }

    .residence-mobile .body-bar .mobile-top img {
        width: 100%;
    }

    .residence-mobile .body-bar .mobile-middle {
        position: relative;
        aspect-ratio: 3/1.5;
    }

    .residence-mobile .body-bar .mobile-middle img:first-child {
        width: 50%;
    }

    .residence-mobile .body-bar .mobile-middle img:nth-child(2) {
        position: absolute;
        top: 5%;
        left: 32%;
        width: 43%;
    }

    .residence-mobile .body-bar .mobile-middle img:nth-child(3) {
        position: absolute;
        top: 0;
        right: 0;
        width: 22%;
    }

    .residence-mobile .body-bar .mobile-middle img:last-child {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 55%;
    }

    .residence-mobile .body-bar .mobile-bottom {
        position: relative;
        aspect-ratio: 3/1.6;
        margin-top: -30px;
    }

    .residence-mobile .body-bar .mobile-bottom img:first-child {
        height: 100%;
    }

    .residence-mobile .body-bar .mobile-bottom img:nth-child(2) {
        position: absolute;
        bottom: 0;
        left: 17%;
        width: 33%;
    }

    .residence-mobile .body-bar .mobile-bottom img:nth-child(3) {
        position: absolute;
        top: 20%;
        right: 0;
        width: 45%;
    }

    .residence-mobile .body-bar .mobile-bottom img:last-child {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 55%;
    }

    .mobile-only {
        display: flex;
    }

    .residence-mobile img {
        opacity: 0;
    }

    .section-heading-trogon {
        text-transform: uppercase;
        font-size: 16px;
        padding-bottom: 12px;
        padding-left: 16px;
    }

    .translation p {
        letter-spacing: normal;
    }

    .chronicle-intro .intro-content .intro-content-block p {
        font-size: 14px;
    }

    .intro-content .swiper-wrapper {
        flex-direction: column;
        gap: 60px;
    }

    .mercantile-page .banner-section .banckground-image .bg-image {
        object-position: 32% center;
    }

    .founder-section .row .image-block img {
        height: auto;
        padding: 0 20px;
    }
}

@media screen and (max-width:400px) {
    .sanskrit p {
        font-size: 18px;
    }
}