#main-menu .has-submenu { position: relative; }
#main-menu .has-submenu > a.submenu-toggle { cursor: pointer; }
#main-menu .has-submenu .submenu {
    display: none; position: absolute; top: 100%; left: 0;
    min-width: 180px; background: rgba(28,28,28,0.97);
    padding: 6px 0; border-radius: 3px;
    box-shadow: 0 4px 12px rgba(0,0,0,.4); list-style: none;
    z-index: 1000;
}
#main-menu .has-submenu:hover .submenu { display: block; }
#main-menu .has-submenu .submenu li { padding: 0; }
#main-menu .has-submenu .submenu a {
    display: block; padding: 8px 18px; color: #fff; text-decoration: none; font-size: 13px;
}
#main-menu .has-submenu .submenu a i { margin-right: 6px; opacity: .85; }
#main-menu .has-submenu .submenu a:hover { background: #E67E22; }
@media (max-width: 800px) {
    #main-menu .has-submenu .submenu { position: static; box-shadow: none; padding-left: 14px; }
}