@media screen and (max-width: 1200px) and (min-width: 800px) {

    .nav-pills > li > .nav-link {
      font-size:8px;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .8em;
     
    }

    #DashboardStockDetailContainer.table thead th {
        font-size: 7px;
    }

    .dashboadbutton .card {
        padding: 4px;
        border-radius: 0;
        margin-bottom: 3px !important;
    }

    .dashboadbutton h1 {
        margin-bottom: 0;
        font-weight: 600;
        font-size: 15px;
    }

    .dashboadbutton .btn {
        padding: 0.1rem 0.3rem;
    }

    .dashboadbutton span {
        font-size: 10px;
    }

 }