@media screen and (min-width: 1025px) and (max-width: 1500px) {
    .pb-top-menu, .pb-bottom-menu {
        padding: 0 24px;
    }
}


@media (min-width: 990px) and (max-width: 1350px) {
    .pb-bottom-menu_logo a {
        width: 57px;
        overflow: hidden;
        display: block;
    }

    .logo_of_company__uz a {
        width: 70px;
    }

    .pb-bottom-menu_logo img {
        width: auto;
    }

    .logo_of_company__kz img {
        width: 640px;

    }

    .pb-bottom-menu_panel #horizontal-multilevel-menu > li {
        margin-right: 20px;
    }

    .pb-bottom-menu_panel {
        left: calc(50% - 276.915px);
    }
}

@media (min-width: 1025px) and (max-width: 1230px) {
    .pb-social-link.vkontakte {
        display: none;
    }
}

@media (min-width: 1025px) and (max-width: 1299px) {
    .pb-social-link.facebook {
        display: none;
    }	
}


@media (min-width: 1025px) and (max-width: 1160px) {
    .pb-social-link.youtube {
        display: none;
    }
}
@media (min-width: 1025px) and (max-width: 1076px) {
    .pb-social-link.ok {
        display: none;
    }
}
@media (min-width: 1025px) and (max-width: 1605px) {
	.pb-bottom-menu {
        display: none;
    }

    .pb-mobile-menu {
        display: flex;
    }
	.scrollh .pb-mobile-menu {
        width: 100%;
		transition: all 0.2s ease;
		position: fixed;
		top: 0;
    }
}

@media (min-width: 320px) and (max-width: 1024px) {
    .header--bx {
        margin-top: 91px;
    }
    .tab-navigations {
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

    .tab-navigations a {
        font-size: 0.7em !important;
        padding: 0 4px !important;
    }

    .pb-top-menu, .pb-bottom-menu {
        display: none;
    }

    .pb-mobile-menu {
        display: flex;
    }
}

@media (min-width: 320px) and (max-width: 500px) {
    .pb-mobile-menu {
        padding: 0 15px;
    }
    .contacts-list > div{
        width: 100%;
        padding-left: 15px;
    }
     .col-2{
        width: 100% !important;
        padding: 0px 15px !important;
        
    }

    .pb-mobile-logo a > img {
        width: 200px;
    }
}

@media (min-width: 320px) and (max-width: 568px) {
    .pb-social {
        margin-top: 10px;
      /*  padding-left: 50px;*/
    }
} 

.block1 {
    margin-right: 15px;
}
/* MENU */
@media (min-width: 1605px) {
    .modal-container {
        display: none;
    }
}
@media (max-width: 1605px) {
    .modal--active {
        height: auto;
    }
    body.modal--compensate-for-scrollbar {
        overflow: hidden;
    }
    .language_img--megamenu-mobile {
        opacity: 0;
    }
    .modal-container {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0px;
        left: -100%;
        z-index: 2;
    }
    .modal-container--active {
        left: 0;
    }
    .modal-container__overlay,
    .modal-container__inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: all 250ms ease 0s;
    }
    .modal-container__overlay {
        opacity: 0;
        background-color: black;
    }
    .modal-container__overlay--active {
        opacity: 0.6;
    }
    .modal-container__inner {
        visibility: hidden;
    }
    .modal-container__inner--active {
        visibility: visible;
    }
    .megamenu-mobile {
        display: block;
        position: absolute;
        top: 0;
        left: -100%;
        width: 85%;
        padding: 14px 10px 10px;
        background-color: white;
        height: 100%;
        overflow-y: scroll;
        z-index: 3;
        transition: all 0.40s;
    }
    .megamenu-mobile--active {
        left: 0;
		max-width:500px;	
    }
    .megamenu-mobile__button {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 18px;
        height: 18px;
        background-color: transparent;
        border: 0;
    }
    .megamenu-mobile__button::before,
    .megamenu-mobile__button::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 22px;
        height: 2px;
        background-color: white;
    }
    .megamenu-mobile__button::before {
        transform: rotate(45deg);
    }
    .megamenu-mobile__button::after {
        transform: rotate(-45deg);
    }
    .megamenu-mobile__title--catalog {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.2px;
        text-transform: uppercase;
    }
    .megamenu-mobile__link-podbor {
        display: flex;
	margin:0;
	margin-top:10px;
        justify-content: center;
        align-items: center;
	
        padding-right: 17px;
        padding-left: 37px;
        font-size: 16px;
        font-weight: 400;
        line-height: 50px;
	border:1px solid #9d0034;
        color: #222222;
      /*  background-color: #9d0034;*/
        text-decoration: none;
    }
    .megamenu-mobile__link-podbor::before {
        content: "";
        width: 17px;
        height: 20px;
        margin-right: 10px;
        background-image: url(/img/catalog/podbor-icon.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .megamenu-mobile__catalog-item {
        display: flex;
        margin-bottom: 12px;
    }
    .megamenu-mobile__link-contacts,
    .cart--megamenu-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 120px;
        width: 100%;
        padding: 6px 17px;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        color: #222222;
        background: #F0F0F0;
        border-radius: 3px;
        text-decoration: none;
    }

    .header .cart--megamenu-mobile {
        margin-left: 13px;
    }

    .megamenu-mobile__megamenu-svg {
        flex-shrink: 0;
        width: 21px;
        height: 20px;
        margin-right: 6px;
        fill: #222222;
    }

    .megamenu-mobile__catalog-link {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 65px;
        padding: 14px 15px;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        color: #212121;
        background-color: #eeeeee;
        background-repeat: no-repeat;
        background-position: 95% center;
        text-decoration: none;
    }
	.megamenu-mobile__link--dorozhno-stroitelnaya-tekhnika {
        background-image: url(/img/catalog/18.png);
	/*	background-size:contain;
		background-origin:content-box;
		background-position: 100% center;*/
    }
	.megamenu-mobile__link--oborudovanie-dlya-demontazha {
        background-image: url(/img/catalog/20.png);
	/*	background-size:contain;
		background-origin:content-box;
		background-position: 100% center;*/
    }
	.megamenu-mobile__link--ripper {
        background-image: url(/img/catalog/21.png);
		/*background-size:contain;
		background-origin:content-box;
		background-position: 100% center;*/
    }
	.megamenu-mobile__link--futer {
        background-image: url(/img/catalog/prev_liner.png);
		/*background-size:contain;
		background-origin:content-box;
		background-position: 100% center;*/
    }
	.megamenu-mobile__link--kuzova {
        background-image: url(/img/catalog/19.png);
	/*	background-size:contain;
		background-origin:content-box;
		background-position: 100% center;*/
    }
    .megamenu-mobile__link--kovsh {
        background-image: url(/img/catalog/1.png);
    }
    .megamenu-mobile__link--gref {
        background-image: url(/img/catalog/2.png);
    }
	.megamenu-mobile__link--gruz {
        background-image: url(/img/catalog/23.png);
    }
    .megamenu-mobile__link--rabochee-oborudovanie {
        background-image: url(/img/catalog/3.png);
    }
	.megamenu-mobile__link--buldozernoe-oborudovanie {
        background-image: url(/img/catalog/16.png);
		background-size:contain;
		background-origin:content-box;
		background-position: 100% center;
    }
    .megamenu-mobile__link--prochee-oborudovanie {
        background-image: url(/img/catalog/4.png);
    }
    .megamenu-mobile__link--gidravlika {
        background-image: url(/img/catalog/anons2-min.png);
    }
    .megamenu-mobile__link--quarrybucket {
        background-image: url(/img/catalog/6.png);
    }
	.megamenu-mobile__link--kvik {
        background-image: url(/img/catalog/22.png);
    }
    .megamenu-mobile__link--khodovaya-chast {
        background-image: url(/img/catalog/7.png);
    }
	.megamenu-mobile__link--megarykhliteli {
        background-image: url(/img/catalog/17.png);
    }
    .megamenu-mobile__link--koronki-adaptery-zashchita {
        background-image: url(/img/catalog/8.png);
    }
    .megamenu-mobile__link--koronki-adaptery-zashchita2 {
        background-image: url(/img/catalog/77.png);
    }
    .megamenu-mobile__link--metallokonstruktsii {
        background-image: url(/img/catalog/9.png);
    }
    .megamenu-mobile__link--nelikvid {
        background-image: url(/img/catalog/13.png);
        background-position: 94% center;
    }
    .megamenu-mobile__link--blank {
        background-image: url(/img/catalog/12.png);
        background-position: 94% center;
    }
    .megamenu-mobile__link--osi-paltsy-vtulki {
        background-image: url(/img/catalog/14.png);
        background-position: 94% center;
    }
    .megamenu-mobile__link--specialoffers {
        background-image: url(/img/catalog/11.png);
        background-position: 94% center;
    }
    .megamenu-mobile__link--hydraulic-hammer-chisels {
        background-image: url(/img/catalog/15.png);
        background-position: 95% -20%;
    }
    
    .megamenu-mobile__link--hydr-parts {
        background-image: url(/img/catalog/gidr-comp_m.png);
        background-position: 95% center;
    }
    .megamenu-mobile__link--filtry {
        background-image: url(/img/catalog/25.png);
        background-position: 95% center;
    }

    .megamenu-mobile__item {
        display: flex;
        margin-bottom: 15px;
        margin-left: 15px;
    }
    .megamenu-mobile__link {
        display: flex;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        color: #212121;
        /*text-decoration: none;*/
    }
    .scrollh .header .cart--megamenu-mobile {
        margin-left: 15px;
        margin-right: 0;
        font-size: 16px;
        line-height: 24px;
    }

    .header .cart--megamenu-mobile::before {
        content: unset;
        font-size: 16px;
    }
    .header .cart--megamenu-mobile span {
        width: auto;
        height: auto;
        background-color: transparent;
        margin-left: 5px;
        line-height: 17px;
    }
    .cart-counter.active:before {
        content: '('
    }
    .cart-counter.active:after {
        content: ')'
    }
    p .zapchasti-mob{
        padding: 0px;
        margin: 0px;
    }
    

    .megamenu-mobile__selection-by-technique {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 5px 5px 4px 11px;
        background: #9D0034;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
        border-radius: 48px;
        font-size: 12px;
        line-height: 17px;
        text-decoration: none;
        color: #FFFFFF;
        margin-right: 5px;
    }

    .megamenu-svg--arrow_forward {
        margin-left: 6px;
        margin-right: 0;
    }

    .megamenu-svg--white {
        fill: #FFFFFF;
    }

    .megamenu-mobile__region {
        display: flex;
        background-color: #f0f0f0;
    }
    a.region__link {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    .map_marker {
        width: 17px;
        height: 17px;
        margin: 10px 10px 10px 0;
    }
    .region__link {
        display: flex;
        align-items: center;
    }
    .row-flex {
        display: flex;
        align-items: flex-start;
    }
    .row-flex--stretch {
        align-items: stretch;
    }
    .row-flex--justify-between {
        justify-content: space-between;
    }
    .row-flex--justify-center {
        justify-content: center;
    }
    .visually-hidden {
        position: absolute;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
    }
    .list-unstyled {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .open_links {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        color: #212121 !important;
        flex-wrap: wrap;
    }
    .hide_block-link {
        margin-top: 20px;
        width: 100%;
    }
    company_text_menu {
        margin: 0;		
    }
    [data-name='arrow_drop'] {
        margin-left: 5px;
    }
    [data-name='arrow_drop'].active {
        transform: rotate(180deg);
        transition: 0.25s;
    }
	a{
		color:#212121;/* !important;*/
	}
	a:active{		
		color: #9D0034 !important; 
	}

}
@media (min-width: 1024px) and (max-width: 1360px) {
	.pb-social {
		margin-right:0px;
	}
}
/* END */
/*build css for the tablet */
@media screen and (min-width: 569px) and (max-width: 1024px) {
    .top {
        display: none;
    }

    .wrapper {
        padding: 0;
    }
    .chunks .info-button {
        display: none;
    }
    .header .menu .chunks .list {
        display: none;
    }
    .header .menu .chunks {
        display: none;
        justify-content: space-between;
    }
    .header .menu .chunks .logo a {
        width: auto;
    }
    .header .menu .chunks .logo  {
        width: 302px;
        align-items: center;
        margin: auto;
    }
    .menu-mobile {
        width: 36px;
        height: 36px;
        background: url("images/img_for_mobile/icons for mobile/menu-top/menu18dp.png") no-repeat;
        background-size: 100%;
        margin: 20px 0 20px 20px;
    }
    .search_img {
        width: 24px;
        height: 24px;
        background: url("images/img_for_mobile/icons for mobile/menu-top/search18dp.png") no-repeat;
        background-size: 100%;
        margin: 20px 20px 20px 0;
    }
    .language_img {
        width: 24px;
        height: 24px;
        background: url("images/img_for_mobile/icons for mobile/menu-top/language18dp.png") no-repeat;
        background-size: 100%;
        margin: 20px;
    }
    /* MENU */
    /* END */
    .h2-allnews {
        padding: 0 15px;
    }
    .scrollh .header .menu .chunks .list {
        display: none;
    }
    .scrollh .header .menu .chunks .logo  {
        width: 302px;
        align-items: center;
    }
    .scrollh .header .menu .chunks .logo a {
        width: 302px;
    }
    .scrollh .menu {
        height: auto;
    }
    .body .collage {
        padding: 0 15px;
    }
    .body .catalog .podcats.scrolled {
        display: none;
    }
    .body .catalog .category:hover .podcats {
        display: none;
    }
    .slide {
        background-size: 100% !important;
    }
    .img-for-col {
        width: 100% !important;
    }
        /* slider*/
    .owl-carousel .owl-stage-outer {
        overflow: hidden;
    }
    #under-slider-cat .owl-item img {
        width: auto;
    }
    .body .wrapper .catalog .category {
        width: 100% !important;
    }
        /*end slider*/
    .caption-big  p {
        font-size: 27px !important;
    }
    #chang-lang {
        border-radius: 5px;
        background: white;
        overflow: hidden;
        padding: 0;
        width: 25%;
    }
    li.language.active:before{
        border: 2px solid #6073d4;
    }
    li.language.active:after {
        content: "";
        background:#6073d4;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        position: absolute;
        left: 14px;
    }
    li.language {
            display: flex;
            align-items: center;
            position: relative;
    }
    li.language:before {
            content: "";
            border: 2px solid black;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            display: block;
            margin: 0 10px;
    }
    .set_language {
            list-style: none;
            padding: 0;
    }
    .language ::before {
            background: url("") no-repeat
    }
    .language_img {
            width: 36px;
            height: 36px;
            background: url("images/img_for_mobile/icons for mobile/menu-top/language24dp.png") no-repeat;
            background-size: 100%;
            margin: 20px;
            cursor: pointer;
    }
    .lang {
            color: black;
            text-decoration: none;
            font-size: 17px;
            font-weight: 400;
    }
    .body .catalog .category .image .topline {
        display: none;
    }
    .redline {
        display: none;
    }
    .mtop {
        display: none;
    }
    .block1 {
        margin-right: 14px !important;
    }
    .morebut {
        display: none;
    }
    #lastNews {
        padding: 15px;
    }
    .texttab li {
        font-size: 14px;
    }
    .ns-Indicator {
        width: 63px;
    }
    .lt {
        margin: 20px auto;
    }
    .textcol {
        padding-top: 25px;
    }
    .textcol .col3 {
        width: 47%;
    }
    .img-under-footer {
        display: flex !important;
        width: 100% !important;
        justify-content: center;
    }
    .pic1 {
        margin-right: 12px !important;
    }
    .pic2 {
        height: 218px;
    }
    .asd {
        display: flex;
        justify-content: center;
    }
    .news-list .news-item .caption .anons {
        display: none;
    }
    .socs-component ul {
        margin: 0 0 30px 30px;
    }
    .socs.uponfooter h2 {
        margin: 15px 0 20px;
    }
    .asd > ul > li > p {
        display: none;
    }
    .footer > .wrapper > .block-wrapper > .cl-25 > img {
        display: none;
    }
    .footer .block-wrapper {
        flex-wrap: nowrap;
        justify-content: space-evenly;
    }
    .footer .subscribe {
        width: 40%;
    }
    .cl-20 {
        display: none;
    }
    .conf > span {
        display: none;
    }
    .conf {
        display: flex;
        justify-content: space-between;
        padding: 0 15px;
    }
    .map_and_text {
        display: flex;
        justify-content: flex-start;
    }
    .map_of_site {
        width: 20px;
        height: 17px;
        background: url("images/img_for_mobile/Layer_47.png");
        background-size: 100%;
        margin: 15px;
    }
    .contact_of_company {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap !important;
    }
    .text_of_info {
        margin-bottom: auto;
    }
    .footer > .underfooter > p {
        text-align: center !important;
    }
    .footer .block.cl-25 {
        margin-right: 20%;
    }
    .footer .underfooter {
        padding: 0 15px;
    }
    .body .catalog {
        display: block;
    }
  
    .body .wrapper .catalog .category {
        width: auto;
    }
    .hidden-video-about-company-block {
        display: none;
    }
    .for-mobile {
        display: none;
    }
    .joyride-content-wrapper {
        display: none;
    }
    .mobile-img-for-collage {
        display: none;
    }
    .mobile-version {
        display: none !important;
    }

    /* styles of slides for tablet */
    /* 1 */
    .mor_info {
        display: none;
    }
    .text_under_block {
       width: 300px;
       font-size: 22px;
    }
    .tagline-pic {
       width: 35%;
    }
    /* 2 */
    .news_img {
        width: 100%;
    }
    .info_block {
        width: 45%;
        padding: 0 15px;
    }
    .slide_title {
        line-height: 30px;
        font-size: 30px;
    }
    .text_slide {
        font-size: 20px;
    }
    /* 3 */
    .caption-big {
        margin-left: 50px !important;
    }
    /*end */
}
@media screen and (min-width: 320px) and (max-width: 1025px) {
	.slide_hard__block.opacity-block.slide_hard__block-35 {
        max-width: 75%;
		padding:25px;
		margin-left:0px;
    }
	.slide_hard__title{
		font-size: 21px;
	}
	.text-pre {
		line-height: 20px;
		font-size: 14px;
    }
}
/*build css for the phone */
@media screen and (min-width: 320px) and (max-width: 568px) {
    /* scrolling menu */
    /* .scrollh.homepage {
        padding-top: 0;
    }
    .scrollh .menu {
        position: relative;
        height: auto;
    }
    .menu {
        top: 0;
        position: relative;
        transition: 0.25s;
        transform: translateY(-54px);
    }
    .menu.scroll_up {
        transform: translateY(0);
        position: fixed; 
    }
    .header {
        margin-bottom: 50px;
    } */
    /* end */
    

    .textcol .col3 {
        width: 100%;
    }
    .textcol .caption {
  width: 100%;
}
.int img{
    width: 100%;
}
.col3 .withtec_col3{
    width: 100%;
}
.withtec{
    width: 100% !important;
}



.int {
  float: right;
  text-align: center;
  width: 100%;
  overflow: hidden;
}
    .body .catalog .category .image .topline {
        display: none;
    }
    .redline {
        display: none;
    }
    .get_new_slide {
        background: url("/bitrix/templates/corp_services_red/images/slider/mob_vesr_slide.png") 100% no-repeat;
    }
    .news_img {
        display: none;
    }
    .info_block {
        margin-left: 0;
        padding: 0 15px;
    }
    .text_slide {
        margin: 0;
        background-color: #f5f8fb;
        font-size: 14px;
    }
    .slide_title {
        background-color: #f5f8fb;
        font-size: 16px;
        font-weight: 500;
    }
    .btn_text {
        font-size: 14px;
    }
    .link_btn {
        margin-top: 15px;
    }

    .caption-big {
        margin-left: 20px !important;
    }
    .caption-big  p  {
        text-shadow: 0 2px 2px rgba(6, 0, 0, 0.82), 0 3px 7px rgba(0, 0, 0, 0.2) !important;
        color: #f5f5f5 !important;
        font-family: Muller !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 26px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.4px !important;
    }
    .caption-big p span.large {
        font-size: 35px !important;
        line-height: 80px !important;
    }
    .body .catalog .podcats.scrolled {
        display: none;
    }
    .body .catalog .category:hover .podcats {
        display: none;
    }
    #lastNews {
        padding: 0 0 0 15px;
    }
    .news-list .news-item .caption .title,
    .news-list .news-item .caption .title a {
        line-height: 18px;
        font-size: 15px;
        width: 100%;
    }
    .news-list .news-item .caption .date {
        margin-bottom: 0;
    }
    .background-for-pads {
        background-color: #f5f5f5;
        height: 100%;
        margin-bottom: 40px;;
    }
    .news-list .news-item {
        width: 100%;
        margin-bottom: 35px;
    }
    .caption {
        display: flex;
        flex-wrap: wrap;
    }
    .body .collage > div {
        width: 100%;
        height: 100%;
        justify-content: space-between;
    }
    .mobile-version.service.mobile-span {
        display: block !important;
        font-style: normal !important;
    }
    .mobile-img-for-collage {
        width: 15%;
    }

    /* banner */

    .slide_hard__block {
        margin-left: 0;
    }

    .slide_hard__block.opacity-block,
    .slide_hard__block.opacity-block.slide_hard__block-35 {
        max-width: 75%;
    }

    .slide_hard__block.opacity-block.slide_hard__block-35 {
        padding: 25px;
    }

    .slide_equipment_order .slide_hard__title {
        font-size: 18px;
    }

    .slide_equipment_order .text-pre {
        margin: 5px 0;
        font-size: 12px;
    }

    .slide_hard__button.catalog-button.slide_hard__block-35__button {
        margin-top: 0;
    }

    .slide_equipment_order .slide_hard__button::after {
        content: none;
    }

    .slide_hard__title {
        font-size: 21px;
    }

    .slide_hard__block {
        max-width: 242px;
         padding: 21px;
    }

    .slide_hard__button::after {
        content: '';
        width: 5px;
        height: 5px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        margin-left: 12px;
        transform: rotate(45deg);
    }

    .slider_crowns__button::after {
        content: none;
    }

    .slide_hard__button {
        margin-top: 24px;
        padding: 8px 11px;
    }

    .slide__hard__button {
        font-size: 12px;
    }

    .text-pre {
        line-height: 20px;
        font-size: 14px;
    }
    .slide_hard__button.catalog-button {
        margin-top: 15px;
    }




    /* end */

    .nobgsp {
       margin-bottom: 40px !important;
    }
    .img1 {
       /* width: 8%;*/
        height: 50%;
        background: url("/bitrix/templates/corp_services_red/images/slider/business24dp.png") no-repeat;
        background-size: 100%;
        margin: 10px;
        align-self: center;
    }
    .btn-3:before,
    .btn-3 i:before,
    .btn-3 i:after,
    .btn-3:after {
        display: none;
    }
    .not_for_mobile {
        display: none;
    }
    .roza .num {
        margin-bottom: 15px;
    }

    .news-list .news-item .image {
        height: auto;
    }

    .mtop {
        margin: 0px 0 30px 0;
    }
    .news-list .news-item .caption .anons {
        display: none;
    }
    .img-for-col {
        width: 100%;
    }
    .body .wrapper .catalog .category {
        width: 100%;
    }
    #under-slider-cat .owl-item img {
        width: auto;
    }
    .h2-allnews {
        display: flex;
        padding: 25px 15px 0px 15px;
        margin: 15px 0;
    }
    .allnews {
        font-size: 16px;
    }
    .body .h2-allnews h2 {
        font-size: 16px;
    }
    .footer .block-wrapper {
        padding-bottom: 0;
    }
    .hidden-video-about-company-block{
        width: 100%;
        height: 80px;
        margin-bottom: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }
    .youTube-span {
        color: #fff;
        line-height: 60px;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 16px;
        text-decoration: none;
    }
   
    .texttab li{
        width: 100%;
    }

    .lt{
        margin: 0px 0px;
        margin-bottom: 10px;
    }
    .youtube-block {
        display: none;
    }
    .service-img {
        display: none;
    }
    .body .collage>div span.service {
        display: none;
    }
    .body .collage {
        margin-top: 40px;
    }
    .body .collage>div:nth-child(3n+3) {
        display: none;
    }
    .col2 a {
        width: 49.5%;
    }
    .link-block-1 {
        height: 80px;
    }
    .mtop {
        display: none;
    }
    /*subscribe on news  */
    #subscribe h3 {
        margin: 40px 0;
        padding: 0 15px;
        text-align: center;
    }
    #subscribe p.ml {
        margin: 20px 0;
        padding: 0 15px;
    }
    #subscribe ul {
        margin: 0;
        padding: 0 30px;
    }
    .divforma.formatyt,
    #subscribe,
    #open_form
    {
        width: 100%;
        overflow: visible;
        padding: 0;
    }
    .formatyt .fancybox-close-small,
    #subscribe .fancybox-close-small,
    #open_form .fancybox-close-small
    {
        right: 0;
        left: auto;
        top: -44px;
        background: none;
    }
    .product-form .field-wrapper .field,
    .formatyt .send_inquiry .begin,
    .formatyt .mask-wrapper [type=text]
    {
        width: 100%;
    }
    font.errortext {
        font-size: 14px;
    }
    .formatyt form {
        padding: 15px;
    }
    .fancybox-close-small:before {
        content: "close";
        font-family: icons;
        font-size: 25px;
        color: white;
    }
    
    .fancybox-close-small:after {
        content: none!important;
    }
    #subscribe label {
        margin-bottom: 15px;
    }
    #subscribe .subscribe-edit {
        margin: 0px 10px;
    }
    #subscribe label {
        width: 100%;
    }
    .vol {
        display: flex;
        flex-wrap: wrap;
    }
    .vol>div {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .kak {
        padding: 0;
    }
    .kak .bot {
        flex-wrap: wrap;
        justify-content: center;
    }
    #subscribe .kak label {
        margin: 0;
        margin-bottom: 10px;
        height: 20px;
        display: inline;
    }
    .otmena {
        padding-left: 0;
        font-size: 15px;
    }
    #subscribe p {
        width: 50%;
        margin: 0;
        margin-bottom: 20px;
        margin-left: 15px;
        text-align: left;
    }
    #subscribe p.ml {
        width: 100%;
    }
    /* end */
    .winter_picture {
        width: auto;
        height: 100%;
    }
    .mor_info {
        display: none;
    }
    .tagline-pic {
        width: 60%;
    }
    .text_under_block {
        font-size: 14px;
        font-weight: 400;
        width: 50%;
        margin-left: 7%;
    }
    /* for all pages */
    .tab-navigations a.active:after {
        display: none;
    }
    .w5.formbg h4 {
        margin: 25px 0;
    }
    .global_form label {
        margin: 15px 0 10px 0;
    }

    /* end */
    /* choose region */
    .regions#regs {
        width: 95%;
        height: 85%;
        overflow-y: auto;
        padding: 10px;
        border-radius: 20px;
    }
    .regions .region {
        width: 50%;
    }
    .regions .region-wrapper {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        height: 620px;
    }
    #regs .lt {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .region a {
        padding: 0;
        padding-left: 10px;
    }
    a.now {
        width: 90%;
    }
    .category .category_item .product .title {
        text-align: left;
    }
    .socs.uponfooter {
        margin-bottom: 0;
    }
    
    .product-form .field-wrapper {
        display: flex;
        flex-direction: column;
    }

    .send_inquiry.field {
        order: 1;
    }

    /* end  */
}
/* one fix for block */
@media screen and (min-width: 1025px) and (max-width: 3000px) {
    .hidden-video-about-company-block {
        display: none;
    }
    .mobile-span {
        display: none;
    }
    .for-mobile {
        display: none;
    }
    .background-for-pads {
        background: white;
    }
    .text_for_map {
        display: none;
    }
    .mobile-version {
        display: none !important;
    }
    
}




.scrollh .pb-bottom-menu .megamenu {
    top: 56px;
}

.scrollh .pb-top-menu {
    display: none;
}


@media screen and (min-width: 320px) and (max-width: 568px) {

            html, body {
                width: 100%;
                overflow-x: hidden;
                
            }
            
            .tabnav-body{
                padding: 0px 10px;
            }

            .tabnav-wrapper .tabnav-body .description_caption_props {
              margin-top: 0px;
            }
            .block_description {
                padding: 0px 0px !important;
            }
            .footer{
                margin-top: 0px;
            }
            .tabnav-wrapper .tabnav-panel{
                margin-bottom: 0px !important;
            }
            div .img-back{
                display: none;
            }
            .img1-back .logo img{
              vertical-align: middle;
              width: 80%;
              display: block;
              margin: 0 auto;
            }
            .zapros .popup{
                width: 100% !important;
            }
        }
   /* ===============================
   MOBILE HEADER FIX — SAFE
   =============================== */
@media (max-width: 991px) {


  .pb-top-menu,
  .pb-bottom-menu,
  .pb-new-cart,
  .topmenu_selection_by_technique {
    display: none !important;
  }

 
  .pb-mobile-menu,
  .pb-mobile-logo,
  .pb-mobile-lang {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  
  .pb-mobile-menu {
    position: relative;
    z-index: 10000;
  }
}
 /* === Базовый сброс для корректной работы Flexbox === */
    * {
        box-sizing: border-box;
    }

    .why {
        clear: both;
        overflow: hidden; /* Было auto, лучше hidden, чтобы скрыть скроллбары */
        margin-bottom: 40px;
        padding: 0 20px;
        margin: 30px 0px;
        display: block; /* Убрал inline-block для надежности */
        width: 100%;
    }

    /* === Типографика (оставлена 1 в 1 как у вас) === */
    .body .why .left h2 .prof {
        font-size: 36px;
        font-weight: 600;
        text-transform: uppercase;
        font-style: italic;
        color: #9d0034;
        line-height: 30px;
        position: relative;
        padding-right: 25px;
    }

    .body .why .left p span { font-weight: 400; }
    .body .why .left p {
        font-weight: 300;
        font-size: 15px;
        line-height: 20px;
    }
    .body .why .left h2 { padding-left: 25px; }
    .body .why .left h2 .small {
        font-size: 29px;
        text-transform: uppercase;
        font-weight: 300;
        font-style: italic;
    }

    /* === Табы (Меню) === */
    .texttab {
        text-align: center;
        list-style-type: none;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #e0e0e0;
        /* Делаем табы гибкими */
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .texttab li {
        display: inline-block; /* Для старых браузеров */
        font-size: 18px;
        color: #757575;
        padding: 0 32px;
        margin-bottom: -1px;
        cursor: pointer;
        position: relative;
        line-height: 34px;
        font-weight: 700;
        transition: 0.2s;
        /* Добавлено для мобильных */
        white-space: nowrap; 
    }

    .texttab li:hover { color: #212121; }
    .texttab li.active {
        color: #231f20;
        line-height: 34px;
        font-weight: 700;
        background-color: #f4f4f4;
    }
    .texttab li.active:after {
        content: ''; /* Исправил, возможно, пропущенный content */
        display: block; /* или position absolute в зависимости от логики */
        width: 100%;
        left: 0;
        /* Ваши стили для after */
    }

    /* === СЕТКА (Главные изменения здесь) === */
    .textcol {
        padding-top: 20px !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* Gap заменяет сложные margin */
        gap: 30px; 

    }

    .textcol p {
        margin: 0 0 20px;
        line-height: 27px;
    }

    /* Блок 2 (Карта и текст) */
    .textcol .caption {
        width: auto; /* Сбрасываем жесткую ширину */
        flex: 1 1 400px; /* Растягивается, мин. ширина 400px */
    }
    .int {
        flex: 1 1 300px; /* Блок с картой */
    }

    .textcol ul { padding: 0 0 0 28px; }
    .textcol li { margin: 0 0 10px 0; }

    /* === Колонки === */
    .textcol .col3 {
        /* Было: width: 32%; float: left; */
        /* Стало: Flexbox */
        width: auto;
        float: none;
        flex: 1 1 300px; /* Базовая ширина ~300px, но резиновая */
        overflow: hidden;
    }

    /* Убираем старый сложный margin для четных элементов, 
       так как теперь работает gap в .textcol */
    .textcol .col3:nth-child(even) {
        margin: 0; 
    }

    /* Особая широкая колонка в 4-м табе */
    .textcol .withtec_col3 {
        /* Было: width: 64% */
        flex: 2 1 600px; /* Занимает в 2 раза больше места */
    }

    /* === Изображения === */
   .textcol  img {
        max-width: 100%;
        height: auto;
    }

    .whyimg {
        display: inline-block;
        border-radius: 2px;
        overflow: hidden;
        margin-bottom: 20px;
        max-width: 100%; /* Защита от вылезания */
    }
    
    .textcol .col3:nth-child(3) img { margin: 0 0 20px; }
    .textcol .col3:nth-child(3) img:last-child { margin: 0; }

    /* === Медиа-запрос для мобильных устройств === */
    @media (max-width: 768px) {
        .texttab li {
            padding: 0 10px; /* Уменьшаем отступы табов */
            font-size: 14px; /* Уменьшаем шрифт табов */
            flex: 1 1 auto; /* Табы растягиваются */
        }
        
        .textcol {
            padding-top: 20px;
            gap: 20px;
        }

        .textcol .col3, 
        .textcol .caption, 
        .textcol .withtec_col3 {
            flex: 1 1 100%; /* На телефоне все блоки в одну колонку 100% */
        }
    }