@media (max-width: 1200px) {
    .hidden {
        display: none !important;
    }

    .mob-menu-toggler {
        display: block;
        font-size: 15px;
        color: var(--color-green);
        text-decoration: underline;
        cursor: pointer;
    }

    #mob-menu {
        padding: 20px;
        background-color: #EEF4F7;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: stretch;
    }

    .mob-menu-links {
        margin: 0 0 0 0;
    }

    .mob-menu-links > tbody > tr > td {
        vertical-align: top;
        padding-bottom: 20px;
    }

    .mob-menu-links > tbody > tr > td > a {
        font-weight: bold;
        text-decoration: none;
    }

    #top-nav-mobile-menu {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    .top-nav-inner {
        padding: 10px 20px;
    }

    .top-nav-logo {
        max-width: 110px;
    }

    #bg-global {
        padding: 30px 10px 30px 10px;
        background-position: top -50px left -50px;
        background-size: 95% auto;
    }

    #header {
        padding: 0 10px 0 10px;
    }

    .header-tag {
        font-size: 12px;
        padding: 5px 10px;
    }

    .header-title {
        margin: 20px 0 0 0;
        font-size: 20px;
    }

    #content {
        flex-direction: column;
        padding: 0 10px;
    }

    #content > div:first-child {
        width: 100%;
        max-width: 100%;
        margin: 0 0 0 0;
        padding: 30px 0 0 0;
    }

    #content > div:last-child {
        width: 100%;
        max-width: 100%;
        margin: 0 0 0 0;
    }

    .content-menu {
        padding: 0 0 30px 0;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .menu-item {
        width: 50%;
        padding: 10px 20px;
        font-size: 14px;
    }

    .content-author {
        display: none;
    }

    .video-top {
        display: none;
    }

    .video-player > img {
        max-width: 100%;
    }

    .video-nav {
        display: none;
    }

    .video-nav-mob {
        width: clamp(100px, 100%, 800px);
        background-color: var(--color-bg);
        border-radius: 0 0 20px 20px;
        padding: 15px 20px 10px 20px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        overflow: hidden;
    }

    .video-nav-mob > div:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .video-text {
        font-size: 16px;
    }

    .prep-about {
        font-size: 24px;
    }

    .prep-block {
        padding: 20px 0 0 0;
    }

    .prep-block-head {
        padding: 0 0 20px 0;
    }

    .prep-block-head-title {
        font-size: 28px;
    }

    .prep-block-head-info {
        font-size: 14px;
    }

    .prep-block-info {
        padding: 0 0 30px 0;
        flex-direction: column-reverse;
    }

    .prep-block-info > div:last-child {
        padding-left: 0;
        padding-bottom: 20px;
    }

    .prep-block-info-img {
        width: 100%;
    }

    .prep-block-info-btn {
        margin: 20px 0 0 0;
    }

    .prep-block-bad {
        font-size: 22px;
        text-align: left;
    }

    .nav-tiles-desktop {
        display: none;
    }

    .nav-tiles-mobile {
        display: block;
        width: 100%;
        padding: 20px 0 20px 0;
        border-top: 1px solid var(--color-green);
    }

    .nav-tiles-mobile-title {
        padding: 0 0 20px 20px;
        font-weight: bold;
        color: var(--color-green);
        font-size: 16px;
    }

    .tile {
        margin: 0 0 0 0;
        padding: 20px;
        min-height: 190px;
    }

    .tile-title {
        font-size: 16px;
    }

    .tile-text {
        font-size: 14px;
    }

    .tile-hash {
        margin-bottom: 5px;
    }

    #slider-btns {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: stretch;
        align-content: stretch;
    }

    #slider-btns > div:first-child {
        margin-right: 15px;
    }

    #slider-btns > div:last-child {
        margin-left: 15px;
    }

    .slider-btn {
        display: block;
    }

    .swiper-button-prev > svg, .swiper-button-next > svg {
        display: none;
    }

    .content-infografika {
        background-color: var(--color-bg);
        border-radius: 20px 20px 20px 20px;
        padding: 20px 0 20px 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        /* justify-content: center;
        align-items: center;
        align-content: center; */
    }

    .erid {
        font-size: 12px !important;
        text-align: right !important;
        padding: 0 20px 0 0 !important;
    }

    .content-infografika > img {
        max-width: 100%;
    }

    .content-article {
        padding: 20px;
        overflow-x: hidden;
    }

    .content-article > table > tbody > tr > td {
        padding: 5px;
    }

    .content-article > p {
        font-size: 16px;
    }

    .content-article > ol {
        padding-left: 20px;
    }

    .content-article > ol > li {
        font-size: 12px;
    }

    .content-article > h3 {
        font-size: 24px;
    }

    .content-article > blockquote {
        padding: 0 0 0 15px;
        border-left: 3px solid var(--color-red);
        margin-left: 0;
        margin-right: 0;
    }

    .content-article > blockquote > P {
        font-weight: bold;
    }

    .art-bad {
        font-size: 24px !important;
        font-weight: 400 !important;
        text-transform: uppercase;
        color: var(--color-light-text);
    }

    .art-table-view {
        max-width: 100%;
        overflow-x: scroll;
    }

    .detri-prep-swiper-block {
        display: inline-block;
        overflow: hidden;
        width: 100%;
        padding-top: 5px;
    }

    .prep-in-swiper {
        width: 100%;
    }

    #footer {
        padding: 30px 20px;
    }

    .footer-text-center {
        text-align: left;
    }

    #footer-uni {
        flex-direction: column;
    }

    #footer-uni > div:first-child > img {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .footer-contacts {
        margin-top: 10px;
    }

    .footer-contacts > img:not(:first-child) {
        margin-left: 0;
    }
}