@media (max-width: 576px) {
  header .headerTop .header-ul div a {
    padding: 0px !important;
  }
  .slider-text p {
    font-size: medium !important;
  }
  footer > img {
    display: none;
  }
  .beyond-academics .row::after {
    content: none;
  }
  .page-title {
    padding: 9px 0;
  }
  .page-title h1 {
    font-size: 18px;
    line-height: 24px;
  }
  .page-title h2 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  header {
    position: static;
  }
  .mission {
    border-top: 0 !important;
    border-left: 4px solid #fff !important;
  }
  .beyond-academics .row::after {
    width: 90% !important;
  }
}
@media (max-width: 768px) and (max-width: 1024px) {
  .beyond-academics .card-body .card-title {
    height: 2.5rem;
  }
}
@media (min-width: 1600px) {
  body,
  html {
    font-size: var(--step-0) !important;
  }
}
@media (max-width: 1400px) {
  .sticky-header {
    display: none;
  }
}
@media (min-width: 1023px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
  }
}