.mainmenu-area {
    margin-bottom: -35px;
    margin-top: -35px;
    position: relative;
    z-index: 999999;
        background: transparent;
}
.mainmenu-area:before {
    position: absolute;
    top: 0;
    width: 0%;
    right: 50%;
    background: #0068d6;
    height: 100%;
    content: '';
}
.mainmenu-area .link_btn .thm-btn {
    line-height: 67px;
    margin-top: 00;
}
.mainmenu-area.stricky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    background:#f7f7f7;
}
.mainmenu-area.stricky:after, .mainmenu-area.stricky:before {
    width: 50%;
    transition: all 0.2s ease 0s;
}
.mainmenu-area:before {
    position: absolute;
    top: 0;
    width: 0%;
    right: 50%;
    background: #292929;
    height: 100%;
    content: '';
}
.mainmenu-area:after {
    position: absolute;
    top: 0;
    width: 0%;
    left: 50%;
    background: #222222;
    height: 100%;
    content: '';
}

@media only screen and (max-width: 991px){
.mainmenu-area {
    margin-bottom: 0px;
    margin-top: 0px;
    z-index: 999999;
}
}