@media (min-width: 600px) and (max-width: 1199px) {
  .mg-new-main--dynamic .mgh-media-card h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 599px) {
  .mg-new-main--dynamic .mgh-media-card h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}