@media (max-width: 991px) {
    .SideBarNav.open {
        width: 35% !important;
        right: 0 !important;
        
    }
    .SideBarNav.open .menu{
        padding: 10px 10px;
    }

    .SideBarNav.open .menu:hover .tabs {
        width: 65%;
    }
}

@media (max-width: 768px) {
    .SideBarNav.open {
        width: 40% !important;
        right: 0 !important; 
    }
    .SideBarNav.open .menu{
        padding: 10px 10px;
    }

    .SideBarNav.open .menu:hover .tabs {
        width: 60%;
    }
}

@media (max-width: 575.98px) {
    .tronix-settings-content-box h1 {
        font-size: 38px;
        line-height: 50px;
    }

    .SideBarNav.open {
        width: 100% !important;
        right: 0 !important; 
    }
    .SideBarNav.open .menu{
        padding: 10px 10px;
    }

    .SideBarNav.open .menu:hover .tabs {
        width: 77%;
    }

    .openMenuBtn {
        font-size: 11px !important;
        width: 30px !important;
        height: 30px !important; 
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .SideBarNav .menu .tabs ul li {
        padding: 10px 0 !important;
    }

    .tronix-menu-toggle {
        width: 30px !important;
        height: 32px !important;
        font-size: 16px !important;

    }
    
}