@media (max-width: 1199.98px) {
  html #layout-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.3s ease;
    z-index: 1100;
  }
  html.layout-menu-expanded #layout-menu {
    transform: translate3d(0, 0, 0) !important;
  }
  .layout-overlay {
    position: fixed;
    inset: 0;
    display: none;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1099;
    cursor: pointer;
  }
  html.layout-menu-expanded .layout-overlay {
    display: block !important;
  }
  html.layout-menu-expanded body {
    overflow: hidden;
  }
  .layout-menu-toggle.d-xl-none {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  html.layout-menu-expanded .layout-overlay {
    display: none !important;
  }

  html.layout-menu-fixed:not(.layout-menu-collapsed) .layout-page,
  html.layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
    padding-left: 16.25rem !important;
  }
  html.layout-menu-fixed.layout-menu-collapsed .layout-page,
  html.layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-page {
    padding-left: 4.375rem !important;
  }
  html.layout-menu-fixed.layout-menu-flipped:not(.layout-menu-collapsed) .layout-page,
  html.layout-menu-fixed-offcanvas.layout-menu-flipped:not(.layout-menu-collapsed) .layout-page {
    padding-left: 0 !important;
    padding-right: 16.25rem !important;
  }
}