@media (max-width: 540px){
  .blog-wrapper {
    padding: var(--p40) var(--p12) var(--p40);
}
  .blog-wrapper .col-lg-4{
    padding-left:0;
    padding-right:0;
  }
  .blog-content h4{
   height:auto; 
  }
  .blog-content h4 a{
   font-size:20px; 
  }
  section.blog-detail-wrapper.mt-5{
        padding-top:40px;
    padding-bottom: 40px;
  }
  section.blog-detail-wrapper.mt-5 .col-lg-8.col-xs-12.col-md-12, section.blog-detail-wrapper.mt-5 .col-lg-4.col-xs-12.col-md-12{
    padding:0;  
  }
  .blog-detail-image img{
    height: 280px;
    max-height: 280px;
  }
  .blog-detail-title h3{
    font-size:22px;
  }
  .blog-detail-wrapper .widget{
    padding: 15px;
        margin-bottom: 25px;
  }
}