@media screen and (max-width:1281px) {
    .request__block>img {
        width: 40%
    }

    .footer__column:nth-child(2) {
        margin-left: 10px
    }
}

@media screen and (max-width:1367px) {
    .offices__content>div>img {
        width: 30%
    }

    .repairs__checkbox {
        width: 95%
    }
}

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

    .comparison__left-block,
    .comparison__right-block {
        padding: 60px 0 0;
    }

    .comparison__right-block {
        padding: 0 0 0;
    }

    .header {
        height: 70px !important;
    }

    .header .container,
    .container .header__inner {
        height: 100% !important;
    }

    #offices-page>.questions {
        display: flex;
        align-items: center;
    }

    .scroll {
        display: none;
    }

    .questions__items {
        height: 400px;
    }

    .procent-wrapper {
        display: none
    }

    .request__list>li,
    .request__text {
        width: 70%
    }

    .request__block>img {
        width: 80%
    }

    .price__compare {
        width: 100vw
    }

    .white-item,
    .black-item {
        position: relative;
        margin-bottom: 20px;
    }

    .white-item>.price__item-column:nth-child(1),
    .black-item>.price__item-column:nth-child(1) {
        position: absolute;
        top: 0
    }

    .white-item>.price__item-column:nth-child(2),
    .white-item>.price__item-column:nth-child(3),
    .black-item>.price__item-column:nth-child(2),
    .black-item>.price__item-column:nth-child(3) {
        position: absolute;
        width: 50%
    }

    .white-item>.price__item-column:nth-child(2),
    .black-item>.price__item-column:nth-child(2) {
        left: 0;
        bottom: 0
    }

    .white-item>.price__item-column:nth-child(3),
    .black-item>.price__item-column:nth-child(3) {
        right: 0;
        bottom: 0
    }

    .mobile-amprise {
        display: block;
        background-color: #23232a;
        padding: 0;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .request__callback {
        width: 100%
    }

    .calculate-office__wrapper {
        height: initial
    }

    .header {
        padding: 0;
        height: 70px;
        width: 100vw;
        position: fixed !important;
        z-index: 11
    }

    .header__lang,
    .aside-left,
    .aside-right,
    .aside-bottom,
    .header__nav {
        display: none
    }

    #burger,
    #calc-icon {
        display: block
    }

    .main,
    .about {
        padding: 0
    }

    .container {
        height: 100%
    }

    #burger-menu {
        height: 100vh
    }

    #burger-menu>section>.header__nav {
        display: flex
    }

    #burger-menu>section>.header__nav>.menu-burger>li>a {
        font-size: 18px;
        line-height: 21px
    }

    #burger-menu>section>.header__nav>.menu-burger>li {
        margin-left: 0;
        margin-bottom: 32px
    }

    #langActive {
        display: flex;
        margin: 0
    }

    #burger-menu>section {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center
    }

    .menu-burger {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100vw
    }

    .offices__content {
        padding: 0;
        margin: 0;
        background-size: cover
    }

    .offices__content>div>img {
        display: none
    }

    .offices__content-untitle>span {
        display: inline
    }

    .offices__content-title {
        font-style: normal;
        font-weight: 900;
        font-size: 24px;
        line-height: 29px
    }

    .offices__content-untitle {
        font-style: normal;
        font-weight: 900;
        font-size: 28px;
        line-height: 34px;
        text-align: center
    }

    .offices__content-text {
        margin-top: 12px;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px
    }

    .offices__content>div>div {
        text-align: center
    }

    .repairs__left-block {
        background: 0;
        height: 75px;
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 50px
    }

    .repairs__left-block>div>br {
        display: none;
    }

    .repairs__center-block {
        margin-bottom: 30px
    }

    .repairs__content {
        padding-top: 40px;
        flex-direction: column;
        justify-content: flex-start
    }

    .repairs {
        height: 100vh;
        padding-top: 70px
    }

    .repairs__title {
        font-style: normal;
        font-weight: 900;
        font-size: 36px;
        line-height: 44px
    }

    .repairs__untitle {
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 29px
    }

    .repairs__right-block {
        width: 100%;
        height: initial;
        align-items: flex-start;
        margin-left: 0
    }

    .repairs__checkbox {
        width: 334px;
        background: 0;
        border: 0;
        padding: 0
    }

    .repairs__checkbox>li {
        background: 0;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        padding: 6px 6px 6px 38px
    }

    .repairs__bottom-block {
        width: 334px
    }

    .comparison__wrapper {
        background: 0
    }

    #none-text-repairs-office {
        display: block;
        margin-bottom: 25px
    }

    .comparison__wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 40px
    }

    .comparison__checkbox {
        margin: 0;
        max-width: 370px
    }

    .comparison__left-block,
    .comparison__right-block {
        height: initial;
        width: 100%;
        background: none;
    }

    .questions {
        width: 100vw;
        height: 100vh;
        padding: 0;
        overflow-y: hidden
    }

    .questions__title {
        display: flex;
        flex-direction: column;
        margin-bottom: 34px
    }

    .questions__title>.small {
        text-align: left !important
    }

    .questions__inner {
        max-width: 992px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 100%
    }

    .questions__item-title {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        padding: 10px
    }

    .questions__items {
        padding-right: 10px
    }

    .color {
        font-style: normal;
        font-weight: 900;
        font-size: 36px !important;
        line-height: 44px !important
    }

    .small {
        font-style: normal;
        font-weight: 900;
        font-size: 24px !important;
        line-height: 29px !important;
        text-align: center !important;
        position: static !important
    }

    .requerst {
        height: 100vh !important
    }

    .request__callback {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .sales-office__content>img {
        display: none
    }

    .sales-office__content {
        flex-direction: column;
        justify-content: flex-start
    }

    .request__block {
        padding: 0;
        margin: 0
    }

    .sales-office__title {
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 29px
    }

    .sales-office__untitle {
        font-style: normal;
        font-weight: 900;
        font-size: 48px;
        line-height: 59px;
        margin-bottom: 32px
    }

    .request__inner {
        height: 100vh;
        padding-top: 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .request__block {
        padding-top: 37px;
        display: flex;
        align-items: center
    }

    .sales-office__content>.request__callback {
        width: 100%;
        height: initial;
        margin-top: 30px;
        align-items: flex-start !important
    }

    .sales-office__content>.request__callback>.request__form {
        width: 100%
    }

    .sales-office__content>.request__callback>.request__title {
        margin-bottom: 10px;
        display: flex;
        flex-direction: column
    }

    .sales-office__content>.request__callback>.request__form>.request__input {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .sales-office__content>.request__callback>.request__form>.request__form-btn {
        width: 100% !important;
        max-width: 992px !important;
        margin-bottom: 10px
    }

    .sales-office__content>.request__callback>.request__form>input {
        margin-bottom: 40px
    }

    .sales-office__content>.request__block {
        height: initial;
        padding-top: 0;
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .request>.container {
        overflow: hidden
    }

    .sales-office__content>.request__block>img {
        height: 100%;
        overflow: hidden
    }

    .sales-office__content>.request__block>.request__calculator>.request__list {
        margin-bottom: 0
    }

    .sales-office__content>.request__block>.request__calculator>.request__text .color {
        font-style: normal;
        font-weight: normal;
        font-size: 16px !important;
        line-height: 28px !important
    }

    .sales-office__content>.request__block>.request__calculator {
        width: 100%;
        z-index: 1;
        margin-left: 5px;
    }

    .sales-office__content>.request__block>.request__calculator>.request__btn {
        margin-left: 0;
        width: 100%;
        margin-top: 10px
    }

    .footer__inst {
        display: none !important
    }

    .footer>.container {
        height: 100%;
        background-color: #23232a
    }

    .footer__inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #23232a;
        height: initial
    }

    .footer__contact {
        justify-content: center;
        align-items: center;
        margin-top: 10px !important
    }

    .footer__callback {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .footer__title {
        text-align: center
    }

    .footer__form {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .footer__form>.footer__column:nth-child(2) {
        margin: 0
    }

    .footer__title {
        font-weight: 900;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 10px;
    }

    .footer__mail:nth-child(3) {
        margin-bottom: 24px
    }

    .footer__social>li>a>svg {
        width: 33.33px;
        height: 33.33px
    }

    .footer__social {
        margin-bottom: 80px
    }

    .footer__column {
        align-items: center
    }

    .footer__input {
        align-items: center;
        margin-top: 30px;
    }

    .footer__form-btn {
        width: 335px
    }

    .case__slider-nav .gallery-arrows {
        display: none !important
    }

    .calculate-office__wrapper {
        flex-direction: column-reverse
    }

    #calculate-gallery {
        width: 100vw
    }

    .case__slider-item img {
        max-width: 992px;
        width: 100%
    }

    .calculate-office {
        width: 100vw;
        height: 100vh;
        padding: 0;
        padding-top: 70px
    }

    .calculate-office__wrapper>.calculator__content {
        margin: 0 !important;
        width: 100%
    }

    .calculator__title {
        font-style: normal;
        font-weight: 900;
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 4px
    }

    .calculator__wrapper {
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0
    }

    .calculator__item-title {
        font-style: normal;
        font-weight: 800;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 12px
    }

    .calculator__type>li {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        padding: 5px 5px 5px 30px !important
    }

    .comparison__checkbox>li,
    .repairs__checkbox>li {
        font-size: 16px;
        padding: 5px 5px 5px 40px !important;
        background: none;
    }

    .calculator__type li::before {
        width: 18px !important;
        height: 18px !important
    }

    .comparison__checkbox li::before,
    .repairs__checkbox li::before {
        width: 24px !important;
        height: 24px !important
    }

    .calculator__type li {
        margin: 0;
        margin-bottom: 20px;
    }

    .enter-office {
        width: 100%;
        margin-bottom: 12px
    }

    .calculator__btn {
        max-width: 992px;
        margin-bottom: 14px;
        width: 100%
    }

    .calculator__type {
        margin: 0 -5px 17px -5px
    }

    #calculate-office-block>.case__gallery {
        width: 100%
    }

    .price>.container {
        padding: 0;
        width: 100%
    }

    .price__text {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        margin-right: 20px;
        margin-bottom: 0;
        padding: 20px
    }

    .price__inner {
        width: 100vw;
        height: 100%
    }

    .price__title {
        font-style: normal;
        font-weight: 900;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 12px
    }

    .white-item,
    .black-item {
        width: 100%;
        height: 122px;
        padding: 0;
        flex-direction: column;
        justify-content: center !important
    }

    .price__item-title {
        flex-direction: row !important;
        justify-content: center;
        align-items: center;
        width: 100%
    }

    .price__item-title>span:first-child {
        margin-right: 8px
    }

    .white-item>.price__item-column>.price__item-title>span:first-child {
        font-style: normal;
        font-weight: 900;
        font-size: 24px !important;
        line-height: 29px
    }

    .price__item-price>span:first-child {
        font-style: normal;
        font-weight: 900;
        font-size: 24px;
        line-height: 29px
    }

    .price__item-price>span:last-child {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px
    }

    .price__item-date>span:first-child {
        font-style: normal;
        font-weight: 900;
        font-size: 24px;
        line-height: 29px
    }

    .price__item-date>span:last-child {
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 22px
    }

    .price .white-item .price__item-column:nth-child(2)::before,
    .price .white-item .price__item-column:nth-child(3)::before,
    .price .black-item .price__item-column:nth-child(2)::before,
    .price .black-item .price__item-column:nth-child(3)::before {
        display: none
    }

    .price__item-price,
    .price__item-date {
        font-size: 0 !important;
        line-height: 0 !important
    }

    #price-uniqe,
    .black-item>.price__item-column>.price__item-date>span:nth-child(2) {
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 29px;
        color: #fff;
        margin-right: 8px;
        margin-left: 8px
    }

    .price__form-text>span:nth-child(2) {
        display: none
    }

    .price__form {
        flex-direction: column;
        padding-bottom: 150px;
        justify-content: center;
        align-items: center
    }

    .black-item {
        margin-bottom: 20px !important
    }

    .price__btn {
        margin-top: 24px
    }

    .price__form-text span {
        font-size: 12px
    }

    .price__form-text span,
    .price .price__form-phone span {
        text-align: center
    }

    .calculate-office>.container {
        width: 100%
    }

    .way-popup__inner {
        width: 100vw;
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-top: 50px !important
    }

    .way-popup__title {
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 29px;
        text-align: center
    }

    .way-popup__list {
        flex-direction: column
    }

    .way-popup__text {
        margin-bottom: 20px
    }

    .way-popup__list>li:nth-child(5),
    .way-popup__list>li:nth-child(6),
    .way-popup__list>li:nth-child(7) {
        display: none
    }

    .main {
        margin-top: 70px
    }

    .main,
    .repairs,
    .comparison,
    .calculate-office,
    .questions,
    .request,
    .footer {
        padding: 0;
        width: 100vw;
        min-height: calc(100vh - 300px);
        height: 100%;
    }

    .container__offices {
        height: calc(100vh - 70px)
    }

    .case__slider-nav .slick-slide {
        max-height: 60px
    }

    .calculator__type,
    .repairs__bottom-block {
        width: 100%
    }

    body {
        overflow-y: visible !important;
    }
}

@media screen and (max-width:471px) {
    .request__callback>div[role='form'] {
        width: 100%
    }

    .white-item,
    .black-item {
        padding: 5px !important
    }

    .calculator__right-block>span {
        font-size: 18px
    }

    .calculate {
        width: 100%;
        height: 40px
    }

    .calculate-notes {
        margin-bottom: 5px !important
    }

    .label-checkbox {
        font-size: 10px
    }

    .soon {
        display: none
    }

    .style__item {
        height: 200px
    }

    .style {
        height: 1000px !important;
        max-height: 1000px !important
    }

    .main__title .big {
        font-size: 30px !important
    }

    .main__title>div {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .project__title .color {
        font-size: 24px !important
    }

    #uniqe {
        font-size: 18px !important
    }

    #project__title-without-margin>.thin {
        font-size: 14px !important
    }

    .project__text>li {
        font-size: 12px !important
    }

    .project__title {
        margin-bottom: 5px
    }

    .project__transparent,
    .project__white {
        padding: 10px
    }

    .questions__item {
        margin-bottom: 5px
    }

    .questions__item-title {
        font-size: 12px;
        padding: 5px;
        padding-right: 6px
    }

    .questions__item-title--close {
        width: 15px;
        height: 15px
    }

    .questions__item-text {
        font-size: 12px;
        padding: 10px
    }

    .questions__item:nth-child(5),
    .questions__item:nth-child(6),
    .questions__item:nth-child(7),
    .questions__item:nth-child(8),
    .questions__item:nth-child(9),
    .questions__item:nth-child(10),
    .questions__item:nth-child(11) {
        display: none
    }

    .request__title {
        margin-bottom: 5px
    }

    .request__form-btn {
        width: 100% !important;
        max-width: 992px !important
    }

    .request__list>li {
        font-size: 16px;
        margin-bottom: 45px
    }

    .request__list,
    .request__input {
        margin-bottom: 30px
    }

    .request__btn {
        margin-left: 0
    }

    .request__text {
        font-size: 16px;
        margin-bottom: 10px
    }

    .footer__input>input {
        text-align: center
    }

    .footer__input,
    .footer__column input {
        margin-bottom: 0;
        width: 100%
    }

    .footer__social {
        margin-bottom: 20px
    }

    .footer__social>li>a>svg {
        width: 30px;
        height: 30px
    }

    .footer__phone {
        font-size: 32px;
        margin-bottom: 25px;
        margin-top: 30px
    }

    .mail-popup__close,
    .call-popup__close {
        right: 15px;
        top: 100px
    }

    .mail-popup__text p {
        font-size: 16px
    }

    .mail-popup__text p:nth-child(2) {
        font-size: 14px
    }

    .way-popup__title {
        font-size: 16px
    }

    .way-popup__text {
        margin-bottom: 5px !important
    }

    .way-popup__list .consultation__wrapper {
        width: 60px;
        height: 60px
    }

    .way-popup__list {
        margin-bottom: 5px !important
    }

    .way-popup__btn {
        padding: 10px
    }

    .way-popup__close {
        top: 80px;
        right: 15px
    }

    #tel2 {
        font-size: 12px
    }

    .request__form-btn {
        width: 100%
    }

    .calculator__type li::before {
        width: 10px;
        height: 10px
    }

    .calculator__type>li {
        padding: 5px 5px 5px 25px
    }

    .sales-office__content>.request__block>img {
        position: absolute;
        right: -45%;
        top: 0
    }

    .sales-office__content>.request__block>.request__calculator>.request__btn {
        font-size: 12px
    }

    .request__input>label,
    .request__input>input {
        text-align: center
    }

    .request__form {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .price__compare {
        margin-bottom: 50px !important;
        padding: 10px;
    }

    .price .white-item {
        width: 100%;
    }

    .calculate-office {
        min-height: calc(100vh - 70px);
        height: 100%
    }
}

@media screen and (min-width:992px) and (max-width:1900px) {
    .repairs__right-block {
        align-items: flex-start;
        margin-left: 20px
    }

    .case__slider-nav .slick-slide {
        height: 100px
    }

    .case__gallery {
        height: calc(100vh - 200px);
        width: 100%
    }

    .case__slider {
        height: calc(100% - 100px);
        width: calc(100% - 100px)
    }

    .case__slider-item {
        width: calc(100% - 100px) !important;
        height: calc(100% - 100px) !important
    }

    .case__slider-item img {
        width: 100%;
        height: 100%
    }

    .gallery-arrows_right,
    .gallery-arrows_left {
        display: none !important
    }

    .main,
    .repairs,
    .comparison,
    .calculate-office,
    .questions,
    .request,
    .footer {
        height: 100vh
    }

    .container {
        padding-right: 100px !important;
        padding-left: 100px !important
    }

    .calculate-office__wrapper>.calculator__content {
        margin-left: 5px !important
    }

    .calculator__wrapper {
        padding: 10px
    }

    .calculator__type li {
        padding: 10px 10px 10px 34px;
        margin: 0;
    }

    .price__text {
        margin-bottom: 10px
    }

    .price .white-item,
    .price .black-item {
        padding: 15px
    }

    .price__compare {
        margin-bottom: 40px
    }

    .sales-office__content {
        padding-left: 30px
    }

    .sales-office__content {
        overflow: hidden
    }

    .mail-popup__close,
    .way-popup__close,
    .call-popup__close {
        top: 100px
    }

    .footer__inst {
        display: none !important
    }

    .footer__inner {
        margin-top: 100px
    }

    .price__form-text span {
        font-size: 12px
    }

    .price__title,
    .price__compare,
    .price__form-text span {
        margin-bottom: 5px
    }

    .price__form-text span:nth-child(2) {
        font-size: 10px
    }
}

@media screen and (max-width:351px) {
    .calculator__type>li {
        font-size: 10px
    }

    .calculator__type li::before {
        width: 15px;
        height: 15px
    }

    .scroll {
        bottom: 100px
    }

    .repairs__left-block {
        margin-bottom: 5px
    }

    .comparison__checkbox>li,
    .repairs__checkbox>li,
    .repairs__bottom-block li {
        font-size: 12px
    }

    .comparison {
        min-height: calc(100vh - 70px) !important;
        height: 100% !important
    }

    .calculator__title {
        font-size: 24px
    }

    .calculator__item-title {
        font-size: 16px
    }

    .questions__items {
        height: calc(100vh - 250px) !important
    }

    .request__title {
        margin-top: 5px !important;
        margin-bottom: 0 !important
    }

    .request__form-btn {
        margin-bottom: 0 !important
    }

    .request__list {
        margin: 0 !important
    }

    .request__list>li,
    .request__text {
        font-size: 12px !important;
        margin: 0 !important
    }

    .footer__social,
    .footer__phone {
        margin: 0
    }

    .footer__phone {
        font-size: 20px
    }

    .footer__contact {
        margin-top: 55px !important
    }

    .price__title {
        margin-top: 30px
    }

    .price__text {
        display: none
    }

    .request {
        min-height: calc(100vh - 70px);
        height: 100%
    }

    .sales-office__content>.request__block>.request__calculator>.request__btn {
        margin-bottom: 10px
    }

    .scroll {
        display: none
    }
}

.repairs__center-block>.calculator__type>li:before {
    background-image: url(../images/checkbox-black.svg);
}

.comparison__left-block>.calculator__type>li {
    background-color: none;
}

@media screen and (max-width:1500px) and (min-width:993px) {
    .footer__inst {
        display: none !important;
    }

    section {
        padding: 50px 0 !important;
    }

    .aside {
        width: 50px !important;
    }

    .header {
        padding: 0 !important;
        height: 50px;
    }

    .aside-bottom {
        padding: 0 !important;
        height: 50px !important;
        top: calc(100vh - 50px) !important;
    }

    input[type='submit'],
    input[type='button'] {
        height: 50px;
    }

    section {
        padding: 50px 0;
    }

    .request__block>img {
        width: 40%;
    }

    .container {
        padding-right: 50px !important;
        padding-left: 50px !important;
    }

    .aside {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}