@media (max-width: 1024px) and (min-width: 981px){
    .blog-feat {
    margin-top: var(--m10);
    margin-bottom: var(--m9);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.blog-date{
    margin-left: 0;
}
}
@media (max-width: 980px){
    section.blog-detail-wrapper.mt-5 {
    margin-top: 0px !important;
    padding-top: 50px;
    padding-bottom: 50px;
}
.blog-detail-wrapper .widget_recent_entries li.item-recent-post .title-post {
    width: 85%;
}
}
@media (max-width: 540px){
    .blog-feat {
    margin-top: var(--m10);
    margin-bottom: var(--m9);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.blog-date{
    margin-left: 0;
}
section.blog-detail-wrapper.mt-5 {
    margin-top: 0px !important;
    padding-top: 40px;
    padding-bottom: 40px;
}
.blog-detail-image img{
    height: 320px;
}
.feat_blog_con p span{
    margin-right:0px;
}
}