@media (max-width: 980px) {
  .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
  }

.et_header_style_left .logo_container {
    z-index: 99999 !important;
  }
}

.et_header_style_left #et-top-navigation .mobile_menu_bar, .et_header_style_split #et-top-navigation .mobile_menu_bar {
  z-index: 99999 !important;
}

#mobile_menu::-webkit-scrollbar {
  max-width: 0px !important;
  width: 0px !important;
}

#mobile_menu::-webkit-scrollbar-track {
  background: transparent;
}

#mobile_menu {
  display: block !important;
  height: 100vh !important;
  right: 0;
  margin-top: -80px !important;
  padding-top: 120px;
  padding-bottom: 0 !important;
  position: fixed;
  overflow: auto;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s 0s;
  -overflow-scrolling: touch!important;
  -webkit-overflow-scrolling: touch!important;
  background-color: rgba(0,0,0,0.9) !important;
  border-top: 0px solid rgba(0,0,0,0.5);
  backdrop-filter: blur(5px);
}

#mobile_menu li a {
  width: 85%;
  margin: auto;
  padding: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 300;
}

.mobile_nav.closed #mobile_menu {
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}

/* Move the mobile menu back onto the screen when open using translateX(0%) */
.mobile_nav.opened #mobile_menu {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

/* Switch the menu icon to a CROSS when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}