layout-mobile break-point md to lg

src/scss/_layout-fixed.scss

@@ -1,4 +1,4 @@
-@include media-breakpoint-up(md) {
+@include media-breakpoint-up(lg) {
   .layout-fixed:not(.sidebar-horizontal) {
     // .main-brand {
     //   bottom: 0;

src/scss/_layout-mobile.scss

@@ -1,4 +1,4 @@
-@include media-breakpoint-down(md) {
+@include media-breakpoint-down(lg) {
   .wrapper {
     // grid-template-areas:
     //   "main-sidebar main-header"

src/scss/_sidebar-horizontal.scss

@@ -1,4 +1,4 @@
-@include media-breakpoint-up(md) {
+@include media-breakpoint-up(lg) {
   .sidebar-horizontal {
     .wrapper {
       grid-template-areas:

src/scss/mixins/_header-variant.scss

@@ -22,7 +22,7 @@
     }
   }
 
-  @include media-breakpoint-down(md) {
+  @include media-breakpoint-down(lg) {
     .main-header {
       background-color: $header-mobile-bg;
       color: $header-mobile-color;

src/ts/sidebar-overlay.ts

@@ -25,7 +25,7 @@ const SELECTOR_SIDEBAR_SM = `.${CLASS_NAME_LAYOUT_MOBILE}`
 const SELECTOR_CONTENT_WRAPPER = '.content-wrapper'
 
 const Defaults = {
-  onLayouMobile: 768
+  onLayouMobile: 992
 }
 
 class SidebarOverlay {