@media (max-width: 900px) {
    /*900px - Страница «Партнёр»*/
    .partner .partnerSlider {
        max-height: 35vw;
    }
}



@media (max-width: 600px) {
    /*600px - Страница «Партнёр»*/
    body {
        background-color: unset;
    }

    .partner {
        padding: 0;
    }

    .partner::-webkit-scrollbar {
        display: none;
    }

    .partner .partnerHeader {
        margin-bottom: 0px!important;
    }

    .partner .partnerHeader {
        position: sticky;
        top: 0;
        padding: 16px;
        background-color: #FFFFFF;
        z-index: 2;
        border-bottom: 1px solid #F2F4F8;
    }

    .partner .partnerHeader a {
        margin: 0;
    }

    .partner .partnerHeader a p {
        display: none;
    }

    .partner .partnerHeader > p {
        display: block;
    }

    .partner .partnerHeader img {
        display: block;
    }

    .partner .partnerSlider {
        border-radius: 0;
    }

    .partner .partnerSlider .pzSlider .arrow {
        display: none;
    }

    .partner .partnerSlider .slide.caption {
        width: 100%;
    }

    .partner .partnerSlider .info {
        right: 10px;
        bottom: 28px;
    }

    .partner .partnerOffer {
        margin-top: -12px;
        z-index: 1;
        padding: 21px 16px 70px;
        border-radius: 12px 12px 0 0;
        background: #FFFFFF;
    }

    .partner .partnerOffer .partnerTitle {
        display: none;
    }

    .partner .partnerOffer .discountBlock {
        margin-bottom: 16px;
    }

    .partner .partnerOffer .discountBlock .blockTitle {
        font-size: 20px;
        font-weight: 700;
        color: #333333;
    }

    .partner .partnerOffer .discountBlock .deadLine {
        display: none;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate {
        display: block;
        margin-top: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #EFEFF4;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate > .wrapper {
        width: 100vw;
        display: flex;
        margin: 0 -16px;
        overflow-x: auto;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate > .wrapper::-webkit-scrollbar {
        display: none;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate > .wrapper > .wrapper {
        display: flex;
        flex: 1;
        margin: 0 16px;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate > .wrapper > .wrapper  > div {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        padding: 12px 16px;
        border-radius: 12px;
        background: #F2F4F8;
        user-select: none;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate > .wrapper > .wrapper  > div:only-child {
        flex: 1;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate > .wrapper > .wrapper > div:not(:first-child) {
        margin-left: 12px;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate .date {
        font-size: 16px;
        font-weight: 600;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate .text {
        font-size: 10px;
        font-weight: 400;
        color: #777777;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate .percent {
        text-transform: capitalize;
        font-size: 16px;
        font-weight: 600;
        color: #F45757;
    }

    .partner .partnerOffer .discountBlock .deadLineAndRate .name {
        white-space: nowrap;
        font-size: 10px;
        font-weight: 400;
        color: #777777;
    }

    .partner .partnerOffer .discountBlock .apply {
        width: auto;
        position: fixed;
        right: 16px;
        bottom: 16px;
        left: 16px;
        z-index: 2;
    }

    

    .partner .partnerOffer .discountBlock .discountRate {
        display: none;
    }

    .partner .partnerOffer .infoBlock {
        margin-top: 24px;
        padding-bottom: 24px;
    }

    .partner .partnerOffer .infoBlock .items > div *:not(strong) {
        font-size: 14px;
    }

    .partner .partnerOffer .infoBlock ol + * {
        margin-top: 24px;
    }

    .partner .partnerOffer .infoBlock ol li {
        margin-bottom: 24px;
    }

    .partner .contactsBlock {
        margin: 32px 0;
    }

    .partner .contactsBlock > address {
        width: 100%;
        padding: 16px 0;
        border-top: 1px solid #EFEFF4;
    }

    .partner .contactsBlock > address a {
        justify-content: start;
    }

    .partner .contactsBlock > address .wrapper {
        order: 2;
    }

    .partner .contactsBlock > address .icon {
        order: 1;
        margin-right: 16px;
        flex: none;
    }

    .partner .contactsBlock > address .name {
        font-size: 10px;
    }

    .partner .contactsBlock > address .item {
        font-size: 14px;
    }



    /*600px - Popup's*/
    .discountItems-popup, .discountOffer-popup, .limitInfo-popup {
        width: 100%;
        max-width: unset;
        max-height: calc(100% - 100px);
        position: absolute;
        top: 100%;
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
        overflow: hidden;
    }

    .discountItems-popup.active, .discountOffer-popup.active, .limitInfo-popup.active {
        display: block;
        scale: unset;
        transition: transform ease;
        transition-duration: 0.3s;
    }

    .discountItems-popup.active.animation, .discountOffer-popup.active.animation, .limitInfo-popup.active.animation {
        transform: translateY(-100%);
        scale: unset;
        transition: transform ease;
        transition-duration: 0.5s;
    }

    .discountItems-popup .visor, .discountOffer-popup .visor, .limitInfo-popup .visor, .partnerList-popup .visor {
        width: 36px;
        height: 4px;
        margin: 0 auto 16px auto;
        border-radius: 4px;
        background: #D9D9D9;
    }

    .discountItems-popup .header {
        padding: 16px 16px 0;
    }

    .discountItems-popup .header h3 {
        font-weight: 700;
        font-size: 20px;
    }

    .discountItems-popup .container {
        padding: 16px;
    }

    .discountItems-popup .discountItem .itemTitle {
        width: 60%;
    }

    .discountItems-popup .discountItem .itemTitle p {
        font-size: 16px;
        line-height: 120%;
    }
}

@media (max-width: 360px) {
    /* 360px - Popup's */
    .discountOffer-popup, .discountCode-popup {
        width: 100%;
        max-width: 100%;
    }
}