/* Mega menus */
#main-menu > div > .has-mega-menu {
  position: static !important;
  width:25%; 
}

#main-menu .mega-menu {
 /* margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important; */
}

#main-menu > .has-mega-menu .scroll-up,
#main-menu > .has-mega-menu .scroll-down {
  margin-left: 0 !important;
}

/* clear any floats inside the mega menus */
#main-menu .mega-menu > li {
  overflow: auto;
}

/* reset mega menu list/link styles (which are inherited from the SmartMenus core/theme styles) */
#main-menu .mega-menu {
  padding: 0 0 20% 0;
  border-width: 1px 0;
  box-shadow: none;
}
#main-menu .mega-menu ul {
  position: static;
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
  width: auto;
  background: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  list-style: none;
}
#main-menu .mega-menu ul li {
  border: 0;
}

#main-menu .mega-menu .subitem-image {
  display: none;
}

@media (max-width: 800px) {
  #main-menu .mega-flex > div {
    width: 100% !important;
  }
}
@media (min-width: 601px) {
#main-menu > li > ul::before,
#main-menu > li > ul::after {
    display: none;
  }

  #main-menu .mega-menu .subitem-image {
    display: block;
    text-align: center;
  }
  #main-menu .mega-menu .subitem-image img {
    margin: 0.75rem auto;
  }

  #main-menu .mega-flex {
   /* display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; */
  }
  #main-menu .mega-flex > div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }

  /*
      Legacy Firefox implementation treats all flex containers
      as inline-block elements.
  */
  @-moz-document url-prefix() {
    #main-menu .mega-flex {
      width: 100%;
      -moz-box-sizing: border-box;
    }
  }
}
@media (max-width: 1400px) {
#main-menu > div > .has-mega-menu {
  position: static !important;
  width: 33%;
}
}

@media (max-width: 800px) {
#main-menu .mega-menu { padding: 0; }
#main-menu > div > .has-mega-menu {
  position: relative !important;
  width: 100%;
  }
}