@media only screen and (max-width: 1600px) {
    .showroomVisitForm h2 {
        font-size: 24px;
    }
    .showroomVisitForm h3 {
        font-size: 18px;
    }
    .showroomVisitForm .form-control {
        font-size: 16px;
        padding: 6px 15px;
    }
    .floatingFormDiv .customButton {
        font-size: 16px;
        padding: 8px 15px;
    }
    .propertyTagsDiv {
        grid-template-columns: 360px 1fr;
        gap: 10px;
    }
    .propertyTagsDiv ul {
        gap: 6px;
    }
    .propertyTagsDiv ul li {
        grid-template-columns: 42px 1fr;
        font-size: 17px;
    }
    .propertyTagsDiv ul li img {
        width: 34px;
        height: 26px;
        margin-right: 10px;
    }
    .filterInnerDIv.mapPageShort {
        right: 17%;
    }
}
@media only screen and (max-width: 1300px) {
    .bannerBtn,
    .customBannerSearch input,
    .customBtnGrn,
    .customHeader .nav-item .dropdown-menu a,
    .customHeader .nav-item a,
    .customInfoDiv p,
    .customRadioBtn,
    .filter-menu a,
    .layoutPlanTabs .plan-header,
    .leftInfoDiv p,
    .leftSideDiv p,
    .nearbyRailList li h4,
    .popupInnerContent p,
    .projectContentDiv h3,
    .propertyDetialsDiv h4,
    .propertyDetialsDiv p,
    .propertyInfoDiv h4,
    .propertyInfoDiv p,
    .propertyPriceDiv .fromLocation,
    .ratingDiv span,
    .ratingDiv strong,
    .recentArticalsDiv ul li a,
    .signInBtn,
    .singleJournyDiv p,
    p {
        font-size: 16px;
    }
    .customSidebar a img,
    .infoBtn {
        width: 45px;
    }
    .customHeader .navbar-brand {
        width: 160px;
    }
    .customHeader .nav-item a img {
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }
    .signInBtn {
        margin-left: 10px;
    }
    .customMapBtn {
        font-size: 17px;
    }
    .customBannerSec {
        padding: 150px 0 360px;
    }
    h1,
    h2 {
        font-size: 34px;
    }
    .customBannerSearch {
        max-width: 550px;
    }
    .customBannerSearch .searchBtn {
        width: 60px;
    }
    .customBannerSearch .searchBtn img {
        width: 18px;
        margin-top: 2px;
    }
    .project-slider img {
        aspect-ratio: 1;
        object-fit: cover;
    }
    .collectionInnerDiv {
        grid-template-columns: 25% 75%;
    }
    .aboutNegoInnerDiv h3,
    .collectionContentDiv h3,
    .contactDiv a,
    .customInfoDiv h5,
    .singleStep h3 {
        font-size: 22px;
    }
    .customButton {
        padding: 5px 80px;
    }
    .customStepsDiv {
        padding: 15px 25px;
    }
    .whereToStart h2 {
        margin-bottom: 5px;
    }
    .customRadioOptionBox {
        margin: 16px 0;
    }
    .backBtn,
    .nextBtn,
    .submitStepsBtn {
        font-size: 16px;
        padding: 8px 35px;
    }
    .trustedProjectInfo h3 {
        font-size: 60px;
    }
    .trustedProjectInfo h3 span {
        font-size: 16px;
        margin-top: 5px;
    }
    .aboutNegoInnerDiv {
        padding: 15px 50px 15px 15px;
    }
    .infoBtn {
        height: 45px;
    }
    .infoBtn img {
        width: 20px;
    }
    .propertyPriceDiv .fromHeading span,
    .showroomVisitForm h3,
    .singleJournyDiv h3 {
        font-size: 18px;
    }
    .matchInnerDiv {
        grid-template-columns: 22% 51% 25%;
    }
    .matchInnerDiv .customBtnGrn img {
        width: 22px;
    }
    .footerLogo {
        width: 170px;
    }
    .customFooter h3,
    .singleProjectDiv h4 {
        font-size: 20px;
    }
    .bottomFooter p,
    .bottomFooter p a,
    .nearbyRailList li h5 {
        font-size: 15px;
    }
    .journyMainDiv::after {
        height: 270px;
    }
    .singleJournyDiv {
        padding: 0 16px;
    }
    .journyMainDiv {
        gap: 30px 40px;
    }
    .customSidebar a {
        font-size: 11px;
    }
    .customSidebar {
        width: 75px;
    }
    .negoRating h5 {
        font-size: 22px;
        margin-bottom: 22px;
    }
    .ratingDiv {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .progressBarInfoDiv {
        margin-bottom: 15px;
    }
    .proLogoSpan {
        width: 70px;
        height: 70px;
        padding: 6px;
    }
    .projectContentDiv {
        padding: 12px 74px 10px 10px;
        min-height: 120px;
    }
    .projectContentDiv p,
    .singleProjectDiv h4 span {
        font-size: 14px;
    }
    .propertyPriceDiv .fromHeading {
        font-size: 30px;
    }
    .propertyPriceDiv .fromSubHeading,
    .showroomVisitForm h2 {
        font-size: 19px;
    }
    .propertyDetialsDiv ul {
        gap: 30px 20px;
    }
    .propertyDetialsDiv li {
        padding-left: 55px;
    }
    .nearbyRailList li img {
        width: 50px;
    }
    .propertyTagsDiv ul li {
        grid-template-columns: 35px 1fr;
        font-size: 15px;
    }
    .propertyTagsDiv ul li img {
        width: 32px;
        height: 24px;
        margin-right: 8px;
    }
    .layoutPlanTabs .plan-header div {
        min-width: unset;
    }
    .popupInnerContent p img {
        width: 18px;
    }
    .popupInnerContent h3 {
        font-size: 28px;
    }
    .popupInnerContent h2 {
        font-size: 34px;
        line-height: 34px;
    }
    .photoSlider .owl-nav button {
        filter: unset;
    }
    .photoSlider .owl-nav .owl-prev {
        margin-left: 0;
    }
    .photoSlider .owl-nav .owl-next {
        margin-right: 0;
    }
    .filterInnerDIv.mapPageShort {
        right: 18.5%;
    }
    .slideDiv {
        margin: 5px 0 15px;
    }
    .singleStep {
        max-width: 440px;
        padding-right: 0;
    }
    .selectedItemsDiv {
        margin: 0 0 20px;
        min-height: 104px;
    }
    .matchInnerDiv .addImage img {
        max-width: 380px;
        position: relative;
        right: 50px;
    }
    .completedBtn span {
        font-size: 11px;
        line-height: 15px;
    }
    .prevPageBtn {
        width: 30px;
        padding: 6px 15px 6px 0;
    }
    .prevPageBtn::after {
        height: 33px;
    }
    .propertyInfoDiv ul {
        gap: 12px;
    }
    .heighLightList li {
        font-size: 16px;
        padding-left: 29px;
        background-size: 20px;
    }
    #developerTrackRecord p,
    #developerTrackRecord p span {
        font-size: 16px !important;
    }
    .propertyTagsDiv {
        grid-template-columns: 340px 1fr;
        gap: 5px;
    }
    .propertyTagsDiv ul {
        gap: 4px;
    }
}
@media only screen and (max-width: 1199px) {
    .customInfoDiv h5,
    .singleStep h3 {
        font-size: 18px;
    }
    .aboutNegoInnerDiv h3,
    .negoRating h5 {
        font-size: 20px;
    }
    .slideDiv {
        margin: 10px 0 20px;
    }
    h1,
    h2 {
        font-size: 30px;
    }
    .journyMainDiv {
        gap: 5px 40px;
    }
    .matchInnerDiv .customBtnGrn {
        padding: 5px 10px;
    }
    .customHeader .navbar-brand {
        width: 145px;
    }
    .customHeader .nav-item {
        margin: 0 4px;
    }
    .negoRating {
        padding: 20px 30px 0;
    }
    .negoRating h5 {
        margin-bottom: 15px;
    }
    .ratingDiv {
        padding: 6px 15px;
    }
    .progressBarInfoDiv {
        margin-bottom: 12px;
    }
    .realEstateNegotiator {
        padding: 20px 0 0;
    }
    .customInfoDiv h3 span {
        max-width: 60px;
        height: 60px;
        width: 100%;
    }
    .customInfoDiv h3 span img {
        width: 35px;
        height: 35px;
    }
    .customInfoDiv h3 {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .customInfoDiv p {
        font-size: 14px;
    }
    .homeInnerDiv .customBtnGrn {
        margin-top: 10px;
    }
    .bannerBtn {
        min-width: 130px;
    }
    .propertyTagsDiv {
        grid-template-columns: 1fr;
    }
    .layoutPlanTabs .plan-header div {
        min-width: 90px;
    }
    .layoutPlanTabs .plan-header div strong {
        display: inline-block;
        width: 100%;
    }
    .layoutPlanTabs {
        grid-template-columns: 100px 1fr;
    }
    .singleStep {
        max-width: 360px;
    }
    .whereToStart {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 991px) {
    .filter-menu a {
        font-size: 13.5px;
    }
    .layoutPlanTabs .plan-header div {
        min-width: 60px;
    }
    .customBannerSearch {
        max-width: 370px;
    }
    .headerWithSearchBar .customBannerSearch {
        max-width: 270px;
    }
    .propertyHeader {
        grid-template-columns: 1fr 1.5fr;
    }
    .buyersTrustInnerDiv,
    .letestPropInnerDiv,
    .nearbyRailList {
        grid-template-columns: 1fr 1fr;
    }
    .contactDiv a {
        font-size: 20px;
    }
    .bannerBtn {
        min-width: 105px;
    }
    .trustedProjectInfo h3 {
        font-size: 60px;
    }
    .projectInfoDiv {
        align-items: unset;
    }
    .singleNegotiatorDiv {
        margin: 0 0 20px;
    }
    .singleJournyDiv p {
        font-size: 14px;
    }
    .noDiv span {
        font-size: 30px;
        line-height: 38px;
    }
    .noDiv img {
        width: 50px;
    }
    .noDiv {
        margin-bottom: 10px;
    }
    .journyMainDiv::after {
        height: 230px;
    }
    .matchInnerDiv .addImage {
        display: none;
    }
    .matchInnerDiv {
        grid-template-columns: 1fr 230px;
    }
    .customGalleryModal .nav-tabs {
        margin-bottom: 15px;
    }
    .customGalleryModal .nav-tabs button {
        margin: 0 10px;
        padding: 5px 0;
    }
    .customGalleryModal .nav-tabs button img {
        width: 20px;
        height: 20px;
        max-width: unset;
    }
    .compareBarInnerDiv {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        width: auto;
        overflow-x: auto;
    }
    .compareButtonDiv,
    .compareField {
        width: 100%;
        min-width: 220px;
    }
    #compareModal {
        overflow-x: auto !important;
    }
}
@media only screen and (max-width: 767px) {
    .buyersTrustInnerDiv,
    .contactUsInnerDiv,
    .footerInnerDiv,
    .homeInnerDiv,
    .layoutPlanTabs,
    .matchInnerDiv,
    .projectPopupContent,
    .propertyHeader,
    .pros-cons-box {
        grid-template-columns: 1fr;
    }
    .bottomFooter,
    .floatingFormDiv {
        margin-top: 20px;
    }
    .customBannerSearch {
        max-width: 400px;
    }
    .customSidebar {
        width: 100%;
        top: unset;
        bottom: 0;
        right: 0 !important;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
        display: flex;
        gap: 5px;
        padding: 5px;
        border-radius: 10px 10px 0 0;
        transform: none;
    }
    #projectList .mapMenuDiv,
    .displayForDesktop,
    .journyMainDiv::after,
    .menuArrowBtn,
    .mobileRightSideBtn,
    .prevPageBtn::after,
    .sideBarFilter .moreFilterBtn,
    .similerPropertiesSlider .owl-nav,
    .trackRecordSlider .owl-nav {
        display: none !important;
    }
    .propertyOption ul {
        justify-content: center;
        gap: 15px;
    }
    .propertyPriceDiv {
        margin-bottom: 0;
    }
    .layoutPlanTabs .nav {
        flex-direction: row !important;
        flex-wrap: nowrap;
        gap: 10px;
        padding-bottom: 0;
    }
    .layoutPlanTabs .plan-header div {
        min-width: 80px;
    }
    .footerInnerDiv {
        gap: 30px 20px;
        flex-direction: column-reverse;
        display: flex;
        flex-wrap: wrap;
    }
    .journyMainDiv,
    .projectInfoDiv {
        grid-template-columns: 1fr 1fr;
    }
    .customFooter h3 {
        font-size: 20px;
        display: grid;
        justify-content: center;
    }
    .rightBottomIcons {
        right: 10px;
        bottom: 80px;
    }
    .bottomFooter p,
    .bottomFooter p a,
    .singleProjectDiv h4 span,
    .withResetBtn {
        font-size: 12px;
    }
    .bottomFooter {
        padding: 15px 0;
    }
    .exclusiveBenifitsDiv ul li h4,
    .heighLightList li,
    .leftInfoDiv p,
    .projectContentDiv h3 {
        font-size: 16px;
    }
    .heighLightList li {
        font-size: 16px;
        padding-left: 30px;
        margin: 0 10px 10px 0;
    }
    .customInfoDiv h3,
    .propertyContentDetail,
    .trustedProjectInfo h2 {
        margin-bottom: 20px;
    }
    .filter-menu {
        flex-wrap: wrap;
    }
    .popupInnerContent h3,
    h1,
    h2 {
        font-size: 24px;
    }
    .customBannerSec h2 {
        font-size: 26px;
    }
    .trustedProjectInfo h3 {
        font-size: 40px;
    }
    .trustedProjectInfo h3 strong {
        font-weight: 700;
    }
    .customInfoDiv h3 {
        font-size: 25px;
    }
    .journyMainDiv {
        gap: 25px 20px;
    }
    .projectPopupImage img {
        max-height: 300px;
        object-fit: cover;
    }
    .popupInnerContent h2 {
        font-size: 30px;
        line-height: 30px;
    }
    .collectionImgDiv img {
        margin-left: 0;
    }
    .collectionInnerDiv {
        grid-template-columns: 20% 80%;
        padding: 20px;
    }
    .customStepsDiv {
        padding-top: 250px !important;
        background-size: auto 220px;
        background-position: top left;
    }
    .singleStep {
        max-width: 100%;
    }
    .matchInnerDiv .addImage {
        display: inline-block;
        text-align: center;
    }
    .findMatchDiv::after {
        height: 216px;
        text-align: center;
        align-items: center;
    }
    .matchInnerDiv .addImage img {
        max-width: 320px;
        position: relative;
        right: 0;
        margin-bottom: 12px;
    }
    .addContent p {
        margin-bottom: 10px;
    }
    .closeBtn {
        right: -16px;
        bottom: auto;
        top: 115px;
    }
    .popup-active {
        padding-bottom: 285px;
    }
    .customSelect .dropdown {
        left: 0;
        right: 0;
        max-width: 100%;
        width: 100%;
    }
    .reviewPopupPopupContent h2,
    .singleReviewDiv h3 {
        flex-wrap: wrap;
        gap: 5px;
    }
    .singleJournyDiv:nth-child(5) {
        order: 4;
    }
    .singleJournyDiv:nth-child(4) {
        order: 5;
    }
    .bottomFooterBtn a img,
    .customAccordianNP .card,
    .customFooter h3 a img,
    .customTabDesign,
    .map-sidebar-top {
        width: 100%;
    }
    .customAccordianNP .customButtonDivNP {
        width: calc(100% + 12px);
        margin-left: -3px;
    }
    #sortByDetailPopup .modal-content {
        border-radius: 10px;
    }
    .customPopupModlNP .modal-header.customModalHeaderNewFilter {
        border-radius: 15px 15px 0 0;
        position: relative;
    }
    .displayForMobile,
    .sideBarFilter .customAccordianNP .card.w-100 {
        display: inline-block !important;
    }
    .contactUsDiv,
    .leftSideDiv {
        text-align: center;
    }
    .collectionContentDiv h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 25px;
    }
    .customFooter h3 {
        display: grid;
        justify-content: center;
        text-align: center;
    }
    .customFooter h3 a {
        width: 280px;
        display: block;
        margin-top: 10px;
    }
    .contactDiv {
        display: inline-flex;
        margin-top: 10px;
        align-items: center;
        justify-content: center;
    }
    .contactDiv h6 {
        margin-right: 6px;
    }
    .reviewPopupPopupContent {
        padding: 20px !important;
    }
    .reviewPopupPopupContent h2,
    .singleProjectDiv h4 {
        font-size: 18px;
    }
    .customGalleryModal .nav-tabs button,
    .propertyPriceDiv .fromLocation,
    .reviewPopupPopupContent h2 span,
    .rightFilterDiv .dropdown-item {
        font-size: 14px;
    }
    .reviewPopupPopupContent h2 span img {
        width: 20px;
    }
    .reviewPopupPopupContent h2 strong {
        font-size: 20px;
    }
    .singleReviewDiv h3 strong {
        font-size: 22px;
        width: 43px;
        height: 43px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .singleReviewDiv h3 > span {
        font-size: 14px;
        width: 100%;
    }
    .singleReviewDiv h3 {
        padding-left: 50px;
        position: relative;
    }
    .singleReviewDiv h3 ul {
        float: left;
    }
    .singleReviewDiv p {
        margin-top: 5px;
        font-size: 14px;
        line-height: 18px;
    }
    .rightFilterDiv {
        width: 100%;
        justify-content: space-between;
    }
    .mobRightFilterDiv.rightFilterDiv {
        justify-content: space-between;
        flex-direction: row-reverse;
        align-items: center;
        text-align: left;
    }
    .propertyPriceDiv .fromSubHeading {
        margin-bottom: 5px;
    }
    .propertyPriceDiv {
        text-align: left;
    }
    .propertyPriceDiv .fromHeading span {
        font-size: 14px;
        display: none;
    }
    .propertyPriceDiv .fromHeading {
        font-size: 24px;
        margin-bottom: 2px;
    }
    .propertyPriceDiv .fromSubHeading {
        font-size: 17px;
    }
    .headerWithSearchBar .customBannerSearch {
        max-width: calc(100% - 40px);
        margin-left: 40px;
    }
    .propertyOption ul li span {
        margin: 0 auto;
    }
    .leftInfoDiv {
        position: absolute;
        top: -18px;
        left: 0;
        z-index: 9;
    }
    .comparePorjHeading h3,
    .customHeader.headerWithSearchBar.map-layout .customBannerSearch,
    .leftInfoDiv p,
    .letestPropInnerDiv .owl-nav,
    .mapMainDiv .customMapBtn,
    .mapMainDiv .profileBtnMainDiv,
    .sideBarFilter .filterMapDiv,
    div#placesList {
        display: none;
    }
    .filterInnerDIv {
        padding-bottom: 10px;
        position: relative;
        padding-top: 40px;
    }
    .prevPageBtn {
        margin-right: 0;
    }
    .headerWithSearchBar button.navbar-toggler {
        padding: 6px 0;
        margin: 6px 0 5px;
    }
    .customHeader .navbar,
    .customHeader.headerWithSearchBar .navbar {
        flex-direction: row-reverse;
    }
    .projectContentDiv {
        right: 0;
        min-height: 90px;
    }
    .rightFilterDiv .dropdown-menu {
        left: auto !important;
        right: -10px !important;
        transform: unset !important;
        top: 33px !important;
    }
    .projectContentDiv p {
        font-size: 12px;
        line-height: 18px;
        float: left;
    }
    .rightFilterDiv .dropdown-toggle,
    label.customCheckBox {
        line-height: 18px !important;
        font-size: 14px;
    }
    label.customCheckBox {
        padding-left: 25px;
    }
    .rightFilterDiv .customCheckBox span {
        width: 19px;
        height: 19px;
        top: -2px;
    }
    .rightFilterDiv input[type="checkbox"]:checked ~ span::after {
        left: 3px;
        top: 0;
    }
    .rightFilterDiv .dropdown-toggle img {
        width: 12px;
        top: 0;
    }
    .bottomFooter p {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 5px;
        margin: 0 0 2px;
    }
    .propertyTagsDiv {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        border-bottom: none !important;
    }
    .propertyTagsDiv ul {
        gap: 6px;
        flex-wrap: unset !important;
        text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 10px;
    }
    .propertyTagsDiv ul li {
        display: inline-block;
        font-size: 13px;
    }
    .propertyTagsDiv ul li strong {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }
    .projectFilterDiv {
        margin-bottom: 0 !important;
        border: none !important;
    }
    .propertyInfoDiv {
        margin-top: 0;
    }
    .propertyInfoDiv ul {
        gap: 10px;
    }
    .propertyInfoDiv h4,
    .propertyInfoDiv p {
        font-size: 14.5px;
    }
    .photoSlider {
        max-width: 100%;
        margin: 25px auto 0;
    }
    .photoSlider .item img {
        max-height: calc(100vh - 105px);
    }
    .customGalleryModal .nav-tabs {
        margin-bottom: 0;
        padding-bottom: 6px;
        padding-top: 20px;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: unset;
    }
    .customGalleryModal button.close {
        top: 4px;
        font-size: 34px;
    }
    .customTabDesign .nav-tabs {
        margin-top: 20px;
        border: none !important;
        border-bottom: 1px solid #ccc !important;
        flex-wrap: unset;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .customTabDesign .nav-tabs li {
        border: none !important;
        padding: 0 7px;
    }
    .customTabDesign .nav-tabs li a {
        border: none !important;
        background: 0 0 !important;
        border-bottom: 5px solid transparent !important;
        padding: 10px 5px;
        color: #aaa;
        font-size: 16px;
        font-weight: 700;
        white-space: nowrap;
    }
    .customTabDesign .nav-tabs li a.active {
        border-bottom: 5px solid #f9bb1a !important;
    }
    .homeFormBtn {
        display: inline-block;
        position: fixed;
        bottom: 155px;
        right: 5px;
        width: 64px;
        box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.2) !important;
        border-radius: 60px;
        z-index: 1;
    }
    .homeFormBtn img {
        display: inline-block;
        width: 100%;
    }
    .bottomFooterBtn {
        display: inline-flex;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1;
        padding: 10px;
        background: #fff;
        border-radius: 15px 15px 0 0;
        justify-content: center;
        gap: 20px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    }
    .bottomFooterBtn a {
        width: 100%;
        padding: 10px 0;
        max-width: 200px;
    }
    .journyArrowDiv {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 25px;
    }
    .journyArrowDiv a {
        display: inline-block;
        width: 8px;
        margin: 0 8px;
    }
    .completedBtn span {
        font-size: 10px;
    }
    .rightButtonGroup a,
    .similerPropertiesSlider,
    .trackRecordSlider {
        padding: 0;
    }
    .similerProductsSec .projectContentDiv h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .galleryImagePop {
        width: 100%;
        margin-top: 15px;
    }
    .galleryImagePop .item,
    .galleryImagePop .item img {
        width: 100%;
        display: inline-block;
    }
    .projectDetailPage.latestPropertyDetailDiv {
        padding-bottom: 30px;
    }
    .latestPropertyDetailDiv .projectFilterDiv {
        padding-top: 0;
        margin-bottom: 0;
    }
    .latestPropertyDetailDiv .leftInfoDiv,
    .mapProjectList .singleProjectDiv .proLogoSpan {
        position: unset;
    }
    .customHeader.headerWithSearchBar.map-layout,
    .latestPropertyDetailDiv .leftInfoDiv p,
    .sideBarFilter.open {
        display: inline-block;
    }
    .latestPropertyDetailDiv .filterInnerDIv {
        justify-content: unset !important;
        padding-top: 0;
    }
    .wheelSpinSec {
        flex-wrap: wrap;
        overflow: hidden;
        justify-content: center;
        margin-top: 68px;
    }
    .whellContentDiv {
        width: 100%;
        padding: 0 20px;
        grid-template-columns: 1fr;
    }
    .wheelOuterMainDiv {
        width: 330px;
        padding-bottom: 50px;
    }
    .wheelDiv {
        margin-left: 0;
        width: 100% !important;
        margin-top: -266px;
    }
    .wheelDiv::before {
        left: -10px;
    }
    .wheelOption::before {
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }
    .wheelOption::after {
        left: 50%;
        transform: translateX(-50%);
        top: 3px;
    }
    .wheelOption {
        margin-left: -49px;
        margin-top: 6px;
        width: 100px;
        justify-content: center;
    }
    .ImageTag {
        left: 50%;
        width: 100px;
        transform: translate(-50%, -50%);
    }
    .nameTag {
        padding-left: 0;
        padding-top: 40px;
    }
    .areaArrowDiv {
        top: 240px;
        transform: translateX(-50%);
        margin-left: 0;
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .areaArrowDiv button {
        margin: 8px 10px;
        rotate: -90deg;
    }
    .customMapPageFilter {
        width: 315px;
        right: auto;
        left: 0;
    }
    .customHeader.headerWithSearchBar.map-layout {
        background: #fff;
        padding: 4px 0;
    }
    .mapMainDiv .rightSideBtn {
        top: 70px;
        right: auto;
        left: 15px;
    }
    .mapMainDiv .customMapBtn.mapFilterBtn {
        display: inline-flex;
    }
    a.customMapBtn.onlyForMobile {
        display: inline-flex !important;
        align-items: center;
        position: absolute;
        top: 10px;
        right: 44px;
    }
    a.customMapBtn.onlyForMobile.topPlacement3 {
        top: 3px;
    }
    .layoutPlanTabs .nav.flexRowDiv {
        flex-direction: row !important;
    }
    .productsBankLsit li {
        grid-template-columns: 30px 1.5fr 178px;
    }
    .productsBankLsit dt {
        white-space: normal;
        line-height: 16px;
    }
    #scheduleVisitModal .floatingFormDiv {
        background: #fff;
        border-radius: 15px;
    }
    #scheduleVisitModal .exclusiveBenifitsDiv {
        box-shadow: none !important;
    }
    .exclusiveBenifitsDiv ul li {
        grid-template-columns: 75px 1fr;
        gap: 10px;
    }
    .exclusiveBenifitsDiv ul li p {
        font-size: 15px;
        line-height: 20px;
    }
    .noticeText {
        font-size: 15px;
        line-height: 18px;
    }
    .pros-cons-section {
        margin-top: 10px;
    }
    .pros-cons-box::before {
        top: calc(50% - 2px);
        left: 0;
        width: 100%;
        height: 1px;
    }
    .pros-cons-box::after {
        top: calc(50% + 2px);
        left: 0;
        width: 100%;
        height: 1px;
    }
    .pros-cons-box .item {
        padding-left: 0;
        font-size: 15px;
        line-height: 20px;
    }
    .letestPropInnerDiv {
        display: block !important;
    }
    .letestPropInnerDiv .owl-dots {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .letestPropInnerDiv .owl-dot {
        display: inline-block;
        width: 22px;
        margin: 0 5px;
        height: 5px;
        border-radius: 5px;
        background-color: #dadada !important;
    }
    .letestPropInnerDiv .owl-dot.active {
        background-color: #fbbc17 !important;
    }
    .mapMainDiv {
        grid-template-columns: 1fr !important;
        display: inline-block !important;
    }
    .rightSideProject {
        left: 0 !important;
        position: absolute;
        bottom: -100% !important;
        width: 100%;
        z-index: 5;
        background: #fff;
        max-width: 100%;
        padding: 15px 15px 0;
    }
    .projectHideShowBtn {
        position: absolute;
        left: 50% !important;
        top: auto;
        display: inline-block;
        width: 20px;
        z-index: 1;
        bottom: -12px;
        transform: rotate(-90deg);
    }
    .open .projectHideShowBtn {
        bottom: 252px;
    }
    .open .rightSideProject {
        bottom: 0 !important;
    }
    .mapProjectList {
        display: inline-flex;
        gap: 15px;
    }
    .mapProjectList .singleProjectDiv > a.project-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: 100%;
    }
    .mapProjectList .singleProjectDiv .image-wrapper {
        position: relative;
        width: 100%;
        padding-top: 0;
        overflow: hidden;
        min-width: 160px;
        height: 100%;
    }
    .mapProjectList .projectContentDiv {
        padding: 12px 12px 40px;
        min-width: 160px;
    }
    .mapProjectList .singleProjectDiv h4.greenBg {
        position: absolute;
        right: 0;
        bottom: 0;
        max-width: 160px;
    }
    .modalDialogDiv label.customCheckBox {
        margin: 0 10px 0 0;
        font-size: 12px;
        padding-left: 20px;
    }
    .modalDialogDiv .customCheckBox span {
        width: 16px;
        height: 16px;
    }
    .modalDialogDiv .customCheckBox input[type="checkbox"]:checked ~ span::after {
        font-size: 11px;
        left: 0;
        top: -2px;
    }
    .newLaunchFilterBtn {
        display: inline-flex;
        font-size: 14px;
        color: #000 !important;
    }
    .newLaunchFilterBtn img {
        width: 15px;
        display: inline-block;
        margin-right: 5px;
    }
    .sideBarFilter {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        padding: 60px 15px 30px;
        z-index: 9;
        background: rgba(0, 0, 0, 0.6);
        height: 100%;
    }
    .sideBarFilter .customAccordianNP {
        background: #fff;
        position: relative;
    }
    .quickProjectDiv .compProjDetailDiv,
    .quickProjectDiv .comparePorjHeading,
    .quickProjectDiv .projectMainDiv {
        width: 760px;
    }
    .quickProjectDiv .blankSpaceDiv,
    .quickProjectDiv .compPorjInfoInner,
    .quickProjectDiv .detailContent,
    .quickProjectDiv .detailHeading {
        padding: 45px 20px 20px !important;
    }
    .projectMainDiv {
        grid-template-columns: 1px 1.5fr 1.5fr 1.5fr;
    }
    .comparePorjHeading {
        grid-template-columns: 1.5fr 1.5fr 1.5fr;
    }
    .detailHeading {
        position: relative;
    }
    .detailHeading span {
        position: absolute;
        top: 5px;
        white-space: nowrap;
        font-size: 15px;
        left: 7px;
    }
    .closeFilterLaunch {
        position: absolute;
        top: 7px;
        right: 14px;
        display: inline-block;
        color: #000;
        font-weight: 700;
    }
    .leftContentDiv h2 img {
        width: 22px;
    }
    .leftContentDiv h2 {
        font-size: 24px;
        justify-content: center;
    }
    .leftContentDiv p {
        font-size: 12px;
        padding-left: 0;
        text-align: center;
    }
    #projectsContainer-area .projectMainPage {
        padding: 30px 0 60px;
    }
    #projectsContainer-area .brochureDownloadDiv h1 {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 575px) {
    .subMenuInnerDiv li a::after {
        top: 12px;
    }
    .galleryRightDiv > span:nth-of-type(-n + 3) {
        display: none;
    }
    .buyersTrustInnerDiv,
    .letestPropInnerDiv,
    .nearbyRailList,
    .productGalleryDiv,
    .projectInfoDiv,
    .singleProgress {
        grid-template-columns: 1fr;
    }
    .headerWithSearchBar + section {
        padding-top: 90px;
    }
    .projectDetailPage {
        padding-bottom: 40px;
    }
    .customBannerSearch {
        max-width: 100%;
    }
    .projectFilterDiv {
        padding-top: 10px;
        margin-bottom: 25px;
    }
    .layoutPlanTabs .nav {
        flex-wrap: unset !important;
        overflow-x: auto;
    }
    .layoutPlanTabs .view-more {
        position: unset;
        width: 30%;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #f2f2f2 !important;
        border-radius: 10px;
        min-width: 100px;
    }
    .filterInnerDIv {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: end;
    }
    .layoutPlanTabs .nav {
        flex-wrap: wrap;
        gap: 8px;
    }
    .layoutPlanTabs .nav-link {
        width: 30%;
        margin: 0;
        min-width: 100px;
    }
    .layoutPlanTabs .plan-header {
        font-size: 14px;
        flex-wrap: unset;
        gap: 4px;
        padding: 12px 10px;
    }
    .sepratorDiv {
        width: 1px !important;
    }
    .layoutPlanTabs .plan-header div.sepratorDiv,
    .relEstateNegotiator .owl-nav {
        display: none !important;
    }
    .layoutPlanTabs .plan-body img {
        padding: 10px;
    }
    .layoutPlanTabs .plan-header div:first-child,
    .layoutPlanTabs .plan-header div:nth-child(3) {
        width: 44%;
    }
    .bannerBtn {
        margin: 3px 0;
        border-radius: 5px;
    }
    .collectionInnerDiv {
        grid-template-columns: 130px 1fr;
        position: relative;
        padding-bottom: 55px;
    }
    .collectionInnerDiv .customButton {
        position: absolute;
        left: 50%;
        bottom: 18px;
        transform: translateX(-50%);
        width: 100%;
        max-width: 280px;
    }
    .collectionImgDiv img {
        width: 100px;
        display: inline-block;
        margin-bottom: 15px;
    }
    .customButton {
        padding: 5px 30px;
    }
    .journyMainDiv {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        overflow-x: auto;
    }
    .singleJournyDiv {
        padding: 0 16px;
        min-width: 260px;
    }
    .journyMainDiv .singleJournyDiv::before {
        content: "";
        width: calc(100% + 18px);
        border-top: 1px dashed #fbbc17;
        position: absolute;
        top: 26px;
        left: 0;
        display: inline-block;
        height: 1px;
    }
    .matchInnerDiv {
        grid-template-columns: 1fr;
        padding-top: 30px;
    }
    .closeBtn {
        right: -5px;
        top: 120px;
    }
    .matchInnerDiv .addImage img {
        max-width: 280px;
    }
    .matchInnerDiv h2 {
        font-size: 20px;
    }
    .projectPopupImage img {
        max-height: 220px;
    }
    .mobileMenuLogo img {
        margin-left: 0;
        max-width: 140px;
    }
    .subMenuInnerDiv li a {
        font-size: 15px;
        padding-left: 30px;
    }
    .subMenuInnerDiv li a img {
        width: 18px;
    }
    .closeMenu span {
        font-size: 26px;
    }
    .mobileMenuLogo {
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .closeMenu {
        padding-top: 0;
        color: var(--gColor);
        position: relative;
        top: 3px;
    }
    .customBannerSec {
        padding: 80px 0 401px;
        background-position: -110px 0;
    }
    .whereToStart h2.text-center {
        max-width: 290px;
        display: block;
        margin: 0 auto 10px;
    }
    .aboutNego img {
        max-height: 380px;
        object-fit: contain;
    }
    .negoRating {
        padding: 40px 30px 0;
    }
    .subMenuInnerDiv {
        width: 100%;
        max-width: 100%;
        height: auto;
        left: 0;
        top: -110%;
    }
    .subMenuDiv {
        position: fixed;
        left: 0 !important;
        top: -110%;
    }
    .subMenuDiv.openmenu {
        width: 100vw;
        left: 0;
        top: 0;
    }
    .subMenuDiv.openmenu .subMenuInnerDiv {
        left: 0;
        top: 0;
    }
    .relEstateNegotiator {
        padding: 0;
    }
    .relEstateNegotiator .owl-dots {
        display: inline-block !important;
        width: 100%;
        text-align: center;
    }
    .relEstateNegotiator .owl-dots .owl-dot {
        display: inline-block;
        width: 35px;
        height: 5px;
        margin: 0 5px;
        background: #e6e6e6;
        border-radius: 15px;
    }
    .relEstateNegotiator .owl-dots .owl-dot.active {
        background: #fbbc17;
    }
    .singleNegotiatorDiv {
        margin: 0;
    }
    .location-map-container {
        overflow: hidden !important;
        width: 100% !important;
        height: 400px !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .map-sidebar {
        width: 100% !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 20px !important;
        height: 70px !important;
        position: relative !important;
        z-index: 1 !important;
        justify-content: space-around !important;
        padding: 20px 10px !important;
    }
    .map-canvas {
        flex: unset !important;
        min-height: 100% !important;
        width: 100% !important;
        display: inline-block !important;
    }
    .leftSideTimeline,
    .propertyDetialsDiv h4,
    .propertyDetialsDiv p,
    .recentArticalsDiv ul li a,
    p {
        font-size: 14px;
    }
    .rgihtSideTimeline span {
        padding: 6px 14px;
        border-radius: 5px;
        font-size: 14px;
    }
    .timeline ul#progressList {
        padding-left: 12px;
    }
    .timeline #progressList > li {
        padding-left: 18px;
    }
    .progressImage iframe,
    .progressImage img,
    .progressImage video {
        width: 120px;
        height: 120px;
        object-fit: cover;
    }
    .propertyDetialsDiv li img {
        width: 22px;
        height: 22px;
        top: 8px;
    }
    .propertyDetialsDiv li {
        padding-left: 30px;
    }
    .propertyDetialsDiv ul {
        gap: 10px;
    }
    .heighLightList li {
        font-size: 14px;
        padding-left: 20px;
        margin: 0 6px 6px 0;
        background-size: 17px;
        background-position: 0 1px;
    }
    .layoutPlanTabs .nav-link span,
    .layoutPlanTabs .nav-link strong {
        line-height: 15px;
        font-size: 14px;
    }
    .layoutPlanTabs .plan-header div {
        min-width: 45px !important;
        width: auto !important;
        font-size: 10px;
    }
    .layoutPlanTabs .plan-header div strong {
        font-size: 10px;
        line-height: 11px;
    }
    .heighlightDiv h2,
    .pros-cons-section h2,
    .recentArticalsDiv h3,
    .similerProductsSec h2 {
        font-size: 18px;
    }
}