.cases { padding: 80px 0; }

.cases-list { display: flex; flex-wrap: wrap; }

.cases-list .cases-item { display: block; width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; }

.cases-list .cases-item:nth-child(3n) { margin-right: 0; }

.cases-list .cases-item .cases-item__cover::after { padding-bottom: 58.53659%; }

.cases-list .cases-item .cases-item__cover .cases-item__image { position: absolute; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }

.cases-list .cases-item .cases-item__time { color: #999; margin-top: 20px; }

.cases-list .cases-item .cases-item__title { padding: 10px 0 20px; border-bottom: 1px solid #eee; }

.cases-list .cases-item .cases-item__more { color: #878787; margin-top: 20px; }

.cases-more { margin: 0 auto; }

@media (max-width: 768px) { .cases { padding: 30px 10px; }
  .cases-list .cases-item { width: 100%; margin: 0 0 10px 0; }
  .cases-list .cases-item .cases-item__time, .cases-list .cases-item .cases-item__more { display: none; }
  .cases-list .cases-item .cases-item__title { text-align: center; font-weight: normal; border: none; } }