@media (max-width: 1600px) {
    .banner .banner__text {
        top: 4em;
    }
    .zyavka-form-bgr .form-item {
        width: 55%;
    }
    .zyavka-form-bgr input[type="submit"] {
        width: 85%;
    }
    .zyavka-form-bgr img {
        right: 9vw;
    }
    .raschet-form {
        padding-bottom: 80px;
    }
}

@media (max-width: 1535px) {
    .banner .banner__text {
        top: 4em;
    }
    .banner__text_title {
        font-size: 2em;
    }
    .banner__text_buttons, .banner__text_advtg {
        margin-top: 40px;
    }
    .banner__text_buttons a, #block-block-21 .col-first a.btn {
        font-size: 1.3em;
    }
    .zyavka-form_img img {
        right: 7vw;
        zoom: 110%;
    }
    .zyavka-form-bgr .form-item-fz152-agreement {
        width: 65%;
    }
    .zyavka-form_img img {
        right: 1em;
        zoom: 110%;
    }
    .front div#webform-component-vash-telefon input, .front #webform-component-telefon input {
        padding-left: 3vw;
    }
    .front div#webform-component-vash-telefon label, .front div#webform-component-vashe-imya label {
        padding-left: 3vw;
    }
    .desktop #block-block-21 .form-item-fz152-agreement {
        /*width: 35%;*/
    }

    .zyavka-form-bgr .form-item {
        width: 55%;
    }
    .zyavka-form-bgr #edit-actions--2,
    .zyavka-form-bgr #edit-actions--3 {
        width: 56%;
    }
    .mega-menu-li > ul.menu {
    margin-left: -210px !important;
    /* zoom: 90%; */
    margin-top: 1px !important;
    }
}

@media (max-width: 1300px) {
    .zyavka-form_img img {
        right: -1vw;
        zoom: 110%;
    }
    .desktop #block-block-21 .form-item-fz152-agreement {
        width: 45%;
    }
    .raschet-form {
        padding-bottom: 80px;
    }
    #mega-menu-li > ul.menu {
    margin-left: -170px !important;
    zoom: 90%;
    margin-top: 6px !important;
    right: auto !important;
    }
}
@media (max-width: 1200px) {
    .zyavka-form_img img {
        right: -2em;
    }
    .front .content {
        margin: 0 20px;
    }
    .zyavka-form-bgr .form-item-fz152-agreement {
        width: 66%;
    }
    .banner__text_title {
        font-size: 1.8em;
        line-height: 30px;
    }
    .banner__text_advtg {
        margin-top: 3em;
    }
    .banner__text_advtg ul {
        font-size: 1.7em;
        line-height: 25px;
        margin-left: 35px;
    }
    .banner__text_advtg ul li::before {
        width: 30px;
        height: 30px;
        background-size: cover;
    }
    .banner__text_advtg ul li {
        margin-left: 0.5em;
    }
    .banner__text_buttons {
        /* margin-top: 20px; */
    }
    .banner__text_buttons a {
        font-size: 1.2em;
    }
    #block-block-21 #webform-component-ploshchad label, #block-block-21 #webform-component-uglov label, #block-block-21 #webform-component-svetilnikov label {
        font-size: 13px;
    }
    .front div#webform-component-vash-telefon label, .front div#webform-component-vashe-imya label {
    padding-left: 3vw;
    }
    .front div#webform-component-vash-telefon input, .front #webform-component-telefon input {
        padding-left: 3.5vw;
    }
    #block-block-21 .form-item-fz152-agreement {
        width: 45%;
    }
    .review-block {
        max-width: 450px;
    }
    .footer-top .logo {
        padding-left: 2em;
    }
    .mega-menu-li > ul.menu {
        right: auto !important;
        left: -20px !important;
    }
    .desktop #mega-menu-li ul.art-hmenu-right-to-left {
        right: auto !important;
    }
}


@media (max-width: 1024px) {
    .front .content {
        margin: 0 20px;
    }
    .front .art-nav {
        padding: 1em !important;
    }
    .header-top .button .btn a.red {
        width: 200px;
    }
    .header-top .line_top p {
        font-size: 15px;
    }
    .banner__text_title {
        font-size: 30px;
        line-height: 30px;
    }
    .banner__text_advtg {
        margin-top: 30px;
    }
    .zyavka-form_img img {
        right: -3em;
        /* zoom: 110%; */
    }
    .zyavka-form-bgr .form-item-fz152-agreement {
        width: 65%;
    }
    .banner__text_advtg ul {
        font-size: 20px;
        line-height: 25px;
        margin-left: 35px;
    }
    .banner__text_advtg ul li::before {
        width: 20px;
        height: 20px;
        background-size: cover;
    }
    .banner__text_buttons {
        margin-top: 20px;
    }
    .banner__text_buttons a {
        /* font-size: 15px; */
        text-align: center;
    }
    .banner img {
        padding-top: 2em;
    }
    #block-block-17 .col-first p:first-child {
        font-size: 1.2rem;
    }
    #block-block-17 .col-first p:last-child {
        font-size: 1.5rem;
    }
    #block-block-17 ul {
        font-size: 1.1rem;
    }
    #block-block-21 .form-item-fz152-agreement {
        width: 100%;
    }
    #block-block-21 #webform-component-ploshchad label, #block-block-21 #webform-component-uglov label, #block-block-21 #webform-component-svetilnikov label {
        min-height: 32px;
    }
	 .not-front #block-block-21 #webform-component-ploshchad label, .not-front #block-block-21 #webform-component-uglov label, .not-front #block-block-21 #webform-component-svetilnikov label {
        min-height: 32px;
    }
    #block-block-21 .webform-component-markup, #block-block-21 .webform-component-markup label {
        font-size: 15px;
    }
    .view-reviews a.btn {
        margin-left: 10em;
    }
    .review-block {
        max-width: 685px;
    }
    /* .art-nav-mobile {
        padding: 15px 0 10px;
    } */
    .front div#webform-component-vash-telefon label, .front div#webform-component-vashe-imya label {
        padding-left: 3em;
    }
    #block-block-17 .col-first p:last-child, #block-block-17 .col-first p:first-child {
        font-size: 1.2em;
    }
    #block-block-17 ul {
        font-size: 1.05em;
    }
    .zyavka-form-bgr > p {
        font-size: 0.9em;
    }
    .footer-top .logo {
        padding-left: 0;
    }
    #footer-mailto {
        display: block;
    }
    #footer-mailto a {
        display: inline;
    }
    #footer-mailto img {
        margin-right: 0.5em;
    }
    #footer-phoneto {
        margin-left: 1em;
    }
    #footer-phoneto span:last-child {
        margin-left: 12px;
    }
    .front .ff_bottom {
        clear: both;
    }
    .footer-top .blocks {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
    .art-footer p {
        text-align: center;
        margin-top: 10px;
    }
    .prefooter .col-frist div:nth-child(6) {
        padding-right: 1em;
    }
    .mega-menu-li > ul.menu {
        right: auto !important;
        left: -20px !important;
    }
    #mega-menu-li > ul.menu {
        right: auto !important;
    }
    #mega-menu-li > ul.menu {
    margin-left: -170px !important;
    zoom: 90%;
    margin-top: 6px !important;
    right: auto !important;
    }
}


@media (max-width: 700px) {
	div#slick-views-news-5-slider .slick-track {
	margin-left: 0;
       }
	   
	  body.front div#slick-views-news-5 .slick__arrow {margin-top: 55px;}
	   
    .kartinka-block {
        display: block;
    }
    .imag-block-front .banner__text_mobile{position: absolute;z-index: 1;background: #ffffffba;
        margin: 10px 10px 22px 10px;bottom: 0;}
    .imag-block-front .banner__text_buttons {
        padding-top: 12px;
        padding-bottom: 20px;
    }
    .imag-block-front .banner__text_buttons a {
        font-size: 14px;
    }
    .imag-block-front .banner__text_buttons a {
        padding: 5px 40px;
        font-weight: 700;
    }
    .imag-block-front .banner__text_title {
        font-size: 17px;
        line-height: 23px;
        text-align: center;
        padding-top: 20px;
    }
    .imag-block-front .banner__text_advtg ul {
        font-size: 15px;
        line-height: 14px;
    }
    .imag-block-front .banner__text_advtg ul li::before {
        left: auto;
        margin-left: -22px;
        width: 17px;
        height: 17px;
        background-size: cover;
        margin-top: -2px;
    }
    .imag-block-front .banner__text_advtg {
        margin-top: 12px;
    }
    .imag-block-front .banner__text_title span{font-size: 15px;}
    .kartinka-block img{width: 100%;}
    .kartinka-block {
        position: relative;
    }
    /*============================*/
    .splyt {
        display: block;
        width: 100%;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .bgded {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .overlay {
        color: #050505;
        background-color: inherit;
    }

    .overlay {
        position: relative;
        z-index: 1;
    }
    .overlay::after {
        color: inherit;
        background-color: rgba(255,255,255,.55);
        box-sizing: border-box;
    }
    .overlay::after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        z-index: -1;
    }
    /*============================*/

    .banner__text_mobile {
        display: block;
        padding: 0 10px;
    }
    .banner__text_title {
        font-size: 24px;
        line-height: 28px;
        text-align: center;padding-top: 20px;
    }
    .banner__text_advtg ul {
        font-size: 20px;
        line-height: 23px;
    }
    .banner__text_advtg ul li {
        text-align: center;
    }
    .banner__text_advtg ul li::before {
        left: auto;
        margin-left: -35px;
        width: 25px;
        height: 25px;
        background-size: cover;
        margin-top: -2px;
    }
    .banner__text_buttons {
        flex-direction: column;
    }
    .banner__text_buttons {
        width: 80%;
        margin: 0 auto;
        padding-top: 35px;padding-bottom: 20px;
    }
    .front .block {
        padding: 37px 0 0;
    }
    .front .content {
        margin: 0 10px;
    }
    #block-block-21 .flex {
        flex-direction: column;
    }
    #block-block-21 .flex div[class^="col"], #block-block-17 [class^="col"] {
        width: 100%;
    }
    #block-block-21 #webform-component-ploshchad, #block-block-21 #webform-component-uglov {
        width: 46%;
    }
    #block-block-21 #webform-component-svetilnikov {
        clear: both;
        width: 100%;
    }
    .front #webform-client-form-89 #webform-component-cena-potolka-v-rassrochku, #webform-client-form-89 #webform-component-telefon {
        flex-direction: column;
        gap: 6px;
    }
    .front #webform-component-telefon label {
        align-self: baseline;
        font-weight: 600;
    }
    .front div#webform-component-vash-telefon input, .front #webform-component-telefon input, .front div#webform-component-vashe-imya input, .front div#webform-component-vash-telefon label, .front div#webform-component-vashe-imya label {
        padding-left: 40px;
    }
	
	.not-front #block-block-21 .flex {
        flex-direction: column;
    }
    .not-front #block-block-21 .flex div[class^="col"]{
        width: 100%;
    }
    .not-front #block-block-21 #webform-component-ploshchad, .not-front #block-block-21 #webform-component-uglov {
        width: 44%;
    }
	
	.not-front #block-block-21 #webform-component-uglov {
      padding-left: 15px;
      }
	  .not-front .raschet-form {
          padding: 20px 10px 60px;
     }
    .not-front #block-block-21 #webform-component-svetilnikov {
        clear: both;
        width: 100%;
		padding:0;
    }
	body.not-front #block-block-21 .form-item-fz152-agreement {
    top: 0;
    width: 100%;
}
    .not-front #webform-client-form-89 #webform-component-cena-potolka-v-rassrochku, #webform-client-form-89 #webform-component-telefon {
        flex-direction: column;
        gap: 6px;
    }
    .not-front #webform-component-telefon label {
        align-self: baseline;
        font-weight: 600;
    }
    .not-front div#webform-component-vash-telefon input, .not-front #webform-component-telefon input, .not-front div#webform-component-vashe-imya input, .not-front div#webform-component-vash-telefon label, .not-front div#webform-component-vashe-imya label {
        padding-left: 40px;
    }
	
	
    .content__potolki_items, .content__howweworks_items {
        flex-wrap: wrap;
        gap: 1em;
    }
    .potolki_item, .howweworks_item {
        width: 40%
    }
    .potolki_item:last-child {
        width: 100%;
    }
    .howweworks_item__description {
        font-size: 12px;
        line-height: 12px;

    }
    .howweworks_item__title {
        font-size: 14px;
        font-weight: 700;
    }
    .flex-row, #block-block-17 .content {
        flex-direction: column;
    }
    .zyavka-form-bgr {
        margin: 0;
        padding: 5px;
        display: flex;
        flex-direction: column;
    }
    .zyavka-form-bgr > p, .form-item-fz152-agreement {
        width: 100%;
        padding: 10px;
    }
    .zyavka-form-bgr > p {
        font-weight: 700;
    }
    .zyavka-form-bgr img {
        position: inherit;
        margin:0;
    }
    .zyavka-form-bgr .form-inner {
        order: 3;
        margin-top: -100px;
        background: #fff;
    }
    .zyavka-form-bgr .form-item {
        width: auto;
        margin: 0 10px;

    }
    .zyavka-form-bgr #edit-actions--2,
    .zyavka-form-bgr #edit-actions--3 {
        width: 97%;
        margin-left: 10px;
    }
    #block-block-17 .col-first p:last-child {
        font-size: 20px;
        margin-bottom: 35px;
    }
    #block-block-17 .col-first p:first-child {
        font-size: 20px;
    }
    #block-block-17 {
        padding: 30px 0 0;
    }
    .zyavka-form-bgr .webform-client-form > div:first-child {
        margin-top: 0;
    }
    .zyavka-form_img {
        text-align: center;
    }
    .prefooter.flex {
        flex-direction: column;
        gap: 1em;
    }
    .prefooter .block__content_col {
        width: 100%;
    }
    #block-block-20 img {
        zoom: 90%;
    }
    .footer-top .logo {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #footer-phoneto span:last-child {
        margin-left: 10px;
    }
    .view-reviews a.btn {
        margin: 0;
    }
    #block-views-reviews-block h2 {
        font-weight: 700;
        font-size: 20px !important;
        text-transform: none;
        display: block;
        margin: 0 0 20px !important;
    }
    .view-reviews .block__content_title {
        margin-bottom: 35px;
    }
    .review-block {
        max-width: 190px !important;
    }
    .review-block__inner {
        height: auto;
    }
    .review-body {
        font-size: 10px;
    }
    .review-block .review-name {
        font-size: 10px;
    }
    .reshenia-block {
        max-width: 240px;
    }
    #block-views-gotovie-reshenia-front .content {
        margin: 0;
    }
    #block-views-gotovie-reshenia-front .view, #block-views-primer-potolkov-front-block .content {
        padding: 10px 0;
    }
    .footer-top .blocks {
        display: flex;
        flex-wrap: wrap;
    }
    .prefooter .col-frist > div:nth-child(3), .prefooter .col-frist > div:nth-child(4) {
        text-align: center;
        margin-right: 16px;
    }
    .prefooter .col-frist > div:nth-child(4) img {
        margin-left: 16px;
    }
    #block-block-18 .btn-red, #block-block-21 .col-first a.btn {
        text-align: center;
        margin: 0 auto;
        display: block;
        width: 60%;
    }
    .prefooter .col-frist div:nth-child(5) {
        justify-content: center;
        flex-direction: column;
    }
    .prefooter .col-frist div:nth-child(5) span {
        order: 2 !important;
    }
    #block-block-18 {
        word-break: break-all;
    }

}

@media (max-width: 560px) {
.art-nav-mobile {
    padding: 95px 0 9px;
    }
    .mobile-menu-wrapper {
        margin-top: -15px;
    }
}


@media (max-width: 500px) {
    /* .review-block {
        max-width: 200px !important;
    } */
    .front #webform-client-form-89 input[type="submit"] {
        width: 100%;
    }
    .front .footer-top .block {
        max-width: 40%;
    }
}