@media (max-width: 1600px){
    .header-wrap {
        max-width: 1470px;
    }
}

@media (min-width: 1024px) {
    .mob-hamburger{
        display: none;
    }
}

@media (max-width: 920px) {


}

@media (max-width: 767px) {
    /*.table-setting-ads .mob-50{*/
    /*    max-width: 50%;*/
    /*}*/
    .header-top .chkbox label{
        /* position: absolute;
        bottom: 8px;
        right: 38px; */
        position: relative;
        bottom: unset;
        right: unset;
    }
    .header-top .searchbox{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .header-top .searchbox .chkbox{
        display: flex;
        gap: 5px;
        padding-right: 0;
        width: 50%;
    }
    .header-top input[type="checkbox"]:checked::before {
        right: 7px;
    }
    .about-bg-image{
        width: 50%;
    }
    .table-top-filter .searchbox .chkbox{
        right: 0px !important;
    }
    .mobile-header-main-wrapper{
        width: 100% !important;
        display: flex;
        align-items: center;
    }
    .col-md-2.mobil-50.morder1{
        width: 75% !important;
    }
    .col-md-7.morder3.text-lg-end.top-filter-wrap{
        width: 100% !important;
    }
    .top-filter-wrap{
        flex-wrap: wrap;
    }
    .main-table{
        margin-bottom: 30px;
    }
    .about-company-section{
        margin-bottom: 0px !important;
        padding-bottom: 40px !important;
    }
    .files-downlaod-sec{
        margin-bottom: 30px;
    }
    .table-top-filter{
        overflow: hidden;
    }
    .inner-imge-mortgage img{
        margin-top:0 !important;
        height: 300px;
        width: 100%;
        object-fit: cover;
    }
    .mortga-list-style li{
        font-size: 14px;
    }
    .accordian-mortgage .accordion-button p{
        font-size: 16px;
    }
    #sectionseven.mortgage {
        margin-bottom: 45px !important;
        padding: 0 !important;
        margin: 0;
    }
    .faqs-wrap .faq-head-wrapper {
        padding: 0 !important;
    }
    .accordian-mortgage .accordion-body{
        padding: 15px 10px;
    }
    .mortgage-acc-list{
        padding-right: 20px;
    }
    .thumbnail-gallery-part{
        padding: 0;
        margin: 0;
    }
    .thumbnail-gallery-part .slick-prev, .thumbnail-gallery-part .slick-next {
        bottom: 25px;
    }
    .slick-prev {
        right: 1px !important;
    }
    .thumbnail-gallery-part .slick-next {
        left: 15px;
    }
    .mortgage.morder2 {
        width: 100% !important;
    }
    .mortgage-img.morder1 {
        width: 100% !important;
    }
    .table-head-title p {
        font-size: 19px;
        padding: 1px 0 10px 0;
    }
    .table-head-title p:after{
        left: -27%;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 12px solid #FFFFFF;
        background-image: none;
        top: 29%;
    }
    .searchbox .hed-serch-lable{
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 12px;
        margin-top: 12px;
        font-weight: var(--bold);
        margin-left: 0;
    }
    .price-form select, .ads-serch-btn-top, .chkbox{
        width: 48.2%;
        margin-left: 0;
    }
    .ads-serch-btn-top, .top-filter-wrap .searchbox select{
        width: 50% !important;
    }
    #searchbox #sel2{
        width: 48%;
        margin-left: 5px;
        padding: 9px 6px;
    }
    .ads-serch-btn-top, .chkbox{
        text-align: center;
    }
    .select-wrap{
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }
    #searchbox{
        width: 100%;
    }
    .price-list{
        margin-bottom: 30px;
    }
    .files-downlaod-sec h2{
        font-size: 28px;
    }
    .filed-downlaod {
        padding-top: 20px;
    }
    .price-list h2{
        font-size: 44px;
        line-height: 50px;
        margin-bottom: 0;
    }
    .header-top{
        padding-top: 14px !important;
    }
    .price-form label{
        display: block;
    }
    #chkbxinputone:after{
        width: 26px;
        height: 26px;
        top: -10px;
        right: 0;
    }
    .table-head-title {
        width: 100%;
    }
    #searchbox .price-form select{
        width: 48.8%;
    }
    .hero-banner-bg{
        padding-left: 0;
        padding-right: 0;
        min-height: 393px;
        margin-bottom: 22px;
    }
    .section-one{
        margin-bottom: 3px;
    }
    .hero-banner-bg img{
        height: 393px;
        object-fit: cover;
    }
    .section-one-text {
        padding-left: 0px;
        padding-right: 0px;
        text-align: justify;
        line-height: 30px;
    }
    .section-one-wrap{
        padding: 0 !important;
        padding-top: 24px !important;
    }
    .project-box{
        width: 49%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 6px !important;
    }
    .fst-top-right h2, .fst-top-right h2 span{
        font-size: 50px;
    }
    .fst-top-right h2{
        margin-bottom: 18px;
    }
    .hearo-banner{
        margin-bottom: 45px;
        min-height: auto;
    }
    .image-caption-overlay{
        padding: 28px 0 48px 0;
        width: 119px;
    }
    .about-gallery{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }
    .about-section {
        padding: 0;
        direction: rtl;
    }
    .about-description{
        margin-bottom: 20px;
    }
    .neighbour-content-wrapper{
        max-width: 100%;
        padding: 50px 20px 0px;
    }
    .neighbourhood-right-side {
        max-width: 100%;
        position: relative;
        text-align: center;
    }

    .neighbourhood-vector {
        position: absolute;
        top: -50px; /* Adjust the position of the vector */
        left: 50%;
        transform: translateX(-50%);
        width: 80px; /* Adjust the size for mobile */
    }
    .neighbourhood-content{
        max-width: 100%;
        text-align: center;
        margin-bottom: 20px;
        width: 100%;
        padding-left: 0;
        background-size: 200px;
    }
    .neighbourhood-container {
        flex-direction: column;
        align-items: center;
    }
    .about-company-container {
        flex-direction: column;
        align-items: center;
    }
    .about-company-content {
        max-width: 100%;
        text-align: center;
        margin-bottom: 20px;
        padding: 0;
        width: 100%;
    }
    .about-company-section{
        margin-bottom: 45px;
    }
    .about-company-section .container{
        padding: 0;
    }
    .about-company-container{
        padding: 0 20px;
    }
    .neighbourhood-title{
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .about-section{
        margin-bottom: 45px;
    }
    .about-title{
        margin-bottom: 0;
        font-size: 28px;
    }
    .neighbourhood-main-title{
        font-size: 28px;
    }
    .main-navbar{
        position: fixed;
        top: 58px;
        background: var(--white-color);
        z-index: 9;
        width: 100%;
        display: none;
        height: auto;
    }
    .main-menu-ul{
        display: block !important;
        padding-bottom: 10px;
    }
    .main-menu li a{
        font-weight: var(--regular) !important;
    }
    .main-menu li.active a{
        background: #FFFFFF;
        color: var(--t-color);
    }
    .mobile-order-wrap{
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
   
    .pricelist-search{
        width: 100%;
        margin: 0 !important;
    }
    .price-list p{
        font-size: 24px;
    }
    .mobile-order-wrap .morder1{
        order: 1;
    }
    .mobile-order-wrap .morder2{
        order: 3;
    }
    .mobile-order-wrap .morder3{
        order: 2;
    }
    .mobile-order-wrap .morder4{
        order: 4;
    }
    .mobile-order-wrap .morder5{
        order: 5;
    }
    .mobile-order-wrap .morder6{
        order: 7;
    }
    .mobile-order-wrap .morder7{
        order: 6;
    }
    .mobile-order-wrap .morder8{
        order: 8;
    }
    .mobil-50{
        width: 50%;
        padding-right: 12px;
        padding-left: 12px;
    }
    .main-menu ul li{
        border-bottom: 1px solid #000000;
    }
    /*humburger menu*/
    .hamburger {
        width: 30px;
        height: 3px;
        background-color: #ffffff;
        position: relative;
        display: block;
        cursor: pointer;
    }

    .hamburger:before, .hamburger:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 3px;
        background-color: #ffffff;
    }

    .hamburger:before {
        top: -10px;
    }

    .hamburger:after {
        top: 10px;
    }

    .open {
        transform: rotate(45deg);
    }

    .open:before {
        top: 0;
        transform: rotate(90deg);
    }

    .open:after {
        top: 0;
        transform: rotate(90deg);
    }
    .city-neighbour-content{
        width: 100%;
        padding: 0px !important;
        overflow: hidden;
        background-position:center;
        top: -100px;
    }
    .city-neighbour-content h2 {
        font-size: 40px;
        margin-top: 0 !important;
        padding-top: 2rem !important;
        line-height: 50px;
    }
    .city-neighbour-content span {
        margin-top: 10px !important;
    }
    .city-neighbour-content p {
        font-size: 16px;
        line-height: 26px;
    }
    #myTabContent, #myTabContent2 {
        overflow-x: scroll;
    }
    .thumbnail-gallery-wrap{
        padding: 0 0rem 0 0rem !important;
    }
    .thumbnail-gallery-content h2 {
        font-size: 50px;
        text-align: center;
    }
    .thumbnail-gallery-content h3 {
        font-size: 40px;
        text-align: center;
    }
    .thumbnail-gallery-content p {
        font-size: 16px;
    }
    .thumbnail-gallery{
        background: #FFFFFF;
        overflow: hidden;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .thumbnail-gallery-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .mobile-paddin-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0;
        margin-right: 0;

    }
    .gallery-right-part{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .faqs-text-col, .faqs-col{
        width: 100%;
    }
    .faqs-img {
        padding-right: 0px;
        padding-left: 0px;
    }
    .faqs-bottom{
        margin: 0;
    }
    .faqs-bottom p {
        padding-right: 0px;
        font-size: 16px;
    }
    .spread-payment-content{
        margin-right: 0;
        padding: 30px 0 15px 0;
    }
    .spread-payment, .payment-note {
        padding: 20px 15px 20px 20px !important;
    }
    .payment-note{
        padding-top: 0 !important;
    }
    .mortgage-main-wrap {
        padding-right: 0px;
    }
    .price-list{
        padding: 0 !important;
    }
    .price-list .searchbox {
        width: 100%;
        position: relative;
    }
    .ads-serch-btn, .ads-serch-btn-comp4 {
        /* position: absolute;
        left: 0px;
        width: 163px;
        padding: 8px 50px;
        bottom: 0; */
        margin-right: auto;
        width: 48.2%;
    }
    #chkbxinputmain:after{
        width: 15px;
        height: 15px;
        right: 0;
        top: -3px;
    }
    .pdf-files-download{
        display: block !important;
        text-align: center;
    }
    .fils-for-downlaod li {
        text-align: center;
        width: 31%;
        display: inline-block;
        vertical-align: text-top;
        padding: 0 0px;
        overflow: hidden;
    }
    .main-table, .main-table .container{
        padding: 0 !important;
        overflow: hidden;
    }
    .city-neighbor{
        overflow: hidden;
    }
    .ads-serch-btn-top{
        display: inline-block;
        margin-top: 14px;
    }
    #sel22, .chkbox{
        margin-left: calc(50% - 50%);
        position: relative !important;
        top: 0;
        right: 0;
    }
    .price-form.home-filter-form .searchbox .chkbox{
        position: absolute !important;
        top: 40px;
        right: 0;
        padding-right: 0;
    }
    .price-form.home-filter-form .searchbox-inner{
        justify-content: space-between;
    }
    .body-fixed{
        position: fixed;
        top: 0px;
        width: 100%;
    }
    input[type="checkbox"]:checked::before{
        bottom: 10px;
        right: -6px;
    }
    #sectionone {
        margin-bottom: 50px !important;
    }
    .main-table-file-chek-label{
        position: absolute;
        bottom: 7px;
    }
    /*.project-galler-upper-wrap .morder2, .project-galler-upper-wrap .morder4, .project-galler-upper-wrap .morder6, .project-galler-upper-wrap .morder8{*/
    /*    padding-right: 3px;*/
    /*}*/
    .upper-project {
        min-height: 265px;
        background-position: center;
    }
    .lower-project {
        object-fit: cover;
        background-size: cover;
    }
    .content-proj-wrap:after {
        width: 100px;
        height: 112px;
    }
    .section-two-5{
        width: 100%;
    }
    .project-box h3 {
        font-size: 12px;
    }
    .project-box p {
        font-size: 14px;
        margin-top: 0px;
        margin-bottom: 0;
        line-height: 16px;
    }
    /*.project-galler-upper-wrap .morder1{*/
    /*    background: #00819e;*/
    /*}*/
    .project-galler-upper-wrap .morder1 .upper-project{
        z-index: 1;
    }
    .content-proj-wrap{
        padding-right: 46px;
    }

    .mobile-wrap-neighbour .container{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .mobile-wrap-neighbour .container .row{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .left-side-image {
        padding-top: 2rem;
    }
    .section-two-7 {
        width: 100%;
        padding: 0;
    }
    #sectiontwo{
        margin-bottom: 30px;
    }
    #sectionthree:before, #sectionthree:after{
        display: none;
    }
    .neighbourhood-section{
        margin-bottom: 45px;
    }
    .about-company-section{
        margin-bottom: 45px;
    }
    .map-chart-wrap h2{
        margin-bottom: 20px;
        font-size: 28px;
    }
    .chart, .map{
        min-height: 230px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .map{
        margin-bottom: 0;
    }
    .chart {
        background-position: right;
    }
    .map-chart-wrap a {
        padding: 8px 30px;
        font-size: 16px;
    }
    .mobile-wrap-neighbour{
        background: #363735;
        min-height: 518px;
        background-size: cover;
        object-fit: cover;
        position: relative;
    }
    .neighbour-city-wrap{
        background-image: none !important;
        min-height: auto;
    }
    .map-chart-wrap .col-md-6:first-child{
        margin-bottom: 20px;
    }
    .ads-mb-4{
        margin-bottom: 25px;
    }
    .thumb img{
        height: 68px;
    }
    .thumb {
        min-height: auto;
    }
    .faqs-sec-heading{
        font-size: 28px;
        line-height: 32px;
    }
    .spread-payment-content h2{
        font-size: 28px;
        line-height: 32px;
    }
    .payemtn-lower{
        margin-top: 0 !important;
    }
    .mortgage-upper{
        margin-bottom: 20px !important;
    }
    .mortgage-upper h2{
        font-size: 28px;
        line-height: 32px;
    }
    .mortgage-upper .sub-heading{
        font-size: 20px;
    }
    .spread-payment-content .sub-heading{
        font-size: 22px;
    }
    .spread-payment p, .payment-note p{
        font-size: 18px;
    }
    .mortgage-notice{
        margin: 0 !important;
    }
    .mortgage-notice p{
        margin: 0;
    }
    .faqs-section .sub-heading{
        font-size: 20px;
    }
    .faqs-wrap .mobile-paddin-0{
        padding: 0 0 20px 0 !important;
        margin: 0 !important;
    }
    .slider-content .slick-slide img{
        max-height: 235px;
        width: 100%;
        object-fit: cover;
    }
    .slider-content{
        padding: 0 0;
    }
    .notice-gallery-thimbnail{
        font-size: 12px;
        position: static;
    }
    .faqs .accordion-button p {
        font-size: 17px;
    }
    .faqs .accordion-body {
        padding-bottom: 20px;
    }
    .faqs .accordion-item {
        margin-bottom: 14px;
    }
    .spread-payments{
        padding-top: 0 !important;
        margin-bottom: 45px;
    }
    .mortgage-img{
        margin-bottom: 20px;
    }
    .price-list input[type='text']{
        width: 47%;
        margin-top: 6px;
    }
    .pricelist-search .ads-serch-btn-top{
        margin-right: calc(100% - 49%);
        width: 48%;
    }
    .pricelist-search .chkbox{
        margin-right: 3px;
        margin-top: 30px;
    }
    .price-list input[type="checkbox"]:checked::before{
        top: -3px;
        background-image: url('/wp-content/uploads/2025/08/price-checkbox.png');
        width: 15px;
        height: 15px;
    }
    .price-list #chkbxinputone:after {
        content: '';
        width: 30px;
        height: 30px;
        top: -6px;
        right: 0px;
    }
    .price-list .price-form label {
        display: block;
        text-align: right;
    }
    .price-lit-top-label{
        padding-right: 6px !important;
    }
    .adn-tabs-accordian{
        margin-bottom: 2px;
    }
    table tbody>tr>th{
        min-width: 100px;
        text-align: center;
        padding: 0px 7px;
    }

    /* width */
    .main-table ::-webkit-scrollbar {
        width: 4px;
        height: 6px;
    }

    /* Track */
    .main-table ::-webkit-scrollbar-track {
        background: #dee2e5;
    }

    /* Handle */
    .main-table ::-webkit-scrollbar-thumb {
        background: #135565;
    }

    /* Handle on hover */
    .main-table ::-webkit-scrollbar-thumb:hover {
        background: #135565;
    }
    .fils-for-downlaod span{
        font-size: 14px;
    }
    .footer-imge01, .footer-imge02{
        width: 50% !important;
        margin-top: 35px;
    }
    .footer {
        padding: 26px 16px !important;
    }
    .custom-tabs nav{
        overflow: auto;
    }
    .faqs .accordion-body p {
        font-size: 15px;
        line-height: 22px;
    }
    .mortgage-img{
        overflow: hidden;
    }
    #sectionfive{
        padding-top: 20px;
        padding-bottom: 20px;
        background-image:none;
        background-color: #eaebec;
        overflow: hidden;
        margin-bottom: 45px;
    }
    .faqs-section{
        margin-bottom: 45px;
    }
    .thumbnail-gallery-content{
        background-color: #353835;
        padding: 40px 28px;
    }
    .fst-top-right{
        padding-bottom: 20px;
    }
    .faqs-text-col:before{
        display: none;
    }
    .faqs .accordion-header .accordion-button {
        background: linear-gradient(111deg, #0D515C 72%, #f8f3ec 30%, #f8f3ec 100%);
    }
    .image-disclaimer.notice-gallery-thimbnail{
        margin-top: 0;
    }
    /* #sectionfour{
        background: none;
    } */
    .faqs .accordion-button span{
        font-size: 16px;
    }
    .tab-content{
        overflow-x: auto;
    }

    /**** Lightbox css start ****/
    .lb-data .lb-close{
        width: 38px !important;
        height: 38px !important;
        background-size: 13px !important;
    }
    .lb-nav a{
        width: 38px !important;
        height: 38px !important;
        background-size: 13px !important;
    }
    .lb-nav a.lb-next{
        margin-right: 10px !important;
    }
    .lb-nav a.lb-prev{
        margin-left: 10px !important;
    }
}

@media (max-width: 400px) {
    .city-neighbour-content p {
        padding-right: 5px;
        padding-left: 5px;
    }
    .thumbnail-gallery-content{
        position: relative;
        width: 100%;
        top: -22px;
        background-size: 142%;
        min-height: auto;
        background-position: -38px 28% !important;
        padding: 40px 32px 30px 32px;
        right: 0;
        background-color: #353835;
    }
    .faqs .accordion-button p {
        font-size: 16px;
        line-height: 15px;
        padding: 13px 0;
    }
    #sectionthree{
        padding: 0px 20px !important;
        margin-bottom: 25px;
    }
}
@media (max-width: 365px) {
    .price-form label {
        font-size: 14px;
    }
    .thumbnail-gallery-content h2 {
        font-size: 46px;
    }
    .faqs .accordion-button p {
        font-size: 14px;
    }
    .faqs .accordion-header .accordion-button{
        max-height: 44px;
    }
    
}
@media (max-width: 1020px){
    .spread-payment, .payment-note{
        padding: 0;
    }
    .spread-payment-content{
        margin-right: 0;
        padding: 30px 0 20px 0;
    }
    .mortgage-main-wrap{
        padding: 0;
    }
    .about-company-content{
        padding-left: 40px;
    }
    .neighbourhood-content{
        padding-left: 40px;
        padding-right: 20px;
    }
    .footer-wrap .main-site-logo img{
        width: 200px;
    }
    .col-md-2.mobil-50.morder1 {
        width: 40%;
    }
    .mobile-header-main-wrapper {
        width: 50%;
    }
    .col-md-7.morder3.text-lg-end.top-filter-wrap{
        width: 50%;
    }
    .pricelist-search {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}
@media (min-width: 601px) and (max-width: 1024px){
    .fooer-wrap-1 {
        width: 100%;
        gap: 30px;
    }
}
@media (max-width: 600px){
    .about-company-content{
        padding-left: 0px;
    }
    .neighbourhood-content{
        padding-left: 0px;
        padding-right: 0px;
    }
    .footer-wrap .main-site-logo img{
        width: 100%;
    }
    .footer-main-wrapper{
        display: block;
    }
    .fooer-wrap-1 {
        display: block;
        width: 100%;
    }
    .fooer-wrap-1 .main-site-logo{
        margin-bottom: 20px;
    }
    .footer-links-wrap{
        justify-content: start !important;
    }
    .footer-wrap-2 {
        width: 100%;
    }
    .spread-payments{
        margin-bottom: 45px;
    }
    table thead > tr > th:nth-last-child(7){
        min-width: 120px;
    }
    .adn-tabs-accordian .nav-link, .nav-tabs .nav-link.active{
        font-size: 16px;
        min-width: 125px;
    }
    .spread-payment-content span, .spread-payment p, .payment-note p{
        font-size: 16px !important;
    }
    .fils-for-downlaod img{
        width: 40px;
    }
}

/**** New apartment section design css ****/
@media only screen and (max-width:1800px){
    .home_info_wrapper .wrapper { max-width: 1232px; padding: 0 40px; }
}
@media only screen and (max-width:1599px){
    .innerscroll .wrap {display: flex; justify-content: center;}
    .innerscroll { right: 0; top: 20px; width: 100%; height: 100%; }
    .main_box_border{  align-items: center; display: flex;justify-content: center; width: 100%;}
}
@media (min-width:1360px) and (max-width:1550px){
    .main_box_border .plan.plan_20 {
        top: 22%;
        right: 11%;
    }
    .main_box_border .plan.plan_19 {
        top: 56%;
        left: 9%;
    }
    .main_box_border .plan.plan_18 {
        top: 36%;
        left: 48%;
    }
    .main_box_border .plan.plan_17 {
        top: 42%;
        left: 39%;
    }
    .main_box_border .plan.plan_12 {
        top: 32%;
        right: 24%;
    }
    .main_box_border .plan.plan_11 {
        top: 38%;
        right: 33%;
    }
    .main_box_border .plan.plan_10 {
        top: 51%;
        left: 28.5%;
    }
    .main_box_border .plan.plan_9 {
        top: 53%;
        left: 19%;
    }
}
@media only screen and (max-width:1279px){
    .main_box_border { height: 500px; }
    .innerscroll{height: 500px;}
    .innerscroll .wrap{position: relative;background-repeat: no-repeat;background-size: 100% 100%;}
    .innerscroll { height: 500px; border-top: 0; border-radius: 0px 0px 10px 10px;  display: flex; flex: 1 1 auto; overflow-x: scroll;}
    .next_prev { display: flex; width: 152px; height: 24px; background-color: #6d214488; border-radius: 40px; padding: 0px 12px; align-items: center; justify-content: space-between; position: absolute; bottom: 70px;right: 30%; }
    .next_prev>div{width: 42px;cursor: pointer;}
    .next_prev>div img{display: block;}
    .popup_outer .popup_inner { max-width: calc(100% - 20px); }
}
@media only screen and (max-width:1023px){
    .home_info_wrapper .top_filter .dropdpwn select { width: 380px; }
    .next_prev::before {position: absolute; margin: 0 auto; left: 0; right: 0; top: 7px; width: 30px; height: 30px; content: ""; background-image: url('../images/hand-drag.svg'); background-position: center; background-repeat: no-repeat; }
    .popup_outer .popup_inner{flex-wrap: wrap;}
    .popup_outer .right_info { width: 100%; }
    .popup_outer .left_img { width: 100%;padding: 8px; background-image: url('../images/bg_img_mob.png') !important;}
    .popup_outer .left_img h2 { width: 48px; line-height: 48px; font-size: 40px; margin: 0 auto 0 0;}
    .popup_outer .close_btn { left: auto; top: 12px; z-index: 99; right: 8px;}
    .popup_outer .close_btn svg{width: 24px; height: 24px;}
    .popup_outer .left_img{background-size: 100% ;}
}
@media only screen and (max-width:767px){
    .popup_outer .popup_inner{
        min-height: auto;
    }
    .home_info_wrapper .top_filter { margin-top:0; padding-bottom: 24px; border-bottom: 2px solid #D9D9D9; margin-bottom: 14px; flex-wrap: wrap; padding: 8px 0; }
    .home_info_wrapper .top_filter .dropdpwn select { width: 100%;}
    .home_info_wrapper .top_filter .dropdpwn{width: 100%;margin-bottom: 16px;}
    .flat_box { margin-bottom: 16px; padding: 0px 16px; }
    .flat_box .floor_boxs ul li {flex: 0 0 100%;max-width: 100%;}
    .bulid_map { padding: 40px 0; }
    .main_box_border .plan .top_lot{font-size: 12px;line-height: 26px;}
    .innerscroll { height: 360px;border: none;border-radius: 0;top: 10px;}
    .innerscroll .wrap { background-size: 100% 100%; padding: 0;}
    .home_info_wrapper .flat_box {padding: 0 0;}
    .checkbox_wrapper .switch span {font-size: 16px; margin-top: 3px;}
    .home_info_wrapper  .checkbox_wrapper .switch:first-child {margin-right: 0;}
    .home_info_wrapper  .checkbox_wrapper .switch {align-items: center;}
    .main_box_border {height: 360px;margin-bottom: 0;border-radius: 0;}
    .main_box_border :where(.plan_1, .plan_2, .plan_3, .plan_4) {top: 43px;}
    .flat_box .floor_boxs .box{min-height: 210px;}
    .flat_box .floor_boxs .box .top_text h6 {font-size: 24px;}
    .flat_box .floor_boxs .box .top_text span {width: 56px;line-height: 56px;}
    .home_info_wrapper .top_filter {margin-left: -6px; margin-right: -6px;}
    .flat_box .floor_boxs .box .bottom_info .type span {font-size: 20px; width:50px;}
    .flat_box .floor_boxs .box .bottom_info .type h4 {margin-bottom: 0; font-size: 20px; line-height: 26px;}
    .flat_box .floor_boxs .box .bottom_info .type:nth-child(2) h4 { margin: 0; }
    .flat_box .floor_boxs .box .target_price_label {font-size: 20px;}
    .home_info_wrapper .wrapper{padding: 0 6px;}
    .main_box_border .plan .building_box{font-size: 12px;line-height: 16px;}
    .main_box_border .plan .building_box span{font-size: 12px;line-height: 16px;width: 24px;height: 24px;line-height: 24px;}
    .apart-wrapper-img{object-fit: contain;height: 450px;object-position: center center;}
    .main-box-wrapper{overflow-x: auto;}
    .main_box_border{overflow-x: auto;height: auto;min-width: 1010px;padding: 10px 0;}
    .innerscroll{height: auto;overflow: unset;}
    .city-habas-logo {display: none;}
    .green-bg-logo {display: none;}
    .white-bg-logo{display: none;}
    .popup_outer .right_info { padding: 14px; }
    .popup_outer .right_info h4 { font-size: 18px; }
    .popup_outer .right_info .aminities{padding: 10px 0;}
    .popup_outer .right_info .aminities .ami_box img{max-width: 32px;}
    .popup_outer .right_info .aminities .ami_box { flex-wrap: wrap;margin-bottom: 16px;position: relative; line-height: 0.8;}
    .popup_outer .right_info .aminities .ami_box h6 { font-size: 16px; padding-right: 0px; max-width: 75%;margin-bottom: 0;position: relative;top: -10px;}
    .popup_outer .right_info .aminities .ami_box span { position: absolute; right: 50px; top: 18px; font-size: 14px; margin-top: 0;}
    .popup_outer .right_info .download_section .download_wrapper a.btn { line-height: 32px; padding: 0px 10px; margin-bottom: 8px; }
    .popup_outer .right_info .share_icon { margin-top: 10px; }
    .main-plan-image::before{
        background: rgba(0,0,0,0.2);
    }
    .main_box_border .plan .building_box{
        padding: 7px 10px;
        width: 90px;
    }
    .main_box_border .plan::after{
        width: 16px;
    }
    .main_box_border .plan.plan_20 {
        top: 16.5%;
        right: 8.5%;
    }
    .main_box_border .plan.plan_19 {
        top: 51%;
        left: 7.5%;
    }
    .main_box_border .plan.plan_9 {
        top: 52%;
        left: 18%;
    }
    .main_box_border .plan.plan_10 {
        top: 48%;
        left: 28%;
    }
    .main_box_border .plan.plan_11 {
        top: 34%;
        right: 32%;
    }
    .main_box_border .plan.plan_12 {
        top: 23%;
        right: 18%;
    }
    .main_box_border .plan.plan_17 {
        top: 37%;
        left: 37.5%;
    }
    .main_box_border .plan.plan_18 {
        top: 32%;
        left: 47%;
    }
}
@media only screen and (max-width:359px){
    .flat_box .floor_boxs .box.blue_box .top_text h6 {flex: 1; text-align: center; margin-right: -24px;}
    .checkbox_wrapper .switch {margin-right: 20px;}
    .home_info_wrapper .checkbox_wrapper .switch:first-child { margin-right: 0; }
    .popup_outer .right_info .download_section .download_wrapper a.btn span { margin-right: 3px; }
    .popup_outer .right_info .download_section .download_wrapper a.btn { padding: 0px 8px; font-size: 14px; }
    .popup_outer .right_info .aminities .ami_box {margin-bottom: 12px;}
    .popup_outer .right_info .aminities .ami_box h6 {font-size: 14px;}
    .popup_outer .right_info .aminities .ami_box span {font-size: 13px;}
    .popup_outer .right_info .download_section .download_wrapper a.btn img {width: 19px;}
    .popup_outer .left_img {height: 64px;}
    .popup_outer .popup_inner {min-height: 540px;}
    .popup_outer .right_info h4 { font-size: 17px; }
    .popup_outer .right_info .share_icon span {font-size: 18px; line-height: 35px;}
    .popup_outer .right_info .share_icon img {width: 20px;}
}