/* Mega Menu */
@media screen and (min-width: 992px) {

  .top-nav ul .mega-menu ul {
    border: none;
    min-width: auto;
  }

  .top-nav .menu-item-has-mega-menu {
    position: relative;
  }

  .top-nav .mega-menu {
    display: none;
    position: absolute;
    width: 940px;
    top: 100%;
    z-index: 10;
  }

  .top-nav .menu-item-has-mega-menu:hover .mega-menu {
    display: block;
  }

  /* row */
  .top-nav .mega-menu-row {
    position: static;
    display: table;
    table-layout: fixed;
    ul {
      position: static;
      display: block;
    }
  }

  /* column */
  .top-nav .mega-menu-col {
    display: table-cell;
    width: 2000px;
    padding: 0 15px;
    border-left: 1px solid $lightColor; /* overrides from settings / styling / mega-menu */
    & > a {
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: 0.05em;
    }
  }

  .top-nav .mega-menu-col:first-child {
    border-left: none;
  }
  //submenu mega menu
  .top-nav ul ul .mega-menu {
    width: auto;
    top: -20px;
    margin-left: 1px;
    display: block;
    li {
      display: block;
      width: auto;
      border: none;
    }
  }
}

@media screen and (min-width: 1200px) {

  .top-nav .mega-menu {
    width: 1204px;
  }
  .top-nav ul .mega-menu ul {
    min-width: 10em;
  }

  .top-nav .mega-menu-col {
    border-bottom: 0;
    padding: 0 40px;
  }
}

@media screen and (max-width: 1199px) {
  .top-nav .mega-menu {
    position: static;
  }
}