@media (min-width: 992px) {

    .r-left {
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
        display: block !important;
        overflow: visible !important;
    }

    .r-left .r-menu,
    .r-left .r-menu ul,
    .r-left .r-menu li,
    .r-left .r-menu a,
    .r-left .navbar-nav,
    .r-left .navbar-nav li,
    .r-left .navbar-nav a {
        width: auto !important;
        max-width: none !important;
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: clip !important;
    }

    .r-content {
        margin-left: 300px !important;
    }

}

@media (max-width: 768px) {

    ul.bsgrid_tabs {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
    }

    ul.bsgrid_tabs > li {
        width: 50%;
        margin: 0;
    }

    ul.bsgrid_tabs > li > a {
        text-align: center;
    }

}

@media (max-width: 768px) {

    .nav-tabs > li,
    .nav-tabs .nav-item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        text-align: center;
    }

    .nav-tabs {
        border-bottom: none !important;
    }

    ul.bsgrid_tabs {
        margin-bottom: 10px !important;
    }

}