@media screen and (max-width:1250px) {
    .container {
        max-width: 100%;
        margin-left: 10px;
        margin-right: 10px
    }
    .article {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width:1024px) {
    .article-image {
        margin: 0 auto 20px
    }
    .article-table-bottom table {
        margin: 0 auto
    }
    .order-region {
        flex-direction: column;
        align-items: center
    }
    .order-attention {
        text-align: center;
        justify-content: center
    }
    .header-socials ul img {
        width: 30px
    }
    .header-play {
        max-width: 70px
    }
    .header-top-logo {
        max-width: 100px
    }
    .header-top-logo-title-big {
        font-size: 20px
    }
    .header-top-logo-title {
        font-size: 12px
    }
}

@media screen and (max-width:768px) {
    h1 {
        font-size: 30px;
        padding-top: 30px
    }
    h2 {
        padding-top: 30px
    }
    .header-last ul {
        display: none
    }
    .header-last .container {
        justify-content: flex-end
    }
    .header-top {
        flex-direction: row-reverse
    }
    .header-bottom,
    .header-top-logo,
    .header-top-action-login-text {
        display: none
    }
    .header-top-mobile {
        display: flex;
        align-items: center
    }
    .header-top-title {
        max-width: 125px
    }
    .burger {
        display: block;
        margin-left: 20px
    }
    .header-top-action-button {
        padding: 10px 15px;
        margin-right: 10px
    }
    .article-table-top {
        overflow-y: scroll;
        padding: 5px;
        font-size: 16px
    }
    .article-table-bottom table {
        font-size: 16px
    }
    .conditions {
        font-size: 20px
    }
    .ordered-mess-wrapper {
        right: calc(50% - 190px)
    }
    h4 {
        padding: 50px 0 20px 0;
        font-size: 30px
    }
}

@media screen and (max-width:500px) {
    h5 {
        padding-top: 50px;
        text-align: center;
        font-size: 40px
    }
    .form {
        max-width: 300px;
        min-width: 300px
    }
    .ordered-mess-wrapper {
        max-width: 300px;
        right: calc(50% - 150px)
    }
    .header-info ul li {
        padding: 15px 5px
    }
}

@media screen and (max-width:400px) {
    .new-price span {
        font-size: 38px
    }
    .old-price span {
        margin-top: 6px
    }
}