@include media-breakpoint-down(md) {
  .wrapper {
    // grid-template-areas:
    //   "main-sidebar main-header"
    //   "main-sidebar content-wrapper"
    //   "main-sidebar main-footer";
    // grid-template-columns: auto 1fr auto;

    .main-sidebar {
      position: fixed;
      top: 0;
      bottom: 0;
      margin-left: -#{$sidebar-width};
      min-height: 100vh;

      .sidebar {
        overflow-x: hidden;
        overflow-y: auto;
      }
    }

    // .main-header {
    //   position: fixed;
    //   top: 0;
    //   bottom: 0;
    //   min-height: 100vh;
    //   z-index: $zindex-header-mobile;
    //   width: $sidebar-width;
    //   margin-left: -#{$sidebar-width};
    //   align-items: baseline;
    //   @include transition($sidebar-transition);

    //   .navbar-nav {
    //     flex-direction: column;
    //   }

    //   .sidebar-full-icon {
    //     display: none;
    //   }
    // }

    // .brand-link {
    //   animation: none;
    // }

    // .sidebar-full-icon,
    // .header-full-icon {
    //   display: block;
    // }
  }

  .sidebar-open {
    .main-sidebar {
      margin-left: 0;
    }
  }

  // @include media-breakpoint-down(md) {
  //   .header-mobile-open {
  //     .main-header {
  //       margin-left: 0;
  //     }
  //   }
  // }
}