@media only screen and (max-width: 991px) {

    header [class^="wsmenu-click"]{
        width: 20% !important;
        height: 50px !important;
    }


    header .active-list a, header .active-list span, header .active-list i{
        color: var(--primary-text-color) !important;
    }

    header .wsmenu-list li:not(.nav-search){
        padding: 15px !important;
        padding-right: 0px !important;
    }

    header li ul{
        width: calc(100% - 20px) !important;
        min-width: 100% !important;
        margin-top: 15px !important;
    }

    header .wsmenu-list{
        overflow: hidden;
    }

    header .wsmenu-list li a, 
    header .wsmenu-list li:not(.sidebar-logo) a span, 
    header .dropdown-simple a{
        font-size: 15px !important;
        line-height: normal;
        text-align: left !important;
        font-weight: 400 !important;
        display: block !important;
        width: calc(100% - 20%) !important;
        padding: 0px !important;
    }
    header .wsmenu-list li [class^="wsmenu-click"] i{
        font: normal normal normal 14px / 1 'Material-Design-Iconic-Font' !important;
        font-size: inherit !important;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transform: none !important;
        margin: 15px 10px !important;
    }
    header .wsmenu-list li [class^="wsmenu-click"].ws-activearrow i:before,
    header .wsmenu>.wsmenu-list>li>ul.sub-menu>li [class^="wsmenu-click"] .wsmenu-arrow.wsmenu-rotate:before {
        content:"\f2fc" ;
        border-style: none !important ;
    }

    header .wsmenu-list li [class^="wsmenu-click"]:not(.ws-activearrow) i:before,
    header .wsmenu>.wsmenu-list>li>ul.sub-menu>li [class^="wsmenu-click"] .wsmenu-arrow:not(.wsmenu-rotate):before{
        content:"\f2f9" ;
        border-style: none !important ;
    }
}