@media (max-width: 767px){
  .blog-wrapper {
    padding: var(--p40) 0;
  }
  .blog-page .bottom-sec{
    padding: 12px;
  }
  section.blog-detail-wrapper.mt-5{
    padding: 40px 0;
    overflow: hidden;
  }
  .blog-detail-image img{
    height: 100%;
    max-height: unset;
  }
  .blog-detail-title h1{
    font-size: 28px;
  }
  .blog-page .bottom-sec .link-sec a:hover, .feat_blog_con i{
    color: var(--primary-color);
  }
  #recent-posts-2{
    margin-bottom: 0;
  }
}