#wrap .lqd-mobile-sec::before {
  background-color: #212121;

  width: 100vw;
}
#zo-sidebar {
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;

  padding: 60px 30px 20px 40px;
}
.sidebar-tab-content-inner li {
  margin-bottom: 12px;
}

.sidebar-tab-content-inner a {
  color: #ffffff80 !important;
}
.sidebar-tab-content-inner .zo-current a,
.sidebar-tab-content-inner a:hover,
.sidebar-tab-content-inner a:focus {
  color: #ffffff !important;
}
.head-menu-mob-btn .btn >span{
    padding: 0.8em 1.8em!important;
    color: black;
    font-weight: bold;

}
@media screen and (min-width: 600px) {
  .mobile-nav-activated [data-mobile-nav-style="modern"] #lqd-site-content {
    transform: translate3d(0, 0, 0) !important;
  }
  #wrap .lqd-mobile-sec::before {
    max-width: 560px;
    left: initial;
    right: 0;
  }
  #zo-sidebar {
    max-width: 560px;
    position: absolute;
    width: 100%;
    right: 0;
  }
}
#wrap .lqd-mobile-sec .navbar-collapse.is-active .bars {
    border: 0!important;
    padding: 10px;
    height: 42px!important;

}

#wrap .lqd-mobile-sec .navbar-collapse.is-active .bars .bar ,#wrap .lqd-mobile-sec .navbar-collapse.collapsing .bars .bar {
background-color: var(--color-primary)!important;
}