.menu-button {
    padding: 1.2em;
    background: #0e79bd;
    color: #FFF;
    border-color: rgba(0, 0, 0, 0.2)
}
.flexnav li,
.flexnav.flexnav-show {
    background-color: #0e79bd;
}
.flexnav li ul li a,
.flexnav ul li ul li a,
.flexnav ul li ul li ul li a {
    color: #FFF;
    background: #00afd5
}
.flexnav > li > a:hover {
    border-color: #00afd5
}
.flexnav li:hover > a,
.flexnav li.active > a {
    background-color: #00afd5;
}
.nav_left > ul {
    background-color: #1487be
}
.nav_left > ul > li > ul > li > a:hover {
    background-color: rgba(0, 0, 0, 0.2);
    transition: .3s all ease;
    border-left: 4px solid rgba(255, 255, 255, 0.6)
}
.nav_left > ul > li > ul > li > ul li a {
    padding: .4em .5em .7em;
    color: #FFF;
    border-top: rgba(255, 255, 255, 0.1) 1px solid;
    font-size: 1em;
}
.nav_left > ul > li > ul > li.on > a {
    border-left: 4px solid #fc0;
    background-color: #00afd5;
}
.nav_left > ul > li > ul li.on > a,
.nav_left > ul > li > ul > li > ul li.on > a,
.nav_left > ul > li > ul > li > ul > li > ul li.on > a {
    color: white;
    background-color: rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 481px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (min-width:1025px) {
    .flexnav {
        background-color: #0e79bd;
    }
    .flexnav > li > a {
        color: white;
        border-bottom: 5px solid rgba(0, 0, 0, 0.15);
    }
    .flexnav > li.on > a,
    .flexnav > li:hover > a {
        color: white;
        border-bottom: 5px solid #fc0;
        background-color: transparent
    }
    .flexnav li ul {
        background-color: #0e79bd;
    }
    .flexnav li:hover > a,
    .flexnav li.active > a {
        background-color: #00afd5;
    }
    .flexnav li ul li a,
    .flexnav ul li ul li a,
    .flexnav ul li ul li ul li a {
        background-color: transparent;
    }
}