@media screen and (max-width: 1600px) {
  .hero .hero-content {
    padding: 3rem;
  }
  .hero .hero-learning .hero-learning-content {
    padding: 2.5rem 1.5rem 2rem;
  }
}
@media screen and (max-width: 1366px) {
  .hero .hero-content {
    padding: 2.5rem;
  }
  .hero .hero-learning .hero-learning-content {
    padding: 2rem 1rem 1.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .reviews .section-text {
    max-width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .branches ul {
    justify-content: flex-start;
  }
  .hero .hero-video {
    min-height: 576px;
  }
  .hero .hero-video .hero-video-content {
    padding: 2rem 2rem 2rem;
  }
  .hero .hero-content {
    padding: 5rem 2rem 2rem;
  }
  .breadcrumb-wrapper .breadcrumb-content {
    min-height: 164px;
  }
}
@media screen and (max-width: 768px) {
  .section-title {
    font-size: 2rem;
  }
  .breadcrumb-wrapper .breadcrumb-content {
    padding: 2rem 2rem 1.5rem;
  }
  .breadcrumb-wrapper .breadcrumb-content h1 {
    font-size: 1.875rem;
  }
  .service-detail-section h1 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
  .service-detail-section h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .service-detail-section h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .service-detail-section h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .service-detail-section h5 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .service-detail-section h6 {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
@media screen and (max-width: 576px) {
  .section-title {
    font-size: 1.75rem;
  }
  .section-padding {
    padding: 2.5rem 0;
  }
  .header .header-top-left {
    gap: 1rem;
  }
  .hero .hero-learning .hero-learning-content h6 {
    font-size: 4rem;
    line-height: 3.5rem;
  }
  .cart-table-wrapper {
    padding: 1.5rem 1.25rem;
  }
}