#wrap .lqd-mobile-sec::before {
/*   background-color: #1d1d1d;

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

  padding: 60px 30px 20px 40px;
        height: 100%;
        background: #1d1d1d;
}
.sidebar-tab-content-inner li {
  margin-bottom: 12px;
}

.sidebar-tab-content-inner a {
  color: #ffffff !important;
}
.sidebar-tab-content-inner .zo-current a,
.sidebar-tab-content-inner a:hover,
.sidebar-tab-content-inner a:focus {
  color: var(--color-primary) !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;
  }
	#zo-mobile-nav .mobile-navbar-collapse::before{
    display: block;
    width: 200vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100vw;
    z-index: 0;
    background: #1d1d1d;
    opacity: 0.6;
    transition: none;

}
}
#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;
}