#galaxy-particles{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*** hides sub-menu on hover ***/
#et-top-navigation #top-menu li.et-hover ul.sub-menu,
#menu-mega-menu li.et-hover ul.sub-menu { 
    display: none!important; 
}

#menu-mega-menu .sub-menu {
    max-width: 200px;
    border: 0;
    padding: 0;
}

.et-menu-nav #menu-mega-menu li.mega-menu.mega-menu-parent-2>ul>li {
    width: 100%;
}

.et-menu-nav #menu-mega-menu li.mega-menu.mega-menu-parent-2>ul>li a {
  border: 0;
  padding: 10px 20px !important;
}

.et-menu-nav #menu-mega-menu li.mega-menu.mega-menu-parent-2>ul>li + li {
  border-top: 1px solid #c4c4c4;
} 
 
/*** shows submenu on click ***/
#et-top-navigation #top-menu li.show-submenu ul.sub-menu,
#menu-mega-menu li.show-submenu ul.sub-menu { 
    display: block!important; visibility: visible!important; opacity: 1!important; }
 
/*** Hide hamburger menu item on mobile ***/
.et_mobile_menu .mega-menu >
 a{display:none;}
 
 #menu-mega-menu{
    position: absolute;
    right: 0;
    width: 200px;
    text-align: right;
    display: flex;
    place-content: flex-end;
 }

#menu-mega-menu > li {
     text-align: right;
     display: inline-block;
     float: right;
}

#menu-mega-menu > li > a {
     display: inline-block;
     padding: 16px 10px;
 }
 
#top-menu .mega-menu > a, 
#menu-mega-menu .mega-menu > a, 
#et-secondary-nav .mega-menu > a {/* padding-bottom: 24px !important; */}
 
/**** hide down arrow ****/
#top-menu .mega-menu > a:first-child:after, 
#menu-mega-menu .mega-menu > a:first-child:after, 
#et-secondary-nav .menu-item-has-children > a:first-child:after {display: none;}
 
/*** show hamburger icon ***/
.hamburger:before {
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 0.6em;
    text-transform: none;
    speak: none;
    position: relative;
    cursor: pointer;
    top: 0;
    left: 0;
    vertical-align: -11px;
    padding-right: 3px;
    font-size: 32px; /*change size of icon here*/
    content: "\61"; /*change icon here*/
    color: #333; /*change color of icon here*/
}

html:not(.et-tb-html) .hamburger:before{
    color: #fff;
}
 
/*** displays the "x" close icon ***/
.show-submenu .hamburger:before {
    content: "\4d"; /*change x icon here*/
}