.main {
    width: 100%;
    padding-top: var(--desktop-nav-height);
    margin: 0;
    position: fixed;
  }
  
  .left-menubar {
    height: calc(100vh - var(--desktop-nav-height) - var(--bottom-fixed-btn-height));
    overflow: hidden;
    padding: 0;
    box-shadow: 0px 0 4px rgb(0 0 0 / 25%), 0px 0 14px rgb(0 0 0 / 22%);
    position: fixed;
    left: 0;
    z-index: 1;
  }
  
  .left-menubar,
  .menu-next {
    width: 38% !important;
  }

  

/* mobile UI */
@media (max-width: 991px) {



  .main {
    position: absolute;
    flex-direction: column;
    row-gap: 0;
    height: calc(100vh - 43px);
    padding-top: calc(var(--mobile-nav-height) + var(--mobile-breadcumb-height));
    transition: .5s;
  }


  .left-menubar {
    height: 0px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
  }


  .left-menubar {
    top: auto
  }

}