.news { display: flex; flex-wrap: wrap; }

.news .news-item { width: calc(25% - 20px); margin: 10px 10px 30px 10px; display: block; }

.news .news-item .news-item__thumb { width: 100%; margin-bottom: 15px; }

.news .news-item .news-item__thumb .news-item__thumb__image { position: absolute; object-fit: cover; width: 100%; height: 100%; border-radius: 10px; }

.news .news-item .news-item__thumb::after { padding-bottom: 51.6129%; }

.news .news-item .news-item__time { color: #979797; font-family: "Arial"; }

.news .news-item .news-item__title { font-size: 18px; padding: 10px 0; border-bottom: 1px solid #eee; color: #5a5a5a; font-weight: bold; }

.news .news-item .news-item__more { margin-top: 15px; color: #878787; }

@media (max-width: 768px) { .news .news-item { width: calc(50% - 20px); }
  .news .news-item .news-item__title { font-size: 14px; padding: 6px 0; }
  .news .news-item .news-item__thumb { margin-bottom: 6px; }
  .news .news-item .news-item__thumb::after { padding-bottom: 69.12442%; }
  .news .news-item .news-item__more { margin-top: 6px; } }