@media (max-width: 1300px) {
    .project-card img{height: auto;}
    .price span{font-size: 15px;}
    .project-card .btn {font-size: 12px;width: auto;}
    
}
@media (max-width: 1200px) {
    .navbar-nav .nav-link{font-size: 15px;}
    .project-in, .trusted-guide-in{max-width: 98%;}
    .team-behind-in{max-width: 90%;}
    .footer-links a{margin-right: 12px;}
}
@media (max-width: 1024px) {
    .birds{left: 15%;}
    .height-block {height: auto;padding: 50px 0 0;}
    
}
   /* Mobile Styles */
    @media (max-width: 991px) {
        .open .side_bar{display: block !important;}
        .navbar-collapse{display: none;}
        .side_bar  .navbar-collapse{display: block;}
        .navbar-nav{margin: 0;}
        .navbar-nav li:after{display: none;}
        .side_bar, menu{display: none;}
        .menu{display: block !important;}
        .promise-section{height: auto !important;z-index: 99999999;}
        .pin-spacer{z-index: 99999999 !important;}
    }
 @media (max-width: 767px){
     .trusted-guide::after{bottom: 0;}
     footer{z-index: 9999;position: relative;}
     .footer-logo{height: 325px;}
     .birds2{top: 10%;width: 35px;}
     .trusted-guide .card{margin: 70px 0 0;}
         .project-in, .trusted-guide-in {
        margin: -20px auto 0 !important;
    }
     .text-start-peaceful-togetherness{max-width: 300px;left: 0;right: 0;margin: 0 auto;bottom: -70%;left: 0 !important;right: 0 !important;text-align: center;border: 1px solid;}
     .form-container{top: 50px;bottom: auto;left: 0;right: 0;margin: 0 auto;width: 300px;}
     .project-amenities{padding: 20px 0;}
     .masterplan, .location-highlights{padding: 0 !important;}
     .project-card .btn{margin: 0;}
     .scroll-video-container, .pin-spacer{height: 350px;}
     .pin-spacer{padding: 60px 0 0 !important;}
     .modal{    position: fixed !important;
    z-index: 9999999999 !important;}
     .services-offer-right {
    max-width: 90% !important;
    margin: 0 auto;
}
     .peaceful-togetherness img{height: 400px !important;}
     .peaceful-togetherness .text-start-peaceful-togetherness{bottom:30px !important;}
}

    /* Desktop Styles */
    @media (min-width: 992px) {
     
    }