@media (min-width: 1240px) and (max-width: 1499px) {
    .table_box {
        height: 100%;
        width: 100%;
        margin-left: auto !important;
        margin-right: 0;
        transform: translate(0);
        overflow: auto;
    }
.filterScroll {
    padding: 0;
}
.mainNavside.active .missionBtn span {
    right: -179px;
}
    .mainNavside.active {
        width: 100%;
    }

    .driverData {
        width: 50%;
    }

    .mainNavside.active li {
        width: 100%;
    }

    .mainNavside li a {
        width: 100%;
    }

    .rightMain {
        width: 80%;
        margin-left: auto;
        margin-right: 0;
        height: 100vh;
    }

    ul.mainNavside {
        width: 100%;
        margin: 0 !important;
        height: 100%;
    }

    .sidenav.active {
        width: 6%;
    }

    .rightMain.active .table_box {
        width: 100%;
        transform: translate(0);
    }

    .rightMain.active {
        width: 94% !important;
    }

    div#example_paginate {
        margin-top: -40px !important;
    }

    div#example_info {
        margin: 30px 0 0;
    }

    #example_length label {
        margin: 0 0 20px;
    }

    div#example_filter {
        margin: -50px 0 20px;
    }

    .main {
        width: 100%;
    }

    .main_sideNav {
        width: 100%;
        height: 100%;
    }

    .sidenav {
        width: 19%;
        height: 100vh;
    }

    .topMAin {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px 0 20px;
    }
}

@media (min-width: 1024px) and (max-width: 1239px) {
    .table_box {
        width: 100%;
        margin-left: auto !important;
        margin-right: 0;
        transform: translate(0);
    }

    .mainNavside.active {
        width: 100%;
    }

    .driverData {
        width: 50%;
    }

    .mainNavside.active li {
        width: 100%;
    }

    .mainNavside li a {
        width: 100%;
    }

    .rightMain {
        width: 73%;
        margin-left: auto;
        margin-right: 0;
    }

    ul.mainNavside {
        width: 100%;
        margin: 0 !important;
    }

    .sidenav.active {
        width: 6%;
    }

    .rightMain.active .table_box {
        width: 100%;
        transform: translate(0);
    }

    .rightMain.active {
        width: 94% !important;
    }

    div#example_paginate {
        margin-top: -40px !important;
    }

    div#example_info {
        margin: 30px 0 0;
    }

    #example_length label {
        margin: 0 0 20px;
    }

    div#example_filter {
        margin: -50px 0 20px;
    }

    .main {
        width: 100%;
        gap: 20px;
    }

    .main_sideNav {
        width: 100%;
    }

    .sidenav {
        width: 25%;
    }

    .topMAin {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px 0 20px;
    }

    .steps-line {
        gap: 10px;
    }

    .step-indicator {
        padding: 5px 20px;
    }
    .filterScroll {
    padding: 0;
    height: 100vh;
    overflow: auto;
}
.mainNavside.active .missionBtn span {
    right: -180px;
}
    .filterMain {
    width: 60%;
}
}