@media (max-width: 1750px) {
    .block-form .photo-form:before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        background: rgb(0 0 0 / 37%);
        top: 0;
        left: 0;
    }
}
@media (max-width: 1600px) {
    .heading-main{
        font-size: 46px;
    }
    .head .box-video {
        height: 780px;
    }
    .head .box-text .wrap-text{
        padding-top: 171px;
    }
    .block-catalog .box-text h3,
    .block-catalog .box-text .price{
        font-size: 20px;
    }
    .block-catalog .btn-main{
        padding: 21px 25px 18px;
    }
    .block-dark img.img-first {
        left: 0;
    }
    .block-dark img.img-last {
        right: 0;
    }
    .block-contacts .box.box-tg a, 
    .block-contacts .box.box-youtube a{
        padding-left: 19px;
    }
    
}

@media (max-width: 1500px) {
    header:not(.header_fixed) .box-mnu ul.mnu li{
        display: none;
    }
    header:not(.header_fixed) .box-mnu ul.mnu {
        min-width: 0;
    }
    .block-contacts .container .grid.m10 .column.span-6 {
        width: calc(((100% / 12)* 12) - 10px);
    }
    .block-contacts .box.box-soc {
        padding: 19px 10px;
    }
}

@media (max-width: 1350px) {
    header .box-soc-but {
        margin: 0 15px;
    }
    header a.btn-main.btn-catalog {
         background-image: none;
         padding: 15px 20px 13px;
    }

}

@media (max-width: 1199px) {
    header .box-btn {
        display: none;
    }
    header .box-soc-but{
        margin-right: 0;
    }
    header .box-mnu ul.mnu {
        min-width: 350px;
    }
    header .box-mnu {
        margin-right: 30px;
    }
    .block-catalog .span-4 {
        width: calc(((100% / 12)* 6) - 20px);
    }
    .block-contacts .span-4,
    .block-contacts .span-8 {
        width: calc(((100% / 12)* 12) - 20px);
    }
    .box-map{
        height: 450px;
    }
    .block-contacts .container .grid.m10 .column.span-6 {
        width: calc(((100% / 12)* 6) - 10px);
    }
    .block-contacts .box.box-soc {
        height: calc(100% - 10px);
        padding: 40px 10px;
    }
    header.header_fixed .box-phone {
        margin-right: 0;
    }
    header .box-line{
        margin:0;
    }
    header .mobile-mnu{
        width:auto;
    }
}

@media (max-width: 991px) {
    header .box-popup-mobile {
        display: flex;
        min-width: 220px;
        align-items: center;
        column-gap: 15px;
    }
    header .box-logo{
        width: 100%;
    }
    header {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        background: #fff;
        z-index: 100;
    }
    header .box-mnu ul.mnu li,
    header .box-btn{
        display: block !important; 
    }
    header .box-soc-but{
        display: flex !important;
    }
    header .box-phone a{
        background-image: url(../img/icon-phone.svg) !important;
        padding-left: 25px;
    }
    header .mobile-mnu .box-popup {
        display: none;
    }
    header:not(.header_fixed) .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .hamburger{
        display: block;
        cursor: pointer;
        width:63px;
    }
    .hamburger rect{
        transition: all .3s;
    }
    .hamburger.hamburger_active rect{
        fill: var(--color-main);
    }
    header .mobile-mnu{
        display: none;
    }
    header .mobile-mnu {
        position: absolute;
        top: 63px;
        left: 0;
        background: #fff;
        padding: 30px;
        padding-top: 10px;
        padding-bottom: 44px;
        width:100%;
    }
    header .box-mnu {
        margin-right: 0;
    }
    header .box-mnu ul.mnu {
        flex-wrap: wrap;
    }
    header .box-mnu ul.mnu li {
        width: 100%;
    }
    header .box-line {
        display: none;
    }
    header .box-btn {
        display: block;
    }
    header .box-mnu ul.mnu a {
        display: block;
        border-bottom: 1px solid #151516;
        padding: 20px 0 19px;
        font-size: 24px;
    }
    header .box-phone a {
        display: block;
        border-bottom: 1px solid #151516;
        padding-top: 20px;
        padding-bottom: 19px;
        font-size: 24px;
    }
    header .box-soc-but {
        margin: 20px 0 40px;
        justify-content: center;
    }
    header a.btn-main.btn-catalog {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    header .box-mnu ul.mnu {
        min-width: auto;
    }

    .head {
        flex-wrap: wrap;
    }
    .head .box-text{
        width: 100%;
    }
        .head .box-text .wrap-text{
        padding-top: 111px;
        max-width: 100%;
    }
    .heading-main {
        font-size: 28px;
    }
    .head .box-text p{
        display: none;
    }

    .box-btn-mobile{
        display: block;
        width: 100%;
        text-align: center;
    }
    .head .box-video{
        flex-wrap: wrap;
        width: 100%;
        height: auto;
    }
    .box-video .block-video {
        width: 100%;
        height: 200px;
    }
    .box-video .block-video.active {
        height: 365px;
    }
    .box-video .block-video h2,
    .box-video .block-video:not(.active) h2{
        transform: none;
        left: 20px;
        bottom: 33px;
        font-size: 18px;
        width: 100%;
        max-width: 250px;
    }
    .box-video button {
        width: 60px;
        height: 60px;
        opacity: 1;
        left: auto;
        top: auto;
        right: 20px;
        bottom: 27px;
        margin: 0;
        padding: 0;
    }
    .box-video button svg {
        width: 60px;
        height: 60px;
    }

    h2.heading-main {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 25px;
    }
    .block-leaders {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .block-leaders h3{
        font-size: 20px;
    }
    .block-leaders p {
        font-size: 15px;
    }

    .block-dark img.img-first {
        max-width: 310px;
        left: 50%;
        margin-left: -155px;
    }
    .block-dark img.img-last {
        max-width: 300px;
        right: auto;
        left: 50%;
        margin-left: -150px;
    }
    .block-dark h3{
        font-size: 23px;
        max-width: 310px;
    }
    .block-dark {
        padding-top: 209px;
        padding-bottom: 225px;
    }
    .block-dark .box-logo img {
        max-width: 230px;
    }
    .block-dark:after {
        background-image: url(../img/line-block-dark-mobile.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .block-catalog {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .block-catalog .box-text h3, 
    .block-catalog .box-text .price {
        font-size: 18px;
    }
    .block-catalog .box-text {
        padding: 10px;
        column-gap: 5px;
    }
    .block-catalog .btn-main {
        padding: 16px 20px 13px;
     }
     .block-catalog .column {
        margin-bottom: 20px;
    }
    a.content_toggle{
        font-size: 16px;
        margin-top: 5px;
        padding: 20px 0;
    }
    a.content_toggle:before {
        width: 100%;
        top: 0;
    }
    a.content_toggle:after {
        width: 100%;
        top: auto;
        bottom: 0;
    }
    .block-about {
        padding-top: 10px;
        padding-bottom: 50px;
    }
    .grid-about {
        flex-wrap: wrap;
    }
    .grid-about .column {
        width: 100%;
        max-width: 100% !important;
    }
    .grid-about .column.left h3 {
        font-size: 20px;
        margin-bottom: 20px;
        margin-top: -10px;
    }
    .grid-about .column.left img {
        display: none;
    }
    .block-about:before {
        background-image: url(../img/line-about-mobile.svg);
        width: 100%;
        height: 315px;
        background-size: cover;
        top: 120px;
        background-position: top;
   }
   .block-form h3 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .block-form:before,
    .block-form .photo-form:before{
        display: none;
    }
    .block-form .photo-form {
        top: auto;
        bottom: 0;
        max-width: 260px;
        left: 50%;
        margin-left: -120px;
    }
    .block-form {
        padding-bottom: 265px;
        padding-top: 60px;
    }
    .head .box-text .wrap-text a.btn-catalog.mob-hidden {
        display: none;
    }
    footer .container {
        gap: 20px;
        flex-wrap: wrap;
    }
    footer .container>* {
        width: 100%;
    }
    footer .box-politicy {
        order: 3;
    }
    footer .container a{
        font-size: 14px;
    }
    .block-leaders .box-image .facorite, .block-catalog .box-image .facorite {
        width: 60px;
        height: 60px;
        background-size: 60px;
        left: 10px;
        top: 10px;
    }
            

}

@media (max-width: 768px) {
    header .box-popup-mobile {
        min-width:42px;
        max-width:42px;
    }
    .box-popup.box-popup-mobile a.phone{
        display: none;
    }
    .grid .span-8 {
        width: calc(((100% / 12) * 12) - 20px);
    }
    .grid .span-6 {
        width: calc(((100% / 12) * 12) - 20px);
    }
    .grid .span-4 {
        width: calc(((100% / 12) * 12) - 20px);
    }
    .grid .span-3 {
        width: calc(((100% / 12) * 12) - 20px);
    }

    .block-form form .box {
        gap: 10px;
        flex-wrap: wrap;
    }
    .block-form form .box>* {
        width: 100%;
    }
    .block-contacts .container .grid.m10 .column.span-6 {
        width: calc(((100% / 12)* 12) - 10px);
    }
    .block-contacts .box.box-soc {
        padding: 19px 10px;
        padding-bottom: 30px;
    }
    .block-contacts .box {
        padding: 10px 10px 10px 40px;
    }
    .box-map {
        margin-top: 20px;
        border: none;
    }
    .block-contacts a.btn-main.btn-catalog {
        display: block;
        max-width: 325px;
        margin: 27px auto 0;
        background-position: 55px center;
        padding-left: 105px;
        padding-right: 10px;
    }

    .modal-form .wrap-form {
        padding-top: 0;
    }
    .modal-form .wrap-form .box-name-phone {
        column-gap: 10px;
        flex-wrap: wrap;
    }
    .modal-form .wrap-form form .box-name-phone input{
        max-width: 100%;
        width: 100%;
    }
    .modal-form div#imageContainer{
        height: auto;
        padding: 10px;
    }
    .modal-form h2#dynamicHeading {
        font-size: 28px;    
    }

}

@media (max-width: 480px) { 
    .modal-form h2#dynamicHeading{
        font-size: 20px;
    }
    .modal-form div#imageContainer {
        height: 160px;
    }
    .modal-form div#imageContainer img {
        height: 100%;
        width: auto;
    }
    .modal-content{
        padding: 40px 20px 20px;
    }
    div#good-Modal .modal-content{
        padding: 40px 20px 40px;
    }
    .modal-form .wrap-form form input{
        height: 50px;
    }
}

@media (max-width: 350px) { 
    header .box-mnu ul.mnu a,
    header .box-phone a{
        font-size: 20px;
    }

}


/*STYLE 27.05*/
@media (max-width: 1199px) {
    .modal-wrap span.close {
        top: 14px;
        right: 14px;
    }
}
@media (max-width: 480px) {
    .block-contacts .box-phone a, 
    .block-contacts .box-email a, 
    .block-contacts .box p.address {
        font-size: 16px;
    }
    .block-contacts .box-phone .wrap-image {
        width: 80px;
    }
    .block-contacts a.link-address {
        width: 80px;
        font-size: 0;
        background-position: center;
    }
    .block-contacts .box {
        padding: 10px 15px;
    }
    .block-contacts .box.box-address {
        padding-left: 15px;
        padding-right: 90px;
        min-height: auto;
    }

    .modal-content.modal-contacts .name {
        font-size: 18px;
    }
    .modal-content.modal-contacts .box a {
        padding-left: 46px;
        padding-top: 7px;
        min-height: 35px;
        background-size: 35px;
    }
}

@media (max-width: 1600px) and (min-width: 1500px){
    header .box-line{
        margin: 0 10px;
    }
    header:not(.header_fixed) .box-mnu ul.mnu {
        min-width: 200px;
    }
    
}