@media screen and (max-width: 1440px) {
    .navigation-online-server {
        position: absolute;
        width: 100%;
        background: #F5F8FF;
        z-index: 100;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0;
        padding: 40px 20px;
        left: 0;
        max-width: 100%;
        display: none;
    }

    footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .message-expl {
        margin: 30px 0px;
    }

    .list-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .list-nav>a {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .list-nav>a::before {
        content: none;
    }

    .ip-server {
        display: none;
    }

    .ip-server::before {
        content: none;
    }

    .navigation {
        margin-bottom: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .navigation::before {
        content: none;
    }

    .navigation>a {
        margin-bottom: 20px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-right: 0px;
    }

    .navigation>a:last-child {
        margin-bottom: 0px;
    }

    .navigation>a::before {
        height: 2px;
        bottom: 0;
    }

    .logo {
        position: relative;
        z-index: 1000;
    }

    .toggle-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (max-width: 1220px) {
    .image-slider {
        height: 330px;
    }

    .image-slider>img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media screen and (max-width: 1024px) {
    .responsive-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .navigation-prod {
        max-width: 100%;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
        gap: 10px;
    }

    .navigation-prod>a {
        margin-bottom: 0px;
    }

    .responsive-prod {
        margin-left: 0;
    }
}

@media screen and (max-width: 650px) {
    .order-m {
        display: grid;
        grid-template-columns: 100%;
        padding: 5% 20px;
        overflow: scroll;
    }

    .item-positions {
        padding-top: 10px;
        height: 100%;
        display: inline-grid;
        flex-direction: column;
        align-items: center;
        grid-template-columns: 100%;
    }

    .item-position {
        width: 100%;
    }

    .item-position-body,
    .item-position-footer {
        align-items: center;
        width: 80%;
    }

    .item-position-body>.item-card {
        width: 100% !important;
        flex-direction: row !important;
        justify-content: center !important;
        column-gap: 5px;
    }

    .item-select {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) {
    .image-types-o::before {
        content: none;
    }

    .image-types-o::after {
        content: none;
    }

    .slider-data>h1 {
        font-size: 20px;
        line-height: unset;
    }

    .slider-data>p {
        margin: 20px 0px;
    }

    .default-button {
        font-size: 14px;
        line-height: unset;
        font-weight: 500;
        padding: 10px 30px;
        border-radius: 8px;
    }

    .tns-nav {
        bottom: 20px;
    }

    .tns-nav>button {
        width: 6px;
        height: 6px;
        margin-right: 8px;
    }

    .image-slider {
        height: 250px;
    }

    .image-slider>img {
        border-radius: 36px;
    }

    .navigation-prod>a {
        height: 64px;
        padding: 0px 30px;
        border-radius: 16px !important;
    }

    .navigation-prod>a>p {
        font-size: 16px;
    }

    .responsive-prod>h1 {
        font-size: 20px;
    }

    .list-prod {
        margin-top: 30px;
    }

    .message-expl {
        margin: 20px 0px;
        font-size: 12px;
    }

    .data-creator>p {
        font-size: 12px;
    }

    .list-nav {
        gap: 10px;
    }

    .list-nav>a {
        font-size: 12px;
    }

    .navigation-online-server {
        padding-top: 100px;
    }
}

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

    .message-rule,
    .list-privel-data {
        height: 300px;
        overflow: auto;
    }

    .title-privel>h1 {
        font-size: 16px;
        margin-left: 10px;
    }

    .image-privel-d {
        width: 40px;
        height: 40px;
    }

    .list-data-i {
        width: 100%;
    }

    .list-methods-aval {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}