@include media-breakpoint-up(xl){
  .header-main .primary-menu ul li .mega-menu, .header-main .primary-menu ul li > ul{
    top:70px;
  }
  .mega-menu-custom {
    .sub-menu-list {
      ul {
        display: block;
      }
      padding: 10px;
    }
  }
  .dropdown .dropdown-menu {
    display: flex!important;
  }
}
@include media-breakpoint-down(lg){
  .dropdown.has-mega-menu .mega-menu-custom .sub-menu-list ul li a:before {
    background: black;
  }
}
.dropdown .dropdown-menu.mega-menu-custom {
  padding: 40px 20px;
}

@include media-breakpoint-down(xl) {
    .dropdown.has-mega-menu .mega-menu-custom .sub-menu-list ul li a:hover {
        color: #000000;
    }
}