@media (max-width: 768px) {
  :root {
    --layout-pad: var(--gap-16);
  }
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
  body {
    font-size: 20px;
    line-height: 30px;
    word-break: normal;
  }
  img,
  svg,
  video {
    max-width: 100%;
    height: auto;
  }
  h1 {
    font-size: 40px;
    line-height: 46px;
  }
  h2,
  h2.news-item-title,
  h3.news-item-title,
  h2.event-item-title,
  h3.event-item-title {
    font-size: 30px;
    line-height: 36px;
  }
  h2 {
    margin-block: var(--gap-48) var(--gap-16);
  }
  h3 {
    margin-block: var(--gap-32) var(--gap-16);
  }
  .lead {
    font-size: 24px;
    line-height: 32px;
  }
  .btn {
    --btn-pad: var(--gap-8);
    max-width: 100%;
    margin-right: var(--gap-8);
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    -webkit-hyphens: none;
            hyphens: none;
    line-height: 1.35;
  }
  #header {
    margin-bottom: var(--gap-32);
  }
  .c-header {
    display: block;
    padding-top: var(--gap-32);
    font-size: 20px;
    line-height: 28px;
  }
  .main-logo {
    margin-bottom: var(--gap-32);
  }
  .main-logo img {
    width: min(220px, 70vw);
  }
  .nav-container {
    display: flex;
    flex-direction: column;
    row-gap: var(--gap-24, 24px);
  }
  .nav-container a:not(.btn) {
    word-break: normal;
    overflow-wrap: normal;
    -webkit-hyphens: none;
            hyphens: none;
  }
  .nav-container .topbar {
    order: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--gap-16);
  }
  .nav-container .topbar .btn {
    flex-basis: 100%;
    width: -moz-max-content;
    width: max-content;
    margin: 0;
  }
  .nav-container .main-nav {
    order: 2;
  }
  .main-nav > ul,
  .lang-nav > ul {
    -moz-column-gap: var(--gap-24, 24px);
         column-gap: var(--gap-24, 24px);
    row-gap: var(--gap-8);
  }
  .main-nav {
    font-size: 24px;
    line-height: 32px;
  }
  .main-nav > ul {
    align-items: flex-start;
  }
  .lang-nav > ul {
    -moz-column-gap: var(--gap-16);
         column-gap: var(--gap-16);
  }
  .article-header {
    padding-block-start: var(--gap-32);
    margin-block-end: var(--gap-32);
  }
  .container-mx:not(.container-mx-small) .article-header {
    display: block;
    margin-block-end: var(--gap-32);
  }
  .container-mx:not(.container-mx-small) .article-header h1,
  .container-mx:not(.container-mx-small) .article-header .lead {
    flex-basis: auto;
  }
  .box {
    --box-pad: var(--gap-32);
    margin-block: var(--gap-32);
    border-radius: var(--radius-s);
  }
  .page-home .home-article-header {
    margin-block: var(--gap-32);
    padding: var(--gap-16);
    border-radius: var(--radius-s);
  }
  .page-home .home-article-header .home-title-box {
    padding: var(--gap-32);
  }
  .page-home .home-article-header .home-title-box h1 {
    font-size: 36px;
    line-height: 42px;
    text-align: left;
  }
  .page-home .home-txt {
    margin-block-end: var(--gap-48);
  }
  .page-home .latest-box {
    display: block;
  }
  .page-home .latest-box .news-list-box {
    display: block;
    margin-block-end: var(--gap-48);
  }
  .page-home .latest-box .news-list-box .news-all {
    display: flex;
    justify-content: flex-start;
  }
  .news-list-box .news-list,
  #events-results .events-list,
  .members-list {
    --gap: var(--gap-32);
    display: block;
    margin-bottom: var(--gap-48);
  }
  .news-list-box .news-list .news-item,
  #events-results .events-list .event-item {
    width: 100%;
    padding: var(--gap-32);
    margin-block-end: var(--gap-32) !important;
  }
  .news-list-box .news-list .news-item {
    padding-right: var(--gap-32);
  }
  .news-list-box .news-list .news-item h2.news-item-title,
  .news-list-box .news-list .news-item h3.news-item-title,
  #events-results .events-list .event-item h2.event-item-title,
  #events-results .events-list .event-item h3.event-item-title {
    margin-top: var(--gap-32);
    line-height: 36px;
    font-size: 30px;
  }
  .news-list-box .news-list .news-item .news-meta,
  #events-results .events-list .event-item .event-meta {
    gap: var(--gap-16);
  }
  .members-list .member-item {
    width: 100%;
    margin-block-end: var(--gap-32);
  }
  .members-random .members-all {
    justify-content: flex-start;
  }
  #events-filter .filter-set-form {
    display: block;
  }
  #events-filter .filter-set-form .filter-set {
    display: block;
    width: 100%;
    max-width: none;
  }
  #events-filter .filter-set-form .filter-set fieldset {
    width: 100%;
    margin: 0 0 var(--gap-16);
  }
  #events-filter .filter-set-form.filter-set-form-single .filter-set {
    width: 100%;
    max-width: none;
  }
  #events-filter .filter-set-form .filter-reset {
    margin: 0 0 var(--gap-32);
  }
  #events-filter.news-filter .filter-set-form .filter-set {
    max-width: none;
  }
  #events-filter .filter-button {
    min-height: 56px;
  }
  .partner-list .partner-list-item.has-image {
    display: block;
  }
  .partner-list .partner-list-item .partner-item-logo {
    margin-bottom: var(--gap-16);
  }
  .content-accordion {
    margin-block: var(--gap-32);
  }
  .content-accordion__trigger {
    align-items: flex-start;
  }
  .c-footer {
    margin-top: var(--gap-48);
    padding: var(--gap-32);
  }
  .c-footer .footer-inner {
    display: block;
  }
  .c-footer .footer-contact {
    margin-block-end: var(--gap-32);
  }
  .c-footer .footer-contact img {
    width: 220px;
  }
  .c-footer .footer-service-nav {
    align-items: flex-start;
  }
  .c-footer .footer-service-nav li {
    display: block;
    text-align: left;
  }
  .c-footer .footer-nav-list {
    display: block;
  }
  .footer-sponsors__list {
    display: block;
  }
  .footer-sponsors__item {
    margin-bottom: var(--gap-24, 24px);
  }
  .footer-sponsors__logo,
  .footer-sponsors__logo--bag,
  .footer-sponsors__logo--gdk {
    width: min(18rem, 100%);
    height: auto;
    max-height: 4.5rem;
  }
}