@media (max-width: 1600px){
    .project-galler-upper-wrap, .wrapper-1500 {
        max-width: 100%;
    }
    .main-menu li a{
        font-size: 18px;
    }
}

@media (min-width: 920px) and (max-width: 1200px) {

}

@media (max-width: 920px) {


}

@media (max-width: 767px) {
    #pojo-a11y-toolbar {
        top: 286px !important;
    }
    .searchbox .hed-serch-lable{
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        font-weight: var(--bold);
        font-size: 18px;
    }
    .section-one-text p{
        font-size: 18px;
    }
    .heading-gradient p {
        font-size: 35px;
    }
    .design-spacer{
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .price-form select, .ads-serch-btn-top, .chkbox{
        width: 48%;
        margin-left: 0;
    }
    .ads-serch-btn-top, .chkbox{
        text-align: center;
    }
    .logo-two-hero{
     width: 25%;
        top: -1px;
    }
    #searchbox-attable{
        margin: 50px 0 26px 0;
    }
    .heroo-slide-img{
        min-height: 400px;
        object-fit: cover;
    }
    .select-wrap{
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }
    #searchbox{
        width: 100%;
        margin-top: 0px;
        margin-bottom: 18px;
        text-align: center;
    }
    .chkbox{
        position: relative;
        margin-left: 0;
        right: 9px;
        bottom: 2px;
    }
    .hero-curve-img{
        bottom: 6px;
    }
    .lower-section-one-text p {
        font-size: 22px;
        line-height: 30px;
    }
    .lower-section-one-text p br{
        display: none;
    }
    .header-top{
        padding-top: 12px !important;
    }
    .price-form label{

    }
    #chkbxinputone:after{
        bottom: 12px;
    }
    .hero-banner-bg{
        padding-left: 0;
        padding-right: 0;
        min-height: 393px;
        margin-bottom: 22px;
    }
    .section-one{
        margin-bottom: 0px;
    }
    .content-proj-wrap{
        width: 104px;
        padding: 5px 6px;
    }
    .hero-banner-bg img{
        height: 393px;
        object-fit: cover;
    }
    .section-one-text {
        padding-left: 0px;
        padding-right: 0px;
    }
    .section-one-wrap{
        padding: 0 !important;
    }
    .project-box{
        width: 49% !important;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 6px !important;
    }
    .main-navbar{
        position: fixed;
        top: 89px;
        background: var(--white-color);
        z-index: 9;
        width: 100%;
        display: none;
        height: 100%;
    }
    .nav-tabs .nav-link.active{
        font-size: 20px;
    }
    .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;*/
    /*}*/
    .sevent-projoject-tall{
        padding: 0 !important;
    }
    .projects-upper{
        overflow: hidden;
    }
    .project-sevth-card{
        min-height: 365px;
    }
    .mobile-order-wrap .morder1{
        order: 1;
    }
    .mobile-order-wrap .morder2{
        order: 2;
    }
    .mobile-order-wrap .morder3{
        order: 3;
    }
    .mobile-order-wrap .morder4{
        order: 4;
    }
    .mobile-order-wrap .morder5{
        order: 5;
    }
    .mobile-order-wrap .morder6{
        order: 6;
        padding: 0 !important;
    }
    .mobile-order-wrap .morder7{
        order: 7;
        margin-top: -155px;
    }
    .mobile-order-wrap .morder8{
        order: 8;
    }
    .mobil-50{
        width: 50%;
        padding-right: 12px;
        padding-left: 12px;
    }

    /*humburger menu*/
    .hamburger {
        width: 30px;
        height: 3px;
        background-color: #FFFFFF;
        position: relative;
        display: block;
        margin-top: 25px;
    }
    .hamburger.open{
        background-color: #000000;
    }
    .hamburger.open:before, .hamburger.open:after{
        background-color: #000000;
    }
    .hamburger:before, .hamburger:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 3px;
        background-color: #FFFFFF;
    }
    .main-menu-ul li{
        border-bottom: 1px solid #06103e;
    }
    .header-top-mnhgt{
        padding: 10px;
        background: #fff;
        width: 100%;
        margin-top: -12px;
        padding-bottom: 50px;
    }
.header-top-mobile{
    text-align: left;
}
    .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{
        padding: 25px 0 !important;
    }
    .city-neighbour-content h2 {
        font-size: 25px;
        margin-top: 24px !important;
    }
    .city-neighbour-content span {
        font-size: 13px;
    }
    .city-neighbour-content .heading-gradient p, .city-neighbour-content .heading-gradient span {
        font-size: 32px;
        line-height: 35px;
    }
    .city-neighbour-content .main-city-content p {
        font-size: 17px;
    }
    .city-hads-righ-img-cont {
        width: 100% !important;
        padding: 0;
        margin-bottom: -98px;
    }
    #myTabContent {
        overflow-x: scroll;
    }
    .thumbnail-gallery-content{
        padding: 115px 60px 18px 32px;
        background-color: #0b1e49;
    }
    .heading-gradient span, .thumbnail-gallery-content .heading-gradient p{
        font-size: 36px !important;
    }
    .map-chart-wrap .heading-gradient p {
        font-size: 36px;
    }
    .thumbnail-gallery:after{
        display: none;
    }
    .map-chart  .heading-gradient{
        margin-bottom: 15px!important;
    }
    .notice-gallery{
        text-align: center;
        padding-left: 0;
        margin-top: -30px;
    }
    .projects-upper.margin-bottom{
        margin-bottom: 10px;
    }
    .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: 15px;
        line-height: 26px;
    }
    .thumbnail-gallery{
        background: #FFFFFF;
        overflow: hidden;
        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;
        font-size: 16px;
    }
    .spread-payment-content{
        margin-right: 0;
        padding: 0px 0 0px 0;
    }
    .payemtn-lower{
        margin-top: 0 !important;
    }
    .payemtn-lower li span {
        font-size: 16px;
    }
    .mortgage{
        margin-bottom: 0 !important;
    }
    .mortgage-notice{
        margin-top: 5px !important;
    }
    .mortgage h2 {
        font-size: 40px;
    }
    .faq-headeng-wrap{
        padding-top: 20px !important;
        margin-bottom: 10px !important;
    }
    .faqs-section .heading-gradient p{
        line-height: 40px;
    }
    .spacer-ads-40{
        height: 30px;
    }
    .spread-payment {
        padding: 20px 15px 20px 20px;
    }
    .mortgage-main-wrap {
        padding-right: 0px;
    }
    .price-list{
        padding: 0 !important;
    }
    .price-list .searchbox {
        width: 100%;
    }
    .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;
    }
    .main-table, .main-table .container{
        padding: 0 !important;
        overflow: hidden;
    }
    /*.city-neighbor{*/
    /*    overflow: hidden;*/
    /*}*/
    .margin-bottom{
        margin-bottom: 140px;
    }
    .ads-serch-btn-top{
        width: 47.5%;
        display: inline-block;
        margin-top: 14px;
        padding: 5px 0;
        margin-right: 5px;
    }
    .faqs .accordion-button span {
        padding-right: 0px;
        margin-left: 10px;
        font-size: 20px;
    }
    .faqs .accordion-header .accordion-button {
        background: linear-gradient(297deg, #0b1d48 19%, #ae924b 0%, #e3cd7b 60%);
        padding: 0 10px;
    }
    .faqs .accordion-body {
        padding: 20px 60px 85px 15px;
    }
    .faqs .accordion-body p {
        font-size: 14px;
        line-height: 24px;
    }
    .spread-payment-content h2 {
        font-size: 32px;
    }
    .sub-heading {
        font-size: 20px;
    }
    .payment-wrap {
        padding-left: 12px !important;
    }
    .inner-color-wrapsperd:after{
        background-size: contain;
        width: 90px;
        height: 189px;
    }
    .inner-color-wrapsperd:before{
        width: 27px;
        height: 93px;
        background-size: contain;
    }
    .payemtn-lower li p {
        font-size: 16px;
        margin-bottom: 9px;
    }
    #sel22, .chkbox{
        margin-left: calc(50% - 48%);
    }
    .body-fixed{
        position: fixed;
        top: 0px;
        width: 100%;
    }
    input[type="checkbox"]:checked::before{
        top: 25px !important;
        right: 2px !important;
    }
    #chkbxinput:after{
        bottom: -5px;
    }
    .project-galler-upper-wrap .morder1, .project-galler-upper-wrap .morder3, .project-galler-upper-wrap .morder5, .project-galler-upper-wrap .morder7{
        padding-left: 3px;
    }
    .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: 235px;
    }
    .lower-project {
        height: 120px;
        object-fit: cover;
        background-size: cover;
    }
    .content-proj-wrap:after {
        width: 100px;
        height: 112px;
    }
    .project-box h3 {
        font-size: 11px;
        font-weight: 700;
    }
    .mobile-hide{
        display: none;
    }
    .map-nksah-inner-wrap {
        padding-right: 0;
    }
    .map-nksah-inner-wrap .col-md-5{
        width: 100%;
    }
    .city-habas-right{
        width: 100% !important;
        padding: 0 !important;
    }
    .city-neighbor {
        background: linear-gradient(to left, #0b1e49 0px, #0b1e49 100%, transparent 70%);
    }
    .project-box p {
        font-size: 10px;
        margin-top: 2px;
    }
    .right-side-project-wrap {
        gap: 5px;
    }
    .city-neighbor:before{
        display: none;
    }
    .neighbour-city-wrap{
        background-image: none !important;
    }
    .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;
        margin-bottom: 0 !important;
    }
    .mortgage-main-wrap .col-md-5, .mortgage-main-wrap .col-md-7 {
        width: 100%;
    }
    .accordian-mortgage .accordion-button p {
        font-size: 18px;
    }
    .mortga-list-style p {
        font-size: 16px;
    }
    .mortgage-upper{
        margin-bottom: 10px !important;
    }
    .mortgage-img{
        margin-bottom: 20px;
    }
    .price-list input[type='text']{
        width: 48%;
        margin-top: 6px;
    }
    .pricelist-search .ads-serch-btn-top{
        margin-right: calc(100% - 49%);
        width: 48%;
        margin-top: -35px;
    }
    .price-list #searchbox{
        margin-top: 40px !important;
    }
    .above-table-secrmiann-title{
        margin-bottom: 10px !important;
    }
    .checkbox-label-above-table{
        font-size: 16px !important;
        margin-top: 0px !important;
        margin-left: 0 !important;
        padding-right: 8px !important;
    }
    .pricelist-search .chkbox{
        margin-top: -6px;
    }
    .price-list p {
        font-size: 29px;
    }
    .price-list input[type="checkbox"]:checked::before{
        top: -2px;
        /*background-image: url(../images/price-list-cherck-mobile.png);*/
        width: 30px;
        height: 30px;
        content: '\2713';
        right: 5px;
    }
    .price-list #chkbxinputone:after {
        content: '';
        width: 30px;
        height: 30px;
        top: 0px;
        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: 4px 7px;
        font-size: 14px;
    }
    table td {
        padding: 5px;
    }
    #searchbox input[type="checkbox"]:checked::before{
        top: -8px !important;
    }
    #searchbox .chkbox label{
        margin-top: -22px;
    }
    /* width */
   .main-table ::-webkit-scrollbar {
        width: 4px;
        height: 6px;
    }

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

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

    /* Handle on hover */
    .main-table ::-webkit-scrollbar-thumb:hover {
        background: #021f4c;
    }
    .fils-for-downlaod span{
        font-size: 14px;
    }
    .footer-imge01, .footer-imge02{
        width: 50% !important;
        margin-top: 35px;
    }
    .footer {
        padding: 26px 16px !important;
    }
    .bottom-file-heading-wrap{
        margin: 0 0 30px 0 !important;
    }
    .seventh-mobile-wrap{
        display: block;
    }
    .price-form select{
        padding: 7px 15px 10px 35px;
    }
    table thead > tr > th:nth-last-child(3){
        min-width: 180px;
    }
    table thead > tr > :where(th:nth-last-child(4), th:nth-last-child(6), th:nth-last-child(8)){
        min-width: 100px;
    }
    .tab-content{
        overflow-x: auto;
    }
}

@media (max-width: 400px) {

    .faqs .accordion-button p {
        font-size: 16px;
        line-height: 15px;
        padding: 13px 0;
    }
    .chkbox label {
        font-size: 16px;
    }
    .searchbox .hed-serch-lable{
        font-size: 16px;
    }
    .heading-gradient p {
        font-size: 40px;
    }
    .lower-section-one-text p {
        font-size: 18px;
        line-height: 26px;
    }
    .city-neighbour-content .heading-gradient p, .city-neighbour-content .heading-gradient span {
        font-size: 26px !important;
    }
    .accordian-mortgage .accordion-button p {
        font-size: 16px;
    }
}