.clear-text {
    cursor: pointer;
    color: #34b3e9;
    margin-left: 5px;
    display: none;
}
.search-container {
    position: relative;
    display: inline-block;
}
#searchKeyword {
    padding-right: 50px;
}
.clear-text {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .img-btn {
        width: 30px;
        height: 30px;
    }
    .projectImage {
        height: 200px;
        width: 100%;
    }
    .propertyImg {
        height: 300px !important;
        width: 100%;
    }

    /*RM*/
    .rm-filter-div {
        margin: 15px 0;
    }
    .rm-report-tab {
        padding: 10px 5px;
    }
    .rm-report-tab-li {
        flex: 1;
        margin: 0 5px;
        padding: 5px;
    }
    .mob-p-0 {
        padding: 0 !important;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    #overview-detail-box.col-md-12 {
        display: none;
    }
    .img-btn {
        width: 30px;
        height: 30px;
    }
    .projectImage {
        height: 200px;
        width: 100%;
    }
    .propertyImg {
        height: 300px !important;
        width: 100%;
    }
}
@media only screen and (max-width: 575px) {
    #overview-detail-box.col-md-12 {
        display: none;
    }
    .img-btn {
        width: 30px;
        height: 30px;
    }
    .projectImage {
        height: 200px;
        width: 100%;
    }
    .propertyImg {
        height: 300px !important;
        width: 100%;
    }
}
@media only screen and (max-width: 360px) {
    .cameraIcon {
        height: 15.5px;
    }
    .rera-common-img {
        height: 13px !important;
    }
    .rera-common-text {
        font-size: 11.5px;
    }
}
@media only screen and (max-width: 767.98px) {
    #fix-form-div,
    .builder-names,
    .desktop-only,
    .disclaimer,
    .new-launch-txt,
    .possession i,
    .rera-callback,
    .sec-filter,
    .sec-reset,
    .sort-options,
    .user-btn li a p,
    .user-btn li span,
    .video-area.v1 {
        display: none;
    }
    .list-details-tab li.nav-item,
    .result-heading h2,
    .total-project-count {
        display: inline-block;
    }
    .result-heading h2 {
        font-size: 16px;
    }
    .total-project-count {
        font-size: 14px;
    }
    .mob-filter-div {
        display: block;
    }
    .mobile-bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        will-change: transform;
        transform: translateZ(0);
        display: flex;
        height: 50px;
        box-shadow: 0 -2px 5px -2px #333;
        background-color: #fff;
    }
    .mobile-bottom-nav__item {
        flex-grow: 1;
        text-align: center;
        font-size: 12px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-right: 1px solid #ccc;
        cursor: pointer;
    }
    .rera-disclaimer-bottom {
        top: 50%;
        bottom: auto;
        transform: translate(0%, -50%);
        height: 100%;
        background: #00000080;
        align-content: center;
    }
    .rera-content {
        border-radius: 10px;
        margin: 0 10px;
    }
    .mobile-bottom-nav__item:last-child {
        border: none;
    }
    .mobile-bottom-nav__item--active {
        color: var(--primary-color);
    }
    .mobile-bottom-nav__item-content {
        display: flex;
        flex-direction: row;
        align-self: center;
        align-items: center;
    }
    .mobile-bottom-nav__item-content span {
        padding-left: 5px;
        font-size: 14px;
        color: #000;
        font-weight: 400;
    }
    .floorText,
    .mobile-bottom-nav__item-content i {
        font-size: 14px;
    }
    .flex-filter {
        flex: 1.75;
    }
    .flex-sort {
        flex: 2;
    }
    #projectDetailsDiv,
    .mobile-p-0,
    .modal-fullscreen-sm,
    .property-list-main-div {
        padding: 0 !important;
    }
    .modal-fullscreen-sm .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-sm .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-sm .modal-body {
        overflow-y: auto;
    }
    .mobile-sort-menu {
        left: 5px !important;
        right: 0 !important;
        width: fit-content !important;
        margin-left: auto;
    }
    .mobile-sort-toggle {
        padding: 10px !important;
        text-align: center;
        width: auto;
    }
    .mobile-sort-toggle::after {
        content: none !important;
    }
    .mobile-filter-list {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
    }
    .mobile-filter-list-item {
        margin-right: 15px;
        display: inline;
    }
    .list-details-btn .trend-open p,
    .mobile-filter-list-item:last-child {
        margin: 0;
    }
    .filterLi {
        width: 100%;
    }
    .site-navbar-wrap.v2 {
        padding: 0;
    }
    .close-btn,
    .menu-fist-sec,
    .menu-third-sec {
        width: auto;
    }
    .menu-third-sec {
        position: absolute;
        top: 11px;
        right: 0;
        padding-right: 5px !important;
    }
    .user-btn li {
        margin: 10px !important;
    }
    .site-navbar-wrap.v2 .navbar-brand {
        margin-bottom: 0;
        padding: 0 !important;
    }
    .site-navbar-wrap .navbar-brand {
        max-width: 115px;
    }
    .listing-filter input[type="text"],
    .logoDiv,
    .mob-p-l-10 {
        padding-left: 10px !important;
    }
    .headerIcon,
    .nav-like-icon img {
        width: 25px !important;
        height: 25px !important;
    }
    .mobile-config-price,
    .user-btn i {
        font-size: 15px;
    }
    .feature_text li,
    .nav-login-icon i {
        font-size: 13px;
    }
    .site-navbar-wrap.v2 .user-btn li,
    .sliderDiv {
        margin: 0 !important;
    }
    .header-button-item {
        font-size: 18px;
    }
    .header-top {
        padding: 10px 15px;
    }
    .hero__form .hero__form-input {
        margin-bottom: 7px;
    }
    .nav-city {
        width: 25%;
    }
    .nav-keyword {
        width: 61%;
        padding-left: 10px;
    }
    .nav-search {
        width: 10%;
    }
    .custom-select {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .mob-mt-98 {
        margin-top: 98px;
    }
    .property-list {
        padding-top: 15px !important;
    }
    .single-property-box {
        box-shadow: 3px 3px 3px 1px rgb(0 0 0 / 0.05);
    }
    .builderTitle {
        text-align: left;
    }
    .possession {
        text-align: left !important;
    }
    .action-btn {
        margin-top: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        display: flex;
        justify-content: center;
        background-color: #f5f5f5;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .mob-m-l-10 {
        margin-left: 10px !important;
    }
    .action-btn-item,
    .builder-name {
        flex: 1;
    }
    .mobile-rera {
        display: block;
        width: auto;
        float: right;
        background: #00000060;
        border-radius: 4px;
        padding: 0 8px;
    }
    .mobile-rera-title {
        font-weight: 500;
    }
    .setting-menu {
        z-index: 999;
        top: 45px !important;
        background-color: #f5f5f5;
    }
    .show-sidebar {
        display: block !important;
    }
    .sidebar-logo {
        width: auto;
        flex: 1;
    }
    .navigation-btn {
        display: flex;
    }
    .mobile-hide {
        display: none !important;
    }
    .mobile-show {
        display: inherit !important;
    }
    .mobile-bottom-action {
        position: fixed;
        bottom: 60px;
        right: 7px;
        z-index: 1005;
        display: flex;
        flex-direction: column;
    }
    .floating-btn {
        margin: 5px;
    }
    .floating-btn .img-btn {
        width: 34px;
        height: 34px;
        border: none;
    }
    .projectName {
        font-size: 20px;
        display: inline;
    }
    .mobile-config-list {
        display: flex !important;
        overflow: auto;
        margin-top: 5px !important;
    }
    .mobile-config {
        width: 100%;
        min-width: 160px;
        padding: 0 7px;
        border-right: 1px solid #ededed;
    }
    .mobile-config-more {
        width: 100%;
        min-width: 75px;
        padding: 5px 10px;
        color: #000;
    }
    .mobile-config-title {
        color: #454545;
        font-weight: 450;
        font-size: 14px;
    }
    .mobile-config:first-child {
        padding-left: 0;
    }
    .mobile-config:last-child {
        border: none;
        padding-right: 0;
    }
    .mobile-config-more a {
        color: #000;
        font-weight: 500;
        font-size: 14px;
        text-transform: uppercase;
    }
    .projectCard {
        border-radius: 10px;
    }
    .projectImage,
    .rera-info-div {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .projectAddress i {
        color: #888;
        font-size: 15px;
    }
    .projectAddress {
        color: #888;
        display: none;
    }
    .black-border-btn-2,
    .primary-border-btn-2 {
        font-size: 13px;
        width: 100%;
    }
    .ribbon-new-launch {
        width: 100px;
        left: -7px;
    }
    .ribbon-new-launch p {
        font-size: 13px;
        margin-left: 10px;
    }
    .rera-common-div {
        margin: 0 5px 0 9px;
    }
    .multi-builder a,
    .rera-common-div:after {
        margin: 0 5px;
    }
    .cameraIcon {
        height: 17px;
    }
    .config-in-area {
        display: inline-block !important;
        color: #000;
        font-weight: 450;
    }
    .visit-div {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        clip-path: polygon(
            3% 10%,
            100% 10%,
            100% 90%,
            3% 90%,
            calc(70% - 100px) 50%
        );
        width: 165px;
        padding-left: 15px;
    }
    .projectDetails {
        padding-top: 10px;
    }
    .rera-common-img {
        height: 15px;
    }
    .heartIcon {
        height: 25px;
    }
    .pickup-drop-img {
        height: 14px;
        bottom: 5px;
    }
    .m-l-40 {
        margin-left: 30px !important;
    }
    .img-top-div .rera-common-text {
        font-size: 10px;
    }
    .footer-wrapper,
    .mob-p-t-0 {
        padding-top: 0 !important;
    }
    .mob-p-0 {
        padding: 0 !important;
    }
    .mobile-address {
        color: #000;
        font-size: 15px;
        font-weight: 550;
    }
    .mobile-rera-div {
        padding: 5px;
    }
    .reraSubText {
        overflow-wrap: anywhere;
    }
    .trend-open {
        flex: 1;
        align-self: center;
        text-align: left;
    }
    .list-details-btn {
        margin-top: 10px !important;
        display: flex;
        width: 100%;
    }
    .modal-dialog-centered {
        align-items: start !important;
    }
    .mob-p-l-0 {
        padding-left: 0 !important;
    }
    .mob-p-r-5 {
        padding-right: 5px !important;
    }
    .list-details-section:first-child {
        padding-top: 20px !important;
    }
    .list-details-section {
        padding: 10px;
    }
    .mob-no-border {
        border: none !important;
    }
    .mob-no-right-border {
        border-right: none !important;
    }
    .mob-bottom-border {
        border-bottom: 1px solid #ccc !important;
    }
    .tower-details .p-r-5 {
        padding-right: 15px !important;
    }
    .floorUlTab {
        margin-bottom: 20px;
    }
    .floorDetailsDiv,
    .floorHeading {
        padding: 0 10px;
    }
    .galleryUlTab {
        display: flex;
        overflow: scroll;
    }
    .comparison-project-list {
        overflow-x: auto;
        white-space: nowrap;
    }
    .compare-project-title {
        display: inline-block;
        min-width: 130px;
    }
    .compare-project-item {
        display: inline-block;
        vertical-align: top;
        min-width: 200px;
        margin-right: 10px;
    }
    .slick-track {
        display: contents !important;
    }
    .slick-initialized .slick-slide {
        width: 100% !important;
    }
    .slide-track {
        gap: 1em;
    }
    .mobile-only {
        display: table-row;
    }
    .nearby-box {
        width: 100%;
    }
    .trend-open span {
        color: #555;
        font-weight: 550;
    }
    .floorPlanImage {
        width: 100%;
        height: 150px;
    }
    .rera-link {
        margin-left: 0;
        display: block;
        float: none;
    }
    .footer-wrapper.v2 {
        padding-bottom: 50px;
    }
    .footer-top-area .container {
        padding-bottom: 0 !important;
    }
    .footer-logo img {
        margin-bottom: 0 !important;
        height: 65px;
    }
    .testimonial-video {
        height: 250px !important;
    }
    .section-title h3 {
        font-size: 1.5rem !important;
    }
    .bg-xs {
        height: 250px;
    }
    .km-text {
        margin-bottom: 10px;
    }
    .ad-img {
	    margin-bottom: 20px;
	    width: 100% !important;
	    height: auto !important;
	}

    /*RM*/
    .rm-filter-div {
        margin: 15px 0;
    }
    .rm-report-tab {
        padding: 10px 5px;
    }
    .rm-report-tab-li {
        flex: 1;
        margin: 0 5px;
        padding: 5px;
    }
    .mob-mt-55 {
        margin-top: 55px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #fix-form-div,
    #overview-detail-box,
    .desktop-only,
    .new-launch-txt,
    .sec-filter,
    .sec-reset,
    .sort-options,
    .user-btn li a p {
        display: none;
    }
    .list-details-tab li.nav-item,
    .result-heading h2,
    .total-project-count {
        display: inline-block;
    }
    .result-heading h2 {
        font-size: 16px;
    }
    .total-project-count {
        font-size: 14px;
    }
    .mob-filter-div {
        display: block;
    }
    .mobile-bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        will-change: transform;
        transform: translateZ(0);
        display: flex;
        height: 50px;
        box-shadow: 0 -2px 5px -2px #333;
        background-color: #fff;
    }
    .mobile-bottom-nav__item {
        flex-grow: 1;
        text-align: center;
        font-size: 12px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-right: 1px solid #ccc;
        cursor: pointer;
    }
    .rera-disclaimer-bottom {
        top: 50%;
        bottom: auto;
        transform: translate(0%, -50%);
        height: 100%;
        background: #00000080;
        align-content: center;
    }
    .rera-content {
        border-radius: 10px;
        margin: 0 20px;
    }
    .mobile-bottom-nav__item:last-child {
        border: none;
    }
    .mobile-bottom-nav__item--active {
        color: var(--primary-color);
    }
    .mobile-bottom-nav__item-content {
        display: flex;
        flex-direction: row;
        align-self: center;
        align-items: center;
    }
    .mobile-bottom-nav__item-content span {
        padding-left: 5px;
        font-size: 14px;
        color: #000;
        font-weight: 400;
    }
    .mobile-bottom-nav__item-content i {
        font-size: 14px;
    }
    .action-btn-item,
    .builder-name,
    .flex-filter {
        flex: 1;
    }
    .flex-sort {
        flex: 1.75;
    }
    .flex-call,
    .flex-whatsapp {
        flex: 0.75;
    }
    .mobile-p-0,
    .modal-fullscreen-sm,
    .property-list-main-div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .property-list-main-div {
        margin-top: 30px;
    }
    .modal-fullscreen-sm .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-sm .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-sm .modal-body {
        overflow-y: auto;
    }
    .mobile-sort-menu {
        left: 5px !important;
        right: 0 !important;
        width: fit-content !important;
        margin-left: auto;
    }
    .mobile-sort-toggle {
        padding: 10px !important;
        text-align: center;
        width: auto;
    }
    .mobile-sort-toggle::after {
        content: none !important;
    }
    .mobile-filter-list {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
    }
    .mobile-filter-list-item {
        margin-right: 15px;
        display: inline;
    }
    .list-details-btn .trend-open p,
    .mobile-filter-list-item:last-child {
        margin: 0;
    }
    .filterLi {
        width: 100%;
    }
    .video-area.v1,
    .video-area.v1 #video-wrapper,
    .video-area.v1 .video-container {
        height: 320px !important;
    }
    .video-area.v1 .video-content {
        padding-top: 120px;
    }
    .bg-xs {
        height: 250px;
    }
    .site-navbar-wrap.v2 {
        padding: 10px 5px 5px;
    }
    .close-btn,
    .menu-fist-sec,
    .menu-third-sec {
        width: auto;
    }
    .menu-third-sec {
        position: absolute;
        top: 13px;
        right: 0;
        padding-right: 5px !important;
    }
    .user-btn li {
        margin: 10px !important;
    }
    .site-navbar-wrap.v2 .navbar-brand {
        margin-bottom: 0;
        padding: 0 !important;
    }
    .site-navbar-wrap .navbar-brand {
        max-width: 115px;
    }
    .listing-filter input[type="text"],
    .logoDiv,
    .mob-p-l-10 {
        padding-left: 10px !important;
    }
    .headerIcon,
    .nav-like-icon img {
        width: 35px !important;
        height: 35px !important;
    }
    .nav-login-icon i,
    .user-btn i {
        font-size: 20px;
    }
    .site-navbar-wrap.v2 .user-btn li,
    .sliderDiv {
        margin: 0 !important;
    }
    .header-button-item {
        font-size: 18px;
    }
    .header-top {
        padding: 5px 15px;
    }
    .hero__form .hero__form-input {
        margin-bottom: 7px;
    }
    .nav-city {
        width: 25%;
    }
    .nav-keyword {
        width: 61%;
        padding-left: 10px;
    }
    .nav-search {
        width: 10%;
    }
    .custom-select {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .video-content .listing-filter input[type="text"] {
        padding-left: 30px !important;
    }
    .property-list {
        padding-top: 15px !important;
    }
    .single-property-box {
        box-shadow: 3px 3px 3px 1px rgb(0 0 0 / 0.05);
    }
    .builderTitle {
        text-align: left;
        color: #000;
    }
    .possession {
        text-align: left !important;
    }
    .builder-names,
    .possession i,
    .rera-callback,
    .tablet-hide {
        display: none !important;
    }
    .action-btn {
        margin-top: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        display: flex;
        justify-content: center;
        background-color: #f5f5f5;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 10px;
    }
    .mob-m-l-10 {
        margin-left: 10px !important;
    }
    .mobile-rera {
        display: block;
        width: auto;
        float: right;
        background: #00000060;
        border-radius: 4px;
        padding: 0 8px;
    }
    .mobile-rera-title {
        font-weight: 500;
    }
    .setting-menu {
        z-index: 999;
        top: 45px !important;
        background-color: #f5f5f5;
    }
    .show-sidebar {
        display: block !important;
    }
    .sidebar-logo {
        width: auto;
        flex: 1;
    }
    .navigation-btn {
        display: flex;
    }
    .tablet-show {
        display: inherit !important;
    }
    .mobile-bottom-action {
        position: fixed;
        bottom: 60px;
        right: 7px;
        z-index: 1005;
        display: flex;
        flex-direction: column;
    }
    .floating-btn {
        margin: 5px;
    }
    .floating-btn .img-btn {
        width: 34px;
        height: 34px;
        border: none;
    }
    .projectName {
        font-size: 20px;
        display: inline;
    }
    .mobile-config-list {
        display: flex !important;
        overflow: auto;
        margin-top: 5px !important;
    }
    .mobile-config {
        width: 100%;
        min-width: 170px;
        padding: 0 7px;
        border-right: 1px solid #ededed;
    }
    .mobile-config-more {
        width: 100%;
        min-width: 75px;
        padding: 5px 10px;
        color: #000;
    }
    .mobile-config-title {
        color: #454545;
        font-weight: 450;
        font-size: 14px;
    }
    .mobile-config-price {
        font-size: 15px;
    }
    .mobile-config:first-child {
        padding-left: 0;
    }
    .mobile-config:last-child {
        border: none;
        padding-right: 0;
    }
    .projectImage,
    .rera-info-div {
        border-top-left-radius: 10px;
    }
    .img-top-div,
    .projectImage {
        border-bottom-left-radius: 10px;
    }
    .mobile-config-more a {
        color: #000;
        font-weight: 500;
        font-size: 14px;
        text-transform: uppercase;
    }
    .projectCard {
        border-radius: 10px;
    }
    .projectAddress i {
        color: #888;
        font-size: 15px;
    }
    .projectAddress {
        color: #888;
    }
    .black-border-btn-2,
    .primary-border-btn-2 {
        font-size: 13px;
        width: 100%;
    }
    .ribbon-new-launch {
        width: 100px;
        left: -7px;
    }
    .ribbon-new-launch p {
        font-size: 13px;
        margin-left: 10px;
    }
    .feature_text li {
        font-size: 13px;
    }
    .rera-common-div {
        margin: 0 3px 0 7px !important;
    }
    .rera-common-div:after {
        margin: 0 3px !important;
    }
    .cameraIcon {
        height: 17px;
    }
    .rera-common-text {
        font-size: 11.5px;
    }
    .visit-div {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        clip-path: polygon(
            3% 10%,
            100% 10%,
            100% 90%,
            3% 90%,
            calc(70% - 100px) 50%
        );
        width: 165px;
        padding-left: 15px;
    }
    .projectDetails {
        padding-top: 10px;
    }
    .rera-common-img {
        height: 15px !important;
    }
    .heartIcon {
        height: 25px;
    }
    .pickup-drop-img {
        height: 14px !important;
        bottom: 5px !important;
    }
    .m-l-40 {
        margin-left: 30px !important;
    }
    .img-top-div .rera-common-text {
        font-size: 10px;
    }
    .mob-p-0,
    .mob-p-t-0 {
        padding-top: 0 !important;
    }
    .rera-info-div {
        border-top-right-radius: 10px;
    }
    .mobile-address {
        color: #000;
        font-size: 15px;
        font-weight: 550;
    }
    #projectImagesDiv {
        flex: 0 0 45%;
        max-width: 45%;
    }
    #projectDetailsDiv {
        padding: 0 !important;
        flex: 0 0 55%;
        max-width: 55%;
    }
    .mobile-rera-div {
        padding: 5px;
    }
    .reraSubText {
        overflow-wrap: anywhere;
    }
    .list-details-btn {
        margin-top: 10px !important;
        display: block;
        width: 100%;
    }
    .modal-dialog-centered {
        align-items: start !important;
    }
    .mob-p-l-0 {
        padding-left: 0 !important;
    }
    .mob-p-r-5 {
        padding-right: 5px !important;
    }
    .list-details-section:first-child {
        padding-top: 20px !important;
    }
    .list-details-section {
        padding: 10px;
    }
    .mob-no-border {
        border: none !important;
    }
    .mob-no-right-border {
        border-right: none !important;
    }
    .mob-bottom-border {
        border-bottom: 1px solid #ccc !important;
    }
    .tower-details .p-r-5 {
        padding-right: 15px !important;
    }
    .floorUlTab {
        margin-bottom: 20px;
    }
    .floorDetailsDiv,
    .floorHeading {
        padding: 0 10px;
    }
    .galleryUlTab {
        display: flex;
        overflow: scroll;
    }
    .comparison-project-list {
        overflow-x: auto;
        white-space: nowrap;
    }
    .compare-project-title {
        display: inline-block;
        min-width: 130px;
    }
    .compare-project-item {
        display: inline-block;
        vertical-align: top;
        min-width: 200px;
        margin-right: 10px;
    }
    .slick-track {
        display: contents !important;
    }
    .slick-initialized .slick-slide {
        width: 48% !important;
    }
    .slide-track {
        gap: 0;
    }
    .mobile-only {
        display: table-row;
    }
    .nearby-box {
        width: 48%;
    }
    .trend-open span {
        color: #555;
        font-weight: 550;
    }
    .floorPlanImage {
        width: 100%;
        height: 150px;
    }
    .rera-link {
        margin-left: 0;
        display: block;
        float: none;
    }
    .tab-floor-price {
        color: #000;
        font-weight: 500;
    }
    .project-comparison {
        margin-top: 30px !important;
    }
    .footer-wrapper.v2 {
        padding-bottom: 50px;
    }
}
@media (width: 1024px) {
    .mobile-config-list {
        height: 130px !important;
    }
    .mobile-config {
        height: fit-content;
    }
    .footer-wrapper.v2 {
        padding-bottom: 50px;
    }
    .property-list-main-div {
        margin-top: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .site-navbar-wrap.v2 {
        padding: 10px 5px 5px;
    }
    .menu-fist-sec,
    .menu-third-sec {
        width: auto;
    }
    .menu-third-sec {
        position: absolute;
        top: 13px;
        right: 0;
        padding-right: 5px !important;
    }
    .new-launch-txt,
    .user-btn li a p {
        display: none;
    }
    .user-btn li {
        margin: 10px !important;
    }
    .site-navbar-wrap.v2 .navbar-brand {
        margin-bottom: 0;
        padding: 0 !important;
    }
    .site-navbar-wrap .navbar-brand {
        max-width: 115px;
    }
    .listing-filter input[type="text"],
    .logoDiv {
        padding-left: 10px !important;
    }
    .headerIcon,
    .nav-like-icon img {
        width: 35px !important;
        height: 35px !important;
    }
    .nav-login-icon i,
    .user-btn i {
        font-size: 20px;
    }
    .site-navbar-wrap.v2 .user-btn li {
        margin: 0 !important;
    }
    .header-button-item {
        font-size: 18px;
    }
    .header-top {
        padding: 5px 15px;
    }
    .hero__form .hero__form-input {
        margin-bottom: 7px;
    }
    .nav-city {
        width: 25%;
    }
    .nav-keyword {
        width: 61%;
        padding-left: 10px;
    }
    .nav-search {
        width: 10%;
    }
    .custom-select {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .video-content .listing-filter input[type="text"] {
        padding-left: 30px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1330px) {
    .user-btn li a p {
        display: none;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .footer-logo img {
        max-width: 300px;
    }
}