.content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.content .posts_container { width: 852px; max-width:65%; }
.content .posts_container .wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content .posts_container .post{ width: 410px; max-width: 48%;}
.content .posts_container .post article {max-width: 410px;width: 100%;margin-bottom: 18px;}
.content .posts_container .post article .thumbnail {width: 100%;max-height: 100%;height: 210px;margin-bottom: 26px;border-radius: 16px;overflow: hidden;}
.content .posts_container .post article .thumbnail img{height: 100%; width: 100%;}
.content .posts_container .post article h4 {margin-bottom: 10px; font-weight:400; font-size: 18px; line-height:1.5; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: inherit;}
.content .posts_container .post article h4 a{color: var(--v-black);}
.content .posts_container .post article h4 a:hover {color: var(--v-orange);}

.content .posts_container .post article .post_meta{margin-bottom: 10px;}
.content .posts_container .post article .post_meta .post_date {display: inline-block;background: #89919b;color: #fff;padding: 4px 11px 3px 6px;border-radius: 4px;margin-right: 10px;font-size:13px; margin-bottom:5px;}
.content .posts_container .post article .post_meta .post_categories .post_categories {font-weight: bold;}
.content .posts_container .post .view_all {text-align: right;width: 100%;margin: 0px 0 20px;font-size: 17px;}
.content .posts_container .post .view_all a {color: var(--v-orange);text-decoration: none;}
@media (max-width:1440px){
  .content .posts_container .post{max-width: 48%;width: 100%;}
}
@media (max-width:768px){
  .content .posts_container .post article h4{height: auto !important;}
}
@media (max-width:580px){
  .content .posts_container .post{max-width: 100%;}
  .content .posts_container .post article{max-width: 100%;}
}
@media (max-width:400px){
  .content .posts_container .post article .thumbnail{height: auto;}
}