/*
 * Justin
 * 07/03/19
 */
header li {
  margin-bottom: -32px;
  padding-bottom: 32px;
  position: relative; }
  header li > ul {
    padding: 8px 0 !important;
    background: rgba(244, 169, 0, 0.75) !important;
    position: relative !important;
    z-index: 999999 !important; }
    header li > ul a {
      padding: 12px 16px !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      color: #fff !important; }
      header li > ul a:hover {
        color: #000 !important; }
  header li:hover > ul {
    opacity: 1 !important;
    pointer-events: auto !important; }

header .sub-menu {
  opacity: 0 !important;
  pointer-events: none !important; }

@media screen and (min-width: 1076px) {
  header li > ul {
    top: 54px !important;
    left: 0 !important;
    position: absolute !important; } }

@media screen and (min-width: 1091px) {
  header li > ul {
    top: 52px !important; }
    header li > ul a {
      font-weight: 600 !important; } }

@media screen and (min-width: 1171px) {
  header li > ul {
    top: 55px !important; } }

@media screen and (min-width: 1181px) {
  header li > ul {
    top: 57px !important; } }

@media screen and (min-width: 1301px) {
  header li > ul {
    top: 60px !important; } }