@media screen and (max-width: 800px) {
  body.no-scroll {
    overflow: hidden;
    width: 100%;
    pointer-events: none;
    display: flex;
    flex-direction: column;
  }
  body.no-scroll .page-header {
    pointer-events: auto;
      overflow-y: auto;
    overflow-x: hidden;
      position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999999;
  }
  .container {
    min-width: auto;
  }
  .wrapper {
    width: auto;
  }
  .transparent-shadow--pad60 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .small-key-box {
    display: none;
  }
  .banner-table {
    max-width: none;
    margin: 0 20px;
  }
  .news-list {
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column;
  }
  .news-list__item {
    width: 100%;
    margin-bottom: 20px;
  }
    .page-header__top .user__question{display: none;}
  #carouselExtra .jcarousel-wrapper {
    padding: 40px 20px;
  }
  #carouselExtra .jcarousel-recommend {
    width: auto;
    left: 0;
  }
  #carouselExtra .jcarousel-recommend ul {
    width: 100%;
  }
  #carouselExtra .jcarousel-recommend li {
    float: none;
    margin: 0 0 10px 0;
  }
  #carouselExtra .media-recommend {
    width: auto;
    flex-direction: column;
  }
  #carouselExtra .recommend-img {
    margin-bottom: 10px;
  }
  #carouselExtra .inactive {
    display: none !important;
  }
  #carouselExtra .jcarousel-pagination {
    display: none !important;
  }
    .tabs.more3{height: auto;}
    .tabs.more3 li{float: none;display: block;top:0;}
    
    .go-buttons{position: static;margin: 0 auto;}
    .go-address{float: none;width: 100%;height: auto;}
    .slide-block{position: static;}
    
    .state,.address{padding:0 20px;}
    .state{padding-top: 20px;}
    .map_wrap .map_link_to_google{left:20px;margin-left: 0;}
    
    .search-result{width:100%;float:  none !important;padding: 0 20px;box-sizing: border-box;}
    .search-mask{width: 100%;}
    .search-item{display: flex;padding: 10px 0;}
    .search-item_info{width: auto;padding: 0 0 0 10px;}
    .search-item_img{overflow: visible;width: 70px;}
    .search-item_img img{width: 70px;}
    .search-nav{margin-left: 20px;}
    .flLeft{float: none !important;}
    .more-txt{margin-right: 0;}
    
    .media-about-box{display: block;}   
    .media-about{display: block;width: 100%;border-left: none;}
    .media-about img {width: 100%;}
  .banner-monitor .banner-info__product .banner-info__col:last-child {
    display: none;
  }
  .page-footer {
    min-width: auto;
    height: auto;
  }
  .page-footer__prmedia {
    position: static;
    margin: 20px 0 0 20px;
  }
  .page-footer__contacts {
    margin: 20px 0 0 20px;
  }
  .jcarousel-banner ul > li {
    width: 100vw;
  }
  .banner-en .banner-info__product {
    max-width: 90% !important;
  }
  .banner-en .banner-monitor {
    height: 570px;
  }
  .banner-en .banner-info__content > p {
    line-height: 19px;
    font-size: 16px;
  }
  .banner-en .banner-info {
    background-size: 95% 100% !important;
  }
  .left-info {
    width: 100%;
    float: none !important;
  }
  .right-info {
    width: 100%;
    float: none !important;
  }
  .tabs {
    width: 100%;
  }
  .tabs li {
    width: auto !important;
    padding: 0 15px;
  }
  .tabs li span {
    background: none;
  }
  .right-info img {
    max-width: 100%;
  }
  #catalog {
    min-height: auto;
  }
  .filter-box {
    width: 100%;
  }
  .filter-item {
    float: none;
    width: 100%;
  }
  .product-items {
    display: block;
  }
  .prod-imagebox {
    width: 100%;
    height: 145px;
    line-height: 145px;
    float: none;
    text-align: center;
  }
  .prod-imagebox img {
    vertical-align: middle;
  }
  .prod-infobox {
    width: 100%;
    float: none;
    padding: 10px 10px 0;
    box-sizing: border-box;
  }
  .product-link .star-icon {
    right: 10px;
    top: 5px;
  }
  .product-link .question-icon {
    right: 40px;
    top: 5px;
  }
  .pagination {
    width: 100%;
    min-width: 100%;
  }
  .no-more {
    display: none;
  }
  .pop {
    width: 90vw;
  }
  .pop .form-table {
    width: 100%;
  }
  .pop .form-table tr {
    display: flex;
    flex-direction: column;
  }
  .pop .form-table td {
    padding: 0 0 20px 0;
  }
  .pop .form-txt, .pop .form-txtarea {
    width: 100%;
    box-sizing: border-box;
  }
  .info-message.form-policy-text {
    width: 100% !important;
  }
  .header__burger {
    bottom: 0;
    cursor: pointer;
    height: 15px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0px;
    width: 20px;
    z-index: 2000;
  }
  .header__burger-cl {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100;
  }
  .header__burger-cl._is-td {
    display: none;
  }
  .header__burger .b {
    height: 2px;
    background-color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    width: 20px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
  }
  .header__burger.collapsed .b-top {
    right: 0;
    top: 1px;
    transform: rotate(0);
  }
  .header__burger .b-middle {
    top: 7px;
  }
  .header__burger.collapsed .b-bottom {
    right: 0;
    top: 13px;
    transform: rotate(0);
  }
  .header__burger.collapsed .b-middle {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{@opacit 100})";
    filter: alpha(opacity=1);
    opacity: 1;
  }
  .header__burger.expanded .b-top {
    top: -1px;
    transform: rotate(-45deg);
    transform-origin: center right;
  }
  .header__burger.expanded .b-middle {
    opacity: 0;
  }
  .header__burger.expanded .b-bottom {
    transform: rotate(45deg);
    transform-origin: center right;
    bottom: 0;
  }
  .page-header__bottom {
    display: none;
  }
  
  .page-header__top .wrapper {
    display: block;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 5px solid #6f1514
  }
  .page-header__slogan {
    font-size: 13px;
    margin-top: 8px;
      margin-left: 10px;
  }
    .page-header__slogan span{display: inline;}
  .page-header__logo {
    margin-top: 5px;
      margin-left: 10px;
  }

    .page-header__top > .wrapper{min-height: 40px;}
    .under-header{height: 55px;}
    .section__head{padding: 10px 20px;}
    .h1{font-size: 26px;}
    .article__paragraph, p.textcontent, div.textcontent, span.textcontent, article p,.recommend-link p{font-size: 15px;text-align: left !important;}
    .tab-txt p{text-align: left !important;}
    article video{max-width: 100%;}
    article img{max-width: 100%;}
    .product-head{width: auto;font-size: 18px;}
    .product-category{font-size: 16px;}
    .product-descr{font-size: 14px;line-height: 16px;}
    .recommend-link{margin-left: 0;}
    .gallery-wrapper img{max-width: 100%;}
    .transparent-shadow--pad60{padding-left: 10px;padding-right: 10px;}
    .btn-fav, .btn-question{width: 48%;box-sizing: border-box;height: 40px;}
    .table td, table.textcontent td, table.text2 td{font-size: 16px;padding: 13px 10px 11px 10px}
    
    .media-box{margin-left: 0;}
    .media-box .media-block{margin-left: 0;width: 100%;}
    .news-subscribe{left: 0;}
    
    .filter-btn{height: 60px;padding-left: 30px;}
    .filter-arrow{top: 27px;}
    .filter-head{top:7px;font-size: 24px;}
    .filter-choosen{bottom: 7px;}
    
    .filter-slide{padding-left: 10px;}
    #check-Product,#check-Factor, #check-Producer{width: 100%;}
    .check-column{width: 100% !important;float: none;margin-left: 0 !important;}
    .filter-slide{z-index: 999;}
    .check-list li{margin-left: 0;}
    
    .page-header__user{display: none}
    
    .pop-head{font-size: 28px;}
    .tab-link{font-size: 24px;}
    .pop-body{padding: 15px;}
    .btn-sbm.wide{width: 100%;}
    
    .fancybox-title{font-size: 14px;}
    .fancybox-type-image{min-width: 320px;}
    
    .wide_table_wr.page_steps{display: block;}
    .wide_table_wr{overflow-x: auto;}
    .wide_table_wr table{ width:600px;}
    .wide_table_wr table td:first-child img{ max-height: 30px;width: auto;}
    
    .wide_table_wr {
      max-width: 100%;
      max-height: 80vh;
      overflow: scroll;
    }
    .chess{display: none;}
    .systems__head-title{font-size: 20px;}
    .systems__head-num{flex-shrink: 0;}
    .systems__head{min-height: 60px;height: auto;padding: 0 20px;}
    .custom .custom__content{flex-direction: column;}
    .custom__content-text{max-width: none;margin: 20px;}
    .custom__content-links{margin-left: 20px;}
    
    .contact-form{display: block;padding: 20px;}
    .contact-form .elem-input{min-width: auto;}
    .contact-form .elem-input--area{margin: 30px 0 0;}
    .contact-form .elem-input--area > .elem-input__field{padding: 20px;}
    .contact-form__submit{position: static;width: 100%;margin-top: 30px;}

    /* Use position: sticky to have it stick to the edge
     * and top, right, or left to choose which edge to stick to: */

    .wide_table_wr thead th{
      position: -webkit-sticky; /* for Safari */
      position: sticky;
      top: 0;
       z-index: 1; 
        box-shadow: 1px 1px 0 0 #000;
  
    }
    .wide_table_wr tbody th img{max-height: 50px;width: auto;}
    .wide_table_wr tbody th {
      position: -webkit-sticky; /* for Safari */
      position: sticky;
      left: 0;
        
    }
    

    /* To have the header in the first column stick to the left: */

    .wide_table_wr thead th:first-child {
      left: 0;
      z-index: 2;
    }


    /* Just to display it nicely: */

    .wide_table_wr thead th {
      background: #fff;
      /* Ensure this stays above the emulated border right in tbody th {}: */
      z-index: 1;
    }

    .wide_table_wr tbody th {
      background: #fff;
      /* Browsers tend to drop borders on sticky elements, so we emulate the border-right using a box-shadow to ensure it stays: */
      box-shadow: 1px 0 0 0 #000;
    }

    .wide_table_wr table {
      border-collapse: collapse;
    }

    .wide_table_wr td,
    .wide_table_wr th {
      padding: 0.5em;
    }
    
    .tab-box .box{clear: both;}
    
    .tbl_pic{display: grid;grid-template-columns: 1fr 1fr;grid-row-gap: 10px;}
    .tbl_pic .itm{text-align: center;}
    
    .vacancy-box{margin-left: 0;}
    .table-vacancy.wide{width: 100%;margin-left: 0;}
    .table-vacancy td:first-child{padding-left: 10px;text-align: right;padding-right: 10px;}
    .table-vacancy th{padding:0 10px;text-align: center;}
    
    .no-scroll .page-header__user{display: flex;margin-top: 10px;}
    .no-scroll .page-header__logo, .no-scroll .page-header__slogan{display: none;}
    .no-scroll .user__cabinet{margin-left: 20px;}
    .no-scroll .user__fav{margin: 0 0 0 20px;}
    
    .no-scroll .top-menu {
    display: block;
    height: auto;
        margin: 0;
  }
    .page-header__bottom{background: #fff !important;}
    .no-scroll .top-menu > li{display: block;transform:none;padding: 0 20px !important;margin: 0 !important;cursor: pointer;}
    .no-scroll .top-menu__link{color:#000;transform:none;width: 100%;}
    .no-scroll .top-menu > li:before{display: none !important;}
    
    .no-scroll .btn-search{display: none;}
    .no-scroll .search-field{position: relative;left: 0;top: 0;width: 100% !important;}
    .no-scroll .page-header__bottom > .wrapper{display: block;}
    .no-scroll .search-custom{padding: 0;}
    .no-scroll .search-custom li:first-child,.no-scroll .search-custom li:last-child{display: none}
    
    .no-scroll .top-menu-dropdown{position: relative;transform: none;left: 0 !important;display: block;box-shadow: none;visibility: visible;opacity: 1;padding-left: 20px;}
    .no-scroll .top-menu > li:hover .top-menu-dropdown{display: block;}
    .no-scroll .top-menu > li.top-menu__parent:hover{background: none !important;}
    .no-scroll .top-menu > li:nth-child(2) .top-menu-dropdown > li:first-child > a{color: inherit;
  opacity: 1;
  background-color: inherit;}
    .no-scroll .top-menu-dropdown > li > a{height: 39px;justify-content: left;}
    .no-scroll .top-menu > li.active{background: none;}
    .no-scroll .top-menu > li.active a{color:#76211f !important;}
    
    .no-scroll .search-custom{display: block;}
    .no-scroll .menu-search input[type="text"]{width: 100%;letter-spacing: 1px;padding: 0;}
    .no-scroll .menu-search #headSbmBtn{right: 20px;}
    .no-scroll .search-custom li{display: block;margin:0;padding-left: 20px;width: 100%;
    box-sizing: border-box;}
    .search-custom .menu-link{width: 100%;padding: 0;box-sizing: border-box;background: none !important}
    .no-scroll .search-custom span{padding: 0 50px 0 0 !important;width: 100%;box-sizing: border-box;position: relative;}
    
    .banner-info .wrapper:before{right: -300px;display: none;}
    .jcarousel-banner .banner-info .wrapper:before{right: -300px;display: none;}
    .banner-info {
        background: url(../images/bg-banner-layer.png) 0 0 no-repeat;}
    .banner-layer {background: url(../images/bg-banner-layer.png) 0 0 no-repeat;}
    
    .bl_accept_cookie{position: fixed;left:0px;bottom: 0px;background: rgba(10,10,10,0.8);padding: 10px;width: 100%;box-sizing: border-box;}
    .bl_accept_cookie .t{color:#fff;padding-right: 0px;float: none;}
    .bl_accept_cookie .cook{line-height: 45px;margin-top: 3px;}
    
    .bl_accept_cookie .t{font-size: 12px;letter-spacing: -0.5px;}
}