@media (max-width: 1024px) {
  .xonet-project-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  html,
  body,
  #wrap_all,
  .xonet-home {
    max-width: 100vw;
    overflow-x: hidden;
  }

  .responsive #top #wrap_all .container,
  .xonet-container {
    width: calc(100vw - 2rem) !important;
    max-width: calc(100vw - 2rem) !important;
    margin-inline: auto;
  }

  .xonet-section h2 {
    font-size: clamp(2.45rem, 12vw, 4rem);
    letter-spacing: -0.065em;
  }

  .xonet-section {
    padding-block: 4rem;
  }

  .xonet-hero__copy {
    max-width: 100%;
    padding-top: 1.5rem;
  }

  .xonet-hero {
    background-image: linear-gradient(180deg, rgb(7 26 44 / 82%) 0%, rgb(7 26 44 / 70%) 58%, rgb(7 26 44 / 54%) 100%), url("../images/xonet-home-hero-bg.webp");
    background-position: 58% center;
  }

  .xonet-hero h1 {
    max-width: 100%;
    font-size: clamp(2.95rem, 13vw, 4.35rem);
    letter-spacing: -0.065em;
    overflow-wrap: break-word;
  }

  .xonet-hero__lead {
    max-width: 100%;
    font-size: 1rem;
    overflow-wrap: break-word;
  }

  .xonet-service-list__item,
  .xonet-sector-list__item {
    min-height: auto;
  }

  .xonet-project-grid {
    grid-template-columns: 1fr;
  }

  .xonet-dialog {
    padding: 1rem;
  }

  .xonet-project-filters {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .xonet-button,
  .xonet-project-filters [data-project-filter],
  .xonet-dialog [data-dialog-close],
  #header_main .avia-menu > li > a,
  .av-burger-menu-main a,
  .av-burger-overlay a {
    min-height: 44px;
  }
}