@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: 0.75rem;
  }

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

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

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

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

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

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

  .statics-wrapper:hover {
    height: fit-content;
    transition: all 0.5s ease;
  }

  .nav-pills .nav-link {
    font-size: 0.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: fit-content;
    transition: all 0.5s ease;
  }

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

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