@media screen and (max-width: 767px) {
  .blog-post .blog-post__image {
    height: auto;
  }
  .blog-post .blog-post__content {
    padding: 24px 20px 20px;
  }
  .blog-post .blog-post__content .blog-post__header .blog-post__read {
    display: none;
  }
  .blog-post .blog-post__content .blog-post__text {
    margin-bottom: 10px;
    height: 82px;
  }
  .blog-post .blog-post__content .blog-post__text p {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    height: 82px;
  }
  .blog-post .blog-post__content .blog-post__text p:after {
    content: "";
    height: 26px;
  }
  .blog-post .blog-post__content .blog-post__footer {
    font-size: 12px;
    line-height: 22px;
    flex-direction: column;
    gap: 3px;
  }
  .blog-post .blog-post__content .blog-post__footer .blog-post__date {
    padding-right: 0;
  }
  .blog-post .blog-post__content .blog-post__footer .blog-post__date:after {
    content: none;
  }
  .blog-post.new-article .blog-post__image a img {
    width: 100%;
    height: auto;
  }
}