@media screen and (max-width: 1400px) {
    .servers .servers_list .box {
        max-height: 280px
    }

    .servers .servers_list .box .img img {
        height: 100%;
        width: 100%
    }

    .servers .servers_list .box .name {
        font-size: 15px
    }

    .servers .servers_list .box .products_btn {
        padding: 10px 25px;
        font-size: 15px
    }

    .products .products_list .box {
        height: 350px
    }

    .products .products_list .box .name {
        font-size: 15px
    }

    .products .products_list .box .img {
        height: 110px
    }

    .products .products_list .box .description {
        max-height: 70px;
        font-size: 12px
    }

    .products .products_list .box .price {
        margin-top: 0;
        font-size: 15px
    }

    .products .products_list .box .buy_btn {
        padding: 10px 25px;
        font-size: 15px
    }

    .last_purchases .title, .monitoring .title {
        font-size: 20px
    }

    .monitoring .box .flex .servername, .products .back i {
        font-size: 16px
    }

    .monitoring .box .flex .ip, .monitoring .box .flex .online {
        font-size: 12px
    }

    .last_purchases .box .avatar {
        width: 50px;
        height: 50px
    }

    .last_purchases .box .info .name {
        font-size: 14px
    }

    .last_purchases .box .info .product {
        font-size: 12px
    }

    .last_purchases .box .info .time {
        font-size: 11px
    }

    .products .back {
        width: 45px;
        height: 45px
    }

    .products .title {
        font-size: 22px
    }

    .products .categories {
        margin: 5px 0 0 auto;
        width: 180px;
        height: 35px;
        font-size: 12.5px;
        background-size: 10px
    }
}

@media screen and (max-width: 1199px) {
    .header .topline {
        justify-content: unset
    }

    .header .topline .menu {
        display: none
    }

    .header .topline .open_menu {
        display: block
    }

    .header .topline .socials {
        margin-left: auto
    }

    .main_content {
        padding: 40px 0 140px
    }

    .monitoring {
        margin-top: 50px
    }

    .staticPage {
        margin-top: 40px
    }

    .sidebar.sidebar__right {
        margin-top: 50px;
    }
}

@media screen and (max-width: 992px) {
    .news_modal .modal .news_img {
        width: 100%;
        height: 100%;
        opacity: .3;
        position: absolute;
        left: 0;
        top: 0
    }

    .products {
        padding-top: 0
    }

    .competition_content .cInfo .name, .products .title {
        font-size: 18px
    }

    .products .title:after {
        display: none
    }

    .products .categories {
        height: 40px;
        margin: 20px auto 0
    }

    .products .products_list {
        margin-top: 0
    }

    .products .back {
        width: 40px;
        height: 40px;
        margin: 0 auto 20px
    }

    .products .back i {
        font-size: 13px
    }

    .competition_content {
        padding: 30px 0
    }

    .competition_content .cTitle {
        font-size: 35px
    }

    .competition_content .cInfo {
        padding: 30px 20px
    }

    .competition_content .cInfo .users_count {
        font-size: 18px;
        margin-top: 10px
    }

    .competition_content .cInfo .text, .todo button {
        font-size: 14px
    }

    .competition_content .cInfo .timer_boxes .timer_circles {
        margin: 0 10px
    }

    .competition_content .cInfo .timer_boxes .timer_circles div {
        width: 10px;
        height: 10px
    }

    .competition_content .cInfo .timer_boxes .timer_box {
        width: 50px;
        height: 45px;
        border-radius: 10px;
        border-width: 2px
    }

    .competition_content .cInfo .timer_boxes .timer_box p {
        font-size: 20px
    }

    .todo {
        padding: 35px 20px
    }

    .todo .title {
        font-size: 16px
    }

    .todo button {
        padding: 15px 40px
    }

    .console input.command, .console button {
        display: block;
    }

    .console input.command {
        width: 100%;
        border-radius: 0;
        border-top: none;
        border-bottom: none;
        border-left: 2px solid var(--accent-color);
        border-right: 2px solid var(--accent-color);
        padding: 5px 12px;
    }

    .console button {
        width: 100%;
        padding: 11px;
        border-radius: 0 0 10px 10px;
        border-top: none;
        border-right: 2px solid var(--accent-color);
        border-left: 2px solid var(--accent-color);
        border-bottom: 2px solid var(--accent-color);
    }
}

@media screen and (max-width: 768px) {
    .footer .text {
        font-size: 13px
    }

    .staticPage .title a {
        height: 100% !important;
    }
}

@media screen and (max-width: 576px) {
    .buy_modal .modal, .gift_codes .modal {
        height: 100%;
        border-radius: 0;
        overflow: auto
    }

    .staticPage .title h1 {
        font-size: 1.5rem;
    }

    .page .page__content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }
}