#nav-bar .mega-menu-display {
  display: none;
  border-left: 1px solid var(--white);
  margin-left: 6px;
}

/* Medium devices (tablets, 768px and up), horizontal nav in effect */
@media (min-width: 768px) {
  #nav-bar .mega-menu-display {
    position: absolute;
    top: 34px;
    margin-left: 0;
    padding: 16px 12px 12px 12px;
    background-color: white;
    z-index: 30;
    border-left: none;
    border-bottom: 6px solid var(--primary);
    box-shadow: 1px 10px 14px -1px rgba(0,0,0,0.33);
    -webkit-box-shadow: 1px 10px 14px -1px rgba(0,0,0,0.33);
    -moz-box-shadow: 1px 10px 14px -1px rgba(0,0,0,0.33);
  }

  #nav-bar .mega-menu-display .col-12:first-of-type {
    padding-left: 0;
  }

  #nav-bar .mega-menu-display .col-12:last-of-type {
    padding-right: 0;
  }

}