.logo a{
    color:#fff;
    text-decoration:none;
    font-size:28px;
    font-weight:bold;
    line-height:70px;
}

.nav-menu{
    display:flex;
    list-style:none;
}

.nav-menu li{
    position:relative;
}

.nav-menu li a{
    display:block;
    color:#000;
    text-decoration:none;
    padding:25px 18px;
    transition:.3s;
}

.nav-menu li:hover>a{
    background: linear-gradient(135deg, #1E3C72 0%, #2A5298 100%);
}

/* First Dropdown */

.submenu{
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    width:320px;
    display:none;
    list-style:none;
	padding: 0;
}

.submenu li{
    width:100%;
}

.submenu li a{
    padding:14px 18px;
}

/* Second Dropdown */

.dropdown-sub{
    position:relative;
}

.submenu2{
    position:absolute;
    left:100%;
    top:0;
    width:220px;
    background:#444;
    display:none;
    list-style:none;
}

.dropdown:hover>.submenu{
    display:block;
}

.dropdown-sub:hover>.submenu2{
    display:block;
}

.menu-toggle{
    display:none;
    color:#fff;
    font-size:32px;
    cursor:pointer;
}

/* Responsive */

@media(max-width:992px){

.menu-toggle{
    display:block;
    /*line-height:70px;*/
}

.nav-menu {
        position: absolute;
        top: 64px;
        left: -100px;
        width: 200px;
        background: #222;
        display: none;
        flex-direction: column;
        padding: 5px;
    }

.nav-menu.active{
    display:flex;
}

.nav-menu li{
    width:100%;
}

.nav-menu li a{
    padding:16px 20px;
	color: #fff;
}

.submenu,
.submenu2{
    position:static;
    width:100%;
    display:none;
    background:#333;
}

.dropdown.active>.submenu{
    display:block;
}

.dropdown-sub.active>.submenu2{
    display:block;
}

}