#header {
    height: initial !important;
}

ul.NormalMenu ul {
    width: 300px;
    display: none;
    position: absolute;
    z-index: 400;
}

ul.NormalMenu li:hover > ul {
    display: block;
}

.toggleMenu {
    display: none;
    padding: 10px 15px;
    font-weight:bold;
    color: #fff;
}

.topnav {
    list-style: none;
    *zoom: 1;
    background: #142f5a;
}

    .topnav:before,
    .topnav:after {
        content: " ";
        display: table;
    }

    .topnav:after {
        clear: both;
    }

    .topnav ul {
        list-style: none;
        width: 9em;
    }

    .topnav a {
        padding: 5px 10px;
        color: #fff;
        font-size: 0.9em;
        text-decoration: none;
    }

    .topnav > li {
        float: left;
        position: relative;
        border-top: 1px solid #104336;
    }

.topnav li {
    line-height: 30px;
}

    .topnav ul li {
        background: #324d78;
        border-top: 1px solid #808080;
    }

    .topnav ul li.last {
        border-radius: 3px;
    }

ul.topnav ul li li {
    width: 300px;
    background: #1d7a00;
}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }

    .topnav > li {
        float: none;
    }

        .topnav > li > .parent {
            background-position: 95% 50%;
        }

    .topnav ul {
        margin-left: 5%;
        width: 95%;
    }

}