@media screen and (max-width:1600px) {
    .aside-bottom__bar ul li:nth-child(3).pass.fill::after {
        width: 100%
    }
}

@media screen and (max-width:1281px) {
    .aside-bottom__bar ul li:nth-child(3).pass.fill::after {
        width: 80%
    }

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

    .main__content>div>img {
        width: 30%
    }

    .case__content {
        padding: 5px
    }

    .img-btn-add-bedroom {
        bottom: 35% !important
    }

    .img-btn-add-bathroom {
        bottom: 34% !important
    }
}

@media screen and (max-width:1200px) {
    .aside-bottom__bar ul li:nth-child(3).pass.fill::after {
        width: 60%
    }

    .header {
        height: 70px !important;
    }

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

    body {
        overflow-y: visible !important;
    }

    .list-rooms>.box>span {
        font-size: 16px;
    }

    .scroll {
        display: none;
    }

    .questions__items {
        height: 400px;
    }

    .details-popup__column {
        max-width: initial;
        width: 90%;
        margin-left: 0;
    }

    .details-popup__column>ul {
        width: 100%;
    }

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

    .white-item,
    .black-item {
        position: relative;
        margin-bottom: 20px;
        width: 100% !important;
        margin-right: 10px;
    }

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

    .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
    }

    .about__inner-left>.about__more,
    .about__inner-right>p {
        margin-bottom: 24px !important
    }

    .main {
        margin-top: 70px
    }

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

    fieldset {
        margin: 0;
        border: 0;
        padding: 0;
    }

    label {
        margin-bottom: 0;
        text-align: center;
    }

    .fieldset:nth-child(2) {
        margin-top: 0
    }

    .add-room {
        height: initial;
        padding: 15px;
    }

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

    .label-checkbox {
        padding: 0;
        font-size: 12px;
        margin-right: 8px;
    }

    input[type='text'] {
        width: 100%
    }

    .label-checkbox-2 {
        font-size: 14px;
        margin-bottom: 10px
    }

    .request__callback {
        width: 100%
    }

    .header {
        padding: 0;
        height: 70px;
        width: 100vw;
        position: fixed
    }

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

    .main__content {
        padding: 0;
        margin: 0
    }

    .main .container {
        margin: 0;
        background-size: cover;
        background-position: center;
        background: 0
    }

    .procent-wrapper {
        display: none
    }

    .offices__content-untitle>span {
        display: inline
    }

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

    .container__offices {
        height: 100vh
    }

    .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;
        width: 100%
    }

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

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

    #fullpage {
        width: 100vw
    }

    .main>.container,
    .about>.container,
    .project>.container,
    .style>.container,
    .case>.container,
    .calculator>.container,
    .questions>.container,
    .request>.container,
    .footer>.container {
        min-height: calc(100vh - 70px) !important;
        height: 100%
    }

    .footer {
        padding: 0 !important
    }

    .main__content {
        padding-left: 0
    }

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

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

    .big {
        font-style: normal;
        font-weight: 900 !important;
        font-size: 34px !important;
        line-height: 51px !important
    }

    .main__title .big {
        font-weight: 900;
        font-size: 42px !important;
        line-height: 51px !important
    }

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

    .questions__title {
        margin-top: 30px !important;
        margin-bottom: 5px !important
    }

    .transparent {
        font-style: normal;
        font-weight: 900;
        font-size: 20px !important;
        line-height: 29px !important
    }

    .main__title .transparent {
        font-size: 24px !important;
        line-height: 29px !important
    }

    .main__text {
        font-style: normal;
        font-weight: normal;
        font-size: 14px !important;
        line-height: 20px !important;
        text-align: center
    }

    .about .container {
        background: 0
    }

    .about__inner {
        flex-direction: column;
        height: 100%;
        justify-content: flex-start
    }

    .about__inner-right p {
        font-size: 16px;
        margin-bottom: 0
    }

    .about__title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 32px
    }

    .highlight {
        font-style: normal;
        font-weight: bold !important;
        font-size: 16px !important;
        line-height: 28px !important;
        padding: 10px !important;
        margin-bottom: 24px !important
    }

    .about__inner-right ul li {
        font-style: normal;
        font-weight: normal;
        font-size: 14px !important;
        line-height: 24px !important;
        margin-bottom: 10px
    }

    .project__inner {
        height: 100%;
        justify-content: center;
        padding-top: 10px
    }

    .project__white {
        padding: 20px;
        flex-direction: column
    }

    .project__title {
        display: flex;
        align-items: center
    }

    .thin {
        margin-left: 12px;
        font-style: normal;
        font-weight: normal !important;
        font-size: 12px !important;
        line-height: 20px !important
    }

    .project__text {
        margin-top: 24px
    }

    .project__text li {
        font-style: normal;
        font-weight: normal;
        font-size: 14px !important;
        line-height: 18px !important;
        margin-bottom: 15px
    }

    .project__text li:last-child {
        margin-bottom: 0
    }

    #none-text {
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }

    .project__transparent {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        background-color: #23232a;
        margin-top: 12px;
        padding: 20px
    }

    .scroll {
        bottom: 110px
    }

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

    #project__title-without-margin {
        margin-bottom: 5px
    }

    .details-popup__wrapper {
        height: 100vh;
        flex-direction: column;
        padding-right: 20px
    }

    #none-mobile-btn {
        display: none
    }

    #show-btn {
        display: block;
        padding-left: 36px;
    }

    .details-popup__title {
        font-style: normal;
        font-weight: 900;
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        width: 100%
    }

    .details-popup__column:nth-child(2) {
        max-width: 570px;
        text-align: center
    }

    .details-popup__column ul li {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px
    }

    .details-popup__column ul li::before {
        width: 24px;
        height: 24px
    }

    .details-popup__close {
        top: 40px;
        right: 20px
    }

    .style {
        width: 100vw;
        height: calc(100vh - 70px) !important;
        padding: 0 !important
    }

    .style__inner {
        flex-direction: column;
        height: calc(100vh - 70px);
    }

    .style__item {
        width: 100vw !important;
        height: calc(100% / 5)
    }

    .style__text {
        display: none
    }

    .style>.container {
        padding: 0 !important
    }

    .style__title {
        font-weight: 900;
        font-size: 18px !important;
        line-height: 22px !important;
        width: 100% !important;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .style__item-content {
        min-height: initial !important;
        text-align: center;
        vertical-align: middle;
        padding: 0;
        width: 100vw !important;
        height: 100%
    }

    .style__btn {
        display: none
    }

    #uniqe-project-pointer {
        display: block
    }

    .project__info {
        display: flex;
        justify-content: space-between;
        width: 80vw
    }

    .case {
        padding: 0;
        width: 100vw;
        height: calc(100vh - 70px)
    }

    .case>.container {
        padding: 0;
        min-height: auto !important;
    }

    .case__inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end
    }

    .case__btn,
    .case__number {
        display: none
    }

    .case__gallery {
        width: 100vw
    }

    .case__slider-item {
        max-width: 992px
    }

    .case__content {
        padding: 20px;
        width: 100%
    }

    .case__title {
        font-weight: 900;
        font-size: 24px;
        line-height: 29px
    }

    .case__text {
        font-weight: normal;
        font-size: 14px;
        line-height: 20px
    }

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

    .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
    }

    .requerst {
        height: 100vh !important
    }

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

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

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

    .request__input {
        margin-bottom: 24px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .request__text {
        margin: 0;
        margin-bottom: 24px;
        text-align: center
    }

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

    .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
    }

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

    #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
    }

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

    .calculator__img {
        display: none
    }

    .calculator__wrapper,
    .calculator__filling {
        border: 0
    }

    .calculator .container {
        max-width: 992px
    }

    .calculator__wrapper {
        padding: 0
    }

    .calc-slide {
        height: 100vh;
        padding: 0;
        padding-top: 70px
    }

    .calculator__title {
        font-style: normal;
        font-weight: 900;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 12px
    }

    .calculator__type li {
        margin: 0;
        margin-right: 4px;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        padding: 5px 5px 5px 32px
    }

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

    .calculator__type li:last-child {
        margin-right: 0
    }

    .calculator__items-top {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }

    .calculator__item {
        max-width: 321px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        height: 40px
    }

    .calculator__item>input {
        text-align: right
    }

    .calculator__room>.calculator__item-title {
        display: none
    }

    .calculator__item-add {
        display: none
    }

    .calculator__item-add-mobile {
        display: block;
        padding: 38px;
        background: #23232a;
        border: .5px solid #3f3f48;
        cursor: pointer;
        outline: 0;
        width: 100%;
        text-align: center;
        position: static;
        top: 40px;
        left: 0;
        right: 0;
        height: 40px;
        max-width: 321px;
        padding: 10px
    }

    .calculator__filling {
        padding: 0;
        max-width: 992px
    }

    .calculator__btn {
        width: 335px
    }

    .calculator__item-add-mobile span {
        font-size: 16px;
        line-height: 19px;
        color: #aeaeba;
        position: relative;
        padding-left: 32px
    }

    .calculator__item-add-mobile span::before {
        content: "";
        position: absolute;
        background-image: url("../images/plus.svg");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
        width: 24px;
        height: 24px;
        top: 0;
        left: 0
    }

    .calculator__filling>p {
        width: 80vw
    }

    #note-calculate {
        display: block;
        width: 90vw;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 20px
    }

    .mobile-text {
        width: 80vw;
        justify-content: space-between;
        align-items: center
    }

    .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
    }

    .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
    }

    .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,
    .about,
    .project,
    .style,
    .case,
    .calculator,
    .questions,
    .request,
    .footer {
        padding: 0;
        min-height: calc(100vh - 300px);
        width: 100vw;
        height: 100% !important
    }

    .request {
        padding: 0
    }

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

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

    .calculator__left-block {
        display: none
    }

    .rooms {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin-top: 10px;
    }

    .calculator__right-block {
        width: 100%;
        margin-right: 0
    }

    .box {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: initial;
        margin: 0;
        margin-bottom: 5px;
        padding: 5px
    }

    .box>input {
        width: 100px;
        text-align: right
    }

    .calculate-notes {
        display: block;
        font-family: 'Rubik' !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-size: 10px !important;
        line-height: 20px !important;
        color: #b3b3b3 !important
    }

    .calculate-notes>b {
        color: white
    }

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

    .price .white-item {
        margin-left: 0;
    }

    .calculator__inner {
        padding: 0
    }

    .price__compare {
        margin-bottom: 50px
    }

    .text-info {
        font-size: 14px
    }

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

    .mobile-procent {
        display: block
    }

    .mobile-procent>.text-wrapper>.procent>img {
        width: 90%
    }

    .calculator {
        padding-top: 100px !important;
    }
}

@media screen and (max-width:471px) {
    .gallery-thumbs .swiper-slide {
        height: 60px !important;
    }

    .white-item,
    .black-item {
        padding: 15px !important;
        width: calc(100vw - 30px)
    }

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

    .calculate-notes {
        margin-bottom: 5px !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: 36px !important
    }

    #uniqe {
        font-size: 24px !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: 20px
    }

    .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-top: 32px;
        margin-bottom: 15px
    }

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

    .request__form-btn {
        margin-bottom: 10px
    }

    .request__list>li {
        font-size: 16px
    }

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

    .request__list {
        margin-bottom: 50px !important
    }

    .request__input>input {
        text-align: center
    }

    .request__btn {
        margin-left: 0
    }

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

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

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

    .footer__input>input {
        text-align: center
    }

    .footer__input,
    .footer__column input {
        margin-bottom: 0
    }

    .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
    }

    .price__title {
        font-size: 18px
    }

    .white-item,
    .black-item {
        height: 100px;
        overflow-x: hidden;
    }

    .white-item>.price__item-column>.price__item-title>span:first-child,
    .price__item-title>span:first-child {
        font-size: 16px
    }

    .price .white-item .price__item-title span:nth-child(2),
    .price .black-item .price__item-title span:nth-child(2) {
        font-size: 16px !important
    }

    #price-type,
    #price-uniqe {
        font-size: 24px
    }

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

    .price__form-phone>span {
        text-align: center
    }

    .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%
    }

    .price__form {
        padding-bottom: 0
    }
}

@media screen and (min-width:992px) and (max-width:1590px) {
    .price__text>br {
        display: none
    }

    .img-btn-add-hall {
        bottom: 35% !important;
        left: 27% !important
    }

    .img-btn-add-bathroom {
        bottom: 24% !important
    }

    .img-btn-add-bedroom {
        bottom: 26% !important
    }

    .box>label {
        font-size: 10px !important
    }

    .about__inner-right .highlight {
        padding: 15px
    }

    .about__inner-right p {
        margin-bottom: 10px
    }

    .project__transparent,
    .project__white {
        padding: 20px;
        height: 50%
    }

    .scroll {
        bottom: 150px
    }

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

    .main,
    .about,
    .project,
    .style,
    .case,
    .calculator,
    .questions,
    .request,
    .footer {
        height: 100vh !important
    }

    .style__item-content {
        padding: 5px 15px 5px !important
    }

    .style__title {
        font-size: 18px
    }

    .style__text {
        display: none;
    }

    .style__item-content {
        padding: 0;
        width: 100%;
        height: 200px;
        min-height: initial;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

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

    .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
    }

    .calculator__left-block img {
        width: 100%
    }

    .add-room {
        height: 70px;
        padding-top: 5%;
    }

    .box {
        width: 110px;
        height: 70px
    }

    .price__inner {
        padding-top: 10px
    }

    .price__text {
        margin-bottom: 10px
    }

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

    .price__compare {
        margin-bottom: 40px
    }

    .calculator__right-block>span {
        font-size: 18px;
        margin-bottom: 5px
    }

    .box {
        margin: 0 5px 0
    }

    .label-checkbox {
        margin-bottom: 0
    }

    .label-checkbox-2::before {
        width: 20px;
        height: 20px
    }

    .title {
        font-size: 18px
    }

    .calculator__inner {
        padding: 0
    }

    .calculate {
        margin-top: 5px;
        height: 40px
    }

    .footer__inst {
        display: none !important
    }

    /* .footer__inner {
        margin-top: 100px */
}

/* .price__inner {
        padding-top: 210px
    } */

.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
}

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

.footer__column input {
    margin-bottom: 0 !important
}

.footer__column label {
    margin-top: 5px
}

.calculator__content {
    width: 60%
}

.left__block,
.right__block {
    padding: 5px
}

.left__title,
.right__title {
    font-size: 18px
}

.left__text,
.right__text {
    font-size: 12px
}
}

@media screen and (max-width:370px) {
    .about__inner-right p {
        font-size: 14px !important
    }

    .highlight {
        font-size: 12px !important
    }

    .about__inner-left>.about__more,
    .about__inner-right>p {
        margin-bottom: 5px !important
    }

    .about__title {
        margin-top: 5px !important
    }

    .project__text {
        margin-top: 0
    }

    .project__text>li,
    .project__column p {
        font-size: 10px
    }
}

@media screen and (max-width:351px) {
    .label-checkbox-2 {
        font-size: 10px !important
    }

    .text-info {
        font-size: 10px !important
    }

    .calculate {
        margin: 0 !important
    }

    .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
    }

    .scroll {
        display: none
    }
}

@media screen and (min-width:992px) and (max-width:1500px) {

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

    .aside-bottom {
        top: calc(100vh - 50px);
    }

    .aside-bottom__bar ul li:nth-child(1).pass.fill::after {
        width: 150%
    }

    .aside-bottom__bar ul li:nth-child(2).pass.fill::after {
        width: 200%
    }
}

@media screen and (min-width:1501px) and (max-width:1900px) {
    .aside-bottom__bar ul li:nth-child(1).pass.fill::after {
        width: 230%
    }

    .aside-bottom__bar ul li:nth-child(2).pass.fill::after {
        width: 306%
    }

    .aside-bottom__bar ul li:nth-child(3).pass.fill::after {
        width: 172%;
    }
}

@media screen and (max-height:1000px) {
    .img-btn-add-bathroom {
        bottom: 22%
    }
}

@media screen and (max-width:1500px) {
    .aside {
        width: 50px;
    }

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

    .aside-bottom {
        padding: 0;
        height: 50px;
    }

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

    section {
        padding: 50px 0;
    }
}

@media screen and (max-width:350px) {
    .about__inner-right ul li:last-child {
        margin-bottom: 30px;
    }

    .label-checkbox {
        font-size: 10px;
        margin-right: 2px;
    }

    .way-popup__close {
        top: 90px;
    }

    .way-popup__title {
        margin-bottom: 5px;
    }

    .way-popup__text {
        font-size: 12px;
    }

    .way-popup__phone>input {
        width: 50%;
        font-size: 10px;
    }

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

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

@media screen and (max-height:1000px) and (min-height:800px) {
    .price {
        min-height: calc(100vh - 200px);
    }

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