@media (max-width: 1200px) {
    .about_us .col-xl-7 {
        padding-left: 15px;
    }

    .about_me img {
        width: 100%;
    }

    .about_us ul li {
        margin-bottom: 22px;
    }

    .main_block h1 {

        font-size: 39px;
    }

    .main_block h2 {
        font-size: 21px;

    }

    #preim .chisla > div > div:nth-child(1) {
        font-size: 48px;
    }

    .nav-pills .nav-link {
        padding: 10px 13px;
    }

    .our_work .descr span, .our_work .descr div {
        font-size: 14px !important;
    }

    #pochemy .col-xl-3 > div {
        margin-bottom: 40px;
    }

    #pochemy h4 br {
        display: none;
    }

    #pochemy h4 {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1000px) {
    .size-table > div:nth-child(1) {
        padding-right: 7.5px;
    }

    .size-table > div:nth-child(2) {
        padding-left: 7.5px;
    }

    #calculator-form > .row > div {
        margin-bottom: 15px;
    }

    #calculator-form > .row > div:nth-child(1) {
        order: 1
    }

    #calculator-form > .row > div:nth-child(2) {
        order: 3
    }

    #calculator-form > .row > div:nth-child(3) {
        order: 2
    }

    #calculator-form > .row > div:nth-child(4) {
        order: 4
    }

    #calculator-form > .row > div:nth-child(5) {
        order: 5
    }

    #calculator-form > .row > div:nth-child(6) {
        order: 6
    }

    #calculator-form > .row > div:nth-child(7) {
        order: 7;
        margin-top: -31px;
    }

    #calculator-form > .row > div:nth-child(8) {
        order: 8
    }

    #calculator-form > .row > div:nth-child(7) .row {
        display: flex;
        justify-content: center;
    }

    .size-table {
        margin-bottom: 0px;
        display: flex;
    }

    .size-table input {
        margin-bottom: 0px;
    }

    form {
        display: block !important;
        margin-top: 0px !important;
    }

    form input, form button {
        width: 100% !important;
    }

    #calculator button {
        height: 46px !important;
    }

    form input {
        width: 100% !important;
        margin-bottom: 27px !important;
        height: 46px !important;


    }

    #raschet .blur h2 {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    #podst .row > div {
        display: block !important;
    }

    #podst .row > div:nth-child(n+11) {
        display: none !important;
    }

    #podst .row > div:last-child, #podst .row > div.open {
        display: block !important;
    }

    header .b4 .kons, nav, .main_block img, #preim h2 br, .block_form1 img, #iskustvo h2 br, .about_me h2 br {
        display: none;
    }

    .about_me .b2 {
        padding-left: 15px;
    }

    .about_me .row .row .col-xl-12 span {
        padding-left: 32px;
        text-align: left;

        justify-content: flex-start;
    }

    .card-header .btn {
        padding: 10px 60px 10px 10px;
        font-size: 18px;
        height: auto;
        background-size: 12%;
        background-position: right 13px center;

    }

    #preim h2 {
        text-align: center
    }

    .card-header {
        background-color: #ffffff00
    }

    #iskustvo .col-xl-7 > img {
        width: 100%;
        margin: auto;
        margin-top: 40px;
    }

    #raschet .raschet_img1 {
        top: -121px;
        left: -135px;
        zoom: 0.6;
    }

    #raschet .raschet_img2 {
        bottom: -202px;
        right: -108px;
        zoom: 0.6;
    }

    #raschet .blur a {
        width: auto
    }

    #raschet .blur {
        padding: 40px 10px;
        background: rgba(10, 21, 37, 0.52);
        backdrop-filter: blur(22px);
        border-radius: 2px;
    }

    #iskustvo .zadat {
        margin-top: 50px;
    }

    #variant span {
        margin-bottom: 30px;
    }

    #preim .chisla {
        margin-left: 0px;
    }

    .nav-pills .nav-link {
        font-size: 16px;
    }

    .nav-pills {
        margin-bottom: 25px !important;
        justify-content: center;
    }

    .our_work .descr * {
        width: 100%;
    }

    .our_work .descr span {
        margin-bottom: 5px;
    }

    .menu .whatsapp {
        margin-bottom: 15px;
        font-size: 17px;
    }

    .open_menu, header .b3, .modal-form form {
        display: block
    }

    .our_work .descr {
        flex-wrap: wrap;
    }

    .work .chena {
        text-align: left;
    }

    header .whatsapp {
        padding-top: 0px;
        line-height: 21px;
        height: 21px;
    }

    .open_map {
        padding-top: 0px;
    }

    .gallery_slider .slick-prev:before {
        content: 'Показать предыдущую 4 сдэбов';
    }

    .gallery_slider .slick-next:before {
        content: 'Показать следующее 4 сдэбов';
    }

    .main_block h1 {
        font-size: 40px;
        line-height: 44px;
    }

    .callback_cons {
        width: 100%;
    }

    .callback_cons svg {
        margin-right: 35px;
    }


    .our_work .masonry, .done_work .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 1.5em;
        -webkit-column-gap: 1.5em;
        column-gap: 1.5em;
        padding: 0px 15px;
    }

    .about_us .col-lg-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .success_secrets .col-lg-5, .payment_and_delivery .col-lg-5, .terms_and_guarantees .col-lg-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .success_secrets .col-xl-2, .payment_and_delivery .col-xl-2, .terms_and_guarantees .col-xl-2 {
        display: none
    }

    .block_form form input {
        width: 250px;
    }

    .payment_and_delivery .icon_block, .terms_and_guarantees .icon_block {
        padding: 56px 45px;
    }
}

@media (max-width: 768px) {
    #calculator form {
        padding: 20px 15px;
    }

    .nice-select {
        width: 100%
    }

    #three_d img {
        float: none;
        width: 100%;
    }

    .river-block.active, .not-river-block.active {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .river-block > div, .not-river-block > div {
        width: 33%;
        text-align: center;
        margin-bottom: 15px;
    }

    .main_block h1 br {
        display: none
    }

    #three_d h2 {
        margin-left: 0px;
    }

    .modal_gallery {
        padding-top: 30px;
    }

    .gallery_slider .slick-prev:before {
        content: 'Показать предыдущую 3 сдэбов';
    }

    .gallery_slider .slick-next:before {
        content: 'Показать следующее 3 сдэбов';
    }

    .main_block {
        height: auto
    }

    .main_block h1 {
        font-size: 35px;
        line-height: 40px;
    }

    .main_block h2 {
        font-size: 18px !important;
        line-height: 22px !important;
    }

    .link, #preim .chisla {
        display: block
    }

    #preim .chisla > div:nth-child(2):before {
        position: absolute;
        left: 0px;
        right: 0px;
        margin: auto;
        height: 1px;
        width: 80px;
        top: -14px;
        background: #0A1525;
        content: '';
    }

    #preim .chisla > div:nth-child(2) {
        margin: 40px 0px;
    }

    #preim .chisla > div:nth-child(2):after {
        position: absolute;
        left: 0px;
        right: 0px;
        margin: auto;
        height: 1px;
        width: 80px;
        bottom: -120px;
        background: #0A1525;
        content: '';
    }

    .callback_cons {
        max-width: 500px !important;
        margin-right: 0px;
    }

    .main_block h1 br {
        display: none
    }

    .callback_cons {
        max-width: 270px;
        margin-bottom: 23px;
    }

    header .b2, header .b3 {
        display: none
    }

    .main_block .b2 {
        padding-left: 15px;
    }

    header .b5 {
        position: absolute;
        right: 0px;
        top: 0px;
    }

    header img {
        width: 100%;
    }

    header {
        margin-bottom: -172px;

        padding-top: 15px;
    }

    .our_work .masonry, .done_work .masonry {
        -moz-column-count: auto;
        -webkit-column-count: auto;
        column-count: auto;
        -moz-column-gap: 0;
        -webkit-column-gap: 0;
        column-gap: 0;
        padding: 0px 0px;
    }

    .success_secrets .col-lg-5, .payment_and_delivery .col-lg-5, .terms_and_guarantees .col-lg-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .lang {
        padding: 27px 0px 0px 1px;
    }

    .main_block .line {
        display: none
    }

    .main_block {
        margin-bottom: 0px;
        padding-top: 190px;
        margin-top: 0px;
        padding-bottom: 53px;
    }

    .modal-video {
        padding-top: 25px;
    }

    .about_us .col-xl-5 .image_block {
        order: 2;
        width: 100%;
    }

    .about_us .col-xl-5 h2 {
        order: 1;
    }

    .about_us .col-xl-5 {
        display: flex;
        flex-wrap: wrap;
    }

    h2 {
        font-size: 28px !important;
        line-height: 28px !important;
    }

    .about_us .image_block:before {
        right: 8px;
        top: 8px;
        bottom: 8px;
        left: 8px;

    }

    .about_us .image_block span {
        font-size: 18px;
        line-height: 110%;
        text-align: left;
        left: 20px;
        bottom: 12px;
    }

    .about_us img {
        object-fit: cover;
        max-height: 185px;
    }

    .about_us h2 {
        margin-bottom: 16px;
    }

    .about_us .image_block {
        margin-bottom: 10px;
    }

    .about_us ul li {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 100%;
    }

    .about_us {
        padding: 50px 0px 35px;
    }

    .our_work .masonry div img {
        width: 100%;
    }

    #poroda .descr {
        position: relative
    }

    .work img, #poroda img {
        height: 130px;
    }

    #podst .row > div:nth-child(n+10) {
        display: none !important;
    }

    #podst .row > div:last-child, #podst .row > div.open {
        display: block !important;
    }

    .block_form1 #result span {
        padding-left: 15px;
    }

    .block_form1, .about_me, #poroda, #pochemy, #iskustvo, #preim {
        padding: 50px 0px;
    }

    #iskustvo h3, #raschet .blur h3, #calculator h3 {
        font-size: 18px !important;
        line-height: 22px !important;
    }

    #variant span {
        font-size: 15px;
    }

    .our_work .masonry div img {
        height: 395px;
        object-fit: cover;
    }

    .our_work .masonry, .done_work .masonry {
        padding: 0px 15px;
    }

    .our_work .masonry .slick-next {
        right: 25px;
        width: 9px !important;
        height: 16px !important;
        top: 40%;
        background-size: cover;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.70711 8.70711C9.09763 8.31658 9.09763 7.68342 8.70711 7.29289L2.34315 0.928932C1.95262 0.538408 1.31946 0.538408 0.928932 0.928932C0.538408 1.31946 0.538408 1.95262 0.928932 2.34315L6.58579 8L0.928932 13.6569C0.538408 14.0474 0.538408 14.6805 0.928932 15.0711C1.31946 15.4616 1.95262 15.4616 2.34315 15.0711L8.70711 8.70711ZM7 9H8V7H7V9Z' fill='%23E0E0E0'/%3e%3c/svg%3e ") !important;
    }

    .our_work .masonry .slick-prev {
        z-index: 11;
        left: 25px;
        top: 40%;
        width: 9px !important;
        height: 16px !important;
        background-size: cover;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.292893 7.29289C-0.097631 7.68342 -0.097631 8.31658 0.292893 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292893 7.29289ZM2 7H1L1 9H2L2 7Z' fill='%23E0E0E0'/%3e%3c/svg%3e ") !important;
    }

    .slick-prev:before, .slick-next:before {
        display: none;
    }

    .our_work .descr {
        position: relative
    }

    .our_work .open_work span {
        width: 100%;
    }

    .our_work .masonry a svg {
        position: absolute;
        right: 0px;
        top: 0px;
    }


    .our_work {

        padding-bottom: 0px;
    }

    .success_secrets {
        padding-bottom: 0px;
        padding-top: 38px;
    }

    .success_secrets h2 {
        margin-bottom: 36px;
    }

    .success_secrets .icon_block {
        padding: 56px 39px 33px;
        min-height: 100px;
        margin-bottom: 17px;
    }

    .our_solutions {
        padding-top: 34px;
    }

    .gallery_slider {
        background-image: none;
        padding: 0px;
    }

    .our_gallery {
        padding-top: 50px;
        padding-bottom: 25px;
    }

    .block_form {
        padding-top: 32px;
    }

    .block_form h4, .partners h4, .modal-form h4 {
        font-size: 20px;
        line-height: 98%;
        margin-bottom: 34px;
    }

    .block_form h2 {
        margin-bottom: 30px;
    }

    .block_form {
        margin-bottom: 45px;
        height: auto
    }

    form {
        display: block !important;
        margin-top: 0px !important;
    }

    form input, form button {
        width: 100% !important;
    }

    form input {
        width: 100% !important;
        margin-bottom: 27px !important;
        height: 46px !important;
        background: #E7E7E7 !important;
        border-radius: 7px !important;

    }

    .payment_and_delivery .icon_block, .terms_and_guarantees .icon_block {
        padding: 56px 21px 34px;
        min-height: 90px;
        margin-bottom: 17px;
    }

    .payment_and_delivery {
        padding-top: 50px;
        padding-bottom: 36px;
    }

    .terms_and_guarantees h2 {
        margin-bottom: 16px;
    }

    .terms_and_guarantees .b2 .icon_block {
        padding: 56px 35px 0px;
    }

    .partners {
        padding: 32px 0px 0px;
    }

    .partners h2 {
        margin-bottom: 9px;
    }

    footer .logo_footer {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 50px;
    }

    footer {
        padding: 56px 0px;
    }

    .menu li a {
        display: block
    }

    .menu ul {
        padding-top: 53px;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        padding-left: 0px;
        padding-left: 11px;
    }

    .menu .col-xl-4 {
        display: flex;
        flex-wrap: wrap;
    }

    .menu .callback {
        order: 1;
        margin-top: 17px;
    }

    .active_map {
        margin-bottom: 20px;
        order: 2;
        padding-top: 52px;
    }

    .menu .whatsapp {
        font-size: 14px;
        padding-top: 0px;
        order: 3;
    }

    .menu .whatsapp img {
        width: 21px;
    }

    .menu li span {
        line-height: 27px;
    }

    .menu li a .li_image, .menu h3 {
        display: none
    }

    .menu {
        height: 100vh;
        padding-top: 25px;
    }

    .menu li {
        list-style: none;
        margin-bottom: 4px;
    }

    .modal-form {
        height: 100vh;
        padding-top: 28px;
    }

    .modal_work .callback {
        position: relative;
        bottom: 0px;
        left: 0px;
    }

    .slider-nav {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .modal_gallery .next_work {
        bottom: -90px;
    }

    .modal-form h2 {
        margin-top: 50px;
    }

    .modal-form span.dop_text {
        width: auto;
        margin: 20px auto;
    }

    #calculator input {
        background: #fff !important;
    }

    .soc {
        gap: 20px;
    }
}

@media (max-width: 500px) {
    .gallery_slider .slick-prev:before {
        display: none;
    }

    .gallery_slider .slick-next:before {

        content: 'Показать следующий слэб';
    }

    .our_gallery h2, .our_gallery h4 {
        text-align: left
    }

    .our_gallery h4 {
        margin-bottom: 0px;
    }

    .gallery_slider .slick-slide {
        margin: 0px 0px;
    }

    .product img {
        width: 50%;
        height: 460px;
        object-fit: cover;
    }

    .product .characteristics {
        display: block;
        top: 0px;
        right: 0px;
        left: auto;
    }

    .product:before {
        width: 50%;
    }

    .product .characteristics li {
        font-size: 16px;
        line-height: 122%;
    }

    .gallery_slider svg {
        display: none;
    }

    .gallery_slider .slick-next {
        text-align: left;
        right: 15px;
        width: 109px !important;
        height: 16px !important;
        bottom: -50px;
        background-repeat: no-repeat;
        top: 248px;
        z-index: 1111;
        background-position: center right;
        background-size: contain;
        background-image: url(data:image/svg+xml;charset=UTF-8,%3csvg width= '9' height= '16' viewBox= '0 0 9 16' fill= 'none' xmlns= 'http://www.w3.org/2000/svg' %3e%3cpath d= 'M8.70711 8.70711C9.09763 8.31658 9.09763 7.68342 8.70711 7.29289L2.34315 0.928932C1.95262 0.538408 1.31946 0.538408 0.928932 0.928932C0.538408 1.31946 0.538408 1.95262 0.928932 2.34315L6.58579 8L0.928932 13.6569C0.538408 14.0474 0.538408 14.6805 0.928932 15.0711C1.31946 15.4616 1.95262 15.4616 2.34315 15.0711L8.70711 8.70711ZM7 9H8V7H7V9Z' fill= '%23E0E0E0' /%3e%3c/svg%3e) !important;
    }

    .gallery_slider .slick-next:before {
        left: 0px;
        top: -29px;
        width: min-content;
    }

    .gallery_slider .slick-prev {
        display: none !important;
    }
}