@media (max-width: 991px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .main-wrapper,
  .page-wrapper,
  .content {
    max-width: 100%;
  }

  .header {
    left: 0 !important;
    width: 100% !important;
    z-index: 1040 !important;
  }

  .page-wrapper {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
  }

  .content {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .sidebar {
    position: fixed !important;
    top: 0 !important;
    left: -312px !important;
    width: 300px !important;
    max-width: 86vw !important;
    height: 100vh !important;
    z-index: 2050 !important;
    display: block !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0) !important;
    transition: left .22s ease !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    box-shadow: 20px 0 35px rgba(15, 23, 42, .18) !important;
    -webkit-overflow-scrolling: touch;
  }

  body.crm-mobile-sidebar-open,
  body.slide-nav,
  body.menu-opened {
    overflow: hidden !important;
  }

  body.crm-mobile-sidebar-open .sidebar,
  body.slide-nav .sidebar,
  body.menu-opened .sidebar {
    left: 0 !important;
  }

  .sidebar .sidebar-inner,
  .sidebar .sidebar-menu,
  .sidebar .slimScrollDiv {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .sidebar ul,
  .sidebar li {
    max-width: 100%;
  }

  .sidebar a {
    white-space: normal !important;
  }

  .crm-mobile-sidebar-overlay {
    position: fixed;
    inset: 0;
    z-index: 2040;
    display: none;
    background: rgba(15, 23, 42, .44);
  }

  body.crm-mobile-sidebar-open .crm-mobile-sidebar-overlay,
  body.slide-nav .crm-mobile-sidebar-overlay,
  body.menu-opened .crm-mobile-sidebar-overlay {
    display: block;
  }

  .dash-kpis,
  .dash-grid,
  .dash-shortcuts,
  .row {
    min-width: 0;
  }

  .table-responsive {
    overflow-x: auto;
  }
}

@media (min-width: 992px) {
  .crm-mobile-sidebar-overlay {
    display: none !important;
  }
}

.header img:not([src]),
.header img[src=""],
.header img[src$="/"] {
  visibility: hidden;
}
