

@media (max-width: 767px) {
  p {
    font: var(--font-mobile-body1);
  }

  strong {
    font: var(--font-mobile-body1-bold);
  }

  table thead {
    font: var(--font-mobile-body2-bold);
  }

  table tbody {
    font: var(--font-mobile-body2);
  }
}


@media (max-width: 767px) {
  .flash-message__list {
    padding: 0 var(--spacing-16);
  }
}


@media (max-width: 767px) {
  .flash-message__text {
    margin-top: var(--spacing-16);
    width: 100%;
  }
}


@media (max-width: 767px) {
  .footer__themes-title {
    font: var(--font-mobile-h4);
  }

  .footer__themes-logo img {
    display: none;
  }

  .footer__themes--bottom .footer__theme-link {
    font: var(--font-mobile-h5);
  }

  .footer__categories {
    order: 2;
  }

  .footer__categories--wrapper {
    gap: var(--spacing-48);
    flex-wrap: wrap;
  }

  .footer__categories--wrapper .footer__category {
    flex-basis: calc(50% - var(--spacing-24));
  }

  .footer__categories--wrapper .footer__category-main {
    font: var(--font-mobile-h4);
  }

  .footer__categories--wrapper .footer__subcategory {
    font: var(--font-mobile-meta-regular);
  }
}


@media (max-width: 767px) {
  .footer__contacts {
    order: 1;
  }

  .footer__contacts-links {
    font: var(--font-mobile-body2-bold);
    justify-content: center;
  }

  .footer__contacts-link {
    padding: var(--spacing-8) 0;
  }

  .footer__applications-wrapper {
    gap: var(--spacing-40);
    flex-direction: column;
    align-items: center;
  }

  .footer__applications {
    gap: var(--spacing-24);
  }
}


@media (max-width: 767px) {
  .footer__copyright {
    font: var(--font-mobile-meta-regular);
  }
}


@media (max-width: 767px) {
  .container--main {
    grid-template-rows: auto auto auto;
  }

  .container--main > main {
    padding: var(--spacing-16) var(--spacing-16) var(--spacing-48) var(--spacing-16);
  }

  .grid-233 {
    grid-template-columns: [lend] 1fr[cdivider] 1fr[rend];
  }

  .grid-245 {
    column-gap: var(--spacing-20);
    grid-template-columns: [lend] 1fr 1fr[rend];
  }
}


@media (max-width: 767px) {
  .header {
    padding: var(--spacing-8) var(--spacing-16);
  }

  .header .header__image {
    height: 36px;
  }
}


@media (max-width: 767px) {
  .header-user {
    order: 2;
  }

  .header-user .header-user__text {
    font-size: var(--font-size-16);
    line-height: 19px;
  }
}


@media (max-width: 767px) {
  .header-logo {
    margin-right: auto;
  }

  .header-logo .header-logo__image {
    height: 40px;
  }
}


@media (max-width: 767px) {
  .header-subscription {
    order: 1;
  }
}


@media (max-width: 767px) {
  .header-menu-flat {
    display: none;
  }

  .header-menu-flat > ul {
    gap: var(--spacing-12);
    height: 19px;
    display: flex;
    overflow: hidden;
  }

  .header-menu-flat > ul > li {
    font: var(--font-mobile-body1-bold);
  }

  .header-menu-flat .header-menu__link {
    color: var(--text-primary);
    font: var(--font-mobile-body1-bold);
    text-decoration: none;
  }

  .header-menu-flat .header-menu__link:hover {
    text-decoration: underline;
  }
}


@media (max-width: 767px) {
  .header-menu-hamburger {
    order: 3;
  }

  .header-menu-hamburger > .header-menu-hamburger__title {
    display: none;
  }
}


@media (max-width: 767px) {
  .megamenu-wrapper {
    padding: var(--spacing-32) var(--spacing-16);
    row-gap: var(--spacing-32);
    grid-template: [r1-start] "search" max-content [r1-end]
                   [r2-start] "categories" max-content [r2-end]
                   [r3-start] "stickers" max-content [r3-end]
                   [r4-start] "print" max-content [r4-end]
                   [r5-start] "divider" max-content [r5-end]
                   [r6-start] "applications" max-content [r6-end]
                   [r7-start] "social" max-content [r7-end]
                   [r8-start] "contact" max-content [r8-end]
                   / 1fr;
  }
}


@media (max-width: 767px) {
  .megamenu-stickers__item, .megamenu-stickers__item > a, .megamenu-stickers__item > span {
    font: var(--font-mobile-meta-regular);
  }
}


@media (max-width: 767px) {
  .megamenu-categories {
    gap: var(--spacing-24);
    row-gap: var(--spacing-32);
    flex-flow: wrap;
  }

  .megamenu-categories__item {
    row-gap: var(--spacing-12);
    flex-basis: calc(50% - var(--spacing-12));
  }

  .megamenu-categories__item-title {
    font: var(--font-mobile-h4);
  }

  .megamenu-categories .megamenu-subcategories {
    gap: var(--spacing-8);
    font: var(--font-mobile-body2);
  }
}


@media (max-width: 767px) {
  .megamenu-print {
    gap: var(--spacing-16);
  }

  .megamenu-print__title {
    font: var(--font-mobile-h4);
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .megamenu-print__subtitle {
    font: var(--font-mobile-body1);
  }

  .megamenu-print__covers {
    gap: var(--spacing-24);
    flex-wrap: wrap;
  }
}


@media (max-width: 767px) {
  .megamenu-applications {
    flex-direction: column;
    align-items: center;
  }

  .megamenu-applications__wrapper {
    align-items: center;
  }

  .megamenu-applications__title {
    font: var(--font-mobile-h4);
  }

  .megamenu-applications__subtitle {
    font: var(--font-mobile-body2);
  }
}


@media (max-width: 767px) {
  .megamenu-social {
    justify-content: center;
  }
}


@media (max-width: 767px) {
  .megamenu-contact {
    align-items: center;
  }

  .megamenu-contact__title {
    font: var(--font-mobile-h4);
  }

  .megamenu-contact__email {
    font: var(--font-mobile-body2);
  }
}


@media (max-width: 767px) {
  .megamenu-newsletter {
    align-items: center;
  }

  .megamenu-newsletter__title {
    font: var(--font-mobile-h4);
  }

  .megamenu-newsletter__email {
    font: var(--font-mobile-body2);
  }
}


@media (max-width: 767px) {
  .breadcrumb {
    grid-column: lend / rend;
    margin-bottom: -8px;
  }
}


@media (max-width: 767px) {
  .button {
    font: var(--font-mobile-button-large);
  }
}


@media (max-width: 767px) {
  .button--md {
    font: var(--font-mobile-button-medium);
  }
}


@media (max-width: 767px) {
  .button--sm {
    font: var(--font-mobile-button-small);
  }
}


@media (max-width: 767px) {
  .enquiry-bars__title {
    font: var(--font-mobile-body2-bold);
  }

  .enquiry-bars__question {
    font: var(--font-mobile-h2);
  }

  .enquiry-bars-answers__answer {
    font: var(--font-mobile-body1);
  }

  .enquiry-bars-footer__vote-notice {
    font: var(--font-mobile-body1-bold);
  }

  .enquiry-bars-footer__total-votes {
    font: var(--font-mobile-body1);
  }
}


@media (max-width: 767px) {
  .print__cover {
    gap: var(--spacing-16);
  }

  .print__cover > a > img {
    width: 106px;
    height: auto;
  }

  .print__cover .button {
    width: 106px;
  }
}


@media (max-width: 767px) {
  .ad-position--mobile {
    display: block;
  }

  .ad-category--left-column {
    grid-column: 1 / -1;
  }
}


@media (max-width: 767px) {
  .wrapper--main > .grid-233 > aside {
    display: none;
  }
}


@media (max-width: 767px) {
  .list-article--horizontal {
    gap: var(--spacing-12);
    flex-direction: column;
    grid-column: lend / rend;
  }

  .list-article--horizontal .list-article__text-data {
    gap: var(--spacing-4);
  }

  .list-article--horizontal .list-article__title, .list-article--horizontal .list-article__title h2 {
    font: var(--font-mobile-h3);
  }

  .list-article--horizontal--small {
    flex-direction: row;
  }

  .list-article--horizontal--small .list-article__title, .list-article--horizontal--small .list-article__title h2 {
    font: var(--font-mobile-h5);
  }

  .list-article--horizontal--small .list-article__authors-date .list-article__authors, .list-article--horizontal--small .list-article__authors-date .list-article__date {
    display: none;
  }

  .list-article--horizontal--small .list-article__category-name a {
    padding: 0;
  }
}


@media (max-width: 767px) {
  .list-article--vertical, .list-article--vertical .list-article__text-data {
    gap: var(--spacing-8);
  }

  .list-article--vertical .list-article__title {
    font: var(--font-mobile-h3);
  }
}


@media (max-width: 767px) {
  .list-article--vertical-no-image .list-article__text-data {
    gap: var(--spacing-4);
  }
}


@media (max-width: 767px) {
  .list-article--vertical-no-image .list-article__title, .list-article--vertical-no-image .heading-3, .list-article--vertical-no-image .heading-3 a {
    font: var(--font-mobile-h5);
  }
}


@media (max-width: 767px) {
  .list-article--vertical-no-image .heading-3 a {
    -webkit-line-clamp: 3;
  }
}


@media (max-width: 767px) {
  .modal__wrapper {
    padding: var(--spacing-16);
    width: calc(100% - var(--spacing-32));
    gap: var(--spacing-16);
  }
}


@media (max-width: 767px) {
  .modal__title {
    font: var(--font-mobile-h3);
  }
}


@media (max-width: 767px) {
  .modal__close {
    top: var(--spacing-16);
    right: var(--spacing-16);
  }
}


@media (max-width: 767px) {
  .modal__footer {
    justify-content: initial;
    align-items: center;
    gap: var(--spacing-8);
    flex-direction: column-reverse;
  }

  .modal__footer a, .modal__footer button {
    width: 100%;
  }
}


@media (max-width: 767px) {
  .wiki-search {
    grid-column: lend / rend;
  }
}


@media (max-width: 767px) {
  .author-detail {
    padding-bottom: var(--spacing-32);
    grid-column: 1 / 3;
  }

  .author-detail__info {
    flex-wrap: wrap;
  }

  .author-detail__socials {
    text-align: left;
    margin-top: var(--spacing-24);
    order: 1;
    width: 100%;
  }
}


@media (max-width: 767px) {
  .category-info__description p {
    font: var(--font-mobile-body1);
  }

  .category-info__description strong {
    font: var(--font-mobile-body1-bold);
  }

  .category-info__description table thead {
    font: var(--font-mobile-body2-bold);
  }

  .category-info__description table tbody {
    font: var(--font-mobile-body2);
  }
}


@media (max-width: 767px) {
  .category-info {
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .category-info__menu {
    margin: var(--spacing-32) 0 var(--spacing-24);
    font: var(--font-desktop-body2);
    color: var(--text-primary);
    width: 100%;
    height: 44px;
    position: relative;
    overflow: visible;
  }

  .category-info__menu > ul {
    z-index: 2;
    padding: var(--spacing-12) var(--spacing-48) var(--spacing-12) var(--spacing-16);
    border: 1px solid var(--other-outline-border);
    background: var(--background-paper-contrast);
    border-radius: 4px;
    width: 100%;
    min-height: 44px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .category-info__menu > ul:before {
    content: "Menu";
    top: var(--spacing-12);
    left: var(--spacing-16);
    position: absolute;
  }

  .category-info__menu > ul:after {
    content: "";
    top: 18px;
    right: calc(var(--spacing-48) / 2 - 6px);
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAxLjQxIDEwLjU5IDAgNiA0LjU4IDEuNDEgMCAwIDEuNDFsNiA2IDYtNloiIGZpbGw9IiMwMDAiLz48L3N2Zz4=") no-repeat;
    width: 12px;
    height: 8px;
    transition: transform .2s ease-in-out;
    display: block;
    position: absolute;
    transform: rotateX(0);
  }

  .category-info__menu > ul li {
    display: none;
  }

  .category-info__menu--opened > ul {
    border: 2px solid var(--primary-main);
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .category-info__menu--opened > ul:after {
    transition: transform .2s ease-in-out;
    transform: rotateX(180deg);
  }

  .category-info__menu--opened > ul li {
    background: var(--background-paper-contrast);
    flex: 1;
    display: block;
    position: relative;
  }

  .category-info__menu--opened > ul li:hover {
    background: var(--action-hover);
  }

  .category-info__menu--opened > ul li:hover > a {
    color: var(--primary-main);
  }

  .category-info__menu--opened > ul > li:first-child {
    margin-top: var(--spacing-32);
  }

  .category-info__menu-item--active {
    border-left: 2px solid var(--primary-main);
  }

  .category-info__menu-link {
    padding: var(--spacing-12) 0 var(--spacing-12) var(--spacing-16);
    color: var(--text-primary);
    width: 100%;
    text-decoration: none;
    display: block;
  }

  .category-info span.category-info__menu-link {
    display: none;
  }

  .category-info h1 {
    font: var(--font-mobile-h2);
  }
}


@media (max-width: 767px) {
  .profile-user {
    width: 100%;
  }

  .profile-user strong {
    font: var(--font-mobile-body1-bold);
  }

  .profile-user__cancel-reccuring strong .recurring-info-popup, .profile-user__cancel-newsletter strong .recurring-info-popup {
    font: var(--font-mobile-meta-regular);
  }

  .profile-user .activation-steps__info {
    display: none;
  }

  .profile-user .activation-steps__item:before {
    border: 21px solid #0000;
    border-left: 21px solid var(--grey-200);
  }

  .profile-user .activation-steps__item.active-step:before {
    border-left: 21px solid var(--grey-50);
  }

  .form-review__field label, .form-review__field textarea {
    font: var(--font-mobile-meta-regular);
  }
}


@media (max-width: 767px) {
  .thanks {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}


@media (max-width: 767px) {
  .thanks__title {
    margin-bottom: var(--spacing-24);
    font: var(--font-mobile-h2);
  }
}


@media (max-width: 767px) {
  .thanks__text {
    margin-bottom: var(--spacing-24);
    font: var(--font-mobile-body1);
  }
}


@media (max-width: 767px) {
  .thanks__greetings {
    margin-bottom: var(--spacing-4);
    font: var(--font-mobile-body1);
  }
}


@media (max-width: 767px) {
  .thanks__publisher {
    font: var(--font-mobile-body1-bold);
  }
}


@media (max-width: 767px) {
  .newsletters__bar--summary {
    flex-direction: column;
  }

  .newsletter__detail {
    padding-bottom: var(--spacing-64);
  }

  .newsletter__detail--signup {
    top: auto;
    bottom: 24px;
  }
}