@media screen and (max-width: 1800px) {
    .server-adress::before {
        content: none;
    }
}

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

    .list-live {
        overflow-x: auto;
        overflow-y: clip;
    }
    
    .details-live-data {
        top: 0;
    }
}

@media screen and (max-width: 1024px) {
    header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    header>.navigation {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    header>a {
        margin-bottom: 30px;
    }
    header>.online-server {
        display: none;
    }
    .data-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .data-footer>span {
        margin-top: 20px;
    }
    .head-store {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .head-store>h1 {
        margin-bottom: 20px;
    }
    .head-store>.tab {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .item-rule>.head-rule {
        padding: 35px 34px;
    }
    .data-rule {
        margin-top: -97px;
        padding: 34px;
        padding-top: 164px;
    }
}

@media screen and (max-width: 768px) {
    .list-live>.item {
        margin-right: 40px;
    }
    .tab {
        padding: 20px;
        padding-bottom: 10px;
        flex-direction: column;
        align-items: center;
    }
    .tab>.tablinks,
    .tab>.tabserverlinks {
        margin-right: 0px;
    }
    .item-rule>.head-rule::before {
        right: 20px;
    }
    .item-rule>.head-rule::after {
        right: 20px;
    }
    .order-content {
        padding: 30px;
    }
    .content-modal>.image-details {
        display: none;
    }
    .container-modal-details {
        padding: 30px;
    }
    .data-list>.left-data {
        padding-right: 10px;
    }
}

@media screen and (max-width: 425px) {
    .item-rule::before {
        content: none;
    }
    .item-rule>.head-rule {
        padding: 20px;
        padding-right: 50px;
        font-size: 16px;
    }
    .item-rule>.head-rule::before {
        width: 24px;
        height: 4px;
    }
    .item-rule>.head-rule::after {
        width: 24px;
        height: 4px;
    }
    .data-rule {
        margin-top: -67px;
        padding: 20px;
        padding-top: 100px;
    }
    .data-rule>.item {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .data-rule>.item>p,
    .data-rule>.item span {
        font-size: 14px;
    }
    .rule-list {
        margin-bottom: 60px;
    }
    .rule-list>h1 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .head-store>h1 {
        font-size: 20px;
    }
}

@media screen and (max-width: 375px) {
    body {
        width: 375px;
    }
}