@media screen and (min-width: 320px) and (max-width: 991.98px) {
    .sidebar:not(.sidebar-end):not(.show) {
        margin-inline-start: calc(0 * var(--cui-sidebar-width));
    }

    .sidebar-header {
        display: inherit;
        align-content: center;
    }

    .login-page p {
        font-size: 13px;
    }

    .heading1 h1 {
        font-size: 29px;
        line-height: 25px;
    }

    .heading1.follow-instructions h1 {
        font-size: 20px;
    }

    .body_container {
        width: 100%;
        left: 0;
    }

    .body_container.fullwidth {
        width: 100%;
        right: 0;
        left: 0;
    }


    .top-header {
        padding: 9px 0;
    }

    .sidebar-toggle {
        width: 39px;
        height: 40px;
        left: 17px;
        top: 13px;
        text-align: center;
        align-content: center;
    }

    .sidebar {
        display: none;
        width: 0;
    }

    .sidebar.closed,
    .mobile.sidebar {
        width: 250px;
        display: block;
    }

    .sidebar-header {
        padding: 10px;
    }

    .user-header .sidebar-brand {
        line-height: 22px;
    }

    .body_container.fullwidth .header_top .icon-menu {
        display: block !important;
    }

    .search_box {
        width: 100%;
    }

    .content-part {
        top: 115px;
    }

    .table_header .form-select {
        margin: 0;
        height: 34px;
    }

    .table_header .dropdown-icon {
        top: 8px;
    }

    .mobile-border {
        border: 1px solid #A8ADA1;
    }

    .table_header .btn {
        font-size: 12px;
    }

    .table_header .btn img {
        width: 19px;
        height: 19px;
    }

    .page-header {
        padding: 30px 14px
    }

    .page-header h3 {
        font-size: 25px;
    }

    .popup {
        left: 0;
        width: 100%;
        right: 0;
    }

    .popup-header h5 {
        font-size: 17px;
    }

    .popup-overlay::after {
        left: 0;
    }

    .hide-mobile {
        display: none !important;
    }

    .table_bottom .btn {
        font-size: 12px;
    }

    .btn img {
        width: 15px;
        height: 15px;
        margin-top: 1px;
    }

    label {
        margin-bottom: 0;
    }

    .bankinformation .btn {
        font-size: 13px;
    }

    .btn {
        font-size: 13px;
    }

    .notification_bar {
        right: 20px;
        left: 12px;
        width: 92.4%;
    }

    .notification_bar .btn {
        font-size: 12px;
    }

    .delete-modal .popup {
        width: 100%;
    }

    .delete-modal h4 {
        font-size: 20px;
    }

    .draganddrop h5 {
        font-size: 19px;
    }

    .event-timeline p {
        font-size: 13px;
    }

    .mobile-scroll {
        width: 100%;
        overflow: auto;
    }

    .page-header .btn {
        position: absolute;
        right: 8px;
        top: 68px;
    }
    .popup-body{
        height: 400px;
    }
}