@media (max-width: 767px) {
  /* Hero section mobile height override */
  .hv-25 {
    min-height: 20vh !important;
    padding:20px !important;
  }

  /* Reduce banner title font size for mobile readability */
  .banner-title {
    font-size: 2.5rem!important;
    line-height: 1.1!important;
  }

  /* Adjust hero section text sizes */
  .hero-section h1 {
    font-size: 2rem!important;
  }
  .hero-section p {
    font-size: 1rem!important;
  }

  /* Make service cards stack properly and adjust padding */
  .service-card .card-body {
    padding: 1.5rem 1rem!important;
  }
  .service-icon img {
    max-width: 70px!important;
    max-height: 70px!important;
    min-height: 70px!important;
  }

  /* Fix how it works arrows - remove fixed width and make responsive */
  .howitworks .col-auto {
    width: auto !important;
    flex: 0 0 auto!important;
  }
  .howitworks img[src*="arrow"] {
    width: 60px!important;
    height: auto!important;
  }

  /* Adjust testimonial layout for mobile */
  #testimonialCarousel .row.align-items-center {
    flex-direction: column!important;
    text-align: center!important;
  }
  #testimonialCarousel .col-lg-3,
  #testimonialCarousel .col-lg-8 {
    flex: 0 0 100%!important;
    max-width: 100%!important;
  }
  .testimonial-img {
    width: 150px!important;
    height: 150px!important;
    margin-bottom: 1rem!important;
  }
  .testimonial-content {
    padding-left: 0!important;
  }

  /* News card mobile adjustments */
  .news-card {
    flex-direction: column!important;
  }
  .news-card-img-wrap {
    max-width: 100%!important;
    height: 200px!important;
  }
  .news-card-body {
    padding: 1rem!important;
  }

  /* Event cards mobile fixes */
  .event-card .p-4 {
    padding: 1.5rem 1rem!important;
  }
  .event-img {
    height: 180px!important;
  }
  .event-date {
    top: 12px!important;
    left: 12px!important;
    padding: 4px 12px!important;
    font-size: 0.9rem!important;
  }

  /* Sidebar mobile positioning */
  .sidebar {
    position: static!important;
    margin-bottom: 2rem!important;
    padding: 1.5rem 1rem!important;
  }

  /* CTA section mobile layout */
  #cta .row {
    text-align: center!important;
  }
  #cta .col-lg-6 {
    flex: 0 0 100%!important;
    max-width: 100%!important;
    margin-bottom: 1rem!important;
  }
  #cta .d-flex.align-items-center {
    justify-content: center !important;
  }
  #cta p {
    font-size: 1rem!important;
    margin-bottom: 1rem!important;
  }

  /* Footer mobile adjustments */
  .footer .row > div {
    margin-bottom: 2rem!important;
  }
  .footer .contact-info span {
    font-size: 0.85rem!important;
    line-height: 1.4!important;
  }
  .social-icons {
    justify-content: center!important;
  }

  /* Form elements touch-friendly */
  .btn {
    min-height: 44px!important;
    padding: 0.75rem 1.5rem!important;
    font-size: 1rem!important;
  }
  .form-control,
  .form-select {
    min-height: 44px!important;
    font-size: 1rem!important;
  }
  .navbar-toggler {
    min-height: 44px!important;
    min-width: 44px!important;
  }

  /* Vision and Mission pseudo-elements */
  .vision-bg::after,
  .mission-bg::after {
    display: none!important;
  }

  /* Tiny slider mobile adjustments */
  .tns-controls button {
    width: 36px!important;
    height: 36px!important;
  }
  .tns-nav button {
    width: 10px!important;
    height: 10px!important;
  }

  /* Management team cards */
  .bg-white.shadow-sm.rounded-3.p-3 {
    padding: 1.5rem 1rem!important;
  }

  /* Values section */
  .p-4.bg-white.shadow-sm.rounded-3 {
    padding: 1.5rem 1rem!important;
  }

  /* Contact info cards */
  .contact-info-card {
    margin-bottom: 2rem!important;
  }

  /* Map container */
  .map-container {
    height: 300px!important;
  }
  .map-container iframe {
    height: 300px!important;
  }

  /* General spacing adjustments */
  .py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-3 {
    margin-bottom: 1rem !important;
  }

  /* Font size adjustments for better readability */
  .fs-5 {
    font-size: 1rem !important;
  }
  .fs-4 {
    font-size: 1.125rem !important;
  }
  .fs-3 {
    font-size: 1.25rem !important;
  }

  /* Ensure no horizontal overflow */
  .container {
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
  .mb-column{
    flex-direction: column!important;
    gap:10px!important;
}
.cta-bg .img-fluid {
    max-width: 35px !important;
    height: auto!important;
}

  /* News pagination mobile adjustments */
  .news-pagination .pagination {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.25rem !important;
  }
  .news-pagination .page-link {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.9rem !important;
    min-width: 40px !important;
    border-radius: 4px !important;
  }
  .news-pagination .page-item {
    margin-bottom: 0.25rem !important;
  }
  .dr-reverse {
    flex-direction: column-reverse !important;
}
}