@media (min-width: 1300px) and (max-width: 1479px){
    .banner-section .filter .search-form .form-group{flex: 1;}
    .banner-section .filter .search-form{}
    .banner-section .filter .search-form .form-control{min-width: 100%;}
    .select2-container{width: 100% !important;}
}
@media (min-width: 1328px) and (max-width: 1400px){
    header nav ul li {padding: 0 10px; /*padding: 0 18px;*/}
    header nav ul li a {font-size: 15px;}
    header .logo img {height: 40px;}
    header .inner-area {padding: 15px 0;}
    header .right-nav {gap: 15px}
}
@media (max-width: 1328px){
    .inner-search-section .form-control{min-width: 180px;}
    header nav ul li {padding: 0 10px; /*padding: 0 18px;*/}
    header nav ul li a {font-size: 15px;}
    header .logo img {height: 40px;}
    header .inner-area {padding: 15px 0;}
    header .right-nav {gap: 15px}
}
@media (max-width: 1279px){
    header .inner-area{padding: 15px 0;}
    header .logo img{height: 40px;}
    .banner-section .filter{padding: 25px 0;}
    .banner-section .description .description-data{padding: 25px;}
    .banner-section .filter .search-form .form-control{min-width: 160px;}
    /* .banner-section .banner-slider .slider img{height: 600px;} */
    .common-section{padding: 50px 0;}
    .featured-developments-section .all-featured-dev{gap: 20px;}
    .featured-developments-section .all-featured-dev .featured-card .dev{margin-bottom: 15px;}
    .featured-developments-section .all-featured-dev .featured-card .blue-card{padding: 20px;}
    .featured-developments-section .extra-fev ul{gap: 8px;}
    .common-container,
    .common-custom-container{padding: 0 20px;}
    .featured-developments-section .slick-slide{margin: 0 15px;}
    .featured-developments-section.latest-listings .featured-images img{height: 220px;}
    .news-and-events-section .img-left{width: 60%;}
    .news-and-events-section .full-screen .right-content{width: 40%; padding: 40px;}
    .news-and-events-section .three-col .content{padding: 24px;}
    .news-and-events-section .content h3{margin-bottom: 24px;}
    h3{font-size: 22px;}
    .find-out-more-section .project-marketing .left{font-size: 26px;}
    footer .f-menu .link li{margin-bottom: 20px;}
    footer .f-logo{margin-bottom: 60px;}

    .inner-search-section .clear-all{margin: 0;}
    .list-view-section .all-list{gap: 20px;}
    .inner-search-section .form-control {min-width: 120px;}
    .list-view-section .project-details{padding: 22px;}
    .list-view-section .all-list .card .title-box .company-logo{width: 60px; height: 60px;}

    .enquire-section .inner-content{gap: 15px;}
    .enquire-section .com-logo{width: 100px; height: 100px;}
    .enquire-section .center-content .title{gap: 20px; margin-bottom: 30px;}
    .enquire-section .video-box .video {height: 60px;}
    .enquire-section .video-box .common-btn{margin-top: 15px;}
    .gallery-section ul{gap: 20px;}

    header nav ul li {padding: 0 10px;}
    header .right-nav .common-line-btn, header .right-nav .common-btn {padding: 8px 20px;}
    header .right-nav{gap: 10px;}
    .sign-in {padding: 8px 10px !important;}
    header .all-right-btn{gap: 5px;}
    header nav ul li a{font-size: 13px;}
}

@media (max-width: 1104px){
    .enquire-section .project-data ul{gap: 20px;}
    header .right-nav .common-line-btn, header .right-nav .common-btn {padding: 8px 10px;}
}

@media (max-width: 1023px){
    .banner-section .filter .search-form .form-control{min-width: 155px;}
    .banner-section h5,
    .banner-section .description h1{margin-bottom: 20px;}
    h3{font-size: 18px;}
    .small-title{margin-bottom: 30px;}
    .featured-developments-section.latest-listings .all-featured-dev{grid-template-columns:1fr 1fr 1fr;}
    .start-listing-otp-section .inner-area{padding: 60px;}
    .news-and-events-section .full-screen .right-content{padding: 30px;}
    .news-and-events-section .three-col .content{padding: 20px;}
    .find-out-more-section .project-marketing .left{padding: 26px; font-size: 20px;}
    .find-out-more-section .project-marketing .right{padding: 40px;}
    .find-out-more-section h6{margin-bottom: 18px;}
    footer .newsletter{width: 300px;}
    footer .f-menu .link li{margin-bottom: 15px;}
    footer .f-menu .link h5,
    footer .newsletter h5{margin-bottom: 15px;}
    footer .f-logo img{height: 40px;}
    footer .f-logo{margin-bottom: 50px;}
    footer .f-menu .link li{white-space: nowrap;}
    footer .f-menu .link.talk-to-us li{white-space: normal;}

    .list-view-section .project-details{padding: 18px;}
    .inner-search-section .form{gap: 10px;}

    .enquire-section .center-content{width: 100%; order: 3;}
    .enquire-section .inner-content{justify-content: center;}
    .enquire-section .video-box .common-btn{margin: 0; margin-left: 15px;}
    .enquire-section .video-box{order: 4; display: flex;}
    .enquire-section .center-content .title{flex-direction: column; align-items: center;}
    .enquire-section .project-data ul{justify-content: center;}
    .enquire-section .com-logo {background: #fff;width: 150px;height: auto;}
    .about-section .view-btn li{margin-top: 15px; padding-top: 15px;}
    .enquire-section .video-box .video {width: 100px;height: 40px;}

    .project-detail-slider .p-slider .category{ top: 50px; left: 50px;}


    .enquire-section .project-data ul,
    .enquire-section .inner-content,
    .enquire-section .center-content .title{flex-wrap: wrap;}

    .project-detail-section .common-btn.pro{ top: 30px; left: 40px;}
    .featured-developments-section .all-featured-dev .featured-card .From{margin-bottom: 15px;}
}
@media (max-width: 990px){
    .mobile-menu{display: block; transition: var(--transition);}
    header .right-nav nav{display: none;}
    .menuShow header .right-nav nav{display: block;position: fixed;top: 0;width: 100%;background: #162a3d;left: 0;right: 0;padding: 40px;z-index: 99;height: 100%; padding-top: 80px; transition: var(--transition);}
    .menuShow header nav ul li a{color: #fff; font-size: 18px;}
    .menuShow header nav ul {display: flex;align-items: start;flex-direction: column;gap: 30px;}

    .menuShow .mobile-menu {position: fixed;z-index: 999;right: 30px;top: 30px; transition: var(--transition);}
    .menuShow .mobile-menu span{background: #fff; transition: var(--transition);}
    .menuShow .mobile-menu span:last-of-type{display: none;}
    .menuShow .mobile-menu span:nth-child(1){transform: rotate(45deg); top: 9px; position: relative;}
    .menuShow .mobile-menu span:nth-child(2){transform: rotate(-45deg);}
    .news-and-events-section .img-box img{height: 200px;}
    .start-listing-otp-section .inner-area .phone img{width: 220px;}
    .start-listing-otp-section .inner-area{padding: 40px;}

    .mobile-filter{display: block;}
    .mobile-filter i{font-size: 15px;border: solid 1px #162a3d;padding: 8px;}
    /* .banner-section .filter-and-description{display: none;} */
    .FilterShow .banner-section .filter-and-description{display: flex; flex-direction: column; transition: var(--transition); z-index: 5;}
    .banner-section .filter{display: none; position: relative}
    .banner-section .filter-and-description{bottom: 30px; top: auto;}
    .banner-section .description,
    .banner-section .filter{width: 100%;}
    .banner-section h5, .banner-section .description h1{margin-bottom: 10px;}
    .banner-section .description h1{font-size: 24px;}
    .banner-section .description,
    .banner-section .filter{background: rgba(255,255,255,.9);}
    .banner-section .description .description-data{padding:30px 20px;}
    .featured-developments-section .featured-images img{height: 240px;}
    .common-section{padding: 40px 0;}
    .featured-developments-section .slick-slide img{height: 250px;}
    .news-and-events-section .three-col,
    .featured-developments-section .all-featured-dev,
    .featured-developments-section.latest-listings .all-featured-dev{gap: 15px;}
    .featured-developments-section .slick-slide{margin: 0 7.5px;}
    h2{font-size: 22px;}
    .start-listing-otp-section h2{margin-bottom: 20px;}
    .start-listing-otp-section .inner-area .phone img{width: 190px;}
    footer .newsletter{min-width: 220px; width: 100%;}
    footer .f-menu .link.follow  li a{font-size: 0;}
    footer .f-menu .link.follow ul{display: grid; grid-template-columns: 1fr 1fr;}
    .banner-section .banner-slider .slider-content{display: block; bottom: 0; z-index: 1;}
    .featured-developments-section .all-featured-dev .featured-card .blue-card:hover .extra-fev{bottom: -95px;}
    .featured-developments-section.latest-listings .all-featured-dev .featured-card .blue-card:hover .extra-fev{bottom: -62px;}
    .featured-developments-section .extra-fev{flex-wrap: wrap;}
    .banner-section .slider-content{display: none;}

    .list-view-section .all-list .card .title-box{padding: 10px 10px 10px 18px;}
    .inner-search-section .search-area{flex-wrap: wrap;}
    .inner-search-section .list-switch {width: 150px;}
    .list-view-section .house-details ul{gap: 10px;}
    .list-view-section .all-list{gap: 15px;}
    .request-information-section .info-form-address .left{width: 60%;}
    .request-information-section .info-form-address .right{width: 40%;}

    .banner-section .filter-and-description h5{display: none;}
    .banner-section .mobile-view-text{display: block;}
    .banner-section .mobile-search-area{display: block; position: relative;}
    .FilterShow .banner-section .mobile-search-area .filter{display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; width: 100%; background: rgba(255, 255, 255, 0.9); z-index: 10;
        transition: var(--transition);}
    .featured-developments-section .all-featured-dev .featured-card p{font-size: 16px;}
    .featured-developments-section .all-featured-dev .featured-card .blue-card{padding: 15px;}
    .FilterShow .banner-section .font-22px{font-size: 18px !important;}
    .resources-section ul{gap: 20px;}
}

@media (max-width: 921px){
    .list-view-section .house-details {flex-direction: column-reverse;align-items: start;}
    .about-section .left .content p{max-width: 100%;}

    header .right-nav .common-line-btn, .common-line-btn, .common-btn{padding: 8px 20px;}

}

@media (max-width: 767px){
    .news-and-events-section .img-left,
    .news-and-events-section .full-screen .right-content{width: 50%;}
    .news-and-events-section .full-screen .right-content{padding: 20px;}
    .news-and-events-section .img-box img{height: 160px;}
    h3{font-size: 16px;}
    .find-out-more-section .project-marketing .right{padding: 20px;}
    .find-out-more-section .project-marketing .left{padding: 20px; text-align: center;}
    footer .f-menu .link.follow{order: 2; width: 100%;}
    footer .f-menu{flex-wrap: wrap;}
    footer .f-menu .link.follow ul{display: flex;}
    h4{font-size: 13px;}
    footer .newsletter .name{gap: 10px;}
    footer .f-menu .link li{margin-bottom: 10px;}
    .web-policy{padding: 15px 0;}
    .featured-developments-section{overflow: hidden;}
    .featured-developments-section.latest-listings .all-featured-dev,
    .featured-developments-section .all-featured-dev{grid-template-columns: 1fr 1fr;}
    .featured-developments-section .slider .name{padding: 20px;}
    .featured-developments-section .all-featured-dev .featured-card .blue-card:hover .extra-fev {bottom: -95px;}
    .start-listing-otp-section .inner-area .phone{display: none;}
    .featured-developments-section.latest-listings{margin: 0;}
    .start-listing-otp-section .common-section{padding-bottom: 0;}
    .news-and-events-section .three-col{display: grid;  grid-template-columns: 1fr 1fr;}
    /*.find-out-more-section .project-marketing{flex-direction: column-reverse;}*/
    .find-out-more-section .project-marketing .right,
    .find-out-more-section .project-marketing .left{width: 100%;}
    .find-out-more-section .project-marketing .right img {width: 150px;margin: 0 auto;}
    .start-listing-otp-section .inner-area{padding: 30px;}
    footer .web-policy p{text-align: center;}
    footer .web-policy{justify-content: center;}

    .inner-search-section .search-area,
    .inner-search-section .form{display: block; text-align: center;}
    .inner-search-section .form-group{margin-bottom: 10px;}
    .inner-search-section .list-switch {margin: 0 auto 20px;}
    .list-view-section .house-details.line{margin-bottom: 10px; padding-bottom: 10px;}
    .list-view-section .project-details h3{margin-bottom: 10px;}

    .project-detail-slider .p-slider img, .project-detail-slider .slick-slide{height: 335px;}
    .project-detail-slider .p-slider .category{ top: 30px; left: 30px;}
    .enquire-section .center-content .title{gap: 15px; margin-bottom: 25px;}
    .location-section iframe{height: 360px; margin-bottom: 20px;}
    .about-section .about-area{flex-direction: column; gap: 15px;}
    .about-section .agent-box{  width: 100%;}
    .about-section .agent-box .title{padding: 15px;}
    .features-section ul li{margin-bottom: 12px;}
    .gallery-section ul{grid-template-columns:1fr 1fr;}
    .request-information-section .info-form-address .right{display: none;}
    .request-information-section .info-form-address .left{width: 100%;}
    .request-information-section .info-form-address{display: block;}

    .request-information-section{background-image: url(../../assets/Images/slider1.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;  box-shadow: inset 0 0 0 2000px rgba(240, 240, 240, 0.9);}
    .request-information-section .form-group.message .form-control{height: 150px;}
    .about-section .view-btn{margin-top: 20px;}
    .enquire-section .center-content .title h1{font-size: 20px; text-align: center;}
    .enquire-section .center-content .title p{text-align: center;}

    header .right-nav .common-line-btn, .common-line-btn, .common-btn{padding: 8px 6px;}

    .banner-section .banner-slider .slider img{height: calc(100vh - 118px);}

    .enquire-section .project-data ul li span{font-size: 18px;font-weight: bold;}
    .enquire-section .video-box.desktop-view .video,
    .enquire-section .video-box.desktop-view .watch{display: none;}
    .enquire-section .video-box.mobile-view{display: block;}
    .enquire-section .video-box .common-btn{margin: 0;}
    .enquire-section .video-box .video{width: auto; height: 100px;}

    .common-container{padding: 0 20px;}
    .resources-section ul{gap: 15px;}

}
@media (max-width: 639px){
    .banner-section .description h1{font-size: 20px; line-height: normal;}
    .banner-section .filter .search-form{gap: 10px; margin-top: 10px;}
    .menuShow header .right-nav nav{padding: 20px; padding-top: 70px;}
    .featured-developments-section .slider .name{padding: 15px;}
    .news-and-events-section .three-col,
    .featured-developments-section.latest-listings .all-featured-dev,
    .featured-developments-section .all-featured-dev{grid-template-columns:1fr;}
    .featured-developments-section .all-featured-dev .featured-card .blue-card:hover .extra-fev {bottom: -62px;}
    .news-and-events-section .img-left{display: none;}
     .news-and-events-section .full-screen .right-content{width: 100%;}

     .banner-section .filter .search-form{display: block;}
     .banner-section .filter .form-group{margin-bottom: 10px;}
     h2{font-size:18px; line-height: normal;}
    .featured-developments-section .don-miss-out{padding: 20px;}
    .find-out-more-section .project-marketing .left{font-size: 16px;}
    .start-listing-otp-section h2{margin-bottom: 15px; line-height: 22px;}
    .banner-section .filter .checkbox-tools:checked + label, .banner-section .filter .checkbox-tools:not(:checked) + label{padding: 8px 12px;}
    .banner-section .filter .select-destination .form-group{margin: 0;}
    .banner-section .filter{padding: 15px 0;}

    .list-view-section .all-list{grid-template-columns: 1fr;}
    .list-view-section .house-details{gap: 10px;}
    .features-section ul li{min-width: 100%;}
    .featured-developments-section .all-featured-dev .featured-card .dev,
    .featured-developments-section .all-featured-dev .featured-card p,
    .featured-developments-section.latest-listings .all-featured-dev .featured-card p{height: auto !important;}
    .price-range .select2-container{width: 100% !important;}
    .common-container{padding: 0 15px !important;}
}

@media (max-width: 554px){
    header .all-right-btn .search{display: none;}
    header .all-right-btn .common-line-btn,
    header .all-right-btn .common-btn{font-size: 0; position: relative;}
    header .all-right-btn .common-line-btn.list-with,
    header .all-right-btn .common-btn.sign-in{width: 25px; height: 25px; padding: 0;}
    .mobile-filter i{padding: 5px;}
    header .all-right-btn .common-line-btn.list-with:after,
    header .all-right-btn .common-btn.sign-in:after{content: '\f007';position: absolute;font-size: 15px;inset: 0;margin: auto;display: flex;justify-content: center;align-items: center;font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: var(--fa-style, 900);}
    header .all-right-btn .common-line-btn.list-with:after{content: '\f1d9';}
    header .right-nav{gap: 8px;}
    header .logo img{height: 30px;}
    header .all-right-btn .common-line-btn.list-with:after, header .all-right-btn .common-btn.sign-in:after,
    .mobile-filter i{font-size: 12px;}
    .menuShow header nav ul li a{font-size: 16px;}
    .start-listing-otp-section .inner-area .content ul{display: block;}
    .start-listing-otp-section .inner-area .content li{margin-bottom: 10px;}
    .start-listing-otp-section .inner-area .content li:last-of-type{margin-bottom: 0;}
    .common-section{padding: 30px 0;}
    .small-title{margin-bottom: 20px;}
    .featured-developments-section .slick-slide img{height: 260px;}

    .location-section iframe {height: 300px;}
    .about-section .agent-box .title .com-logo{width: 80px; height: 40px;}
    .about-section .agent-box .title .com-logo img {width: 100%;padding: 5px;inset: 0;height: 100%;object-fit: contain;}
    .about-section .agent-details{margin: 15px; padding-bottom: 15px; gap: 15px;}
    .gallery-section ul{gap: 15px;}

    .enquire-section .project-data ul{display: block; text-align: center;}
    .enquire-section .center-content .title{margin-bottom: 18px;}

    .banner-section .banner-slider .slider img{height: calc(100vh - 105px);}
}

@media (max-width: 480px){
    footer .talk-to-us{width: 100%;}
    h3 {font-size: 14px;}
    .list-view-section .all-list .card .title-box .company-logo{width: 40px; height: 40px;}
    .list-view-section .all-list .card .title-box{padding: 10px; gap: 10px;}
    .request-information-section .form-group{width: 100%;}
    .location-section iframe{height: 260px;}
    .project-detail-slider .p-slider img, .project-detail-slider .slick-slide{height: 300px;}
    .about-section .view-btn li{ margin-top: 10px; padding-top: 10px;}
    .about-section .view-btn{margin: 0;}
    .features-section ul li{margin-bottom: 8px;}

    .enquire-section .video-box .video img{width: 100%; height: 100%; object-fit: cover;}
    .enquire-section .video-box{width: 100%; display: block;}
    .enquire-section .com-logo{ width: 120px;}
    .gallery-section ul{grid-template-columns: 1fr;}

    .banner-section .banner-slider .slider img {height: calc(100vh - 134px);}
    .about-section .right{ width: 100%;}
    .about-section .agent-box .title .com-logo {background: none; height: auto}
    .resources-section ul{gap: 10px;}
}