@media (max-width: 991px) {
    .bar-menu {
        display: block;
        position: absolute;
        right: 30px;
        top: 30px;
        z-index: 999;
    }
    .middle-header {
        position: relative;
    }
    .middle-header .flex-row {
        display: block;
    }
    ul.nav {
        display: none;
    }
    ul.nav > li {
        display: block;
    }
    ul.nav > li a{
        background: #23a952;
        color: #ffffff;
    }
}