.offcanvas-menu-filters::-webkit-scrollbar,
.offcanvas-menu-filters-rigth::-webkit-scrollbar { 
  display: none;
}
.offcanvas-active-filters .offcanvas-overlay,
.offcanvas-active-filters-right .offcanvas-overlay {
  visibility: visible;
  opacity: 1;
}
.offcanvas-menu-filters,
.offcanvas-menu-filters-right {
  font-size: 16px;
  overflow-y: auto;
  background-color: #fff;
  color: #252525;
  width: 300px;
  height: 100%;
  position: fixed;
  top: 0;
  overflow: inherit;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  z-index: 10000;
}
.offcanvas-menu-filters .offcanvas-inner,
.offcanvas-menu-filters-right .offcanvas-inner {
  padding: 30px;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-left-filters {
  float: left;
  margin-right: 20px;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-left-filters-right {
  float: right;
  margin-left: 20px;
}
body.ltr.offcanvs-position-right .offcanvas-menu-filters {
  left: -300px;
}
body.ltr.offcanvs-position-right .offcanvas-menu-filters-right {
  right: -300px;
}
body.ltr.offcanvs-position-right.offcanvas-active-filters .offcanvas-menu-filters {
  left: 0;
}
body.ltr.offcanvs-position-right.offcanvas-active-filters .offcanvas-menu-filters-right {
  right: 0;
}

.offcanvas-menu-filters-right .close-offcanvas {padding: 15px 15px 15px 243px;top: 0;right: 0px !important;}

.offcanvas-active-filters .burger-icon>span{background-color:#000}
.offcanvas-active-filters .burger-icon>span:nth-child(1){transform:translate(0, 8px) rotate(-45deg)}
.offcanvas-active-filters .burger-icon>span:nth-child(2){opacity:0}
.offcanvas-active-filters .burger-icon>span:nth-child(3){transform:translate(0, -5px) rotate(45deg)}
.offcanvas-active-filters .close-offcanvas .burger-icon>span{transition-delay:0.2s}