@media only screen and (max-width:799px) {

    :root {
        --layout-width: 100%;
        --left-column-width: 100%;
        --right-column-width: 100%;

        --section-padding: 0px;
        --gap: 0px;
        --card-gap: 0px;
        --bg-color: #f1f1f1;

        --mobile_padding: 10px 20px;
    }

    body.menu-lock {
        position: fixed;
        width: 100%;
        overflow: hidden;
    }

    .main,
    .news-grid {
        display: block;
    }

    header .main-menu-box {
        display: none;
        height: 100dvh;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        background: var(--bg-color);
    }

    header {
        position: sticky;
        top: 0;
        z-index: 99;
        background: var(--accent-color);
        border-radius: 0;
        transition: background-color .45s, transform 220ms ease;
        margin-bottom: 20px;
        max-height: 60px;
    }

    .header-logo-box {
        padding: 0px 20px;
    }

    .header-logo-box img {
        width: 45px;
        height: 45px;
        transform: scale(1);
        transform-origin: left center;
    }

    header.is-not-top:not(.is-move-up):not(.menu-open-version) {
        transform: translateY(-100%);
    }

    header.is-move-up,
    header.menu-open-version {
        transform: translateY(0);
    }

    header.menu-open-version img {
        filter: unset;
    }

    .main {
        padding: var(--mobile_padding);
    }

    .news-grid > *:not(:last-child) {
        margin-bottom: 20px;
    }

    aside.column {
        margin-top: 20px;
        height: auto;
        background: transparent;
    }

    footer {
        padding: var(--mobile_padding);
    }

    .column-0 > .column-pd {
        padding: var(--mobile_padding);
    }

    .clab-article-body > p,
    .clab-article-body > h1,
    .clab-article-body > h2,
    .clab-article-body > h3,
    .clab-article-body > h4,
    .clab-article-body > h5,
    .clab-article-body > h6 {
        padding: 0px;
        margin-bottom: 20px;
    }

    .clab-article-body > p {
        line-height: 24px;
    }

    .clab-article img {
        height: 230px;
    }

    .content-section {
        margin-bottom: 40px;
    }

    .clab-article h1,
    .content-section h1 {
        font-size: 24px;
        line-height: 28px;
    }

    .clab-editor-blockquote {
        font-size: 18px;
        padding: 10px 15px 10px 20px;
    }

    .clab-editor-blockquote::before {
        left: 0px;
    }

    .column .container:not(:last-child) {
        margin-bottom: 40px;
    }

    .column .container .title {
        margin-bottom: 20px;
    }

    .news-card {
        min-height: 270px;
    }

    .news-card--classic .news-card__media {
        height: 150px;
    }

    .news-card__media img {
        object-fit: cover;
        object-position: top;
    }

    .news-card {
        border: 0px solid var(--surface-color);
    }

    .column-0 {
        background: transparent;
    }

    .column-0 > .column-pd {
        padding: 0;
        margin-bottom: 20px;
    }

    blockquote footer {
        padding: 0px;
        margin-top: 5px;
    }

    .main-menu-btn {
        position: relative;
        margin-left: auto;
        height: 60px;
        width: 60px;
        z-index: 9999;
    }

    .main-menu-btn::before,
    .main-menu-btn::after {
        content: "";
        position: absolute;
        left: 0;
        right: 20px;
        top: 0;
        bottom: 0;
        display: block;
        height: 2px;
        width: calc(100% - 20px);
        background: var(--surface-color);
        margin: auto;
        transition: transform .25s ease;
    }

    .menu-open-version .main-menu-btn::before,
    .menu-open-version .main-menu-btn::after {
        background: var(--text-color);
    }

    .main-menu-btn::before {
        transform: translateY(-5px);
    }

    .main-menu-btn::after {
        transform: translateY(5px);
    }

    .main-menu-btn.active::before {
        transform: rotate(45deg);
    }

    .main-menu-btn.active::after {
        transform: rotate(-45deg);
    }

    .main-menu-box {
        padding: 20px;
    }

    .main-menu-box.active {
        display: block;
    }

    header nav {
        font-size: 18px;
    }

    header nav,
    header nav a {
        display: block;
    }

    header nav a {
        background: var(--divider-color);
        padding: 10px;
        border-radius: 5px;
    }

    header nav a:not(:last-child) {
        margin-bottom: 10px;
    }

    header nav a {
        border-bottom: 0 !important;
    }

    header nav a:hover {
        border: 0 !important;
    }

    .hide-desktop {
        display: block;
    }

    .header-logo-box {
        z-index: 9999;
        position: relative;
    }

    header nav {
        margin-top: 60px;
        text-transform: none;
    }

    footer .footer-header {
        display: block;
    }

    footer .footer-header .logo-mini {
        margin-bottom: 20px;
        margin-right: 0px;
    }

    footer .footer-header .logo-mini {
        width: 100px;
        height: 70px;
        background: transparent;
        padding: 0px;
        border-radius: 0%;
        border: 0;
        cursor: pointer;
        filter: grayscale(100%);
    }

    footer .footer-header .logo-mini img {
        height: inherit;
    }

    footer {
        margin-bottom: 10px;
    }

    footer .site-info {
        max-width: 100%;
    }

    .clab-article img {
        width: 100%;
    }

    .post-image__figure {
        position: relative;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
        transform: translateX(-20px);
    }

    .clab-article-tags {
        padding: 20px 0px 0px 0px;
        background: transparent;
    }

    .clab-article-tags .item {
        border: 1px solid var(--image-placeholder);
    }

    .clab-article-tags .item a {
        color: var(--text-color);
    }

    .clab-message .msg-box {
        font-size: 16px;
    }

    .news-grid {
        grid-template-columns: 1fr;
    }
    
    .news-card--span-2 {
        grid-column: auto;
    }

    .clab-after-article {
        margin-top: 0px;
    }

    .user-article .user-article-content {
        display: block;
    }

    .user-article .user-article-aside {
        max-width: 100%;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .user-article .user-article-main {
        width: 100%;
    }

    .clab-article .user-article .avatar img {
        max-width: 120px;
        border-radius: 100%;
        margin: auto;
    }

    .user-article {
        padding: 0;
    }

    .user-data-items div.item {
        padding: 10px 0px;
    }

    .user-data-items div.item:not(:last-child) {
        border-bottom: 1px solid var(--image-placeholder);
    }

    .user-data-items div.item:not(:last-child) {
        margin-bottom: 10px;
    }

    .user-data-items div.item a:hover {
        text-decoration: none;
    }
    
    .clab-socials {
        padding: 20px 0;
    }

    .cl-share .cl-share-btn:hover {
        background:var(--accent-color);
    }

    .clab-article-body > ul {
        padding: 0px 20px 0px 40px;
        margin-bottom: 20px;
    }

    .not-mobile {
        display: none;
    }

    .menu-open-version .not-mobile {
        display: block;
    }

    .menu-open-version .only-mobile {
        display: none;
    }

}