@media (max-width: 1024px) and (min-width: 981px){
    section.blog-section .blog-page .bottom-sec h3{
    font-size: var(--f20);
    height: 26px;
}
section.blog-section .blog-page .admin-area{
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
}
@media (max-width: 980px){
    section.blog-section .col-4{
    width:50%;
}
h2.widget-title, h2.widgettitle {
    /* font-size: 28px; */
}
.blog-detail-title h3{
    font-size: 28px;
}
    h2.widget-title, h2.widgettitle {
        /* font-size: 27px; */
    }
}
@media (max-width: 540px){
    section.blog-section .head-sec {
    margin-bottom: 30px;
}
section.blog-section .col-4{
    width:100%;
    padding:0px;
}
section.blog-section .blog-page .upper-sec img, section.blog-section .blog-page .upper-sec{
    height: 220px;
    object-fit: cover;
}
section.blog-section .blog-page .bottom-sec{
    /* padding: 20px; */
}
section.blog-section .blog-page .bottom-sec h3{
    font-size: var(--f19);
    height: auto;
}
section.blog-section .blog-page .main-btn{
    font-size: 17px;
}
section.blog-section .row{
    gap:30px;
}
section.blog-detail-wrapper.mt-5 {
    margin-top: 0px !important;
    padding-top: 50px;
    padding-bottom: 50px;
}
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-left:0px;
     padding-right:0px;
}
h2.widget-title, h2.widgettitle {
    font-size: 24px;
}
.blog-detail-wrapper .widget_recent_entries li.item-recent-post a{
    font-size: 16px;
}
.blog-detail-image img{
    height: auto;
}
.blog-detail-title h3{
    font-size: 26px;
}

.blog-detail-title h4, .blog-detail-left h4{
    font-size: 24px;
}
}