/* SIDE BAR  */
.blog-section .left-sidebar-box .left-accordion-box {
    margin-top: 0;
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-image img {
    width: 75%;
}

.blog-section .blog-box .blog-contain a h3 {
    font-size: calc(14px + 2*(100vw - 320px) / 1600);
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a h5 {
    font-size: calc(13px + 1*(100vw - 320px) / 1600);
}

.blog-detail-contain span,
.blog-detail-contain ul li,
.blog-detail-contain ol li,
.blog-detail-contain a,
.blog-detail-contain ul li span,
.blog-detail-contain ol li span,
.blog-detail-contain a span,
.blog-detail-contain p span,
.blog-detail-contain p a,
.blog-detail-contain p {
    font-weight: normal !important;
}

.blog-detail-contain h1,
.blog-detail-contain h2,
.blog-detail-contain h3,
.blog-detail-contain h4,
.blog-detail-contain h5,
.blog-detail-contain h6,
.blog-detail-contain span,
.blog-detail-contain strong,
.blog-detail-contain ul li,
.blog-detail-contain ol li,
.blog-detail-contain a,
.blog-detail-contain p span,
.blog-detail-contain p strong,
.blog-detail-contain p a,
.blog-detail-contain p {
    color: #4a5568 !important;
}

.blog-detail-contain h1,
.blog-detail-contain h2,
.blog-detail-contain h3,
.blog-detail-contain h4,
.blog-detail-contain h5,
.blog-detail-contain h6,
.blog-detail-contain h1 span,
.blog-detail-contain h2 span,
.blog-detail-contain h3 span,
.blog-detail-contain h4 span,
.blog-detail-contain h5 span,
.blog-detail-contain h6 span,
.blog-detail-contain strong,
.blog-detail-contain strong span,
.blog-detail-contain b,
.blog-detail-contain b span {
    font-weight: 600 !important;
}

.blog-detail-contain h1,
.blog-detail-contain h1 span,
.blog-detail-contain h1 strong span {
    margin: 1.5rem 0 !important;
}

.blog-detail-contain h2,
.blog-detail-contain h2 span,
.blog-detail-contain h2 strong span {
    margin: 1rem 0 !important;
}

.blog-detail-contain h3,
.blog-detail-contain h4,
.blog-detail-contain h5,
.blog-detail-contain h6,
.blog-detail-contain h3 span,
.blog-detail-contain h4 span,
.blog-detail-contain h5 span,
.blog-detail-contain h6 span,
.blog-detail-contain h3 strong span,
.blog-detail-contain h4 strong span,
.blog-detail-contain h5 strong span,
.blog-detail-contain h6 strong span {
    margin: 0.75rem 0 !important;
}

.blog-detail-contain p,
.blog-detail-contain p span {
    font-size: 14px !important;
}

.blog-detail-contain img {
    width: 100%;
    height: auto;
}