/*new css*/
.box-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}
.box-grid:before {
  content: none;
}
.box-grid .card-items {
  background-color: #cc3625;
  text-align: center;
}
.box-grid .card-items:hover {
  background-color: #b32e1f;
}
.box-grid .card-items a {
  color: #fff;
  padding: 20px;
}
.box-grid .card-items a .card i {
  font-size: 50px;
}
.box-grid .card-items a .card p {
  margin: 20px 0 0 0;
}
.box-general h3 {
  margin: 10px 0;
  font-size: 22px;
}
.box-general .border-bottom {
  border-bottom: 1px solid #ccc;
}
.box-general .border-bottom .btn {
  margin: 10px 0;
}
.box-general .table-responsive {
  margin: 20px 0 0 0;
  padding: 0 0 20px 0;
}
.box-general .table-responsive select {
  height: 31px;
}
.box-general .table-responsive .dataTables_filter input {
  border: 1px solid #ccc;
  height: 31px;
}
.box-general .table-responsive tbody tr td:nth-child(7) {
  max-width: 35ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .skin-red .main-header .logo {
    position: absolute;
    width: auto;
  }
  .box-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 475px) {
  .box-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}