.filter-submit {
  width: 100%;
  margin: 10px auto 0;
}
.filter__bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
  align-items: center;
  justify-content: center;
}
.filter__bottom.filter-clear-fix {
  width: 264px;
}
@media only screen and (max-width: 991px) {
  .filter__bottom.filter-clear-fix {
      width: 288px;
  }
}
@media only screen and (max-width: 1179px) {
  .filter-bottom.filter-clear-fix {
    width: 299px;
  }
}
  @media only screen and (max-width: 764px) {
    .filter {
      height: auto;
      border-right: 0;
    } 
    .left-bar {
      width: 100%!important;
      padding: 10px 10px 0;
      background: rgba(0, 0, 0, 0.1);
      overflow: visible!important;
      position: fixed;
      top: 0!important;
      bottom: 0;
      height: 100%!important;
      left: 0!important;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: all 0.2s .3s linear;
      transition: all 0.2s .3s linear;
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
    }
    .left-bar:before {
      content: "";
      background: #fff;
      position: absolute;
      top: 10px;
      left: 10px;
      width: 276px;
      height: 100%;
      z-index: -1;
      -webkit-filter: drop-shadow(18px 0 16px rgba(0, 0, 0, 0.35));
      filter: drop-shadow(18px 0 16px rgba(0, 0, 0, 0.35));
      transform: translateX(-100%);
      transition: transform .3s linear;
      -webkit-transition: transform .3s linear;
    }
    .left-bar.show {
      visibility: visible;
      opacity: 1;
      transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      pointer-events: all;
    }
    .left-bar.show .filter-body,
    .left-bar.show:before {
      transform: translateX(0);
      transition: transform .3s .2s ease-out;
      -webkit-transition: transform 0.3s .2s ease-out;
    }
    .filter-body {
      width: 276px;
      background: #fff;
      border-right: 0;
      height: 100%;
      overflow-y: auto;
      touch-action: pan-y !important;
      position: relative;
      transform: translateX(-100%);
      transition: transform .3s linear;
      -webkit-transition: transform 0.3s linear;
    } 
  }