@media (max-width: 768px) {
    #mainmenu .navbar-toggle {
        float: left;
        margin-left: 10px;
    }

    #mainmenu .navbar-collapse, 
    #mainmenu .navbar-for {
        border-color: #2D4A82;
    }

    #menu-seperator{
        margin-bottom:1em;
    }

}

@media (max-width: 767px) {
    #menu-buttons-right a {
        display: inline-block;
        width: 49% !important;
        margin-top: 3px;
    }
    #menu-buttons-right img{
        width:100%;
    }
}

@media (min-width: 768px) {
     #mainmenu {
        height: 32px !important;
        min-height: 32px !important;
        font-size: 12px;
    }

    #mainmenu .container-fluid,
    #mainmenu .collapse {
        padding-left: 0;
    }

    #mainmenu .navbar-nav > li > a {
        padding: 5px 10px;
    }

    #menu-buttons-right {
        position: absolute;
        top: 10px;
        right: -3px;
    }
    .header-middle1 .wrapper {
        width:97%;
    }

    #menu-buttons-right a {
        display: block;
        margin-bottom: 10px;
    }

    #menu-seperator{
        margin-bottom:2em;
    }
}

#mainmenu {
    background: #2D4A82;
    border-radius: 0;
}

#mainmenu .navbar-nav > li > a {
    color: #fff;
}


#mainmenu .navbar-nav > li > a:hover {
    background: #216dae;
    color: #fff;
}

#mainmenu .navbar-nav > li.active > a {
    background: #C0D045 !important;
    color: #000 !important;
}

#mainmenu .badge-success {
    background: #C0D045 !important;
    color: #fff !important;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
}