@media (min-width: 100px) and (max-width: 992px) {
      #navbar_top .nav-item .nav-link {color: #333;}
      #navbarSupportedContent {overflow: hidden !important;}
      .amenities-section ul {
grid-template-columns: repeat(2, 115px);
}
      .banner-section {margin-top: 0px;}
      .fix-banner-fonts h1 {font: normal 28px/110% 'Forum';letter-spacing: 5px;}
      .navbar-brand img {height: 46px;}
      .other-projects span {font: normal 400 30px/22px 'Belleza';}
      .other-projects h1 {font: normal 400 20px/20px 'Belleza';}
      .overview-points {padding: 30px 0;}
      .other-projects h1 a img {height: 80px;}
      .about-section {padding: 40px 0 40px;}
      .heading-title h1 {font: normal 400 30px/100% 'Belleza';}
      .heading-title h1 img {margin-right: 5px;height: 20px;width: 22px;}
      .about-section .para p {padding: 20px 0 40px;font: normal 400 14px/26px 'Belleza';text-align: justify;}
      .mission-holder img {height: 40px;width: 40px;}
      .mission-holder h2 {font: normal 400 30px/100% 'Belleza';display: inline;}
      .mission-holder p {padding: 10px 0 20px; font: normal 400 14px/28px 'Belleza';}
      .ceo-holder .ceo {border: none; width: auto;height: auto;padding: 0px;/*clip-path: polygon(50% 0%, 0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%);*/}
      .overview-imgs ul li {height: 90px;}
      .phases-section {   padding: 50px 0 20px;}
      .all-projects-btn a {font: normal 400 14px/100% 'Belleza';}
      .amenities-section {padding: 40px 0 20px;}
      .amenities-section .heading-title p {padding-top: 20px;width: 100%;margin: auto;text-align: center;}
      .amenities-section .aminities-slider { padding: 40px 0 20px;}
      .amenities-section .aminities-slider li {padding: 0 0px;}
      .amin-card {padding: 15px 10px 30px;}
      .testimonial-section {padding: 50px 0 40px;background-size: inherit;background-repeat: no-repeat;}
      .testimonial-section .testimonial-slider {padding: 20px 0 20px;}
      .footer-section .logo-holder img {height: 72px;width: -moz-available;}
      /* .footer-section .heading-title h1 {margin-right: auto;padding-top: 30px;} */
      .footer-section .heading-title p { width: 100%;color: #fff;padding: 30px 0;}
      .footer-section .heading-title h1 { margin-right: auto;padding-top: 30px;color: #fff;}
      .footer-btn {color: #fff;padding: 10px 0;font: normal 400 14px/20px 'Belleza';text-transform: uppercase;}
      .fixed-icon {font: normal 400 20px/25px "Belleza";}
      .fixed-icon-div {padding: 0px 20px; transform: translateX(60px) rotate(90deg);}
      .more-btn {height: 18px;font: normal 400 14px/24px "Belleza";}
.about-section .more-btn {padding: 15px 0;margin-top: 25px;margin-bottom: 20px;}
.footer-section .heading-title h1 {width: 70%;}
.footer-points li {font: normal 400 12px/18px 'Belleza';}
.phase-slider  .slick-slide img {height: 350px;object-fit: fill;}
.phase-fonts {transform: translateX(-80px) rotate(-90deg);top: 50%;left: 0%;position: absolute;}
  .address-fonts ul li:nth-child(2), .address-fonts ul li:nth-child(3) {font: normal 400 13px/16px 'Belleza';letter-spacing: 0.5px;text-transform: lowercase; }
.address-fonts ul li:nth-child(1) {font: normal 400 18px/26px 'Belleza'; }
.ceo-holder img {height: initial;width: -moz-available;    }

.banner-section .slick-slide .banner-overlap .fix-banner-fonts {position: absolute;top: 50%;left: 42%;max-width: 355px;transform: translate(-50%, -50%);}


    }

    @media only screen and (max-width: 992px){
        .navbar-toggler {background-color: var(--red);}
    .navbar-toggler span:first-child,
    .navbar-toggler span:nth-child(3) {transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;}
    .navbar-toggler span {display: block;background-color: #fff;height: 2px;width: 25px;border: 0;margin: 4px 0;-webkit-transform: rotate(0);transform: rotate(0);left: 0;opacity: 1;}
    .navbar-toggler:not(.collapsed) span:first-child {-webkit-transform: rotate(135deg);transform: rotate(135deg);opacity: .9;}
    .navbar-toggler:not(.collapsed) span:nth-child(2) {height: 0px;visibility: hidden;background-color: transparent;}
    .navbar-toggler:not(.collapsed) span:nth-child(3) {-webkit-transform: rotate(-135deg);transform: rotate(-135deg);opacity: .9;}
    /* .navbar-collapse{z-index: 99;position: absolute;right: 0px;top: 69px;background: #e4dcd4db;padding: 0px 0px 10px;border: none;text-align: center;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.66) 1px 2px 7px;} */
    .navbar-collapse {width: 100%;z-index: 99;position: absolute;right: 0px;top: 69px;background: #ffffff;padding: 0px 0px 15px;border: none;text-align: center;/* border-radius: 10px; */box-shadow: rgba(0, 0, 0, 0.66) 1px 2px 7px;}
    #navbar_top .nav-item .nav-link::after {left: 25%;}
    #navbar_top .nav-item .nav-link.active::after {width: 50%;}
    .social-media .nav-itemm .mob-wdt {/*width: 50px;*/margin: auto; gap: 2px;}
    .navbar-nav {gap: 12px;}
    .navbar-nav.social-media{margin-top: 10px;}
    #navbarSupportedContent {overflow-y: scroll;scroll-behavior: smooth;height: 280px;padding: 25px 0 20px;}
    .sliding-img li > img {	height: 60px;}
    #navbarSupportedContent {overflow-y: scroll;scroll-behavior: smooth;height: auto;padding: 25px 0 20px;}
    .navbar-toggler {background-color: #b9e1f7;}





    }