@media (max-width: 980px){
    section.blog-detail-wrapper table{
        width: 100% !important;
    }
  .blog-wrapper {
    padding: var(--p50) var(--p12) var(--p50);
}
}


@media (max-width: 540px){
    section.blog-wrapper .col-12{
        padding: 0;
    }

    section.blog-detail-wrapper table{
        width: 100% !important;
    }

    section.blog-detail-wrapper .col-md-12{
        padding: 0;
    }
    .blog-detail-image img {
        height: 300px;
  
    }
    .blog-detail-wrapper .blod-detail-description img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
  .blog-wrapper {
    padding: var(--p40) var(--p12) var(--p40);
}
}