.menu ul li.has-submenu{
    position:relative;
}

.menu > ul > li.has-submenu > .submenu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:260px;
    width:max-content;
    max-width:360px;
    float:none;
    background:#fff;
    padding:8px 0;
    margin:0;
    z-index:9999;
    box-shadow:0 8px 22px rgba(0,0,0,.16);
    border-top:3px solid #005baa;
}

.menu > ul > li.has-submenu:hover > .submenu{
    display:block;
}

.menu > ul > li.has-submenu > .submenu li{
    display:block;
    float:none;
    width:100%;
    border-bottom:1px solid #eee;
}

.menu > ul > li.has-submenu > .submenu li:last-child{
    border-bottom:none;
}

.menu > ul > li.has-submenu > .submenu li a{
    display:block;
    width:100%;
    padding:11px 16px;
    color:#222;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
    text-transform:none;
}

.menu > ul > li.has-submenu > .submenu li a:hover{
    background:#005baa;
    color:#fff;
}