@media (max-width: 1200px) {
}

@media (max-width: 991px) {
  .hero-content {
    left: 0;
  }
  .hero-content p {
    max-width: 100%;
  }
  .heroSwiper .swiper-slide {
    justify-content: center;
  }
  .hero {
    height: 600px;
  }
  .hero .swiper-button-next,
  .hero .swiper-button-prev {
    top: auto;
    bottom: 5%;
  }
  .hero .learn-more .circle {
    width: 2.5rem;
    height: 2.5rem;
  }
  .hero .learn-more .button-text {
    top: -3px;
  }
  .hero .learn-more {
    width: 11rem;
  }
  .testimonial {
    height: auto;
}
}

@media (max-width: 769px) {
  .top-header {
    display: none;
  }
  .hero {
    height: 500px;
  }
  header .navbar-custom img {
    width: 100px;
  }
  .about-point-item {
    width: 100%;
  }
  .about-point-wrap {
    flex-wrap: wrap;
  }
}

@media (max-width: 576px) {
}

@media (max-width: 414px) {
}