/* ******************************************** >2000 ********************************************* */
@media screen and (min-width: 2000px) {
    body.main_page header,
    .proizvodim .jbi,
    .proizvodim .blago {height: 500px;}

    .serts_block .serts .inner {
        width: calc(75% - 37px);
        height: calc(100% - 160px);
        padding: 80px 37px 80px 25%;
        background-color: rgba(133,91,77,0.9);
    }

    .blog_block {
        width: 70%;
        padding: 80px 15%;
    }
    .partners_block {
        width: 70%;
        padding: 60px 15% 80px;
    }

    footer {
        width: 80%;
        padding: 0 10%;
    }

    .dealer_map,
    .dealer_list_block {height: 650px;}
    .dealer_list_block>.inner {max-width: 750px;}
    
    .vis_banner_form {padding: 40px 0;}
    .vis_banner_form>.inner {max-width: 600px;}

    .vis_banner_image p {
        right: 40px;
        top: 40px;
        padding: 40px;
    }
    .vis_banner_image::after {width: 90%;}




    /* ////////////// CONTENT ////////////////// */
    /* ////////////// FILTER ///////////////// */
    .filter_big_group>.heading {
        width: calc(100% - 80px);
        padding: 20px 40px 17px;
    }
    .filter_big_group>.heading p {font-size: 21px;}
    .filter_big_group>.heading span {right: 40px;}

    .filter_big_group .filter_items {width: calc(100% - 80px);}

    .filter_big_group .f_item span {font-size: 18px;}
    .filter_items .color_group .f_item .image {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .filter_items .color_group .f_item, 
    .filter_items .color_group .f_item:last-child {padding: 0 10px;}




    /* *** FORM_COLOR_ITEMS *** */
    .form_item_block .form_item_info {width: calc(85% - 70px);}

    .color_form_items,
    .form_color_items {width: 85%;}




    .form_color_items .fc_item {
        grid-template-columns: 30% auto;
        grid-gap: 20px;
        padding-right: 20px;  
    }
    .fc_item .info a.color_name {font-size: 18px;}
    .fc_item .info .thick_group {padding: 10px 0;}
    .fc_item .info .price_line>* {font-size: 16px;}
    .fc_item .info .price_line .order_btn {padding: 6px 23px;}


    .fc_item .info .price_line .price.akciya_price span.old_price {
        font-size: 14px;
        padding-right: 12px;
    }
    .fc_item .info .price_line .price.akciya_price span.new_price {
        top: -13px; 
        font-size: 16px;
    }
    


    .color_gallery .one_img_gallery .big_image,
    .content_block.color_item .color_banner_text .grad  {padding-top: 30%;}



    .vodojbi.grid.col3 .vodojbi_item.col2_item {padding: 40px;}
    .vodojbi_item .image_block.grid:not(.col2),
    .vodojbi.grid.columns .vodojbi_item .image_block.grid:not(.col2) {
        grid-template-columns: minmax(200px, 20%) minmax(auto, 900px);
        grid-template-rows: minmax(0, 1fr) minmax(min-content, max-content);
        grid-gap: 30px;
    }
    .vodojbi.grid.columns .vodojbi_item.col2_item.zveniya .heading_block {height: 130px;}

    .metall .vodojbi_item .inner {width: 80%;}
    .metall .vodojbi_item .image_block .valc {padding-top: 40%;}

    .one_img_gallery>.gal_img {padding-top: 50%;}  



    body.visualizer .grid.col3 {grid-template-columns: 460px minmax(500px, 1fr) minmax(430px, 30%);}
    body.visualizer .form_color_items {width: calc(100% - 50px);}    





}



/* ******************************************** <1450 ********************************************* */
@media screen and (max-width: 1450px) {
    .header_line {padding: 16px 20px;}
    .top_contacts .tel {margin-right: 10px;}
    .top_menu>* {margin-right: 20px;}

    .banner_block .grad {
        width: calc(100% - 40px);
        padding: 50px 20px 20px;
    }


    .fp_text .zavod_img {min-height: calc(100% + 100px);}    
    .fp_text .about_text {
        padding: 30px 20px;
        column-count: 1;
    }
    .fp_text .digits {padding: 20px;}
    .fp_text .digits p {font-size: 12px;}

    .fp_text .empty {height: 100px;}



    .proizvodim .heading {padding: 49px 20px 20px 5px;}  
    .fp_text+.proizvodim {margin-top: -102px;}

    .proizvodim a .inner {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        padding: 20px;
    }


   

    .projects_items .p_item p.name {font-size: 16px;}
    .projects_items .pit_row * {font-size: 14px;}

    .owl-dots button.owl-dot {
        width: 20px;
        margin-right: 10px;
    }

    .serts_block .serts .inner {
        width: calc(100% - 70px);
        height: calc(100% - 160px);
        padding: 80px 30px 80px 40px;
    }

    footer {        
        width: calc(100% - 60px);
        padding: 0 30px;
        grid-gap: 0 30px;
    }
    footer .logo_block {        
        width: calc(100% - 40px);        
        padding: 0 20px 37px;
    }


    .bottom_menu {padding: 30px 0;}
    .bottom_menu .prod_menu_items {margin-right: 30px;}
    .bottom_menu .prod_menu_items>*,
    .bottom_menu .main_menu_items>* {
        margin-bottom: 10px;
        font-size: 14px;
    }

    footer .contacts_block {
        width: calc(100% - 40px);
        padding: 30px 20px 100px;
    }

    footer .contacts_block ul.list li {
        font-size: 13px;
        font-weight: 300;
    }

    


    /* ///////////////// CONTENT ///////////////// */
    .content_block .heading_line {
        width: calc(100% - 40px);
        padding: 0 20px;
    }    

    .content_items_block.grid.col4 {grid-template-columns: repeat(3, 1fr);}
    .content_items_block.grid.col4 .span4 {grid-column: span 3;}

    
    .content_items_block.grid.col4 .span2 {grid-column: span 1;}
    .forms .content_items_block.grid.col4 .span2 {grid-column: span 2;}
    .blago .content_items_block.grid.col4 .span2 {grid-column: span 1;}
    .mc .content_items_block.grid.col4 .span2:last-child,
    .mc .content_items_block.grid.col4 a:nth-last-child(3),
    .fc .content_items_block.grid.col4 .span2:last-child,
    .fc .content_items_block.grid.col4 a:nth-last-child(3),
    .ik .content_items_block.grid.col4 .span2:last-child,
    .ik .content_items_block.grid.col4 a:nth-last-child(3) {
        grid-column: span 2;
        padding-top: 42.5%;
    }
    
    .content_items_block.grid.col4 .span2.text {grid-column: span 3;}

    /* --- ONE_FORM_PAGE --- */
    .form_item_block .form_item_info {
        width: calc(100% - 40px);
        padding: 20px;
        grid-gap: 20px;
    }
    .color_item_block .color_info {
        width: calc(100% - 50px);
        padding: 10px 30px 20px 20px;
    }

    /* .content_group.forms {padding-bottom: 11px;} */

    .content_group .heading {margin-bottom: 8px;}
    body.colors .content_block .heading_line .heading {margin-bottom: 11px;}


    .content_group.color_series .text {
        width: calc(100% - 40px);
        padding: 20px;
    }

    .content_group.color_series .heading {
        font-size: 21px;
        margin-bottom: 10px;
    }



    /* --- VODO_JBI --- */
    .vodojbi_item {padding: 20px;}
    .vodojbi_item.col2_item .image_block.grid {
        grid-template-columns: minmax(auto, 1fr) minmax(min-content, 1fr);
        grid-template-rows: auto;
        grid-gap: 0 10px;
    }

    .vodojbi.grid.col3 {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .vodojbi.grid.col3 .span3 {grid-column: span 2;}
    .vodojbi.grid.col3 .vodojbi_item.col2_item {padding: 20px;}



    .vodojbi_item ul li,
    .vodojbi_item table td,
    .vodojbi_item .nomenk>* span.text,
    .vodojbi_item p {font-size: 14px;}
    .vodojbi_item p {margin-bottom: 10px;}




    .metall .vodojbi_item .image_block.plasma .image {
        left: -20px; top: -20px;
        width: calc(100% + 40px);
    }

    .vodojbi_item .image_block .image.svarka {
        height: calc(100% + 40px);
        padding: 0;
        margin: -20px -20px -40px 20px;
    }

    .vodojbi_item .image_block.izgotovlenie .image.top {
        height: calc(100% + 20px);
        margin: -20px -20px 0 20px;
    }
    .vodojbi_item .image_block.izgotovlenie .image.bottom {
        height: calc(100% + 20px);
        margin: 0 -20px -20px 20px;
    }




    /* *** FORM_COLOR_ITEMS *** */
    .content_group.form_color_items {padding: 20px 0 50px;}
    .form_color_items .color_group {
        width: calc(100% - 40px);
        padding: 0 20px;
        margin-top: 20px;
    }
    .form_color_items .fc_item {
        grid-template-columns: 25% auto;
        grid-gap: 6px;
        padding: 6px;
    }
    .color_form_items .fc_item {padding: 20px;}


    .fc_item .info .thick_group {padding: 5px 0;}
    .fc_item .info .thick_group_heading {font-size: 14px;}
    .fc_item .info .price_line {margin-bottom: 4px;}
    .fc_item .info .price_line .order_btn {padding: 4px 6px 5px;}


    .dealer_map,
    .dealer_list_block {height: 460px;}

    .dealer_list_block>.inner,
    .vis_banner_form>.inner {      
        height: calc(100% - 60px);
        padding: 30px;
    }

    .dealer_block .heading_line {margin-bottom: 20px;}

    .dealer_list {
        height: calc(100% - 50px);
        overflow-y: scroll;
        border-right: 1px solid #fff;
    }

    .dealer_list .rayon {margin-bottom: 40px;}
    .dealer_item {margin-bottom: 20px;}
    .dealer_item .phone {font-size: 14px;}


    .vis_banner_image::after {
        width: 130%;
        z-index: 2;
    }
    .vis_banner_image p {padding: 30px;}








    /*  *************************************
    VISUALIZER
    ******************************* */
    body.visualizer header a.logo {
        width: 220px;
        height: 0;   
        padding-top: 57%;
    }
    body.visualizer header .logo_text p {font-size: 12px;}
    body.visualizer .grid.col3 {grid-template-columns: 290px minmax(500px, 1fr) minmax(360px, 25%);}

    body.visualizer .filter_items {width: calc(100% - 20px);}
    body.visualizer .filter_big_group .f_item .image {margin-right: 10px;}


    body.visualizer .visualizer_result {padding: 20px;}
    body.visualizer .form_color_items {padding: 0px 10px 20px;}
    body.visualizer .form_color_items .heading {
        width: 100%;
        margin: 0 0 10px -10px;
        padding: 20px 0px 17px 20px;   
    }

    body.visualizer .form_color_items .sub_heading {
        font-size: 14px;
        line-height: 120%;
        padding-left: 10px;
    }

    body.visualizer .form_color_items #dynamic-content {
        margin-bottom: 10px;
        padding-right: 10px;
    }

    body.visualizer .form_color_items .color_group {margin-bottom: 20px;}
    body.visualizer .form_color_items .color_group>.cg_name  {padding-bottom: 7px; padding-left: 10px;}
    body.visualizer .form_color_items .color_group>.cg_name span {font-size: 16px;}

    body.visualizer .form_color_items .fc_item .info a.color_name {font-size: 14px;}
    body.visualizer .fc_item .info .price_line>* {font-size: 12px;}
















}








/* ******************************************** <1300 ********************************************* */
@media screen and (max-width: 1300px) {
    .show1300 {display: flex !important;}   
    .hide1300 {display: none !important;}
}











































/* ******************************************** <768 ********************************************* */
@media screen and (max-width: 768px) {
        
    body {min-width: 375px;} 
    .ms {display: flex !important;}   
   

    header.grid.col3,
    .fp_text.grid.col3,
    .proizvodim.grid.col3,    
    .projects.grid.col3,
    .serts_block.grid.col3,    
    footer {grid-template-columns: minmax(0, 1fr);}


    h2 {
        font-size: 16px;
        margin: 20px 0 5px;
    }



    /* ---------- OWL-NAVIGATION ---------- */
    .owl-dots button.owl-dot {
        width: 8px;
        margin-right: 4px;
    }
    .owl-dots button.owl-dot::after {
        top: 14px;
        height: 2px;
    }
    .owl-dots button.owl-dot.active::after {
        top: 10px;
        height: 10px;
    }
    .owl-navigation .nav_line {
        order: 2;
        width: 100%;
        height: 2px;
        background: #fff;
        margin: 0 5px 0 0;
    }



    /* ///////////////// HEADER ///////////////// */
    body.main_page header {
        grid-template-rows: auto;
        height: auto;
    }
    header .logo_block {
        padding-top: 20px;
        width: 100%;
    }
    body.main_page header .logo_block {
        padding: 20px 0 0 0;
        height: 100%;
    }

    .logo_block .hamburger {
        position: absolute;
        top: 10px;
        right: 0;
    }

    header .logo_block a.logo {margin: auto;}
    a.logo {
        width: 173px;
        height: 98px;        
    }
    .logo_text {
        grid-row: 2/3;        
        padding: 10px 0;
        font-size: 12px;
        line-height: 12px;
        font-weight: 500;        
    }
    body.main_page .banner_block {height: 250px;}
    
    body.main_page .banner_block {animation: show_in_bottom 600ms both; animation-delay: 120ms;}

    .banner_block .grad {
        width: calc(100% - 20px);
        height: calc(100% - 40px);
        padding: 20px 10px;  
        background: linear-gradient(90deg, rgba(250,250,250,0.85), rgba(250,250,250,0.6) 70%, rgba(250,250,250,0));      
    }
    .banner_block .grad a.pdf {font-size: 12px; margin-top: 5px;}

    


    /* ///////////////// FIXED_HEADER ///////////////// */
    .fixed_header.grid.col3 {
        grid-template-columns: 17% auto 17%;
        background-color: var(--darkbrown);
        padding: 4px 0 6px;
    }
    .fixed_header>* {align-self: center;}

    .fixed_header .logo_block {
        justify-self: start;
        padding-left: 10px;
    }
    .fixed_header a.logo {
        width: 41px;
        height: 37px;
        background-image: url(../img/site/logo_small.svg);
    }

    .header_line {
        grid-column: span 1;
        justify-self: center;
        padding: 0;
    }
    .top_contacts .tel {margin: 0 10px -2px 30px;}
    .top_contacts .tg {margin-left: 6px;}

    .fixed_header .filter_btn {
        display: none !important;
        margin-right: 10px;
    }
    body.category_page .fixed_header .filter_btn {display: flex !important;}
    .fixed_header .filter_btn span.icon {
        width: 30px;
        height: 20px;
        background-position: 4px -237px;        
    }
    .hamburger {
        width: 30px;
        height: 20px;
        background-image: url(../img/site/sprite.svg);
        background-position: 0px -297px;
        justify-self: end;
    }


    .up_button {
        right: 10px;
        padding: 10px;
    }

    .b24-form-click-btn-wrapper-49 {
        bottom: 20px;        
        right: 50%;
        transform: translateX(50%);
    }
    
    .b24-form-click-btn-wrapper-49 button.b24-form-click-btn-font-classic {
        padding: 10px 32px;
        font-size: 14px !important;
        line-height: 14px !important;
        white-space: nowrap;        
    }

    .telega_link {        
        bottom: 20px;
        left: 10px;
        padding: 8px 9px 9px;
    }


    /* ///////////////// MOBILE_MENU ///////////////// */
    .mobile_menu,
    .mobile_filter {
        position: fixed;
        right: -110%;
        top: 0;
        height: 100%;
        width: min-content;
        padding: 0 10px;
        background: var(--darkbrown);
        flex-flow: column;
        justify-content: flex-start;
        z-index: 15;
        box-shadow: -4px 0 6px rgba(0,0,0,0.23);
        transition: 460ms ease-out;
    }
    
    .mobile_menu.openned,
    .mobile_filter.openned {right: 0;}

    .mobile_menu .close,
    .mobile_filter .close {
        position: absolute;
        top: 10px;
        right: 0;
        width: 30px;
        height: 20px;        
        background-image: url(../img/site/sprite.svg);
        background-position: 0px -423px;
    }

    .mobile_menu * {color: #fff;}

    .prod_menu_items {margin: 60px 0 30px;}
    .prod_menu_items span {
        font-size: 14px;
        display: block;
        margin-bottom: 12px;
    }

    .prod_menu_items a,
    .main_menu_items a,
    .main_menu_items span.modal_btn {
        display: block;
        font-size: 14px;
        line-height: 110%;
        margin-bottom: 12px;
        text-decoration: underline;
        text-decoration-color: var(--lightbrown);
    }

    .prod_menu_items span,
    .main_menu_items a,
    .main_menu_items span.modal_btn {font-weight: 600;}


    .mobile_menu .top_contacts {
        position: absolute;
        right: 10px;
        bottom: 20px;
    }
    .mobile_menu .top_contacts .tel {
        font-size: 16px;
        margin-right: 10px;
    }




    .mobile_filter {
        background: #f7f7f7;
        padding: 50px 0 0 0;
    }
    .mobile_filter .filter_block {
        background: none;        
        min-width: 240px;
        height: calc(100% - 50px);
        overflow-y: scroll;
    }
    .mobile_filter .filter_big_group>.heading {
        width: calc(100% - 20px);
        padding: 10px;
        justify-content: space-between;
    }
    .mobile_filter .filter_big_group>.heading p {
        font-size: 14px;
        text-align: left;
    }
    .mobile_filter .filter_big_group.expand>.heading span {
        position: relative;
        top: 0;    
        right: 0;
    }

    .mobile_filter .filter_big_group .filter_items {
        width: calc(100% - 10px);
        padding: 0 0 0 10px;
    }
    .mobile_filter .filter_big_group.expand.active .filter_items {margin: 10px auto 0;}

    .mobile_filter .filter_big_group .f_item {
        width: calc(100% - 10px);
        padding: 2px 10px 2px 0;
        margin-bottom: 10px;
        border-bottom: none !important;
    }
    .mobile_filter .filter_big_group .f_item .image {
        width: 50px;
        height: 20px;
        margin-right: 6px;
    }
    .mobile_filter .filter_big_group .f_item span {font-size: 12px;}


    .mobile_filter .filter_items .color_group {margin-top: 5px;}
    .mobile_filter .filter_items .color_group .cg_name {font-size: 12px;}     
    .mobile_filter .filter_items .color_group .f_item, 
    .mobile_filter .filter_items .color_group .f_item:last-child {
        padding: 0 10px 0 0;
        margin-bottom: 0;
    }
    .mobile_filter .filter_items .color_group .f_item .image {
        width: 20px;
        height: 20px;
    }





    /* ///////////////// FP_TEXT ///////////////// */
    .fp_text .digits.fnw.sb {
        grid-row: 1/2;
        background: var(--lightbrown);
        flex-flow: row wrap;
        padding: 10px 10px;
    }
    .fp_text .digits>* {
        width: 50%;
        padding: 15px 0;
    }

    .fp_text .digits p {font-size: 11px;}
    .fp_text .digits p span {font-size: 14px;}
    .fp_text .digits p strong {font-size: 23px;}

    .fp_text .digits>*::after {top: 26%; height: 48%;}

    .fp_text .digits>*::before {
        position: absolute;
        top: 0;
        right: 26%;
        width: 48%;
        height: 1px;
        background: #fff;
        display: block;
        content: '';
    }

    .fp_text .digits>*:nth-child(1)::before,
    .fp_text .digits>*:nth-child(2)::before,
    .fp_text .digits>*:nth-child(2)::after {display: none;}

    .fp_text .about_text {
        padding: 20px 10px 40px;
        column-count: 1;        
    }
    .fp_text .about_text p {
        font-size: 14px;
        line-height: 130%;
        margin-bottom: 6px;
    }


    /* ///////////////// PROIZVODIM ///////////////// */
    .heading {font-size: 23px;}

    .proizvodim {padding: 4px;}
    .proizvodim>*:nth-child(1),
    .proizvodim>*:nth-child(3) {display: none;}
    .proizvodim .heading {
        padding: 16px 6px 12px;
        text-align: left;
    }
    .fp_text+.proizvodim {margin-top: 0;}

    .proizvodim .jbi,
    .proizvodim .blago,
    .proizvodim .vodo,    
    .proizvodim .metall {
        grid-row: span 1;
        height: 130px;
        width: 100%;
        left: 0px;
    }

    .proizvodim a .inner {
        padding: 10px 6px;
        width: calc(100% - 12px);
        height: calc(100% - 20px);
    }

    .proizvodim .jbi p,
    .proizvodim .blago p,
    .proizvodim .vodo p, 
    .proizvodim .metall p {
        text-align: left;
        font-size: 16px;        
    }

    .proizvodim .button {
        font-size: 14px;
        line-height: 100%;
        margin-top: 20px;
        padding: 5px 12px;
    }


    /* ///////////////// PROJECTS ///////////////// */
    .projects {
        padding: 30px 0;
        grid-gap: 0;
    }

    .projects .left_col {        
        left: 0;
        width: calc(100% - 20px);
        padding: 0 10px;    
        border: none;
        text-align: left;
        justify-self: start;   
    }
    .projects .left_col>* {
        align-self: flex-start;
        margin-right: 0;
    }
    .projects .left_col>p {
        max-width: none;
        font-size: 14px;        
        margin: 10px 0 20px 0;
    }

    .projects .left_col .tab_links {
        width: calc(100% - 20px);
        padding: 0 10px;
        flex-flow: row nowrap;
        justify-content: space-between;
        border-bottom: 2px solid #fff;
    }
    .projects .left_col .tab_links>* {
        align-self: center;
        justify-content: center;           
        padding: 6px 0;
        border: none;
        margin: 0;
        font-size: 12px;
    }
    .projects .left_col .tab_links .active {  
        font-weight: 600; 
        padding: 6px;
    }



    .projects .right_col {
        width: 100%;
        margin: 0;
    }

    .projects_items {
        width: calc(100% - 20px);
        padding: 0 10px;
    }
    .projects_items .owl-stage-outer {width: 100%;}

    .projects_items .p_item {
        width: 100%;
        padding: 0;
        border: none;        
        grid-gap: 10px;
    }

    .projects_items .p_item p.name,
    .projects_items .owl-item:nth-child(even) .p_item p.name {
        font-size: 16px;
        padding: 0;
    }

    .projects_items .owl-item:nth-child(even) .p_item p.name {grid-row: 1/2;}
    .projects_items .owl-item:nth-child(even) .p_item .big_img {grid-row: 2/3;}



    .pit_head,
    .p_item_table {
        width: 100%;    
        padding: 0;    
    }

    .pit_head {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
    } 
    .pit_head * {font-size: 14px; padding: 0;}

    .pit_body {height: calc(100% - 14px);}

    .projects_items#tab3 .owl-stage-outer {height: calc(100% - 30px);}

    .pit_row {
        grid-template-columns: 1fr;
        grid-gap: 6px;
    } 
    .projects_items .pit_row * {font-size: 12px;}
    .projects_items .zakazchik * {margin-bottom: 0px;}






    .projects_items .owl-navigation {
        margin: 0;
        width: 100%;
    }

    .projects_items a.reference_list {
        width: auto;
        font-size: 10px;
        margin-left: 5px;
    }



    /* ///////////////// SERTS ///////////////// */
    .serts_block .serts {
        grid-column: 1/2;
        grid-row: 2/3;
    }
    .serts_block .serts .inner {
        width: calc(100% - 20px);
        height: calc(100% - 40px);
        padding: 20px 10px;        
    }
    .serts_block .serts .heading {margin-bottom: 10px;}
    .serts_block .serts p {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .serts_block .serts_items {
        margin-top: 15px;
        grid-gap: 10px;
    }

    .serts_block .serts_items>* {border: 4px solid #fff;}

    .serts_block .lab_img {
        height: 180px;
    }


    /* ///////////////// BLOG ///////////////// */
    .blog_block {
        width: calc(100% - 20px);
        padding: 20px 10px;        
    }     
    .blog_block .heading_line {margin-bottom: 20px;}
    
    .blog_block .heading_line .heading {
        width: fit-content;        
        margin-right: 10px;
    }
    

    .blog_block .heading_line .navigation_block {
        width: 100%;
        height: 2px;
        background: #fff;
        align-self: center;
    }
    .blog_block .heading_line a.blog_link {
        width: fit-content;        
        margin-left: 10px;
    }
    
    .blog_block .heading_line a.blog_link span:first-child {font-size: 14px;}


    .news {
        grid-template-columns: 1fr;
        grid-gap: 30px;
        padding: 0 10px 160px;
    }

    .pagination {
        left: 10px;
        top: -60px;
        max-width: calc(100% - 20px);
    }

    .pagination>* a,
    .pagination>* span {font-size: 14px;}
    .pagination>*:not(:last-child) {margin-right: 5px;}

    

    .blog_items .slide {        
        flex-flow: column;
        justify-content: flex-start;
        padding-bottom: 20px;
    }

    .blog_items .item {
        display: grid;
        grid-template-columns: 120px calc(100% - 120px);
        grid-gap: 10px;
        margin-bottom: 10px;
    }

    .blog_items .item .image.owl-lazy {
        grid-row: 1/3;
        grid-column: 1/2;
        width: 112px;  
        border: 4px solid #fff;    
        margin-bottom: 0;        
    }

    .blog_items .item_heading {
        height: auto;
        width: 100%;
        font-size: 14px;
        line-height: 110%;        
        display: inline-block;
        margin-bottom: 0px;
        padding-top: 6px;
    }

    .blog_items .item .read_more {
        width: calc(100% - 10px);
        align-self: flex-end;
        font-size: 10px;
        line-height: 140%;
        font-weight: 400;
        padding: 3px 10px 3px 0;
        text-align: right;        
    }

    body.news_page .form_item_block .form_info .info p {
        font-size: 14px;
        line-height: 140%;
    }



    /* ///////////////// DIALER_MAP_BLOCK ///////////////// */
    .dealer_block.grid.col3 {grid-template-columns: 1fr;}     
    .dealer_map {
        position: relative;
        height: 0px;
        grid-row: 2/3;
        grid-column: span 1;
        transition: 460ms ease-out;
        border-bottom: 1px solid var(--darkbrown);
    }

    .dealer_map.openned {
        height: 300px;
        border-bottom: 20px solid var(--darkbrown);
    }

    .dealer_list_block {
        height: auto;
        grid-row: 1/2;
    }
    .dealer_list_block>.inner,
    .vis_banner_form>.inner {       
        height: auto;
        padding: 20px 10px;
    }
    .dealer_block .heading_line span {
        height: 2px;
        margin-left: 10px;
    }

    .dealer_list {
        width: 95%;
        height: 300px;
        padding-right: 5%;
        border: none;
    }
    .dealer_block.viewport .dealer_list {animation-delay: 0ms;}
    .dealer_list::-webkit-scrollbar {width: 2px;}
    .dealer_list::-webkit-scrollbar-track {background: rgba(255,255,255,0.05);}


    .dealer_list_block .button {
        width: fit-content;
        font-size: 14px;
        font-weight: 500;
        color: var(--darkbrown);
        background: var(--wood);
        padding: 6px 23px;
        margin: 20px auto 0; 
    }


    .dealer_list .rayon {margin-bottom: 30px;}
    .dealer_list .rayon>.heading {
        width: 95%;
        font-size: 18px;
        margin-bottom: 10px;
        padding-bottom: 2px;
    }
    .dealer_item {margin-bottom: 15px;}

    .dealer_item .heading {
        font-size: 16px;        
        margin: 2px 0;
    }
    .dealer_item .adress,
    .dealer_item .site,
    .dealer_item .mail {font-size: 12px;}

    .dealer_item .phone,
    .dealer_item .city {font-size: 14px;}
    .dealer_item .phone {display: block;}

    /* //////////////// VISUALIZATOR BANNER ////////////////////// */
    .vis_banner.grid.col3 {grid-template-columns: 1fr;}  
    .vis_banner_image {grid-column: 1fr;}
    .vis_banner_form>.inner>p {
        margin: 10px 0 20px;
        font-size: 14px;
        line-height: 18px;
    }

    .vis_banner_image {padding-bottom: 50%;}
    .vis_banner_image::after {        
        width: 100%; 
        height: 60%;       
        background-position: center bottom;        
        z-index: 4;
    }
    .vis_banner_image p {
        position: relative;
        width: calc(100% - 20px);
        background-color: rgba(133,91,77,1);
        padding: 20px 10px;
        font-size: 23px;
        line-height: 25px;
        text-align: left;        
    }

    



    /* ///////////////// PARTNERS ///////////////// */
    .partners_block {
        width: calc(100% - 20px);
        padding: 20px 10px 60px;
    }
    .partners_block .heading {
        text-align: center;
        margin-bottom: 10px;
    }
    .partners {padding-bottom: 40px;}

    /* ///////////////// FOOTER ///////////////// */
    footer {
        width: 100%;
        padding: 0;
        grid-gap: 0;
    }

    footer .contacts_block {
        width: calc(100% - 20px);
        padding: 20px 10px 40px;        
    }

    footer .foot_line {
        height: auto;
        width: calc(100% - 20px);
        padding: 8px 10px 2px;
        background-color: #66463b;
        color: #AB7F70;
    }
    footer .foot_line * {color: #AB7F70;}

    footer .foot_line3 {
        padding: 2px 10px 70px;
        text-align: left;
    }
    

    
    /* ////////////////////////////////////////// 
    ///////////////// CONTENT ///////////////////
    ////////////////////////////////////////// */
    .content.grid.col3 {grid-template-columns: 1fr;}
    .content_group {padding-top: 10px;}
    .content_block .heading_line {
        width: calc(100% - 20px);
        padding: 0 10px;
        margin-bottom: 10px;
    }

    .content_items_block.grid.col4 .span2.text,
    .nk .content_items_block.grid.col4 .span2:last-child {grid-column: span 2;}
    .nk .content_items_block.grid.col4 .span2:not(:last-child):not(.text) {padding-top: 85%;}


    .form_item_block .form_info ul.breadcrumbs,
    .color_item_block .color_info ul.breadcrumbs {max-width: calc(100% - 100px);}

    .form_item_block .form_info ul.breadcrumbs {top: 3px;}
    .color_item_block .color_info ul.breadcrumbs {top: -28px;}

    ul.breadcrumbs li {margin-right: 12px;}
    ul.breadcrumbs li a {font-size: 12px;}

    ul.breadcrumbs li a::after {
        right: -14px;
        top: 4px;
        transform: rotate(-90deg) scale(0.6);
    }
            


    
    

    
    .content_items_block.grid.col4 .span2 {grid-column: span 1;}
    .content_items_block.grid.col4 .span4,
    .blago .content_items_block.grid.col4 .span2 {grid-column: span 2;}
    
    .mc .content_items_block.grid.col4 a:nth-last-child(3),    
    .fc .content_items_block.grid.col4 a:nth-last-child(3),    
    .ik .content_items_block.grid.col4 a:nth-last-child(3) {
        grid-column: span 1;
        padding-top: 85%;
    }



    .form_item_block .form_info h1 span,
    .color_item_block .color_info h1 span {font-size: 18px;}







    .content_group.color_series .text {
        width: calc(100% - 20px);
        padding: 10px;
    }

    .content_group.color_series .heading {font-size: 18px; margin-bottom: 6px;}
    .content_group.color_series .text p {font-size: 14px; line-height: 18px;}


    .color_item_block .color_info {
        width: calc(100% - 20px);
        padding: 50px 10px 20px;
    }


    .content_block .heading_line .heading {font-size: 18px;}
    .content_block .heading_line .sub_heading {
        font-size: 14px;
        margin: 10px 0;
    }
    .content_block .heading_line .show>span a {font-size: 12px;}

    .content_block .heading_line .filter_btn {
        font-size: 12px;
        font-weight: 400;
        line-height: 100%;
        margin-top: -3px;
        z-index: 2;
    }
    .filter_btn span.icon {
        width: 19px;
        height: 12px;
        margin-left: 6px;        
        background-image: url(../img/site/sprite.svg);
        background-position: 0px -241px;
    }



    .content_items_block.grid.col4 {grid-template-columns: repeat(2, 1fr);}

    
    .content_items_block .blago_item .grad {
        width: calc(100% - 12px);
        padding: 50px 6px 6px;
    }

    .content_items_block .blago_item .grad .name {font-size: 14px;}
    .content_items_block .blago_item .grad .info {
        font-size: 12px;
        margin: 6px 0 ;
        max-height: 50px;
    }    
    .content_items_block .blago_item .grad .bttns {
        width: 100%;
        margin-left: 0;
        max-height: 50px;
    }

    .content_items_block .blago_item .grad .bttns * {
        font-size: 12px;
        padding: 6px;  
    }
    .content_items_block .blago_item .grad .order_btn {
        padding: 6px;
        margin-right: 6px;
    }






    /* --- VODO_JBI --- */
    .vodojbi.grid.col2,
    .vodojbi.grid.col3 {
        grid-template-columns: minmax(0, 1fr);
        grid-gap: 4px 0;
    }
    .vodojbi.grid.col2 .span2,
    .vodojbi.grid.col3 .span3 {grid-column: span 1;}



    .vodojbi_item {padding: 20px 10px;}
    .vodojbi_item .image_block.grid,
    .vodojbi_item .image_block.grid:not(.col2),
    .img_cols.grid,
    .plasma_table.grid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
        grid-auto-rows: auto;
        grid-gap: 20px 0;
    }
    .vodojbi_item .image_block .image {
        width: 100%;
        padding-top: 67%;
    }

    .img_cols .image {        
        width: 100%;
        height: 0;
        padding-top: 80%;
        background-size: cover;
        background-position: center;
    }


    .vodojbi_item .image_block .heading_block>* {font-size: 18px;}
    .vodojbi_item .image_block .heading_block .sub_heading {font-size: 16px;}
    
    .vodojbi_item .heading_block h2 {margin: 0;}


    .vodojbi_item .parag_heading {line-height: 110%;}
    .vodojbi_item p+.parag_heading {margin-top: 20px;}
    .vodojbi_item table td {font-size: 12px;}
    .vodojbi_item table tr td:first-child {
        padding-left: 0;
        white-space: unset;
    }
    .vodojbi_item .nomenk>* {
        margin: 0 10px 5px 0;
        font-size: 14px;
    }
    .vodojbi_item .nomenk span:not(.text) {
        margin-right: 6px;
        padding: 4px 8px;
        font-size: 14px;
    }
    .vodojbi_item>p {font-size: 14px;}

    .vodojbi_item .table_block {
        width: 100%;
        max-height: 60vh;
        overflow: auto;
    }
    .vodojbi_item .table_block.dragable::-webkit-scrollbar {width: 4px; height: 4px;}
    .vodojbi_item .table_block thead tr td {
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .vodojbi_item .table_block.mobile_fst_col tr td:first-child {max-width: 120px;}


    .metall .vodojbi_item .image_block.plasma {
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    .metall .vodojbi_item .image_block.plasma .image {
        position: relative;
        left: 0; top: 0;
        width: 100%;
        height: 0;
        padding-top: 60%;
        background-size: auto 100%; 
        background-position: right top;
        z-index: 1; 
    }

    .plasma_table.grid .image {
        width: 70%;
        padding-top: 90%;
    }

    .vodojbi_item .image_block .image.svarka,
    .vodojbi_item .image_block.izgotovlenie .image.top,
    .vodojbi_item .image_block.izgotovlenie .image.bottom {
        width: calc(100% + 20px);
        height: 0;
        padding-top: 120%;
        margin: -20px -10px;
    }

    .vodojbi_item .image_block.izgotovlenie .image {padding-top: 60%;}


    











    /* --- ONE_FORM_PAGE --- */
    .content_group.color_item_block {padding: 0;}
    .form_item_block .heading_line .filter_btn span.icon {background-position: 0px -889px;}


    .color_gallery .one_img_gallery .controls {
        width: 100%;
        margin-left: 0;
    }
    .color_gallery .one_img_gallery .big_image,
    body.not_news_page .one_img_gallery .big_image,
    .content_block.color_item .color_banner_text .grad {height: auto; padding-top: 75%;}
    .content_block.color_item .color_banner_text .grad {background: linear-gradient(165deg, rgba(66,59,59,0.96)15%, rgba(66,59,59,0.7)50%, rgba(66,59,59,0)70%);}

    .one_img_gallery .arrows>* {margin-right: 5px;}
    .one_img_gallery .desc {font-size: 14px;}
    .one_img_gallery .counter,
    .one_img_gallery .counter>* {font-size: 12px;}

    .form_item_block .form_item_info.grid.col2,
    .form_item_block .form_item_info.grid.col3,
    .form_color_items .color_group.grid.col2,
    .color_form_items .form_group.grid.col3  {
        grid-template-columns: 1fr;
        width: calc(100% - 20px);
        padding: 20px 10px;
        grid-gap: 10px;
    }
    .color_form_items .form_group.grid.col3  {padding-top: 0;}

    .content_group.form_color_items,
    .content_group.color_form_items {padding: 20px 0 30px;}
    .content_group.color_form_items .heading_line {margin-bottom: 10px;}

    .form_color_items .color_group.grid.col2 {
        grid-gap: 5px;
        padding: 0 10px;
        margin-top: 20px;
    }

    .form_color_items .color_group .cg_name {grid-column: 1/2;}
    .form_color_items .color_group .cg_name span {
        font-size: 14px;
        margin-right: 10px;
    }
    .form_color_items .color_group .cg_name span.dash {margin-bottom: -3px;}
    
    .color_form_items .fc_item {
        justify-content: stretch;
        display: grid;
        grid-gap: 0 6px;
        padding: 0;
        padding-bottom: 10px;
        border-right: none;
    }
    .fc_item {grid-template-columns: 27% auto;}
    .fc_item .info a.color_name {font-size: 14px;}
    .fc_item .info .price_line>* {font-size: 12px;}

    .color_form_items .fc_item .image {
        grid-column: 1/2;
        grid-row: 1/3;
        margin: 0;
    }
    .color_form_items .fc_item a.color_name {
        grid-column: 2/3;
        grid-row: 1/2;
        font-size: 14px;
        padding-bottom: 2px;
        margin-bottom: 3px;
    }
    .color_form_items .fc_item .info {
        grid-column: 2/3;
        grid-row: 2/3;
    }


    .color_form_items .fc_item .info .thick_group_heading,
    .color_form_items .fc_item .image .image1 {display: none;}
    .color_form_items .fc_item .info .price_line span.thickness {display: inline-block;}
    .color_form_items .fc_item .image .image2 {opacity: 1;}


    



 
        .modal.modal_form,
        body.message_send_page .modal {
            max-width: calc(90% - 20px);
            padding: 10px;
        }


        body.message_send_page .modal {padding-bottom: 60px;}

        .modal.modal_form .close,
        body.message_send_page .modal .close {
            right: 10px;
            top: 10px;
        }
        .modal_header {margin-bottom: 10px;}
        .modal_header .heading {font-size: 18px;}
        .modal_header p {font-size: 14px;}
    
        form input,
        form textarea,
        form button {font-size: 14px;}


        .modal[data-modal="modal_akciya"] {max-width: calc(90% - 20px);}
        .modal[data-modal="modal_akciya"] .akciya_body.grid.col2 {grid-template-columns: 100%;}
        .modal[data-modal="modal_akciya"] .text {padding: 10px 10px 16px;}
        .modal[data-modal="modal_akciya"] .text .heading {margin-bottom: 16px;}
        .modal[data-modal="modal_akciya"] .image {height: 200px;}
        .modal[data-modal="modal_akciya"] .text p {
            font-size: 14px;
            line-height: 120%;            
            margin-bottom: 7px;
        }





    /*  *************************************
    VISUALIZER
    ******************************* */
    body.visualizer header a.logo {
        width: 173px;
        height: 98px;   
        padding-top: 0;
    }
    body.visualizer header .logo_text p {font-size: 12px;}
    body.visualizer .grid.col3 {grid-template-columns: 100%;}
    body.visualizer .fixed_header.grid.col3 {grid-template-columns: 17% auto 17%;}

    body.visualizer .visualizer_result {
        padding: 10px;
        overflow: unset;
    }
    body.visualizer .filter_btn {
        position: sticky;
        top: 46px;    
        z-index: 5;
        background-color: #fff;
        width: 100%;
        margin-bottom: 10px;
        padding: 15px 0 10px;
        justify-content: center;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: underline;
        text-decoration-color: var(--lightbrown);
    }
    body.visualizer .filter_btn span.icon {
        width: 22px;
        background-position: 0 -889px;
        margin-left: 10px;
        margin-top: 1px;
    }

    body.visualizer .mobile_filter .filter_block {min-width: 185px;}
    body.visualizer .filter_big_group .f_item .image {margin-right: 0;}


    body.visualizer .form_color_items {padding: 0px 10px 20px;}
    body.visualizer .form_color_items .heading {
        width: 100%;
        margin: 0 0 10px -10px;
        padding: 10px 0px 7px 20px;
        font-size: 18px;
    }

    body.visualizer .form_color_items .sub_heading {padding-left: 0px;}

    body.visualizer .form_color_items #dynamic-content {
        margin-bottom: 10px;
        padding-right: 10px;
        max-height: 400px;
    }

    body.visualizer .form_color_items .color_group {margin-bottom: 20px;}
    body.visualizer .form_color_items .color_group>.cg_name  {padding-bottom: 7px; padding-left: 10px;}
    body.visualizer .form_color_items .color_group>.cg_name span {font-size: 16px;}

    body.visualizer .fc_item .info .price_line>* {font-size: 12px;}


    #save_button {
        bottom: 20px;
        right: 20px;
        width: 30px;
        height: 30px;
        padding: 6px;
    }
    #save_button.loading {
        width: 120px;
        background-color: var(--wood);
    }

    #save_button svg {
        width: 18px;
        height: 18px;
        margin-left: 8 px;
    }
    #save_button p {font-size: 12px;}















        .b24-window-popup-wrapper {max-width: calc(90% - 20px) !important;}
        .b24-form-header-title,
        .b24-window-popup-title {font-size: 18px !important;}
        .b24-form-header-description {font-size: 14px !important;}
        .b24-form-control-alert-message {font-size: 10px !important; line-height: 17px !important;}



















    .mh {display: none !important;}
}