@media screen and (max-width: 767px) {
  
    /* Heading title css start */
    .heading{
        font-size: 1.2rem;
    }
    .btn-pri-custom1 {
        font-size: 12px;
    }
    .row.align-items-center.mt-3.mb-3 h1.h3.text-gray-800 {
        font-size: 1.25rem;
    }
    .f-14{
        font-size: 14px;
    }
    .p-col-0{
        padding: 0px;
    }
    .card .card-body.p-5, .shadow.p-5{
        padding: 20px!important;
    }

}

@media screen and (max-width: 480px) {
    .card-header h5 {
        font-size: 1rem;
    }
    .card-header .btnViewAction {
        display: flex;
        white-space: nowrap;
        align-items: center;
    }
    .card-header .btnViewAction i {
        margin-left: 6px;
        font-size: 14px;
    }

    /* sidebar css start */

    #wrapper, .bg-navbar {
        position: relative;
    }

    .sidebar{
        position: absolute;
        z-index: 999;
        top: 70px;
    }
    .sidebar .sidebar-brand {
        display: none !important;
    }

    .sidebar.toggled {
        width: 70vw !important;
    }

    .topbar #sidebarToggleTop {
        position: absolute;
        z-index: 9999;
    }
    /* sidebar css end */
}