@media (max-width: 991px) { /* 991px */

    :root {
        --font-small: 0.85rem;
        --font-tbig: 1rem;
        --font-Msmall: 0.75rem;
        --font-large: 1.5rem;
    }

    h1 {
        font-weight: 700;
        font-size: 2rem; /* 30px */
        color: var(--color-text);
    }

    .slider-loader {
        position: relative;
        width: 95%;
        max-width: 400px;
        min-width: unset;
        height: 23%;
        min-height: 220px;
        overflow: hidden;
    }

    .subhead {
        font-weight: 700;
        font-size: 1.875rem !important;
        color: var(--color-text);
    }

    .loginsection {
        position: absolute;
        width: 100%;
        min-height: 100vh;
        height: auto;
        overflow: hidden;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .loginsection .adjustwith {
            width: 95%;
        }

    .profilebox .Detailscontainer {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.5rem;
    }

    .profilebox .AProfile-subscriptions-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.5rem;
    }

    .profilebox .My-Profile-secondary-nav-wrap {
        flex-direction: column;
    }

    .footer-sec .main-tit-links {
        flex-direction: column;
        margin: 1.375rem 0;
        gap: 0.5rem;
    }

    #profileTab {
        justify-content: center;
        margin: 1.25rem 0 0.625rem;
    }

    .myachive {
        gap: 1.875rem;
        flex-direction: column;
    }

        .myachive .subttilebox {
            flex-direction: column;
        }

    .myarchieve-card-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.5rem;
    }

    .profilebox .My-Profile-secondary-nav {
        width: 96%;
        margin: 1.25rem 2% 0;
    }

    .from_date {
        width: 50%;
        margin: 0;
    }

    .myachive .myarchieve-search {
        width: 100%;
        height: 2.5rem;
    }

    .useflexwrap {
        flex-wrap: wrap;
    }

    .useflexwithd {
        justify-content: start !important;
    }

    /* ==========index ====*/
    .search-container .search-box,
    .Property-search-container .search-box {
        flex-direction: column;
    }

    .search-container {
        width: 95%;
    }

        .search-container .search-field {
            width: 100%;
            border-right: 0;
        }

    .search-field1 {
        padding: 0.5rem 0.625rem;
        width: 100%;
    }

    .banner-cont-wrap h1 {
        margin-bottom: 2.125rem;
    }

    .home-banner-sec {
        background-size: 100% 100%;
    }

    .maingridbox {
        margin: 0.625rem 0;
        grid-template-columns: 1fr;
    }

    .maingridbox2 {
        grid-template-columns: 1fr;
    }

    .gridtopbox {
        grid-template-columns: 1fr;
    }

    .Home-Grid-cards-1 {
        grid-row-end: unset;
    }

    .Home-Grid-cards-2 {
        grid-row: unset;
        grid-column: unset;
    }

    .Home-Grid-cards-chart {
        margin: 0;
        width: 100%;
    }

    .Home-Grid-cards-6 {
        padding-bottom: 0rem;
    }

    .maingridbox2 {
        padding: 0;
    }

    .Home-Grid-para-card {
        padding: 2.125rem 1.875rem;
    }

        .Home-Grid-para-card p {
            font-size: 1rem;
        }

    .Home-Grid-cards-hailights-one {
        max-width: 100%;
        justify-content: space-between;
    }

    .Home-Grid-cards-6 {
        justify-content: center;
        margin: 0.625rem 0;
    }

    .Home-Grid-cards-chart-2 {
        min-height: 12.5rem; /* 200px */
    }

        .Home-Grid-cards-chart-2 .row {
            height: 100%;
        }

    .House-Hunt-main-para,
    .Investible-Score-Report-main-para {
        width: 100%;
    }

    .House-Hunt-Sec .HouseHuntbtn,
    .Investible-Score-Report-Sec .HouseHuntbtn {
        position: static;
        margin: 1.25rem 0;
    }

    .House-Hunt-card-wrap {
        flex-direction: column;
    }

    .House-Hunt-main-img {
        width: 100%;
    }

    .Desktop-Valuation-Sec .House-Hunt-main-img {
        height: 100%;
        width: 100%;
    }

    .Desktop-Valuation-card-wrap {
        display: flex;
        gap: 0.625rem;
    }

    .Desktop-Valuation-main-img-wrap .Desktop-Valuation-card-wrap {
        display: flex;
        gap: 0.625rem;
    }

    .Desktop-Valuation-main-img-wrap .Desktop-Valuation-card-wrap1 {
        flex-direction: column !important;
    }

    .Why-choose-us-main-card h5 {
        margin-bottom: 0.5rem;
        font-weight: 500;
        font-size: 1.5rem;
    }

    .Why-choose-us-main-cardbox {
        text-align: start;
    }

    .Why-choose-us-main-tit {
        text-align: center;
        margin-bottom: 2rem;
    }

    .Why-choose-us-main-card2 {
        padding: 1.25rem 1.875rem; /* 20px 30px */
    }

    .Indias-Oldest-largest-Repository-card-wrap {
        height: fit-content;
        margin: 0.5rem;
        display: block;
    }

    .Indias-Oldest-largest-repository-card {
        height: fit-content;
    }

    .Desktop-Valuation-main-img-wrap .Desktop-Valuation-carddiv {
        display: flex;
        gap: 1.875rem;
        justify-content: space-between;
    }

    .Desktop-Valuation-card img {
        width: 100%;
    }

    .Home-Tab-System .nav-pills {
        padding: 0.625rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        font-size: 1rem;
        justify-content: center;
        text-align: center;
    }

    .Home-Tab-System .nav-link {
        width: 100%;
    }

    .home-tab-sec-card-wrap {
        width: 100%;
    }

    .Home-Tab-System .primary-btn {
        padding: 0.625rem 1.0625rem; /* 10px 17px */
        margin: 0 0 1.25rem;
    }

    .Home-Use-Case-Sec .swiper {
        padding-bottom: 1.875rem; /* 30px */
    }

    .HomeGet-Touch-with-Us-cont-wrap {
        width: 85%;
        margin: auto;
    }

    .Investible-Score-Report-main-inner-cards-wrap {
        position: static;
        width: 100%;
        margin: 1.25rem 0;
    }

    .Investible-Score-Report-cont-wrap .House-Hunt-cont-card {
        width: 100%;
    }

    .Investible-Score-Report-Sec .House-Hunt-main-img {
        height: 100%;
    }

    .mobrow {
        flex-direction: column-reverse;
    }

    .Speak-to-an-Expert-sec .House-Hunt-main-img {
        width: 100%;
    }

    .Speak-to-an-Expert-sec .House-Hunt-cont-card {
        width: 100%;
    }

    .Unique-scales-Evaluation-list-inner-cards-tit-wrap {
        max-width: 100%;
        gap: 0.625rem;
        flex-direction: column;
    }

        .Unique-scales-Evaluation-list-inner-cards-tit-wrap p {
            width: 100%;
        }

    .Why-choose-us-card-wrap {
        flex-direction: column;
    }

    .Why-choose-us-main-cardbox {
        width: 100%;
    }

    .Why-choose-us-main-card2 {
        max-width: 100%;
    }

    .Uniquescales-Evaluation-Nav-Bar-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .Onboarding-breadcrumb-Sec, .FFP-breadcrumb-Sec, .Affluency-Index-banner-sec, .Affluency-Index-1-banner, .Proprietary-TheoriesOn-Price-Banner-Sec {
        padding: 200px 0px 100px;
    }
    
    .fppContainer {
        height: unset;
    }
    /* ==========index ====*/
    /* ==========house hunt ====*/
    .landingPage2-banner-left-bottom {
        width: 100%;
    }

    .landingPage2-banner-right {
        display: none;
    }

    .landingPage2-filter-sec .swiper-slide {
        max-width: unset;
        padding: 20% 1.25rem 1.25rem 1.25rem;
    }

    #landingPage2-Visualization-sec #chartTabs {
        text-transform: capitalize;
        flex-direction: column;
        gap: 6px;
    }

    .landingPage2-Works-row-tab {
        height: unset;
    }

    .landingPage2-Works-row {
        gap: 1rem;
    }

    .landingPage2-Works-Stack {
        margin-top: 1.25rem;
    }

    .landingPage2-faq-stackContainer {
        width: 95%;
        gap: 1.25rem;
    }

    .home-Use-Cases-card {
        padding: 1rem;
    }

    .landingPage2-pricing-plan-sec .landingPage2-Works-Stack {
        width: 95%;
        margin: 0 auto;
    }

    .HouseHunt-tab-sec .search-container {
        width: 95% !important;
    }

    .nearby-locations {
        flex-wrap: wrap;
        gap: 10px;
    }

    #nearbyList {
        width: 100% !important;
    }

    .locationcustom {
    }

    .locationcustom {
        padding: 5px 10px;
        margin-left: 0;
        font-size: var(--font-small) !important;
    }

    .HouseHunt-top-tabContainer .nav-pills {
        gap: 0 6px;
    }

    .HouseHunt-tab-sec .search-field1-inner {
        padding: 0 2.6875rem 0 0;
    }

    .nearby-locations .nearby-title {
        font-size: var(--font-small) !important;
        padding: 0 !important;
    }

    .location-item {
        padding: 5px 10px;
        margin: 3px;
        font-size: var(--font-small) !important;
        gap: 5px;
    }

    .HouseHunt-summary-row-left {
        width: 85%;
    }

    .HouseHunt-tab-sec .HouseHunt-top-tabContainer .nav-pills .nav-link {
        font-size: var(--font-small) !important;
    }

    .HouseHunt-tab-sec .nav-pills .nav-link.active {
        padding: 4px 10px;
    }

    .HouseHunt-tab-sec .dropdown-toggle {
        padding: 5px 30px 5px 14px;
    }

    .filter-badge {
        font-size: 0.7rem;
    }

    .HouseHunt-subscribe-sec-heading h5, .HouseHunt-summary-sec .HouseHunt-summary-container h5 {
        font-size: 1.5rem !important;
    }

    .sortbyContainer .btn {
        font-size: var(--font-small) !important;
        padding: 0px 30px 0px 15px !important;
    }

    .sort-arrow {
        width: 10px;
        height: 18px;
    }

    .sortbyContainer {
        border-radius: 24px;
        min-height: unset;
        min-width: unset;
        padding: 0px 3px;
    }

    #projecttoview #paginationContainer {
        flex-direction: column;
        gap: 5px !important;
    }

    .HouseHunt-summary-row-right button.view-chart-btn {
        color: var(--color-secondary) !important;
        border: 1px solid var(--color-secondary) !important;
    }

    .investable-scorebox .investable-tooltip-img {
        top: 120%;
        left: 0;
        min-width: 200px;
        transform: translateX(-29%);
        width: 80vw;
        max-width: 550px;
    }

    .HouseHunt-subscribe-box {
        margin-bottom: 10px;
    }

    .property-details-box {
        display: flex;
        flex-direction: column;
    }

        .property-details-box .property-img-box {
            width: 100%;
        }

    .property-details-box-body {
        width: 100%;
    }

    .propert-details-bottom-content-row {
        flex-direction: column;
    }

    .property-detailsmain {
        width: 100%;
    }

    .project-details-page .accordion-button {
        font-size: 1.5rem;
    }

    .House-Hunt-Floor-Plans-top-card p {
        font-size: var(--font-small) !important;
    }

    .House-Hunt-Floor-Plans-sec .floor-plan-item {
        flex-direction: column;
    }

    .House-Hunt-Floor-Plans-sec .floor-plan-details {
        padding: 10px;
        width: 100%;
    }

    .compareInfo-ModalOne-wraper {
        position: fixed;
        bottom: 0;
        z-index: 22;
        left: 0;
        width: auto;
        height: unset;
    }

    .Compare-project-card {
        width: auto !important;
        min-width: 200px;
    }

    .usemobcard {
        justify-content: unset !important;
        align-items: center !important;
        gap: 0.4rem !important;
        overflow-x: scroll;
        margin: 0;
        padding-top: 1rem;
    }

    .containerrow .comparerow {
        min-width: auto;
        padding: 1rem;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .vs-icon {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        color: #fff;
        padding: 0.8rem;
        font-size: 0.8rem;
        margin: 0 !important;
    }

    .containerrow {
        gap: 0 !important;
    }
    /* ==========house hunt ====*/
    /* ==========desktop valuation ====*/
    .Property-search-container {
        width: 95%;
    }

    .DesktopValuation .form-group {
        width: 100%;
    }

    .Property-search-container .search-field1 {
        border-left: 0;
    }

    .Desktop-banner-right {
        width: 100%;
        height: 42%;
    }

    .tab-pane-right-img {
        position: static;
        height: auto;
        width: 100%;
        margin-top: 1rem;
    }

    .static-report-display-tab {
        padding: 3.4375rem 1.875rem 1.875rem 1.875rem; /* 55px 30px 30px 30px */
        min-height: unset;
    }

    .static-report-tab {
        min-height: auto;
        align-items: center;
    }

    .DesktopValuation .landingPage2-Works-Stack {
        margin-top: 0px;
    }

    .Desktop-pricing-outof-container h6 {
        width: 95%;
    }

    .Desktop-pricing-outof-row {
        gap: 1rem;
        width: 95%;
    }

    .DesktopValuation .Home-Use-Case-Sec-main-tit {
        margin-bottom: 2.4rem;
    }

    .Property-search-container .form-group {
        width: 100%;
    }

    #googleMap {
        min-height: 300px;
    }

    #dvMapFormRoot {
        padding: 0 !important;
    }

    .paginationContainer.sticky-top {
        top: 7rem !important;
        width: 70%;
    }

    .provider-unit-details-box {
        display: flex;
        flex-direction: column;
        gap: 20px;
        min-width: 30%;
        max-width: unset;
        padding: 15px;
    }

    .provider-unit-details-row {
        overflow-x: scroll;
        gap: 5px;
    }

    .formtopbox {
        margin-top: 20px;
        padding: 29px 20px;
    }

    .page1tab h5 {
        font-size: var(--font-small);
    }

    #prevPage {
        left: 0px;
    }

    #nextPage {
        right: 0px;
    }

    #prevPage::after {
        font-size: 35px;
    }

    #nextPage::after {
        font-size: 35px;
    }

    .Builders-form, .Villa-form, .Land-form {
        padding: 24px;
        margin-top: 15px;
        width: 100%;
    }

    .builders-form-row {
        flex-direction: column;
    }

        .builders-form-row .dropdown {
            width: 100%;
            /*            margin-top:1rem;*/
        }

    .form-input-container {
        width: 100%;
    }

    .form-input {
        height: 35px;
    }

    .Builders-form .dropdown-toggle, .Villa-form .dropdown-toggle, .Land-form .dropdown-toggle {
        font-size: var(--font-small);
        height: 35px;
    }

    .builder-form-dropdown-row {
        margin-top: 15px;
        padding: 0 !important;
        width: 100%;
    }

    #top3PriceInput, #clusterdropdown, #singlePriceInput {
        min-height: 35px;
        width: 100%;
        font-size: var(--font-small);
    }

    .builder-form-dropdown-row .w-50 {
        width: 100% !important;
    }

    .DV-pagination-page1 .form-input-container {
        width: 100% !important;
    }

    .page-content .modal-row2 .nav-pills .nav-link {
        min-width: 60px;
        height: auto;
    }

    .DV-Pagination-Page2 .provider-unit-details-box {
        min-width: 50%;
    }

    .propertyTable td {
        font-size: var(--font-small);
    }

    .dataTables_info {
        font-size: var(--font-small);
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        font-size: var(--font-Msmall);
    }

    .dataTables_wrapper label {
        font-size: var(--font-small);
    }

    .property-details-scroll-container {
        flex-direction: column-reverse;
    }

    .unitDetails-static-card {
        max-height: unset;
        min-height: unset;
        padding: 20px;
        width: 85%;
        top: 25%;
        margin: 0 auto 20px;
        gap: 30px;
        z-index: 40;
    }

    .property-details-scroll-container #main {
        max-width: 100%;
    }

    .dropdown-container-row2 {
        flex-direction: column;
    }

    .dv-page2-input-container {
        width: 100%;
    }

    #propertyAttributePage .accordion-header .accordion-button {
        font-size: var(--font-tbig);
        line-height: unset;
    }

    .input-wrap-dv select {
        font-size: var(--font-small);
    }

    .dv-page2-input-container .input-wrap-dv {
        min-height: unset;
    }

    .scroll-main-heading {
        margin: 15px 10px 10px;
    }

    .unitDetails-static-card .primary-btn {
        font-size: var(--font-tbig);
    }

    #simpleMap {
        min-height: 400px;
        margin: 20px 0;
    }

    .primary-btn {
        font-size: var(--font-tbig);
    }

    .leftsidepage4 .unitDetails-static-card {
        width: 100% !important;
        margin: 20px 0 !important;
    }

    .leftsidepage4 .rentalComparablesTableContainer td {
        font-size: var(--font-small);
    }
    /* ==========desktop valuation ====*/
    /* ==========InvestibleScorePage  ====*/
    .InvestibleScorePage .about-box-inner {
        width: 95%;
    }

    #InvestibleScorePage .investable-Works-row-tab {
        min-height: 180px;
    }

    .HomeGet-Touch-with-Us-MainContainer {
        display: flex;
        flex-direction: column;
    }

        .HomeGet-Touch-with-Us-MainContainer h5 {
            text-align: center;
        }

    .HomeGet-Touch-with-Us-cont-wrap {
        margin: 1.25rem auto 0;
    }

        .HomeGet-Touch-with-Us-cont-wrap h5 {
            text-align: start;
        }

    .searcgfilter .gridrow {
        grid-template-columns: 1fr;
    }

    .searcgfilter .projectshowcard {
        margin-right: 0;
    }

    .searcgfilter .searchFilterResultContainer {
        grid-template-columns: 1fr;
    }

    #pricingPlanModal .modal-dialog {
        max-width: 100%;
    }

    #page4 p {
        font-size: var(--font-tbig);
    }

    .DVCatchmentPriceDistribution-Component-sec .nav-link, .DVCatchment-Quarterly-Trend-Chart-Component-sec .nav-link {
        font-size: var(--font-small);
    }

    .leftsidepage4 .catchmentYearlyTrendContainer td {
        font-size: var(--font-small);
    }

    .Desktop-pagination-page3-inner-buttonContainer {
        width: 100%;
    }
    /* ==========InvestibleScorePage  ====*/
    .footer-sec {
        padding: 1.875rem 0.625rem;
        background-color: #1C2533;
        color: #fff;
    }

    .privacy-policy-wrap {
        gap: 1.875rem;
        flex-direction: column-reverse;
    }

        .privacy-policy-wrap span {
            justify-content: center;
        }

    .footer-sec .Contact-Us-links-tit,
    .footer-sec .footer-Quick-Links-tit {
        margin: 1rem 0;
        color: white;
    }

    .Follow-Us-links-wrap {
        margin: 1rem 0;
    }
}

@media (min-width: 600px) and (max-width:991px) { /* 600px–991px */

    h1 {
        font-weight: 700;
        font-size: 2.8125rem; /* 45px */
        color: var(--color-text);
    }

    .myarchieve-card-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .House-Hunt-card-wrap {
        flex-direction: row;
    }
}

/* Responsive Table (Mobile Only) */
@media (max-width: 768px) {
    table.dataTable td {
        white-space: nowrap;
    }

    .responsive-table thead {
        display: none;
    }

    .responsive-table,
    .responsive-table tbody,
    .responsive-table tr,
    .responsive-table td {
        display: block;
        width: 100%;
    }

        .responsive-table tr {
            margin-bottom: 1rem;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 8px;
            background: #fff;
        }

        .responsive-table td {
            text-align: right;
            padding: 8px 10px;
            position: relative;
            border: none;
            border-bottom: 1px solid #f0f0f0;
        }

            .responsive-table td:last-child {
                border-bottom: none;
            }

            .responsive-table td::before {
                content: attr(data-label);
                position: absolute;
                left: 10px;
                font-weight: 600;
                text-align: left;
                color: #333;
            }
}
