.main-menu .mega-menu {
  transform: translate3d(0px, 216px, 0px) !important;
}
.main-menu .mega-menu.active {
  display: block !important;
}

body .header-top-left-menu {
  top: calc(var(--spacing) * 6);
}
body.logged-in .header-top-left-menu {
  top: calc(var(--spacing) * 12);
}

@media (max-width: 767px) {
  .mega-menu {
    background-image: none !important;
  }
}