@media (min-width: 1920px) {
  .building-wrapper {
    height: 1100px;
  }
}

@media (max-width: 1399px) {
    .hero-badge{
        right: 33.5rem
    }
}

@media (max-width: 1500px) {
    .content-wrapper-absolute{
    right: -54%;
  }
}

@media (max-width: 1264px) {
    .building-wrapper{
        height: 530px;
      }
      .navbar-nav{
        gap: 0;
      }
}

@media (max-width: 1199px) {
     .hero-badge{
        right: 22.5rem
    }
}

@media (max-width: 991px) {
  .gallery-btn-wrapper {
    right: 1rem;
  }
  .gallery-btn-wrapper .btn {
    padding: 0.5rem 0.5rem;
  }
  .building-wrapper{
    height: 440px;
  }
    .content-wrapper-absolute{
    right: -50%;
  }
     .hero {
    animation: none;
     background-size: cover;
      background-position: center;  
    background-repeat: no-repeat;
  }
  
 .floorplan-section{
    margin-top: 0rem;
 }
 .floor-plan-only{
    padding-top: 5rem !important;
}

.hero-badge{
    right: 9.5rem;
}
.floorplan-image{
    width: 100% !important;
}
.header-title p{
    margin-bottom: 0 !important;
}
.header-controls{
    margin-bottom: 1rem;
}
.building{
    padding-bottom: 0;
}
.gallery{
    padding-bottom: 0;
}
.apartments{
    padding-bottom: 0;
}
.location{
    padding-bottom: 0;
}

.contact .col-lg-6.my-auto{
    margin-top: 1rem !important;
}

}

@media (max-width: 786px) {
  .col-big {
    height: 50% !important;
  }
  .gallery-btn-wrapper {
    right: 1.5rem;
  }
  .gallery-btn-wrapper .btn {
    padding: 0.5rem 2rem;
  }
  .building-wrapper{
    height: 440px;
  }
   .row.h-100.gy-3 {
  height: auto !important;
}

.hero-badge{
    right: 0.5rem;
}
 .flatplan-section{
    margin-top: 3rem;
   
}
.contact-submit{
    flex-direction: column;
    gap: 10px;
    margin-bottom: 1rem;
 }
 .contact-person{
    margin-bottom: 2rem ;

}
}

@media (max-width: 576px) {
  .col-big {
    height: 65% !important;
  }
  .building-wrapper{
    height: 265px;
  }
  .gallery-controls button{
    padding: 0;
  }
  .about-us img{
    height: 300px !important;
  }
 
 .contact-person-wrapper{
    width: 200px;
    height: 200px;
 }
}

@media (max-width: 496px){
    .hero-content{
        margin-bottom: 9rem;
    }
}

@media (max-width: 452px){
    .btn-donwnload{
        padding: 0.5rem 0rem;;
    }
    .footer-copy .container{
        flex-direction: column;
    }
}