/* ================================================================================ */
/*                                  Mega Nav v1.0.0                            */
/* ================================================================================ */


@media screen and (min-width: 768px){
  #s-menu .dropdown {
    position: static;
  }

  #s-menu > ul.navbar-nav {
      float: none;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;

  }

  #s-menu > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  /* First level UL (menu container element) */
  #s-menu > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    border-radius: 0px;
    z-index: 10;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: #ddd;
    padding: 20px 0px;
  }

  #s-menu > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu::before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 50vw;
    background: white;
    right: 100%;
    top: -1px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  #s-menu > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu::after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 50vw;
    background: white;
    left: 100%;
    top: -1px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  #s-menu > ul.nav.navbar-nav:hover > li.dropdown > ul.dropdown-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #s-menu > ul.nav.navbar-nav:hover > li.dropdown > ul.dropdown-menu > li {
    max-width: 50%;
    width: 100%;
  }

    
  #s-menu > ul.nav.navbar-nav:hover > li.dropdown > ul.dropdown-menu > li a {
    word-break: break-all;
    white-space: normal;
    font-size: 12px;
    line-height: 12px;
  }
/* Group Menu Item */

  div#s-menu .nav.navbar-nav .dropdown-menu li.dropdown-submenu > a:first-child,
  div#s-menu > ul.navbar-nav > li > a + ul > li > a {
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 10px;
  }

  /* Second Level UL */
  div#s-menu .nav.navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu {
    display: block;
    position: relative;
    left: auto !important;
    top: auto !important;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    /* uncomment for indent */
    /* padding-left: 20px;  */
    border: none;
    border-radius: 0px;
  }

  /* Full NAV */

  .collapse.navbar-collapse.navigation__menu-collapse {
    position: relative;
  }


  #s-menu {
    position: unset;
  }

  div#s-menu .nav.navbar-nav:hover .dropdown-menu li.dropdown-submenu {
    padding-bottom: 20px;
  }




  /* Menu item */
  div#s-menu .nav.navbar-nav:hover .dropdown-menu a {
  }

  .dropdown-submenu > a::after {
    content: none;
  }

}
@media screen and (min-width: 1200px) {
  #s-menu > ul.nav.navbar-nav:hover > li.dropdown > ul.dropdown-menu > li {
    max-width: 25%;
  }
}