@media (max-width: 768px) {
  :root {
    --layout-pad: var(--gap-16);
    --text-s: 1rem;
    --text-m: 1.25rem;
    --text-l: 1.875rem;
    --text-xl: 2.5rem;
  }
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
  body {
    word-break: normal;
  }
  img,
  svg,
  video {
    max-width: 100%;
    height: auto;
  }
  h2 {
    margin-block: var(--gap-48) var(--gap-16);
  }
  h3 {
    margin-block: var(--gap-32) var(--gap-16);
  }
  .btn {
    --btn-pad-block: var(--gap-8);
    --btn-pad-inline: var(--gap-8);
    --btn-margin: 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;
  }
  .c-header {
    padding-top: var(--gap-32);
    font-size: var(--text-m);
    line-height: 1.4;
  }
  .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: var(--text-m);
    line-height: 1.35;
  }
  .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;
  }
  .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 {
    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-16);
  }
  .news-list-box .news-list .news-item .news-meta,
  #events-results .events-list .event-item .news-meta {
    -moz-column-gap: var(--gap-16);
         column-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 {
    display: none;
  }
  #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 .footer-service-top {
    align-items: flex-start;
    transform: none;
  }
  .c-footer .footer-service-nav li {
    display: block;
    text-align: left;
  }
  .c-footer .footer-nav-list {
    display: block;
  }
  .c-footer .footer-subscribe-wrapper form {
    display: block;
  }
  .c-footer .footer-subscribe-wrapper .title {
    margin-block-start: var(--gap-32);
  }
  .c-footer .footer-subscribe-wrapper .form-field.form-field-actions {
    justify-content: flex-start;
  }
}