@media (max-width: 1260px) {
    .fr-dashboard-container main .left-content .planned-deliverables .inner-first-table,
     .fr-dashboard-container main .left-content .device-category-table,
     .fr-dashboard-container main .left-content .new-progress-bar-container ,
     .fr-dashboard-container main .creative-performance-gallery-container .inner-first-table {
        overflow-x: scroll;
    }

    .fr-dashboard-container main .left-content .device-category-table table, 
    .fr-dashboard-container main .left-content .new-progress-bar-container table,
    .fr-dashboard-container main .left-content .creative-performance-gallery-container table{
        width: 1400px;
    }

    .fr-dashboard-container main .left-content .planned-deliverables table {
        width: 1200px;
    }

    .fr-dashboard-container main .left-content .inner-first-table::-webkit-scrollbar {
        height: 3px;
        border-radius: 10px;
    }


    .fr-dashboard-container main .left-content .inner-first-table::-webkit-scrollbar-track {
        background: transparent;
    }


    .fr-dashboard-container main .left-content .inner-first-table::-webkit-scrollbar-thumb {
        background: #8D07F6;
        border-radius: 10px;
    }
    .fr-dashboard-container main .top-header-content .cp-filter-area > div{
        flex-wrap: wrap;
    }
    .fr-dashboard-container .outer-table-container, .fr-dashboard-container main .table-layout-container{
        flex-wrap: wrap;
    }
    .fr-dashboard-container main .left-content .overflow-data{
        flex: inherit;
        width: 100%;
    }
    .fr-dashboard-container main .table-layout-container{
        gap: 0;
    }
}

@media (max-width: 860px) {
    .fr-login-container .left {
        width: 40%;
    }

    .fr-login-container .right {
        width: 60%;
    }

    .fr-login-container .right form {
        width: 376px;
    }

    .fr-login-container .left h4::before,
    .fr-login-container .left h4::after {
        width: 25px;
    }

    .fr-dashboard-container main .top-header-content .filter-area {
        flex-wrap: wrap;
        gap: 16px;
    }

    .fr-dashboard-container main aside .first-title,
    .navlist-text,
    .fr-dashboard-container main aside ul {
        display: none;
    }

    .fr-dashboard-container main aside {
        width: 62px;
    }

    .fr-dashboard-container main .left-content {
        width: calc(100% - 62px);
    }

    .fr-dashboard-container main .left-content .main-table-area {
        padding-bottom: 300px;
    }

/* 
    .fr-dashboard-container main aside.collapsed{
        display: block;
    } */

}

@media (max-width: 680px) {
    .fr-login-container .right form {
        width: 90%;
    }
}

@media (max-width: 600px) {
    .fr-login-container {
        flex-wrap: wrap;
    }

    .fr-login-container .left,
    .fr-login-container .right {
        width: 100%;
        height: calc(100% - 67px);
    }

    .fr-login-container .left {
        height: 67px;
    }

    .fr-login-container .right {
        width: 70%;
        margin: auto;
    }

    .fr-login-container .left .inner-content {
        display: none;
    }

    .fr-login-container .right::after {
        display: none;
    }

    .fr-login-container .right {
        justify-content: start;
        padding-top: 30px;
    }
}


@media (max-width: 450px) {
    .fr-login-container .right {
        width: 90%;
    }
}