/* banner */
@media (max-width: 992px) {
  .about-banner {
    min-height: 260px;
  }

  .about-banner .overlay-box {
    padding: 35px 25px;
    /* max-width: 100%; */
  }

  .about-banner h1 {
    font-size: 2.2rem;
  }

  .breadcrumb-custom {
    font-size: 0.95rem;
  }
}

@media (max-width: 768px) {
  .about-banner {
    min-height: 240px;
  }

  .about-banner .overlay-box {
    padding: 30px 20px;
  }

  .about-banner h1 {
    font-size: 2rem;
  }

  .breadcrumb-custom {
    font-size: 0.9rem;
  }
}

@media (max-width: 576px) {
  .about-banner {
    min-height: 220px;
    text-align: center;
  }

  .about-banner .overlay-box {
    padding: 25px 15px;
    margin: 0 auto;
  }

  .about-banner h1 {
    font-size: 1.8rem;
  }

  .breadcrumb-custom {
    font-size: 0.85rem;
    text-align: center;
  }
}

@media (max-width: 400px) {
  .about-banner {
    min-height: 200px;
  }

  .about-banner h1 {
    font-size: 1.5rem;
  }

  .breadcrumb-custom {
    font-size: 0.8rem;
  }
}