@media only screen and (max-width: 1440px) {
    .scroll-responsive-table {
        overflow-x: scroll
    }
    .scroll-responsive-table .table {
        width: 2000px
    }
}

    @media only screen and (max-width: 768px) {
        body .body-pd .l-navbar.show-left {
            left: 0 !important;
            width: max-content;
            top: 48px !important;
        }

        body .l-navbar.show-left {
            left: 0%;
            top: 48px !important;
            width: 230px;
        }

        header.header.body-pd {
            padding-left: 15px !important;
        }

        body.body-pd .nav {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            /* overflow: hidden; */
            width: max-content !important;
            padding-right: 20px;
        }

        body.body-pd .nav_logo {
        }

        body {
            padding-left: 16px;
        }

        .title {
            flex-wrap: wrap;
        }

        .action-function ul {
            flex-wrap: wrap;
        }

        .filter-title {
            flex-wrap: wrap;
        }

        .scroll-responsive {
            overflow-x: auto;
        }

            .scroll-responsive table {
                width: 1200px;
            }

        .action-function ul {
            flex-wrap: wrap;
            padding: 0;
            margin: 0;
        }

            .action-function ul li {
                flex-wrap: wrap;
                padding: 0;
                margin: 0;
                width: 100%;
                margin-top: 10px;
            }

                .action-function ul li button {
                    width: 100%;
                }

        .search {
            width: 100%;
        }

        .filter-content {
            width: 100%;
        }

        .notification-icon {
            position: inherit;
        }

        .content-notification {
            left: 0;
            right: 0;
        }

        .form-poup-default .col-left {
            padding-right: 10px;
        }

        .form-poup-default .col-right {
            padding-left: 10px;
        }

        .action-function .btn-secondary {
            width: 100%;
            max-width: 100%;
        }

        .breakcrumb ul {
            padding: 0;
            margin: 0;
            flex-wrap: wrap;
            justify-content: left;
            padding-bottom: 10px;
        }

        .title h1 span {
            margin: 0;
            padding: 0;
        }

        .detail .tabs {
            flex-wrap: wrap;
            display: block;
        }

        .title-detail {
            display: block;
            justify-content: left;
            text-align: left;
        }

        .button-top-right {
            justify-content: left;
        }

        .title-detail ul.button-top-right {
            margin: 0;
            padding: 10px 0 0;
            justify-content: left;
        }

            .title-detail ul.button-top-right li {
                padding: 0;
                padding-right: 10px;
            }

        .title h1 {
            flex-wrap: wrap;
            display: block
        }

        .detail .tabs .nav.nav-pills .nav-item {
            width: 100%;
        }

        .action-function {
            display: block;
            width: 100%
        }
        
    }
@media only screen and (max-width: 450px) {
    .content-filter {
        width: 312px;
    }
}