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

  header.header {
    max-width: 100vw !important;
  }

  body:not(.ba-opened-menu) header.header {
    overflow-x: hidden !important;
  }

  body.ba-opened-menu,
  body.ba-opened-menu header.header,
  body.ba-opened-menu header.header .ba-section,
  body.ba-opened-menu header.header .ba-row,
  body.ba-opened-menu header.header .ba-grid-column {
    overflow: visible !important;
  }

  body.ba-opened-menu .ba-menu-wrapper,
  body.ba-opened-menu .ba-menu-overlay,
  body.ba-opened-menu .ba-overlay-section {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 99999 !important;
  }
}