@media (min-width: 0px) and (max-width: 1199px) {
    body.boxed-layout .wrapper {
        margin: 0px;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        top: 95% !important;
    }
    .post-text {
        padding: 10px;
    }
    .post-category {
        font-size: 12px;
        font-weight: 500;
        padding: 0px 7px;
    }
    .post-text h2, .post-text h4 {
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
    }
    .articles-list .post-info-2 h4 {
        font-size: 17px;
        line-height: 20px;
        display: block !important;
    }
    .news-list-item .post-info-2 .authar-info {
        line-height: 1;
        flex-direction: column !important;
        align-content: flex-start !important;
        justify-content: flex-start !important;
    }
    .news-list-item.articles-list .post-info-2 h4 .title {
        -webkit-line-clamp: 4;
    }
    nav.custom-navbar.navbar.navbar-expand-lg.sticky-top.flex-column.no-logo.is-sticky {
        border-radius: 7px;
        overflow: hidden;
        box-shadow: 0 10px 20px rgb(0 0 0 / 56%);
        width: calc(100% - 6px);
        margin: 5px 0px 0px 2px;
    }
    div#body-berita img {
        width: 100%;
    }
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    padding-bottom: 5px;
}
.masonry-slider .swiper-pagination-bullet {
    background: #a5a2a2;
}

#news-content #body-berita a {
    color: rgb(0, 118, 232) !important;
    margin-bottom: 10px;
}

.post_details_block h1, .post_details_block h2, .post_details_block h3, .post_details_block h4, .post_details_block h5, .post_details_block h6, .post_details_block p {
    margin-top: 0;
    margin-bottom: 10px;
}

/* Preview Banner */
.preview-banner {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 6px;
    padding: 12px 20px;
    margin-bottom: 20px;
    font-size: 14px;
}

.preview-banner i.fa-eye {
    color: #ff9800;
    font-size: 18px;
}

.preview-banner strong {
    color: #856404;
}

.preview-banner .text-muted {
    color: #6c757d !important;
    font-size: 13px;
}

.preview-time {
    background: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #856404;
    border: 1px solid #ffc107;
}

.preview-time i {
    color: #ff9800;
}

/* Dark mode */
.skin-dark .preview-banner {
    background: #332701;
    border-color: #664d03;
}

.skin-dark .preview-time {
    background: #1e1e2d;
    border-color: #664d03;
    color: #ffc107;
}

/* Mobile responsive */
@media (max-width: 576px) {
    .preview-banner > div {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start !important;
    }

    .preview-time {
        width: 100%;
        text-align: center;
    }
}