﻿/*адаптив по аналогии с тильдой*/
/*@media screen and (min-width: 1400px) {
    .container, .container-sm {
        max-width: 1200px;
    }
}
*/
@media screen and (max-width: 1199px) {
    .dors-text-fs-header {
        font-size: 12px;
    }

    .navbar-collapse {
        padding-left: 15px;
    }
}

@media screen and (max-width: 995px) {
    .tab-control {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 0.8fr 0.3fr;
    }

    .grid-footer {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 0.3fr 1fr 0.3fr;
        justify-items: start;
        align-items: start;
        row-gap: 10px;
        column-gap: 5px;
    }

    .grid-item-footer-update {
        grid-column-start: 3;
        grid-row-start: 1;
    }

    .grid-item-footer-partner {
        grid-column-start: 3;
        grid-row-start: 2;
    }

    .grid-item-footer-other {
        grid-column-start: 3;
        grid-row-start: 2;
        margin-top: 5.5rem;
    }

    .grid-item-footer-pay {
        grid-column-start: 1;
        grid-row-start: 2;
        padding-right: 0px;
    }

    .grid-item-footer-info {
        grid-column: span 3 / span 3;
        grid-row-start: 3;
    }

    .navbar-collapse {
        padding-left: 10px;
    }

    .dors-header {
        min-height: 155px;
    }

    .dors-text-fs-header {
        font-size: 13px;
    }

    .dors-text-fs-footer {
        font-size: 12px;
    }

    .dors-title-fs-footer {
        font-size: 12px;
    }

    .dors-logo-blue-big {
        max-width: 300px;
        max-height: 28px;
    }

    .container-dors-logo-blue {
        max-width: 300px;
    }

    .logo-message {
        width: 25px;
        height: 25px;
    }

    .logo-feedback {
        width: 35px;
        height: 35px;
    }

    .width-form-sp {
        width: 75%;
    }

    .header-content-position {
        justify-content: space-around;
    }

    .header-login {
        justify-content: center;
    }
}

@media screen and (max-width: 639px) {
    .dors-header {
        min-height: 155px;
    }

    .dors-text-fs-header {
        font-size: 15px;
    }

    .navbar-collapse {
        padding-left: 10px;
    }

    .tab-control {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }

    .width-form-sp {
        width: 100%;
    }

    .active-tab {
        border: none;
    }

    .non-active-tab {
        border: none;
    }

    .logo-message {
        width: 23px;
        height: 23px;
    }

    .logo-feedback {
        width: 28px;
        height: 28px;
    }

    .header-content-position {
        justify-content: space-around;
    }

    .header-login {
        justify-content: center;
    }

    .btn-notification {
        justify-content: center;
    }

    .banner-notification {
        text-align: center;
    }
}

@media screen and (max-width: 479px) {
    .grid-footer {
        margin-left: 3rem;
        margin-right: 3rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 0.3fr 0.3fr 0.5fr 0.5fr 0.5fr;
        justify-items: start;
        row-gap: 10px;
        column-gap: 10px;
    }

    .grid-item-footer-contact {
        grid-column: span 2 / span 2;
        text-align: center;
    }

    .grid-item-footer-about {
        grid-column-start: 1;
        grid-row-start: 3;
    }

    .grid-item-footer-repeir {
        grid-row: span 2 / span 2;
        grid-column-start: 1;
        grid-row-start: 4;
    }

    .grid-item-footer-update {
        grid-column-start: 2;
        grid-row-start: 3;
    }

    .grid-item-footer-partner {
        grid-column-start: 2;
        grid-row-start: 4;
    }

    .grid-item-footer-other {
        grid-column-start: 2;
        grid-row-start: 4;
        margin-top: 6rem;
    }

    .grid-item-footer-pay {
        grid-column: span 2 / span 2;
        grid-column-start: 1;
        grid-row-start: 2;
        text-align: center;
    }

    .grid-item-footer-info {
        grid-column: span 2 / span 2;
        grid-row-start: 5;
        text-align: center;
    }

    .navbar-collapse {
        padding-left: 5px;
    }

    .notification-table {
        display: none
    }

    .notification-table-none {
        display: block;
    }

    .icon-notification-all {
        width: 65px;
        height: 53px
    }

    .icon-notification-read {
        width: 50px;
        height: 49px
    }

    .icon-notification-not-read {
        width: 55px;
        height: 40px
    }

    .bg-notification-grey, .bg-notification-grey > * {
        background-color: #E0E0E0;
        border-radius: 5px
    }

    .dors-content-partners-min-vh {
        min-height: 50vh;
    }

    .tab-control {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }

    .active-tab {
        border: none;
        width: 80%;
        font-size: 15px;
    }

    .non-active-tab {
        border: none;
        width: 80%;
        font-size: 13px;
    }

    .fluent-toast[b-uq7572caeb] {
        margin-right: 30px;
    }

    .width-form-sp {
        max-width: 100%;
    }

    .logo-message {
        width: 14px;
        height: 14px;
    }

    .logo-feedback {
        width: 18px;
        height: 18px;
    }

    .logo-feedback-position {
        flex-direction: row-reverse;
    }

    .dors-logo-blue-smal, .dors-logo-blue-big {
        max-width: 200px;
        max-height: 20.28px;
    }

    .dors-logo-white {
        max-width: 100%;
    }

    .br {
        display: none;
    }

    .container-dors-logo-blue {
        text-align: center;
    }

    .container-dors-description {
        text-align: center
    }

    .btn-notification {
        justify-content: center;
    }

    .banner-notification {
        text-align: center;
    }

    .dors-header {
        min-height: 120px;
    }

    .dors-text-fs-header {
        font-size: 12px;
    }

    .footer-contact {
        display: flex;
        justify-content: space-between;
    }

    .footer-contact-message {
        padding-left: 3rem;
    }

    .dors-privacy-policy-footer {
        font-size: 12px;
    }

    .dors-text-fs-footer, .dors-title-order-zip {
        font-size: 13px;
    }

    .img-device {
        width: 117px;
        height: 117px;
        object-fit: contain;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
}
