@media (max-width: 1300px) {
    .blog-detail-sec .custom-row {
        gap: 50px;
    }
}
@media (max-width: 1200px) {
    .blog-detail-page .hero-sec-2 .hero-sec-bottom .hero-sec-bottom-right {
        width: 100%;
    }
    .blog-detail-sec .custom-row {
        flex-direction: column;
    }
}
@media (max-width: 809px) {
    .blog-detail-sec .blog-detail-content-wrap img {
        height: 340px;
    }
    .comment-form .form-col-2 {
        flex-direction: column;
        align-items: flex-start;
    }
    .blog-sidebar {
        max-width: 492px;
        width: 100%;
    }
    .blog-detail-sec .blog-detail-content-wrap .blog-content-box .blog-meta {
        gap: 40px;
    }
}
@media (max-width: 550px) {
    .comment-box {
        flex-direction: column;
        align-items: flex-start;
    }
    .comment-box .comment-body p {
        margin-bottom: 12px;
    }
    .comment-box .comment-body .reply-btn {
        position: relative;
        right: auto;
        top: auto;
        display: inline-flex;
    }
}