.nav-bar {
    
    background: #f9f9f9; /* was fff */
    width: 100%;
}

.nav-bar__label {
    font-family: 'Trebuchet MS', sans-serif;
    color: #333; /* was 333 */
    display: block;
    padding: 10px 0; /* was 10px */
    text-align: right; /* was center */
    text-transform: uppercase;
    width: inherit;
}

.nav-bar__label::after,
.nav-bar__sub-label::after {
    content: " "; /* Add " +" For Plus Dropdown */
}

.nav-bar__label,
.nav-bar__sub-label {
    cursor: pointer;
}

.nav-bar__list {
    background: #f9f9f9; /* was fff */
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 12px;
    font-weight: 800;
    list-style: none;
    margin: 0;
    padding-top: 6px;
   /*  padding: 10px; */
    width: 120%; /* was 100% */
    
}

.nav-bar__list,
[id^="toggle"] {
    display: none;
}

[id^="toggle"]:checked + .nav-bar__list {
    display: block;
}

.nav-bar__list-item {
    
    
    display: block;
    
    
}


.nav-bar__link,
.nav-bar__sub-label {

    font-family: 'Trebuchet MS', sans-serif;
    color: #333; /* was 333 */
    display: block;
    padding: 10px 12px; /* was 10 16 menu items spacing */
    text-decoration: none;
    border-radius: 5px;
    border: #e9e9e9 1px solid;
    /* word-wrap: break-word; */
    
}

.nav-bar__list-item .nav-bar__list-item .nav-bar__link,
.nav-bar__list-item .nav-bar__list-item .nav-bar__sub-label {
    padding: 10px 10px 10px 30px; /* was 10 10 10 30 */
    
}

.nav-bar__link:hover,
.nav-bar__link:active,
.nav-bar__sub-label:hover {
    background: #e9e9e9;
    
}

/* mouse out function */


/* end mouse out function*/

@media all and (min-width : 992px) {
    .nav-bar > .nav-bar__label {
        display: none;
    }

    .nav-bar > .nav-bar__list {
        display: block;
    }

    .nav-bar > .nav-bar__list > .nav-bar__list-item {
        display: inline-block;
        position: relative; /* was relative */
    }

    .nav-bar__list-item .nav-bar__list {
        position: absolute; /* was absolute */
        width: 225%; /* was 250% */
        opacity: 0.95;
    }

    .nav-bar__list-item .nav-bar__list-item .nav-bar__link,
    .nav-bar__list-item .nav-bar__list-item .nav-bar__sub-label {
        padding: 10px 1px; /* was 8 1 */
    }
}