@media (min-width: 768px) and (max-width: 991px) {
  .banner h1 {
    font-size: 3rem;
  }

  .banner p {
    font-size: 1.2rem;
  }

  .about-grid {
    grid-template-columns: 1fr;
  }

  .team-grid {
    grid-template-columns: 1fr;
  }
    /* contact us here */
  .contact-container{
    display: block;
  }
  .contact-info{
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .banner h1 {
    font-size: 2.5rem!important;
  }

  .banner p {
    font-size: 1rem!important;
  }

  .team-grid {
    grid-template-columns: 1fr;
  }
  .about-grid {
    grid-template-columns: 1fr;
  }

  .section-title {
    font-size: 2rem;
  }

  .cta-content h2 {
    font-size: 2rem;
  }

  /* contact us here */
  .contact-container{
    display: block;
  }
  .contact-info{
    margin-top: 20px;
  }
  .hero_bg{
      height: 90vh!important;
  }
}