@media screen and (max-width: 767px) {
  .recommended_articles {
    padding: 80px 0;
  }
  .recommended_articles .container {
    max-width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .recommended_articles .recommended_articles_title {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 31px;
  }
  .recommended_articles .recommended_outer {
    flex-direction: column;
  }
  .recommended_articles .recommended_outer .recommended {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
  }
  .recommended_articles .recommended_outer .recommended .blog-post {
    flex: 0 0 100%;
    margin: 0 0 23px 0 !important;
    padding: 0;
    display: flex;
    border: unset !important;
  }
  .recommended_articles .recommended_outer .recommended .blog-post:nth-child(n+4) {
    margin-bottom: 23px !important;
  }
  .recommended_articles .recommended_outer .recommended .blog-post .blog-post__image {
    width: 110px;
    height: 62px;
    margin-right: 12px;
    border: unset;
    border-radius: 5px;
    flex: 0 0 110px;
  }
  .recommended_articles .recommended_outer .recommended .blog-post .blog-post__content {
    flex-direction: column;
    border: unset !important;
    padding: 0;
  }
  .recommended_articles .recommended_outer .recommended .blog-post .blog-post__content .blog-post__title {
    height: 40px;
    width: 211px;
    overflow: hidden;
  }
  .recommended_articles .recommended_outer .recommended .blog-post .blog-post__content .blog-post__title:after {
    height: 16px;
  }
  .recommended_articles .recommended_outer .recommended .blog-post .blog-post__content .blog-post__title a {
    font-size: 12px;
    line-height: 20px;
  }
  .recommended_articles .recommended_outer .recommended .blog-post .blog-post__header,
  .recommended_articles .recommended_outer .recommended .blog-post .blog-post__author {
    display: none;
  }
  .recommended_articles .recommended_outer .other_articles {
    margin-top: 32px;
    margin-left: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .recommended_articles .recommended_outer .other_articles .other_article h6 {
    max-width: 100%;
    height: -moz-min-content;
    height: min-content;
  }
}