@media (orientation: portrait) and (max-width: 600px) and (min-width: 280px) {
        body main .collapse.nav-scrollable {
           /* width: 80vw;
            position: absolute;
            height: 100vh;
            z-index: 20;
            transition: all 0.2s;
            left: -900px;
            pointer-events: none;*/
        }

       /* body main.show-menu .collapse.nav-scrollable.show:before {
            content: "";
            position: fixed;
            background: #0000005e;
            inset: 0;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
        }*/

        body main.ltr .collapse.nav-scrollable .user-prof .pro-dtls span.username {
            width: 100%;
        }

        body main.show-menu .collapse.nav-scrollable {
            left: 0;
            pointer-events: all;
        }
        body main.rtl.show-menu .collapse.nav-scrollable {
            left: auto;
            right:0;
        }

        body main .main-body {
            width: 100%;
            padding: 20px;
            padding-top:60px;
        }

        .left-side {
            width: 100%;
            display: inline-block;
        }

        body main .main-body .data-wrap .action-container .filter-item input, body main .main-body .data-wrap .action-container .filter-item select {
            height: 35px;
            width: 100%;
        }

        body main .main-body .data-wrap .action-container .filter-item {
            margin-right: 0;
            width: 50%;
            padding: 0 10px;
        }

            body main .main-body .data-wrap .action-container .filter-item .btn.custom.clear-filter {
                padding: 8px 0;
                border: solid 1px;
                box-shadow: 0 0 0px 0;
            }

            body main .main-body .data-wrap .action-container .filter-item .btn.custom {
                height: 35px;
                border-radius: 1px;
                width: 100%;
            }

        body main .side-panel .side-panel-content, body main .side-panel .side-panel-content.more-width {
            width: 100vw;
        }
        /*body main .side-panel .side-panel-content .main-content .subscriptions {
            overflow: auto;
            width: 100%;
        }*/
        .tbl-wrapper {
            display: inline-block;
            width: 100%;
            overflow: auto;
        }

        body main .data-wrap.full-width {
            height: max-content;
        }

        table thead {
            position: sticky;
            top: 0;
        }

       /* body main .main-body {
            height: max-content;
        }*/

        body main .data-wrap .pagination-cnt {
            margin-top: 10px;
        }

        body main .menu-icon {
        /*    color: black;
            width: 30px;
            text-align: center;
            float: left;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 0;
            bottom: 0;*/
        }

        body main {
            background: #ffffff;
        }

            body main .main-body .data-wrap .action-container {
                
                overflow: hidden;
                transition: all 0.2s;
            }

            body main.show-filter .main-body .data-wrap .action-container {
                max-height: 300px;
            }
    }