/*==============================# SITE SPECIFIC CHANGES FOR 4TH LEVEL NAVIGATION #==============================*/
.nav-list.lvl-4 > li > a {
    background-image: none;
    background-color: #33353A;
    border-bottom: 1px solid #202225;
    border-top: 1px solid #42454e;
    color: #FFF;
}
.nav-list.lvl-4 > li > a > .nav-link {
    padding: 11px 16px 11px 79px;
    color: #FFF;
}
.nav-list.lvl-4 > li > a.current.active {
    background-position: 59px -136px;
    background-color: #292C31;
}
.nav-list.lvl-4 > li > a:hover {
    background-color: #1f2226;
}
.nav-list.lvl-4.active > li > a.current:after {
    content: " ";
    width: 15px;
    height: 100%;
    right: 0;
    top: 1px;
    position: absolute;
    background-image: url(/-/media/gwmp/images/ui/icomarkernav.png);
    background-position: center;
    background-repeat: no-repeat;
}
/*======================# TO OVERRIDE THE STYLE FOR 4TH LEVEL NAVIGATION IN MOBILE #======================*/
@media screen and (max-width: 680px) {
    .nav-list.lvl-4 > li > a > .nav-link {
        padding: 11px 4px 11px 37px;
        color: #666;
    }
    .nav-list.lvl-4 > li > a { 
        border: none;
    }
    .nav-list.lvl-4 > li > a,
    .nav-list.lvl-4 > li > a:hover,
    .nav-list.lvl-4.active > li > a.current.active { 
        background: #f7f7f7;
    }
    .nav-list.lvl-4.active > li > a.current:after { 
        background: none;
    }
}