@media (max-width: 991.98px) {
  .hero-banner-title {
    font-size: 2.2rem;
  }
  .search-box-wrap {
    max-width: 100%;
    margin: 10px 0;
  }
}

@media (max-width: 767.98px) {
  .hero-banner-title {
    font-size: 1.8rem;
  }
  .announcement-bar {
    font-size: 0.75rem;
  }
  .lk-card-footer {
    flex-direction: column;
  }
}