.single-news .blog-link {
  background: #4caf50;
  padding: 5px 15px;
  color: #fff;
  border-radius: 3px;
}

  .single-news .blog-link:hover {
    background: #333;
  }

.blog-news-area {
  width: 100%;
  padding: 40px 0;
}

.single-blog {
  padding: 15px;
  margin-bottom: 15px;
}

.blog-news-area h2 {
  color: #4caf50;
  font-size: 30px;
  margin-bottom: 20px;
}

.blog-news-area .text-ellipsis a {
  color: #333;
}

.blog-news-area .post-body p {
  height: 100px;
  overflow: hidden;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}

.blog-news-social {
  list-style-type: none;
}

  .blog-news-social li {
    display: inline-block;
  }

.latest-blog-container ul li:before {
  background: none !important;
  position: relative !important;
}

.blog-news-area ul li {
  display: inline-block;
  flex: 0 0 25%;
  max-width: 24%;
  text-align: left;
  padding: 10px;
  position: relative;
}

.single-news ul li {
  flex: 0 0 50%;
  max-width: 49%;
}

  .single-news ul li img {
    padding-bottom: 10px;
    width: 100%;
  }