/* css/media-style.css */
@media (max-width: 1100px) {
  .site-nav {
    display: none;
  }

  .site-header__menu-button {
    display: block;
  }

  .site-nav__subdropdown {
    position: static;
    display: none;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0 0 0 16px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }

  .has-submenu:hover > .site-nav__subdropdown,
  .has-submenu:focus-within > .site-nav__subdropdown {
    display: none;
  }

  .page-layout__container {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .page-sidebar {
    order: 2;
  }

  .stats__container,
  .documents__grid,
  .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .news__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .hero {
    padding: 96px 0 128px;
    clip-path: none;
  }

  .hero__title {
    font-size: 44px;
  }

  .about__container,
  .technologies__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .container {
    width: min(100% - 24px, 1200px);
  }

  .top-line__container {
    align-items: flex-start;
    flex-direction: column;
  }

  .top-line__schedule,
  .brand__description {
    display: none;
  }

  .hero {
    padding: 72px 0 96px;
  }

  .hero__title {
    font-size: 34px;
  }

  .hero__text {
    font-size: 18px;
  }

  .hero__actions,
  .button {
    width: 100%;
  }

  .stats {
    margin-top: -48px;
  }

  .stats__container,
  .news__grid,
  .documents__grid,
  .site-footer__grid {
    grid-template-columns: 1fr;
  }

  .section-title {
    font-size: 30px;
  }

  .page-layout {
    padding: 24px 0 56px;
  }

  .page-content {
    padding: 24px 20px;
  }

  .page-content__title {
    font-size: 30px;
  }

  .page-content__heading {
    font-size: 24px;
  }

  .page-content__lead {
    font-size: 16px;
  }

  .page-sidebar__widget {
    padding: 20px;
  }

  .page-sidebar__calendar-placeholder {
    min-height: 220px;
  }

  .news__heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .news__all-link {
    display: none;
  }

  .news__mobile-link {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 32px;
    border: 1px solid var(--color-primary);
    border-radius: 999px;
    padding: 12px 24px;
    color: var(--color-primary);
    font-weight: 800;
  }

  .site-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 520px) {
  .top-line__link--email {
    display: none;
  }

  .hero__title {
    font-size: 30px;
  }

  .team__person--with-photo {
    flex-direction: column;
  }

  .team__grid {
    grid-template-columns: 1fr;
  }

  .site-footer__policy {
    flex-direction: column;
  }

  .page-content__title {
    font-size: 26px;
  }

  .page-content__heading {
    font-size: 22px;
  }

  .page-sidebar__banner-title {
    font-size: 16px;
  }
}