@media only screen and (min-width: 64em) {
  #mega-menu-wrap-primary #mega-menu-primary {
    display: flex;
    gap: 8px;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item
    > a.mega-menu-link {
    padding: 0px !important;
  }

  #mega-menu-wrap-primary #mega-menu-primary {
    display: flex !important;
    gap: 8px ;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item.mega-current-menu-item
    > a.mega-menu-link,
  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item.mega-current-page-ancestor
    > a.mega-menu-link {
    color: #ad122a !important;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-megamenu
    > ul.mega-sub-menu
    li.mega-menu-column-standard
    > a.mega-menu-link,
  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-megamenu
    > ul.mega-sub-menu
    li.mega-menu-column
    > ul.mega-sub-menu
    > li.mega-menu-item
    > a.mega-menu-link {
    color: #091f43 !important;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    > ul.mega-sub-menu.disable-hover-bg
    > li {
    color: #091f43 !important;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-megamenu
    > ul.mega-sub-menu
    li.mega-menu-column
    > ul.mega-sub-menu
    > li.mega-menu-item
    li.mega-menu-item
    > a.mega-menu-link {
    color: #091f43 !important;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-megamenu
    > ul.mega-sub-menu
    li.mega-menu-column
    > ul.mega-sub-menu
    > li.mega-menu-item
    li.mega-menu-item
    > a.mega-menu-link:hover {
    color: #ad122a !important;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row
    .mega-menu-column
    > ul.mega-sub-menu
    > li.mega-menu-item:hover,
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row
    .mega-menu-column
    > ul.mega-sub-menu
    > li.mega-menu-item:hover
    > a {
    background-color: transparent !important;
  }

  .stm_header_style_1
    .stm-navigation
    ul
    > li
    > ul
    > li:hover
    > a.mega-menu-link {
    background-color: transparent !important;
    color: #ad122a !important;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-megamenu
    > ul.mega-sub-menu
    li.mega-menu-column
    > ul.mega-sub-menu
    > li.mega-menu-item
    > a.mega-menu-link:hover {
    color: #ad122a !important;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    > ul.mega-sub-menu.disable-hover-bg
    > li:hover {
    background-color: transparent !important;
    color: #ad122a !important;
  }

  li.mega-menu-item.mega-menu-item-type-widget.widget_media_image {
    padding: 0px !important;
    padding-right: 20px !important;
  }

  li.mega-menu-item.mega-menu-item-type-widget.widget_media_image > a {
    padding: 0px !important;
  }

  li.mega-menu-item.mega-menu-item-type-widget.widget_media_image
    > a[href="#"] {
    cursor: default !important;
  }

  #mega-menu-wrap-primary #mega-menu-primary > img {
    cursor: default;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item
    > ul.mega-sub-menu {
    width: 760px !important;
    transform: translate(-100px, 10px) !important;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary[data-effect="fade"]
    li.mega-menu-item
    > ul.mega-sub-menu {
    transition: opacity 0.3ms ease-in-out, visibility 0.3ms ease-in-out;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row
    .mega-menu-column:not(:first-child)
    > ul.mega-sub-menu
    > li.mega-menu-item {
    position: relative;
    padding: 0px 0px 12px 20px !important;
    margin-bottom: 12px;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row
    .mega-menu-column:not(:first-child)
    > ul.mega-sub-menu
    > li.mega-menu-item
    .mega-sub-menu {
    margin-left: 10px;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row
    .mega-menu-column:first-child
    > ul.mega-sub-menu
    > li.mega-menu-item {
    padding: 0px !important;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row
    .mega-menu-column:not(:first-child)
    > ul.mega-sub-menu
    > li.mega-menu-item::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    background-color: #ad122a;
    left: 0%;
    width: 28%;
    transition: height 0.3s ease-in-out;
    padding-left: 20px;
    margin-left: 20px;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row
    .mega-menu-column:not(:first-child)
    > ul.mega-sub-menu
    > li.mega-menu-item:hover::after {
    height: 2px;
  }

  #mega-menu-wrap-primary #mega-menu-primary img {
    max-height: 184px;
    min-height: 184px;
    cursor: default;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-item-has-children
    > a.mega-menu-link
    > span.mega-indicator:after {
    width: 8px;
  }

  #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu {
    cursor: default;
  }

  /** 
  * Important lại hiệu ứng này ở app.css
  */
  .stm-navigation__default li {
    transition: none !important;
  }

  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-item-has-children
    > a.mega-menu-link
    > span.mega-indicator {
    transition: transform 0.3s ease-in-out;
  }

  /* Khi hover vào menu cấp 2, hiển thị menu cấp 3 */
  /* .mega-indicator {
    transition: transform 0.1s ease;
  } */
}