@media (max-width: 980px) {
  #main-header #top-menu-nav {
    display: none !important;
  }

  #main-header #et_mobile_nav_menu {
    display: block !important;
  }

  #main-header .mobile_nav {
    position: relative;
  }

  #main-header .mobile_menu_bar_toggle {
    cursor: pointer;
  }

  #main-header .et_mobile_menu {
    display: none;
    position: absolute;
    z-index: 99999;
    top: 100%;
    right: 0;
    left: auto;
    width: min(320px, 92vw);
    margin: 10px 0 0;
    padding: 12px 0;
    border-top: 3px solid #0c71c3;
    background: #fcfcfc;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
    list-style: none;
  }

  #main-header .mobile_nav.opened .et_mobile_menu {
    display: block;
  }

  #main-header .et_mobile_menu li {
    display: block;
    margin: 0;
    padding: 0;
  }

  #main-header .et_mobile_menu a {
    display: block;
    padding: 11px 22px;
    color: #2b2b2b;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
  }

  #main-header .et_mobile_menu .current-menu-item > a,
  #main-header .et_mobile_menu a:hover {
    color: #0c71c3;
  }
}