@media (max-width: 960px) {
    span.city-info {
        left: 68%;
    }
}
@media (max-width: 1280px) {
    span.city-info {
        left: 62%;
    }
    header.header aside.header-options-wrap .header-options .options-wrap {
        margin-bottom: 20px;
    }
    header.header aside.header-options-wrap .header-options .options-wrap.active .options-container {
        padding: 7% 5%;
        top: -17%;
    }
    header.header aside.header-options-wrap .header-options .options-wrap .option::before {
        margin-right: 5px;
        height: 17px;
        width: 17px;
    }
    header.header aside.header-options-wrap .header-options .options-wrap .option.range-double input,
    header.header aside.header-options-wrap .header-options .options-wrap .option.range input {
        width: 36px;
    }
    header.header aside.header-options-wrap .header-options .options-wrap .option input {
        margin: 0 3px;
    }
    header.header aside.header-options-wrap .header-options .options-wrap .options-select {
        height: unset;
        padding-right: 10px;
        line-height: 1.7;
        min-height: 30px;
    }
    nav.nav .header-nav .header-items {
        padding: 0 10%;
    }
    section.wrapper.loyality-page .content article.content-item.add-state .content-elem.status {
        background-position: 43% 52%;
    }
}
@media (max-width: 1100px) {
    span.city-info {
        left: 59%;
        font-size: 10px;
    }
    section.wrapper.loyality-page .content article.content-item.add-state .content-elem.status {
        background-position: 59% 52%;
    }
    section.wrapper.loyality-page .content article.content-item .content-elem.status {
        width: 13%;
    }
    section.wrapper.loyality-page .content article.content-item .content-elem.bonus-for {
        max-width: 5%;
        width: 5% !important;
    }
}
@media (max-width: 960px) {
    span.city-info {
        display: block;
        width: 100%;
        position: relative;
        left: auto;
    }
    section.wrapper.loyality-page .content article.content-item.add-state .content-elem.status {
        background-position: 80% 52%;
    }
    header.header aside.header-options-wrap .header-options .options-wrap.active .options-container {
        padding: 7% 2%;
        width: 115%;
        top: -8%;
    }
    header.header aside.header-options-wrap .header-options .options-wrap .option.range-double input, header.header aside.header-options-wrap .header-options .options-wrap .option.range input {
        width: 30px;
    }
    header.header aside.header-options-wrap .header-options .options-wrap .option::before {
        margin-right: 4px;
        height: 15px;
        width: 15px;
    }
    nav.nav .header-nav .header-items {
        padding: 0 3%;
    }
}