@media (max-width: 699px) {
    body.no-anim .header-nav,
    body.no-anim .page #ctl00_menu {
        transition: none !important;
    }

    body {
        min-width: unset;
    }

    .wrapper {
        width: 100%;
    }

    header {
        min-width: unset;
        width: 100%;
        position: initial;
    }

    .header-left {
        width: 100%;
        float: none;
        margin: 0;
        display: flex;
        justify-content: space-between;
        padding-left: 10px;
    }

    .header-left > * {
        margin: 0 !important;
        padding: 0 !important;
    }

    .header-right {
        width: 100%;
        float: none;
        padding: 10px 0 5px;
    }

    .header-social {
        margin: 0 0;
        padding: 0 15px;
        margin-right: 16px !important;
        display: none;
    }

    .header-search {
        top: 0;
        margin-left: 10px;
    }

    .header-nav {
        background: transparent;
        height: 100vh;
        right: 0;
        margin-top: 60px;
        position: absolute;
        display: block;
        width: 100%;
        z-index: 2;
        border-bottom: none;
        transform-origin: 0% 0%;
        transform: translate(calc(-100vw - 46px), 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    }

    .header-nav ul {
        width: 100%;
        margin: 0 auto;
        display: contents;
        position: absolute;
        height: 100vh;
        background: transparent;
    }

    .header-nav ul li {
        text-align: left;
        width: 100%;
        float: none;
    }

    .top-teams a {
        display: none;
    }

    .page #ctl00_menu {
        float: none;
        left: 0;
        margin-top: 8px !important;
        border-top: solid 1px;
        position: absolute;
        display: block;
        width: 100%;
        margin: 0;
        height: 100vh;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(calc(-100vw - 46px), 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        z-index: 2;
        background: #fff;
    }

    .page {
        width: 100vw;
        margin: 0;
        background: #fff;
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        position: relative;
        padding-top: 50px;
    }

    .main-left,
    .main-right,
    .content {
        width: 100vw;
        float: none;
    }

    .content {
        margin-left: 0;
        margin: 0;
    }

    .col-left,
    .col-right {
        width: 100vw;
        float: none;
    }

    .col-top .main-article img {
        width: 100%;
    }

    .home-video .video img {
        max-width: unset;
        width: 100%;
    }

    .bx-wrapper img {
        display: block;
        max-width: unset;
        width: 100%;
    }

    .conferentions,
    .home-photo.right-gallery,
    .home-video.home-gallery,
    .actual,
    #ctl00_columnRight .news-feed,
    #ctl00_columnLeft .tournaments-table,
    #ctl00_columnLeft .game-feed.matches,
    #ctl00_columnLeft .author-materials,
    #ctl00_columnTop .author-materials,
    #ctl00_columnTop .news-feed.main-news,
    #ctl00_columnTop .main-article,
    .big-intro,
    .news-archive .feed-header,
    #ctl00_mainRight .interviewContainer {
        padding: 0 0;
        margin: 0 10px;
    }

    #ctl00_columnLeft .more {
        padding-right: 10px;
    }

    .columnBlock,
    .banner,
    .header-nav ul .isport-link,
    #parimatch-logo {
        display: block;
    }

    #ctl00_columnLeft .separator,
    #ctl00_mainRight article.conferentions,
    #ctl00_columnLeft article.tournaments-table,
    #ctl00_mainRight article.actual,
    .home-photo.right-gallery,
    #ctl00_mainRight article.tv-programm {
        display: none;
    }

    .header-nav ul {
        left: 0;
        border-top: solid 1px;
        position: absolute;
        display: block;
        width: 100%;
        margin: 0;
        height: 100vh;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        z-index: 2;
        background: #000;
        color: #fff;
        border-bottom: 3px solid transparent;
    }

    .header-nav input:checked ~ ul {
        transform: none;
    }

    .header-nav input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
        -webkit-touch-callout: none;
    }

    label.ctl00_menu {
        z-index: 99;
        position: absolute;
        right: 0;
        top: 0;
        height: 40px;
        width: 40px;
        margin: 0 1em;
        top: 5px;
        float: right;
    }

    input {
        display: none;
    }

    input + label.ctl00_menu,
    input + label.ctl00_menu::before,
    input + label.ctl00_menu::after {
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

    input + label.ctl00_menu {
        display: inline-block;
        width: 170px;
        height: 36px;
        border-radius: 25px;
        cursor: pointer;
    }

    input + label.ctl00_menu::before {
        display: block;
        content: attr(data-off-label);
        position: absolute;
        top: 10px;
        right: 10px;
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 18px;
    }

    input + label.ctl00_menu::after {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 32px;
        height: 32px;
        background-color: #fff;
        border-radius: 50%;
    }

    input:checked + label.ctl00_menu::before {
        content: attr(data-on-label);
        left: 14px;
        right: auto;
        color: #fff;
    }

    input:checked + label.ctl00_menu::after {
        left: 135px;
        background-color: #f7f7f7;
    }

    #demo1:checked ~ #ctl00_menu {
        transform: none;
    }

    #demo1 + label.ctl00_menu {
        background-color: #ccc;
    }

    #demo1 + label.ctl00_menu::before {
        color: #999;
    }

    #demo1:checked + label.ctl00_menu {
        background-color: #3498db;
    }

    #demo1:checked + label.ctl00_menu::before {
        color: #fff;
    }

    #demo2 + label.ctl00_menu {
        background-color: #e74c3c;
    }

    #demo2:checked + label.ctl00_menu {
        background-color: #1abc9c;
    }
    
    .page #ctl00_menu {
        /* display: none; */
    }

    label.ctl00_menu2 {
        margin: 0 1em;
        top: 10px;
        display: block;
        width: 40px;
        height: 4px;
        transform-origin: -90px 25px;
        margin-bottom: 36px;
        position: absolute;
        background: #cdcdcd;
        border-radius: 3px;
        z-index: 1;
        transition:
                transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
                background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
                opacity 0.55s ease;
        transform: translate(0, 90px);
    }

    label.ctl00_menu2::before {
        content: "";
        display: block;
        width: 40px;
        height: 4px;
        transform-origin: 0% 0%;
        margin-bottom: 5px;
        position: relative;
        background: #cdcdcd;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0;
        transition:
                transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
                background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
                opacity 0.55s ease;
        transform: translate(0, 10px);
    }

    label.ctl00_menu2::after {
        content: "";
        display: block;
        width: 40px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #cdcdcd;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0;
        transition:
                transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
                background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
                opacity 0.55s ease;
        transform: translate(0, 10px);
    }

    input + label.ctl00_menu2,
    input + label.ctl00_menu2::before,
    input + label.ctl00_menu2::after {
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

    .header-wrap input:checked ~ .ctl00_menu2 {
        opacity: 1;
        transform: rotate(45deg) translate(20px, 5px);
        background: #232323;
    }

    .header-wrap input:checked ~ .ctl00_menu2::after {
        transform: rotate(-90deg) translate(-8px, 15px);
        background: #232323;
    }

    .header-wrap input:checked ~ .ctl00_menu2::before {
        transform: rotate(-90deg) translate(-8px, 15px);
        opacity: 0;
    }

    .header-wrap input:checked ~ .header-nav {
        transform: none;
    }

    article.author-article,
    article.news-feed,
    article.game-feed {
        padding: 0 0;
        margin: 0 10px;
    }

    .big-intro .photo img {
        width: 100%;
    }

    ul.archive-list {
        padding: 0 0;
        margin: 0 10px;
    }

    #ctl00_columnLeft article.players-feed,
    #ctl00_columnTop .news-feed.main-news {
        display: none;
    }

    .k-disclaimer {
        width: 100vw;
        display: contents;
    }

    footer {
        display: none;
    }

    .left-menu .menu-separator {
        display: none;
    }

    #ctl00_mainRight .separator {
        display: none;
    }

    .content #ctl00_columnTop .separator {
        display: none;
    }

    .author-article .social-buttons {
        display: none;
    }

    .comment-wrap .paginator {
        width: unset;
    }

    .news-archive .paginator {
        width: unset;
    }

    .article-text .TextPhoto {
        width: 100%;
    }

    .article-text .MCpredict span {
        font-size: 18px;
        font-weight: bold;
    }

    .article-text table {
        width: 100% !important;
    }

    .article-text .video-js {
        width: 100%;
    }

    .match-center-table .left-team img,
    .match-center-table .left-team span,
    .match-center-table .right-team img,
    .match-center-table .right-team span,
    .match-center-table .tv-logo,
    .match-center-table .more-button {
        display: none !important;
    }

    article.author-article {
        margin: 15px 10px;
    }

    article.read-also {
        margin: 0 10px;
    }

    article.author-block {
        margin: 0 10px;
    }

    article.match-center {
        margin: 0 10px;
    }

    .yt-ratio::before {
        display: block;
        padding-top: 56.25%;
        content: "";
    }

    .yt-ratio {
        position: relative;
        width: 100%;
    }

    .yt-ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    article.news-block {
        margin: 15px 10px;
    }

    article.match-details,
    article.match-info {
        margin: 15px 10px;
    }

    .comments .comment-display,
    .comments h3 {
        margin: 15px 10px;
    }

    .match-details-teams .left-team,
    .match-details-teams .right-team {
        width: 20%;
        font-size: 16px;
    }

    .match-details-teams .score {
        font: 16px/18px "PFDinBold", Arial, sans-serif;
    }

    .page .masonry-news .news-block {
        width: calc(100% - 10px) !important;
        margin: 5px 10px 25px 10px !important;
        position: relative !important;
        left: unset !important;
        top: unset !important;
    }

    .page .masonry-news .news-block img {
        width: 100%;
        height: auto;
    }

    .page .news-block img {
        width: 100%;
        height: auto;
    }

    .page .masonry-news {
        margin-left: 0 !important;
        margin-right: 10px !important;
    }

    .popup-content .edit-form .label {
        float: none;
    }

    .ui-dialog {
        width: calc(100% - 20px) !important;
        padding: 0 10px;
    }

    .ui-dialog .ui-dialog-content .edit-form {
        margin-left: 0;
    }

    .popup .label .form-input {
        width: 100%;
        display: block;
        padding: 0;
    }

    .popup.enter-popup .remind {
        margin-top: 10px;
    }

    .gdpr-disclaimer {
        position: fixed;
        bottom: 0;
    }

    .k-disclaimer {
        padding: 0 !important;
        margin: 0 !important;
    }

    .k-disclaimer__content {
        padding: 5px;
    }

    .paginator-holder {
        width: 100%;
        padding-bottom: 10px;
        background: #fff;
    }

    .banner.d-block {
        display: block !important;
    }
    
    body.popup-enter-open .ui-dialog.ui-widget {
        top: 100px !important;
        width: 100% !important;
    }

    body.popup-enter-open .edit-form {
        margin-left: 0 !important;
    }

    body.popup-enter-open .edit-form input {
        display: block !important;
    }

    body.popup-enter-open .edit-form #forgot-link {
        float: none;
        margin-top: 10px;
    }

    body.popup-enter-open .popup .label .form-input {
        width: 100% !important;
    }

    .header-nav,
    .page #ctl00_menu {
        z-index: 100 !important;
    }
}

@media (max-width: 402px) {
    .header-left > a {
        width: 30%;
    }

    .header-left > a img {
        width: 100%;
    }
}