@media (min-width:1400px) {
  /* .container {
    max-width: 1140px;
  } */

  /* .header-container {
    max-width: 1240px;
  } */
}


@media (max-width:1366px) {
  .main-header .nav-item {
    margin-left: 14px;
  }
}

@media (max-width:991px) {
  .slow {
    transition: 0.7s all ease-in-out;
  }
}

@media (max-width: 768px) {
  .hero-banner h1 {
    font-size: 2.2rem;
  }
  .hero-banner p {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .hero-banner {
    min-height: 60vh;
    padding: 60px 15px;
  }
  .hero-banner h1 {
    font-size: 1.8rem;
  }
  .hero-banner p {
    font-size: 0.95rem;
  }
}