@media (max-width: 991.98px) {
    
    .main-new-banner {
        height: 30vh !important;
    }
    .section-css-hero  {
      padding-bottom: 20px ;
    }
    .dropdown-item{
     border-bottom: none;
  }
    
    .padding-level {
        padding-left: 10px;
          padding-right: 10px;
      }
      .padding-level-1 {
        padding-left: 10px;
    }
    .hero-text {
      font-size: 20px;
    }
    .bond-calendar {
      margin-top: 0px;
    }
    .bill-calendar {
      margin-top: 20px;
    }
    .footer-map img {
      max-width: 280px;
    }
    .footer-section{
      padding-left: 20px;
    }
  
    .footer {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
    }
    .section-css {
      text-align: start !important;
    }
    .custom-heading {
      font-size: 20px;
    }
    .custom-heading-1 {
      font-size: 20px;
    }
    .custom-heading-2 {
      font-size: 20px;
    }
    .custom-heading-3 {
      font-size: 20px;
    }
    .custom-heading-4 {
      font-size: 20px;
    }
    .document-titel{
     font-size: 20px;   
    }
    .rate-table-titel{
      font-size: 20px;    
    }
    .custom-paragraph-1{
      font-size: 10px;
    }
    .custom-paragraph{
      font-size: 10px;
      margin-left: 0px;
    }
    .section-css .container {
      align-items: start !important;
    }
   .section-css-search .container{
    align-items: start !important;  
  }
    .custom-input-group {
      width: 100% !important;
    }
    #custom-play-button {
      position: absolute;
      top: 83%;
      left: 9%;
      transform: translate(-50%, -50%);
      background: rgb(243, 198, 0);
      border-radius: 50%;
      width: 35px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: opacity 0.3s ease-in-out;
    }
    #custom-play-button img {
      width: 12px;
      height: 12px;
    }
    
    
  .video-section{
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px !important;
    padding: 20px 0px 20px 0px !important;
    }
    .section-css{
     padding-top: 20px !important;
     padding-bottom: 20px !important;
    }
  .section-css-search{
   padding-top: 20px !important;
 padding-bottom: 0px !important;
   text-align: start !important;
  
  }
.section-css-team {
   padding-bottom: 20px !important;  
}
    .swiper-button-next {
      right: 3px;
  }
  .about-text-sec{
    text-align: start !important;
    align-items: start !important;
    
  }
  .extra-text-about{
    font-size: 20px;
  }
  .visit-btn {
    height: 50px;
    width: 154px;
    background-color: var(--button-color);
    --bs-btn-padding-x: 10px;
    --bs-btn-padding-y: 10px;
    color: #000000;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    padding: 10px 8px;
    text-decoration: none;
  }
  
 
  .mobile-actions{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .sidebar-nav a.nav-link{
    font-size: 26px !important;
    display: flex ;
    justify-content: space-between;
    
  }
  .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: #ffffff !important;
  
  }
  
.dropdown-menu {
 background-color: #fdb713;
 border: none;
 box-shadow: none;
  
}
  .dropdown-item {
    color: #fff;
    transition: all 0.2sease;
  }
  .contact-btn{
    gap: 552px;
  }
  ul#menu-main-menu {
    padding: 26px 0px 25px 0px;
  }
  .swiper {
    padding: 0px 0;
  }
  
 
    }
    
    
    
    
@media (min-width: 1190px) and (max-width: 1439px) {
  .bill-calendar {
    margin-top: 302px;
}
 .bond-calendar {
        margin-top: 154px;
    }
  }
  
@media (min-width: 993px) and (max-width: 1024px) {
 .home-btn {
    height: 50px;
    width: 111px;
    background-color: var(--button-color) !important;
    --bs-btn-padding-x: 10px;
    --bs-btn-padding-y: 10px;
    color: #000000;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0px 12px;
    text-decoration: none;
    font-size: 12px !important;
}
.home-btn img.btn-icon {
    width: 20px;
    height: 20px;
}
.online-btn{
   height: 50px;
    width: 111px;
    background-color: var(--button-color) !important;
    --bs-btn-padding-x: 10px;
    --bs-btn-padding-y: 10px;
    color: #000000;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0px 5px;
    text-decoration: none;
    font-size: 12px !important;  
}
.online-btn img.btn-icon {
    width: 20px;
    height: 20px;
}
  }


@media (min-width: 993px) and (max-width: 1140px) {

ul#menu-main-menu {
    margin-left: 0px !important;
}
.bill-calendar {
    margin-top: 280px;
}
}
  
@media (min-width: 991px) and (max-width: 1339px) {
.new-2-hover-content img {
height: 250px;
    
}
  }
  @media (min-width: 526px) and (max-width: 990px) {
.new-2-hover-content img {
height: 215px;
    
}
  }


  @media (min-width: 769px) and (max-width: 991px) {
.card-img-top {
    height: 270px;
}
    
}