@media(min-width:1229px) and (max-width:1535px) {
    .sidebar-wrapper {
        width: 220px;
    }

    .content-part {
        width: calc(100vw - 220px);
    }

    .header-wrapper {
        width: calc(100vw - 220px);
    }
}

@media (max-width:1530px) {
    .statics-card .statics-icon {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 1rem;
    }

    .statics-card .statics-heading {
        font-size: .75rem;
    }

    .statics-card .statics-text {
        font-size: .876rem;
    }

    .sidebar-wrapper .sidebar-body .sidebar-item .sidebar-item {
        font-size: .89rem;
    }

    .sidebar-wrapper .sidebar-body .sidebar-item,
    .accordion-button {
        font-size: .8rem !important;
    }

    .comman-card-heading {
        font-size: 1rem;
    }

    .text-sm,
    .table thead tr th {
        font-size: .8rem;
    }

    .text-xs,
    .table tbody tr td {
        font-size: .8rem;
    }

    .statics-wrapper:hover {
        height: 277px;
    }

    .nav-pills .nav-link {
        font-size: .8rem;
    }

    .user-50 {
        width: 40px;
        height: 40px;
    }

    #apexProcessChart .apexcharts-inner.apexcharts-graphical {
        transform: translate(13%, 27px);
    }
}

@media (min-width:1580px) {
    .comman-height-sm {
        height: 320px;
        overflow-y: auto;
    }
}

@media(min-width:1700px) {
    .statics-card .statics-heading {
        font-size: 1.25rem;
    }

    .statics-wrapper:hover {
        height: 329px;
    }

    .table thead tr th,
    .table tbody tr td {
        font-size: 1rem;
    }

    .text-sm {
        font-size: 1rem;
    }
}