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

}
@media (min-width: 1600px) {
    #searchbox {
        max-width: 600px;
    }
}
@media (min-width: 1360px) and (max-width: 1600px){
    .main-menu li a{
        font-size: 15px;
    }
}
@media (min-width: 1200px) and (max-width: 1360px) {
    .main-menu li a {
        font-size: 12px;
    }
}
@media (min-width: 1100px) and (max-width: 1200px) {
    .main-menu li a {
        font-size: 12px;
    }
}
@media (min-width: 920px) and (max-width: 1200px) {

}


@media (max-width: 920px) {


}

@media (max-width: 767px) {
    .container, .container-sm {
        max-width: 100%;
    }
    .faqs-img img{
        width: 100%;
    }
    .sticky-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }
    .sticky-header .col-md-7.morder3{
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 0.4s ease, max-height 0.4s ease;
    }
    .col-md-7.morder3{
        opacity: 1;
        transition: opacity 0.4s ease, max-height 0.4s ease;
    }
    .hearo-banner{
        background-image: none !important;
        min-height: 460px;
        margin-top: -1px;
    }
    .mobile-projects{
        display: block;
        width: 100%;
    }
   body #pojo-a11y-toolbar {
        top: 116px !important;
    }
   .main-menu{
       padding: 0 0;
   }
    .mobile-img-neighbour{
        display: block;
        width: 100%;
    }
    .desktop-img-neighbour{
        display: none;
    }
    .project-notice{
        font-size: 13px;
        position: absolute;
        bottom: -23px;
        left: 1px;
        padding-right: 0;
        text-align: end;
    }
    .above-project-left-bigger-section img{
        height: 100%;
        object-fit: cover;
    }
    .desktop-projects{
        display: none;
    }
    .table-top-filter .searchbox .chkbox{
        right: -85px !important;
    }
    .footer-site-logo a{
        margin: 0 auto;
        margin-bottom: 50px;
    }
    .footer-social h2 {
        font-size: 30.4px;
    }
    .footer-social{
        margin-bottom: 30px;
    }
    .table-top-filter{
        overflow: hidden;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: -3px;
    }
    .list-unstyled{
        padding-right: 0;
    }
    .inner-imge-mortgage img{
        margin-top:0 !important;
        height: 100%;
        width: 100%;
    }
    .mortga-list-style li{
        font-size: 14px;
    }
    .accordian-mortgage .accordion-button p{
        font-size: 16px;
    }
    #sectionseven {
        padding-top: 40px;
        margin-top: -50px;
    }
    .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{
        top: 31px;
        left: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 14px solid #FFFFFF;
        right: 0;
        margin: 0 auto;
        width: 12px;
        background-image: none;
    }
    .searchbox .hed-serch-lable{
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
       font-size: 22px;
    }
    .price-form select, .ads-serch-btn-top, .chkbox{
        width: 48%;
        margin-left: 0;
    }
    #searchbox #sel2{
        width: 49%;
        padding: 8px 10px;
    }
    .tabbbble-picture-uhtres{
        background: linear-gradient(to top, #0a2d38, transparent);
    }
    #sectionnine{
        margin-top: 30px;
    }
    #sel1{
        padding: 7px 8px;
    }
    .tabbbbbbbbl-check-lab{
        position: absolute;
        top: 9px;
        right: 30px;
    }
    .ads-serch-btn-top, .chkbox{
        text-align: center;
    }
    .select-wrap{
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }
    #searchbox{
        width: 100%;
        margin-top: 48px;
    }
    .header-top{
        padding-top: 14px !important;
    }
    .price-form label{
        margin-top: -22px !important;
        display: block;
    }
    .top-secrh-ads-check-lab{
        position: absolute;
        top: 14px;
        right: 45px;
        font-size: 16px !important;
    }
    .ads-serch-btn-top{
        font-size: 23px;
        padding: 8px 20px;
    }
    .price-form select{
        font-size: 18px;
        padding:12px 15px 12px 35px;
    }
    #chkbxinputone:after{
        width: 32px;
        height: 32px;
        right: 1px;
        top: -14px;
    }
    .hero-banner-bg{
        padding-left: 0;
        padding-right: 0;
        min-height: 393px;
        margin-bottom: 22px;
    }
    .section-one{
        margin-bottom: 34px;
    }
    .hero-banner-bg img{
        height: 440px;
        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: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 6px !important;
    }
    .main-navbar{
        position: fixed;
        top: 112px;
        background: var(--white-color);
        z-index: 9;
        width: 100%;
        display: none;
        height: 100%;
    }
    .main-menu-ul{
        display: block !important;
    }
    .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;
    }
    .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 #07667b;
        margin-bottom: -5px;
    }
    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
        padding: 5px 5px 5px 5px !important;
    }
    /*humburger menu*/
    .hamburger {
        width: 30px;
        height: 3px;
        background-color: #ffffff;
        position: relative;
        display: block;
        margin-top: 35px;
    }

    .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, .city-neighbour-content-lower{
        position: relative;
        padding-top: 0;
        padding-bottom: 3rem;
        width: 100%;
        left: auto;
        top: 0;
        right: auto;
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }
    .city-neighbour-content h2 {
        padding-top: 2rem !important;
    }
    .city-neighbour-content span {
        font-size: 13px;
    }

    #myTabContent, #myTabContent2 {
        overflow-x: scroll;
    }
    .slider-thumb{
        position: relative;
        width: 100%;
    }
    #sectionfour{
        background-color: #FFFFFF;
    }
    .gallery-bg-mobil{
        background-color: #00819d;
    }
    .thumbnail-gallery-content{
        position: relative !important;
        padding: 0px 25px 80px 25px;
    }
    .thumbnail-gallery-wrap{
        padding: 0 0rem 0 0rem !important;
    }
    .thumbnail-gallery-content h2 {
        padding-right: 0;
        text-align: center;
        padding-top: 0;
    }
    .thumbnail-gallery-content p br{
        display: none;
    }
    .thumbnail-gallery-content p{
        text-align: justify;
    }
    .thumbnail-gallery-content h3 {
        font-size: 40px;
        text-align: center;
    }
    .thumbnail-gallery{
        background: #FFFFFF;
        overflow: hidden;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
    }
    #sectionthree{
        margin-bottom: 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;
    }
    .faqs-text-col, .faqs-col{
        width: 100%;
    }
    .faqs-img {
        padding-right: 0px;
        padding-left: 0px;
    }
    .faqs-col{
        margin-top: 20px;
    }
    .faqs-bottom p {
        padding-right: 0px;
    }
    .spread-payment-content{
        margin-right: 0;
        padding: 0px 0 0px 0;
        margin-left: 0;
        border: none;
    }
    .payemtn-lower li p{
        text-align: right;
    }
    .spread-payment-content h2{
        font-size: 44px;
    }
    .spread-payment {
        padding: 20px 20px 20px 20px;
    }
    .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: 4px;
        bottom: 33px;
        width: 47%;
        padding: 8px 50px;
    }
    #chkbxinputmain:after{
        width: 24px;
        height: 24px;
        right: 0;
        bottom: auto;
        top: -11px;
    }
    .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;
        margin-bottom: 29px;
        padding: 0 0px;
        overflow: hidden;
    }
    .main-table, .main-table .container{
        padding: 0 !important;
        overflow: hidden;
    }
    .city-neighbor{
        overflow: hidden;
        padding-bottom: 0 !important;
    }
    .city-neighbour-content-lower h2 {
        font-size: 30px;
    }
    .ads-serch-btn-top{
        width: 48%;
        display: inline-block;
        margin-top: 14px;
    }
    #sel22, .chkbox{
        margin-left:calc(50% - 47.9%);
        position: relative !important;
        top: 0;
        right: 0;
    }
    .body-fixed{
        position: fixed;
        top: 0px;
        width: 100%;
    }
    input[type="checkbox"]:checked::before{
        bottom: 6px;
        font-size: 24px;
        right: 7px;
    }
    #chkbxinputmain:before{
        right: 5px !important;
    }
    #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle{
        top: -7px !important;
    }

    .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: 335px;
    }
    .lower-project {
        object-fit: cover;
        background-size: cover;
    }
    .content-proj-wrap:after {
        width: 100px;
        height: 112px;
    }
    .project-box h3 {
        font-size: 12px;
    }
    .project-box p {
        font-size: 10px;
        margin-top: 2px;
    }
    /*.project-galler-upper-wrap .morder1{*/
    /*    background: #00819e;*/
    /*}*/
    .project-galler-upper-wrap .morder1 .upper-project{
        z-index: 1;
    }
    /*.content-proj-wrap{*/
    /*    width: 120px;*/
    /*    height: 112px;*/
    /*}*/
    /*.upper-project-content-1:after{*/
    /*    border-bottom: 92px solid #aac073eb;*/
    /*    border-right: 109px solid #00000000;*/
    /*}*/
    /*.upper-project-content-2:after{*/
    /*    border-bottom: 92px solid #ef847deb;*/
    /*    border-left: 109px solid #00000000;*/
    /*    right: 0;*/
    /*}*/
    /*.upper-project-content-5:after{*/
    /*    border-top: 91px solid #f2cd86eb;*/
    /*    border-right: 109px solid #00000000;*/
    /*}*/
    /*.upper-project-content-3:after {*/
    /*    border-bottom: 92px solid #aac073eb;*/
    /*    border-right: 109px solid #00000000;*/
    /*}*/
    /*.upper-project-content-4:after {*/
    /*    border-bottom: 92px solid #ef847deb;*/
    /*    border-left: 108px solid #00000000;*/
    /*    right: 0;*/
    /*    left: auto;*/
    /*}*/
    /*.upper-project-content-7:after{*/
    /*    border-top: 92px solid #f2cd86eb;*/
    /*    border-right: 109px solid #00000000;*/
    /*}*/
    /*.upper-project-content-8:after {*/
    /*    border-top: 92px solid #5cc0c7d1;*/
    /*    border-left: 109px solid #00000000;*/
    /*    right: 0;*/
    /*}*/
    /*.upper-project-content-6:after{*/
    /*    border-top: 92px solid #5cc0c7d1;*/
    /*    border-left: 109px solid #00000000;*/
    /*    right: 0px;*/
    /*    left: auto;*/
    /*}*/
    .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;
        margin-bottom: 2rem;
    }
    .mobile-wrap-neighbour .col-md-3{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .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;
    }
    .slider-content .slick-slide img{
        max-height: 235px;
        width: 100%;
        object-fit: cover;
    }
    .slider-content{
        padding: 0 0;
    }
    .notice-gallery-thimbnail{
        text-align: center;
        margin-top: -20px;
        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;
    }
    .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;
        margin-bottom: 33px;
    }
    .price-list input[type="checkbox"]:checked::before{
        top: -6px;
        background-image: url(../images/price-list-cherck-mobile.png);
        width: 30px;
        height: 30px;
    }
    .price-list #chkbxinputone:after {
        content: '';
        width: 30px;
        height: 30px;
        top: -6px;
        right: 0px;
    }
    .price-list .price-form label {
        padding-right: 20px;
        display: block;
        text-align: right;
    }
    .price-lit-top-label{
        padding-right: 6px !important;
    }
    .pricelist-search{
        margin-top: -15px !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;
        margin-bottom: 30px;
    }
    .footer {
        padding: 26px 16px !important;
    }
    .custom-tabs nav{
        overflow: auto;
    }
    .faqs .accordion-body p {
        font-size: 17px;
        line-height: 30px;
    }
    .faqs .accordion-header .accordion-button{
        background-size: 94% 100%;
    }
    #sectionfive{
        padding-top: 0px;
        margin-top: 0px;
        background-image:none;
        background-color: #eaebec;
    }
    .thumbnail-gallery-part{
        padding: 0 0px;
    }
    .bottom-project-section{
        flex-direction: column-reverse;
        position: relative;
    }
    .bottom-right-project:before{
        width: 20px;
        right: 0px;
    }
    .bottom-right-project:after{
        width: 120px;
        height: 20px;
        bottom: -20px;
        right: 0px;
    }
    .bottom-right-project .caption{
        right: 20px;
    }
    .above-project-main-wrap{
        flex-direction: column-reverse;
    }
    .above-project-left-bigger-section:before{
        width: 15px;
        left: -11px;
    }
    .above-project-left-bigger-section:after{
        height: 15px;
        top: -14px;
        width: calc(100% + 11px);
    }
    .left-project-chota {
        height: 145px;
    }
    .right-project-bara{
        height: 130px;
    }
    .right-project-bara img{
        object-fit: cover;
    }

    .above-project-right-bigger-section{
        flex: 0 0 39%;
    }

    .above-project-left-bigger-section{
        flex: 0 0 39%;
    }
    .above-project-left-verticle-section{
        flex: 0 0 60%;
    }
    .left-project-chota{
        height: auto !important;
    }
    .above-project-right-verticle-section{
        flex: 0 0 60%;
    }
    .right-project-bara {
        height: auto;
    }
    .right-project-bara {
        height: auto !important;
    }
    .left-project-chota img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .tab-content {
        position: relative;
        overflow-x: auto;
    }
}

/* @media (min-width: 576px) {
    max-width:100%;
} */
@media (max-width: 400px) {
    .right-project-bara, .left-project-chota {
        height: 130px;
    }
    .above-project-left-bigger-section:after{
        width: calc(100% + 11px);
    }
    .above-project-right-bigger-section{
        flex: 0 0 42%;
    }
.city-neighbour-content p {
    padding-right: 5px;
    padding-left: 5px;
}
    .price-form select, .ads-serch-btn-top, .chkbox {
        width: 48.3%;
    }
    .top-secrh-ads-check-lab{
        font-size: 13px !important;
    }

.faqs .accordion-button p {
    font-size: 16px;
    line-height: 15px;
    padding: 13px 0;
}
    #sectionthree{
        padding-bottom: 0rem !important;
        margin-bottom: 10px !important;
    }
}
@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;
}
}