.news__wrap {
  padding: calc(100 / var(--media-breakdown)) 0;
}
.news__title {
  margin-bottom: calc(70 / var(--media-breakdown));
  text-align: center;
}
.news__list {
  margin: calc(-20 / var(--media-breakdown));
  display: flex;
  flex-wrap: wrap;
}
.news__list:not(:last-child) {
  margin-bottom: calc(60 / var(--media-breakdown));
}
.news__list > li {
  flex: 0 0 33.3333333333%;
  padding: calc(20 / var(--media-breakdown));
}
@media (max-width: 991px) {
  .news__list > li {
    flex: 0 0 50%;
  }
}
@media (max-width: 479px) {
  .news__list > li {
    flex: 0 0 100%;
  }
}