@media screen and (max-width: 991px){
  .container_middle_header .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }

  .container_middle_header .header-btns-wrap {
    margin: 0;
  }

  .container_middle_header .main_search_form {
    width: 100%;
  }
  .search_site {
    display: flex !important;
  }
  .menu-btn-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .btn.btn-catalog {
    min-height: 48px;
    min-width: unset;
    width: 40px;
    padding: 5px;
    font-size: 16px;
    font-weight: 500;
    background-color: transparent;
  }

  .btn.btn-catalog:focus,
  .btn.btn-catalog:hover {
    background-color: var(--color-grey-light);
  }

  .btn.btn-catalog svg {
    width: 30px;
    height: 30px;
  }
  .middle_header .logo svg {
    width: 40px;
    height: 30px;
  }

  .add_nav {
    top: 0;
    height: 100dvh;
    width: 100%;
    background-color: var(--color-grey-dark);
    
    overflow-y: auto;
    z-index: 1000;
  }

  .add_nav a {
    color: #fff !important;
  }

  .add_nav span svg.icon,
  .add_nav a svg {
    font-size: 18px;
    fill: #fff;
  }

  .add_nav .navbar-default .navbar-nav .sf-sub-indicator svg,
  .add_nav span svg.icon.unfill,
  .add_nav a > svg.unfill {
    fill: transparent;
    stroke: #fff !important;
  }

  .show-sub_ul.sfHover > ul {
    background-color: var(--color-grey-dark) !important;
    transform: translateX(-200px);
  }

  .show-sub_ul.sfHover > ul .wrapper,
  .show-sub_ul.sfHover > ul .sub {
    background-color: var(--color-grey-dark) !important;
    box-shadow: unset;
  }

  .add_nav .navbar-default .navbar-nav > li > a {
    padding-left: 25px;
  }

  .add_nav .navbar .block_categories .nav2 {
    box-shadow: unset;
  }

  .add_nav .navbar .sf-sub-indicator {
    display: flex;
    align-items: center;
    padding: 5px;
  }

  .add_nav .navbar-default .navbar-nav .sf-sub-indicator svg{
    font-size: 18px;
  }

  .add_nav,
  [data-page-name="index_default"] .add_nav {
    position: absolute;
    transform: translateX(-200%);
  }

  .add_nav.active,
  [data-page-name="index_default"] .add_nav.active {
    transform: translateX(0);
  }

  .add_nav ul {
    background-color: transparent;
    
  }

  .add_nav .nav2 {
    box-shadow: unset;
  }

  .add_nav .navbar {
    display: none;
    padding: 0;
  }

  .add_nav .navbar .container {
    padding: 0;
  }

  .add_nav .navbar .down svg {
    fill: #fff;
    font-size: 16px;
    pointer-events: none;
  }

  

  .nav2 {
    margin: 0;
    background-color: transparent;
  }

  .mobile-header-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    padding: 0 25px;
    background-color: var(--color-grey-dark);
  }

  .mobile-header-menu svg {
    fill: #fff;
  }

  .mobile-header-menu.active-catalog {
    background-color: #fff;
  }

  .mobile-header-menu.active-catalog svg {
    fill: var(--color-grey-dark);
  }

  .mobile-header-menu.active-catalog .menu-logo {
    fill: var(--sm-btn-color);
    stroke: unset;
  }

  .mobile-header-menu .menu-logo {
    width: 122px;
    height: 41px;
  }

  .close-mobile-menu {
    padding: 0;
    border: 0px;
    background-color: transparent;
  }
  .close-mobile-menu svg {
    width: 30px;
    height: 30px;
  }

  .mobile-header-menu + .block_categories {
    margin-bottom: 40px;
  }
  
  .button-main-cursor {
    background-color: var(--color-grey-dark);
    border: 0;
    margin-top: 40px;
    padding: 0 25px;
    height: 40px;
    font-size: 16px;
    text-transform: initial;
    color: #fff;
    width: 100%;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    position: relative;
  }
  .button-main-cursor > .icon {
    width: 24px;
    height: 24px;
  }

  .block_information {
    margin-bottom: 40px;
  }

  ul.menu_information {
    display: flex;
    gap: 16px;
    background-color: transparent;
    margin-bottom: 0;
  }

  .menu_information a {
    color: #fff;
    padding: 10px 25px;
    width: 100%;
    font-size: 14px;
  }

  .mobile-menu-btns {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    padding: 0 25px;
  }

  .mobile-menu-btns svg {
    width: 30px;
    height: 30px;
  }

  .mobile-menu-btns  .popup_cart svg {
    stroke: unset;
  }

  .mobile-menu-btns a .svg-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
    width: 48px !important;
    height: 48px;
    padding: 0;
    background-color: var(--color-grey-light);
  }

  .mobile-menu-btns .compare svg {
    width: 28px;
    height: 28px;
  }

  .mobile-menu-btns .quantity_basket_768 {
    margin: 0;
  }

  .mobile-menu-btns a {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    font-size: 14px;
    width: 100%;
    color: #fff;
  }
  .mobile-menu-btns .quit a {
    padding: 0;
    background-color: transparent;
  }


  .settings-selector {
    margin-bottom: 40px;
    padding: 0 25px;
  }

  .settings-selector .active {
    background-color: var(--color-grey-light);
  }

  .settings-selector .language-seperator {
    background-color: #fff;
  }

  .settings-selector a {
    color: #fff;
  }

  .phone_header {
    padding: 0 25px;
    font-size: 16px;
    margin-bottom: 60px;
  }

  .phone_header .phone {
    height: 40px;
    width: 205px;
  }
  
  .block_categories.open_menu > .navbar{
    display: block;
    position: relative;
    background: transparent;
    box-shadow: unset;
  }

  .block_categories.open_menu .block_categories {
    position: relative;
  }

  ul.sub-category {
    display: flex !important;
    visibility: visible !important;
    top: 80px;
    max-height: calc(100% + 80px);
    height: calc(100% + 80px);
    width: 100%;
    background-color:  var(--color-grey-dark);
    transition: all 1s ease;
    transform: translateX(-300%);
  }

  .sub-category.active {
    transform: translateX(-270px);
    transition: all 1s ease;
    overflow-y: auto;
  }

  .mobile-menu-btns svg {
    fill: transparent !important;
  }

  .mobile-menu-btns .compare svg path:last-child {
    fill: transparent !important;
  }

  ul.sub-category {
    top: -80px;
  }

  ul.sub-category .wrapper {
    flex-wrap: nowrap;
    box-shadow: none;
    background-color: var(--color-grey-dark);
  }

  ul.sub-category .show-all {
    display: none;
  }


  ul.sub-category a,
  ul.sub-category div {
    background-color: var(--color-grey-dark);
  }

  ul.sub-category.active {
    display: flex !important;
    visibility: visible !important;
    padding: 0;
  }

  .sub-category.active .sub-category {
    position: unset;
    position: block;
    transform: unset;
    transition: unset;
  }

  .sub-category.active > li a .icon {
    display: none;
  }

  .sub-category.active .categories-container .down {
    display: none;
  }
  .sub a,
  .add_nav .navbar-default .navbar-nav .categories-container a {
    padding: 5px 25px !important;
  }

  .sub a {
    height: auto !important;
  }

  .sub-category.active a {
    width: 100%;
  }

  .sub-category.active  button.down {
    color: var(--sm-btn-text-color);
  }

  .sub-category.active  button.down svg {
    fill: transparent;
  }

}

@media (max-width: 767px) {
  .mobile_header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    align-items: center;
    height: 72px;
    background-color: var(--color-grey-dark);
    box-shadow: none;
    padding: 0 16px;
    border-bottom: 2px solid var(--sm-grey-color);
    z-index: 1000;
  }

  .mobile_header .header-actions .login-title {
    display: none;
  } 

  .mobile_header.visible-xs {
    display: flex !important;
    gap: 10px;
  }
  .mobile_header .btn-mobile_menu {
    display: block;
    border: unset;
    padding: 0;
    background-color: unset;
  }

  .mobile_header .btn-mobile_menu:hover,
  .mobile_header .btn-mobile_menu:focus {
    border: none;
    background-color: transparent;
  }

  .main_search_form {
    display: block;
    /* position: absolute;
    top: 0; */
    opacity: 1;
    z-index: 1;
    margin: 0 !important;
  }

  .form_search_site {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }

  .form_search_site, .basket_768 {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      float: unset;
      text-align: left;
  }

  .mobile_header .like-number-block span {
      transform: translate(7px, -7px);
  }

  .search-form-input {
    height: 100%;
    border: none;
    border-radius: unset;
    padding: 10px 0 10px 59px;
  }

  .mobile_header .mobile_menu {
    position: fixed;
    left: 0;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 1000;
    background: var(--color-grey-dark);
    color: #fff;
    translate: all .3s ease;
    transform: translate(-100%, 0);
  }

  .mobile_header .active_menu {
    transform: translate(0);
    translate: all .3s ease;
    overflow: auto;
  }


  .mobile_header .button-main-cursor {
    background-color: var(--color-grey-dark);
    border: 0;
    margin-top: 40px;
    padding: 0 25px;
    height: 40px;
    font-size: 16px;
    text-transform: initial;
    color: #fff;
    width: 100%;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    position: relative;
  }

  .mobile_header .button-main-cursor > .icon {
    width: 24px;
    height: 24px;
  }


  .mobile_header 

  .mobile_header .categories-container {
    display: flex;
    justify-content: space-between;
    padding-right: 25px;
  }



  .mobile_header .current-category,
  .mobile_header .mob_cats_wrapper a {
    display: flex;
    align-items: center;
    width: calc(100% - 40px);
    padding: 10px 25px;
    color: #fff;
    font-size: 14px;
    border: 0px;
  }




  .mobile_header .mob_cats_wrapper,
  .mobile_header .menu_manuf {
      display: none !important;
      top: 0;
      width: 100%;
      margin: 0;
      border: 0;
      box-shadow: none;
      text-transform: initial;
      border-radius: 0;
      padding: 0;
      background-color: var(--color-grey-dark);
  }



}