@media screen and (max-width: 767px) {
    .trust-cell:nth-child(3),
    .trust-cell:nth-child(6),
    .trust-cell:nth-child(2) {
        background-color: var(--orange);
    }
    .tabs-block .tabs-panel {
        flex-wrap: wrap;
        row-gap: var(--gutter);
    }
    .fs {
        background: url(../img/header-bg-mob.jpg)no-repeat;
        background-size: cover;
        background-position: right center;
    }
    .title {
        font-size: var(--fs-28);
    }
}
@media screen and (min-width: 430px) {
    .play-wrapper > img {
        width: calc(95px + 1vw);
        height: auto;
    }
    .advantages-grid {
        grid-template-columns: 1fr 1fr;
    }
    .advantages-cell:nth-child(3) {
        background-color: var(--orange);
    }
    .advantages-cell:nth-child(4) {
        background-color: rgba(40, 40, 40, 1);
    }
}
@media screen and (min-width: 712px) {
    .sale-label {
        position: absolute;
        left: 60%;
        padding: 20px 30px;
        border-radius: 10px;
    }
    .opacity-price-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 4px;
        row-gap: 4px;
    }
    .fast-calc-order-wrapper {
        flex-direction: row;
        row-gap: 0;
        column-gap: 16px;
    }
    .fast-calc-order-wrapper > * {
        flex-grow: 1;
    }
    .fast-calc-order-wrapper .btn-action {
        width: auto;
        padding: inherit;
    }
    .plan-title {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        
    }
    .plan-title .plan-label {
        position: absolute;
        right: 16px;
    }
    .employee_header button {
        padding: 12px;
    }
    .post-content h2,
    .sub-title {
        display: block;
    }
    .masters-block button.order_master_button_show {
        display: none;
    }
    .last__item {
        display: block;
        margin-top: 16px;
    }
    .masters-slider {
        max-width: 876px;
    }
    .right__description  a.call {
        background: var(--orange);
        padding: 14.5px;
        width: 100%;
        border-radius: var(--br-8);
        color: #fff;
        display: block;
        text-decoration: none;
        text-align: center;
    }
    .right__description {
        background-color: rgba(40, 40, 40, 1);
        border-radius: var(--br-8);
        padding: 16px;
    }
    .sotrudnik__inner {
        margin-top: 68px;
    }
    .masters-slider-control {
        right: 16px;
        top: 16px;
        width: calc(50% - 32px);
    }
    .masters-slider-control .swiper-pagination {
        width: auto;
    }
    .masters-slider-control .swiper-button-prev, .masters-slider-control .swiper-button-next {
        width: 82px;
        height: 52px;
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(39.099998474121094px);
        border-radius: var(--br-8);
    }
    .footer_menu {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer_menu > li:nth-child(3) {
        grid-row: none;
        grid-column: none;
    }
    .footer_menu>li:nth-child(3) {
        grid-row: span 2 / 1;
        grid-column: 2;
    }
    .footer_menu>li:nth-child(3) {
        grid-row: span 2 / 1;
        grid-column: 2;
    }
    .swiper-slide .left__img img {
        max-height: 573px;
    }
    .play-action-title {
        width: 185px;
        height: auto;
    }
    .work-steps-grid .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 4px;
        column-gap: 4px;
    }
    .work-steps-grid .swiper-wrapper .work-step {
        width: 100%;
        height: 100%;
    }
    .trust-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .show-wrapper {
        position: absolute;
    }
    .about-number {
        justify-content: space-evenly;
    }
    .post-slider-wrapper img {
        aspect-ratio: 1.8 / 1;
    }
    .trust-cell:nth-child(even){
        background-color: var(--orange);
    }
    /* .portfolio-grid .portfolio-cell-2 a:nth-child(1) {
        aspect-ratio: 1 / 1;
    }
    .portfolio-cell-2 a:nth-child(2) {
        aspect-ratio: 2 / 1;
    } */
    .play-wrapper > img {
        width: calc(185px + 1vw);
        height: auto;
    }
    .play-wrapper {
        right: 10%;
        top: 20%;
    }
    .work-steps-slider .swiper-slide {
        width: 100%;
    }
    .calculator-form .calculator-form-action {
        flex-direction: row;
        column-gap: var(--padding-default);
    }
    .calculator-form-action input {
        width: 100%;
    }
    .calculator-form-action .btn-action {
        max-width: 30%;
    }
    .lighting-cell img {
        aspect-ratio: 1.8 / 1;
    }
    .map {
        height: 100%;
        max-height: 603px;
    }
    .plan-card .card-img img {
        aspect-ratio: 1.8 / 1;
    }
    .experience-slide {
        max-width: 350px;
    }
    .quiet-walls-slide {
        max-width: 350px;
    }
    .post-variables-slider .swiper-slide {
        width: 100%;
        max-width: 359px;
    }
    .tab-card-wrapper {
        grid-template-columns: 1fr 1fr;
    }
    .tab-card .card-img img {
        border-radius: var(--br-8) 0 0 var(--br-8);
    }
    .tab-card .card-img img {
        aspect-ratio: 1.1 / 1;
    }
    .tab-card-wrapper .card-body {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    .tab-card-wrapper .card-body .tab-content {
        flex-grow: 1;
        max-height: 132px;
        overflow-y: scroll;
    }
    .item-arhive {
        width: calc(50% - var(--padding-default));
    }
    .map {
        height: 100%;
        max-height: 403px;
    }
}
@media screen and (min-width: 960px) {
    .plan-card.active {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 16px;
        position: relative;
    }
    .plan-card .card-head {
        grid-row: span 2;
    }
    .plan-card .card-body {
        margin-top: 60px;
    }
    .plan-card .card-head .card-img {
        margin-top: 40px;
    }
    .card-desc {
        position: absolute;
    }
    .page-contact-grid {
        grid-template-columns: 40% 60%;
    }
    .main_nav_header .menu-item-object-category input {
        display: none;
    }
    .item-arhive {
        width: calc(25% - var(--padding-default));
    }
    .tab-card-wrapper .card-body .tab-content {
        max-height: 100%;
        overflow: visible;
    }
    .tabs-block,
    .post .post-header-desc,
    .wrapper-content {
        max-width: 80%;
        margin: 0 auto;
    }
    .map {
        height: 100%;
        max-height: 603px;
    }
    .contacts-grid {
        grid-template-columns: 1fr 1fr;
        column-gap: 24px;
    }
    .work-steps-grid .swiper-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    .phone_footer {
        flex-direction: row;
        column-gap: 24px;
    }
    .footer_menu {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 0;
        column-gap: 40px;
    }
    .header-wrapper,
    .content_wrapper {
        padding-left: 60px;
        padding-right: 60px;
    }
    .post-variables-slider .swiper-slide {
        width: 30%;
        max-width: 100%;
    }
    .other-posts-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .page-contact-grid > button {
        display: none;
    }
    .post .post-header-desc {
        margin-top: 60px;
    }
    .order_form_bg {
        display: block;
    }
    .modal-grid-content {
        grid-template-columns: 1fr 1fr;
        column-gap: 1em;
    }
    .modal-wrapper {
        min-height: 400px;
    }
    .modal-form-content {
        display: flex;
        flex-direction: column;
    }
    .modal-form-content .action-form {
        flex-grow: 1;
    }
    .modal-title {
        padding-right: 50px;
    }
}
@media screen and (min-width: 1280px) {
    .opacity-price-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 4px;
        row-gap: 4px;
    }
    .fast-calc-order-section .semicircle-right {
        display: none;
    }
    .menu-action {
		display: none;
	}
    .portfolio-grid {
        grid-template-columns: 1fr 1fr;
    }
    .portfolio-cell-2, .portfolio-cell-1 {
        grid-auto-rows: calc(100vw / 6 - 48px);
    }
    .portfolio-grid .portfolio-cell-1 a:nth-child(5) {
        grid-row: span 2;
    }
    .portfolio-grid .portfolio-cell-1 a:nth-child(6) {
        grid-column: span 2;
        grid-row: span 2;
    }
    .plans-tab-panel {
        display: none;
    }
    .plan-title {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 12px;
    }
    .plan-title .plan-label {
        position: relative;
        right: auto;
        min-height: 36px;
    }
    .plan-card.active {
        display: flex;
    }
    .plan-card .card-head {
        grid-row: 0;
    }
    .plan-card .card-body {
        margin-top: var(--margin-default);
    }
    .plan-card .card-head .card-img {
        margin-top: auto;
    }
    .card-desc {
        position: relative;
    }
    .page-contact-grid {
        grid-template-columns: 40% 60%;
    }
    .page-contact-grid {
        grid-template-columns: 35% 65%;
    }
    .advantages-cell:nth-child(3) {
        background-color: rgba(40, 40, 40, 1);
    }
    .advantages-cell:nth-child(even) {
       background-color: var(--orange);
    }
    .other-posts-img {
        aspect-ratio: 1.6 / 1;
    }
    .video-content-wrapper,
    .post-content-wrapper {
        max-width: 80%;
        margin: 0 auto;
    }
    .post-other-text {
        max-width: 80%;
        margin: 24px auto 0 auto;
    }

    .advantages-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .phone_footer {
        flex-direction: column;
        align-items: flex-start;
    }
    .contacts-grid {
        grid-template-columns: 0.6fr 1.4fr;
    }
    .content_wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .calculator-form .calculator-form-action {
        flex-direction: column;
    }
    .calculator-form-action .btn-action {
        max-width: 100%;
    }
    .calculator-form-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .calculator-form-wrapper > p {
        width: 50%;
    }
    .quiet-walls-wrapper .btn-action {
        display: none;
    }
    .quiet-walls-block .title-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .quiet-walls-block .title-box .btn-action {
        width: auto;
        flex-shrink: 0;
    }
    .quiet-walls-block .title-box .sub-title {
        margin-top: 0;
    }
    .lighting-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .lighting-cell img {
        aspect-ratio: 1 / 1;
    }
    .plans-list {
        grid-template-columns: repeat(3, 1fr);
    }
    .header-wrapper,
    .content_wrapper {
        padding-left: 48px;
        padding-right: 48px;
    }
    .menu-action {
        display: none;
    }
    .plan-card {
        display: flex;
        opacity: 1;
    }
    .trust-grid {
        grid-template-columns: repeat(6, 1fr);
    }
    .content-header .content-grid {
        display: flex;
        column-gap: 1em;
    }
    /* .content-header .content-grid > div {
        width: 50%;
    } */
    .main-navigation {
        display: flex;
        /* flex-grow: 1; */
        justify-content: center;
    }
    .main_nav_header {
        column-gap: 32px;
    }
    .head-box-social {
        display: flex;
    }
    .play-action-about {
        display: flex;
        top: auto;
        right: auto;
    }
    .play-wrapper > img {
        width: calc(12.8rem + 1vw);
    }
    .icon-play {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon-play svg {
        height: auto;
        width: 20%;
    }
    .play-action-title {
        display: none;
    }
    .about-number {
        justify-content: space-between;
    }
    .brand_contact_footer {
        grid-template-columns: repeat(3, 1fr);
    }
    /* .left__img::after {
        height: 90%;
    } */
}