@media (max-width: 1024px) {
  .header-inner {
    height: 68px;
  }

  .nav-toggle {
    display: inline-flex;
  }

  .nav-layer {
    position: fixed;
    left: 0;
    right: 0;
    top: 68px;
    display: none;
    max-height: calc(100vh - 68px);
    overflow: auto;
    padding: 18px 24px 26px;
    border-top: 1px solid var(--color-line);
    background: #fff;
  }

  .nav-open .nav-layer {
    display: block;
  }

  .site-nav > ul {
    display: block;
  }

  .nav-item > a {
    min-height: 46px;
    padding: 0;
  }

  .nav-sub {
    position: static;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    box-shadow: none;
    border: 0;
    padding: 0 0 12px 14px;
  }

  .member-links {
    margin-top: 14px;
    flex-wrap: wrap;
  }

  .hero h2 {
    font-size: 42px;
  }

  .intro-grid,
  .quality-layout,
  .latest-grid,
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .business-grid,
  .network-grid,
  .education-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  body {
    font-size: 15px;
  }

  .header-inner {
    width: min(100% - 32px, var(--wrap));
    padding: 0;
  }

  .section {
    padding: 58px 18px;
  }

  .section-heading {
    display: block;
  }

  .section-heading h2,
  .cta-inner h2 {
    font-size: 27px;
  }

  .hero {
    min-height: 560px;
    padding: 76px 18px 48px;
    background-position: center top;
  }

  .hero h2 {
    font-size: 34px;
  }

  .hero p {
    font-size: 17px;
  }

  .hero-features {
    gap: 18px;
    margin-bottom: 34px;
  }

  .hero-feature {
    font-size: 17px;
  }

  .hero-feature i {
    width: 46px;
    height: 46px;
  }
  .hero-stats,
  .hero-training-cards {
    grid-template-columns: 1fr;
    margin-top: 42px;
  }

  .hero-stats div {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  }

  .business-grid,
  .network-grid,
  .education-grid,
  .info-list {
    grid-template-columns: 1fr;
  }

  .cta-inner {
    display: block;
  }

  .cta-inner .button-row {
    margin-top: 22px;
  }

  .sub-visual {
    padding: 52px 18px;
  }

  .sub-visual h2 {
    font-size: 31px;
  }

  .content-section {
    padding: 48px 18px;
  }

  .board-tools {
    justify-content: stretch;
  }

  .board-search,
  .board-search input {
    width: 100%;
  }

  .board-row {
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 17px 0;
  }

  .board-row .num {
    display: none;
  }

  .board-row .subject {
    white-space: normal;
  }

  .board-view-head h3 {
    font-size: 24px;
  }

  .timeline li {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .content-split {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .sub-image-band .media-frame {
    aspect-ratio: 4 / 3;
  }

  .site-popup {
    left: 16px !important;
    right: 16px;
    top: 84px !important;
    max-width: none !important;
  }
}

@media (max-width: 720px) {
  .main-education-feature,
  .location-images,
  .education-visuals {
    grid-template-columns: 1fr;
  }

  .main-education-room,
  .education-visuals .media-frame {
    min-height: 220px;
  }

  .education-feature-copy {
    padding: 20px;
  }
}


@media (max-width: 720px) {
  .education-visuals.single {
    grid-template-columns: 1fr;
  }
}


@media (max-width: 1024px) and (min-width: 721px) {
  .hero-training-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}