@media only screen and (max-width: 1400px) {
    .main-header .main-header-pattern-box {
        width: 56%;
    }

    .main-header .top-ad-image {
        height: 110px;
    }

    .home-feature-section .home-feature-swiper {
        height: 560px;
    }

    .home-feature-section .home-feature-title {
        font-size: var(--fs_22);
    }
}

@media only screen and (max-width: 1200px) {
    .main-header .main-header-logo-image {
        width: 160px;
    }

    .main-header .main-header-pattern-box {
        width: 54%;
    }

    .main-header .top-ad-image {
        height: 96px;
    }

    .home-left-sidebar .home-category-link {
        padding: 14px 16px;
        font-size: var(--fs_14);
    }

    .home-feature-section .home-feature-swiper {
        height: 520px;
    }

    .home-feature-section .home-feature-content {
        left: 22px;
        right: 22px;
        bottom: 22px;
    }

    .home-right-sidebar .home-thought-card {
        border-width: 6px;
        padding: 22px 18px;
    }
}

@media only screen and (max-width: 992px) {

    .breadcrumb_top_part .article-detail-section__top-row {
        row-gap: 10px;
    }

    .breadcrumb_top_part .article-detail-section__breadcrumb-col {
        justify-content: flex-start;
    }

    .breadcrumb_top_part .article-detail-section__breadcrumb {
        justify-content: flex-start;
        text-align: left;
        flex-wrap: wrap;
        white-space: normal;
        overflow: visible;
    }

    .breadcrumb_top_part .article-detail-section__breadcrumb-current {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }

    .breadcrumb_top_part .article-detail-section__top {
        padding: 0;
    }

    .main-header {
        padding: 12px 0;
    }

    .main-header .main-header-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 14px;
    }

    .main-header .main-header-logo-box {
        width: 100%;
        justify-content: center;
    }

    .main-header .main-header-logo-image {
        width: 160px;
    }

    .main-header .main-header-pattern-box {
        width: 100%;
        display: block;
    }

    .main-header .top-ad-image {
        width: 100%;
        height: 90px;
        object-fit: contain;
    }

    .main-navbar .container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .main-navbar .main-navbar-toggle {
        margin: 8px 0;
        padding: 7px 10px;
        background-color: var(--bg_color_1);
        border-radius: 0;
    }

    .main-navbar .main-navbar-toggle:focus {
        box-shadow: none;
    }

    .main-navbar .main-navbar-toggle-icon {
        width: 22px;
        height: 22px;
    }

    .main-navbar .main-navbar-collapse {
        width: 100%;
        align-items: unset;
        justify-content: unset;
    }

    .main-navbar .main-navbar-collapse:not(.show) {
        display: none !important;
    }

    .main-navbar .main-navbar-collapse.show,
    .main-navbar .main-navbar-collapse.collapsing {
        display: block !important;
    }

    .main-navbar .main-navbar-list {
        width: 100%;
        display: flex;
        align-items: stretch;
        flex-direction: column;
        padding: 8px 0 0;
    }

    .main-navbar .main-navbar-item {
        width: 100%;
    }

    .main-navbar .main-navbar-link {
        width: 100%;
        padding: 14px 16px !important;
        justify-content: flex-start;
        border-left: 0;
        border-bottom: 1px solid var(--border_color_3);
    }

    .main-navbar .main-navbar-right {
        width: 100%;
        margin-left: 0;
        display: flex;
        align-items: stretch;
    }

    .main-navbar .main-navbar-epaper-link {
        width: 100%;
        padding: 15px 16px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        color: var(--text_color_2);
        border-left: 0;
        border-right: 0;
    }

    .main-navbar .main-navbar-epaper-link svg {
        width: 20px;
        height: 20px;
        fill: currentColor;
        color: currentColor;
    }

    .main-navbar .main-navbar-epaper-link svg path {
        fill: currentColor;
    }

    .home-left-sidebar,
    .home-right-sidebar {
        position: static;
    }

    .home-feature-section .home-feature-swiper {
        height: 540px;
    }

    .home-feature-section .home-thumb-swiper {
        overflow-x: hidden;
    }

    .home-right-sidebar .home-right-post img {
        height: auto;
    }

    .home-right-sidebar .vertical-linear-slider {
        height: 520px;
    }

    .visiting-ad-section .visiting-ad-item {
        height: 110px;
    }

}

@media only screen and (max-width: 768px) {
    .main-header {
        padding: 14px 0;
    }

    .main-header .main-header-logo-image {
        width: 150px;
    }

    .main-header .top-ad-image {
        height: 80px;
    }

    .news-ticker-section {
        padding: 14px 0;
    }

    .home-feature-section .home-feature-card {
        border-radius: 24px;
    }

    .home-feature-section .home-feature-swiper,
    .home-feature-section .home-feature-post {
        height: 440px;
        border-radius: 24px;
    }

    .home-feature-section .home-feature-content {
        left: 18px;
        right: 18px;
        bottom: 18px;
        padding: 16px 18px;
    }

    .home-feature-section .home-feature-button {
        width: 34px;
        height: 34px;
    }

    .home-feature-section .home-feature-arrow {
        font-size: var(--fs_26);
    }

    .home-feature-section .home-feature-pagination {
        bottom: 8px;
    }

    .home-feature-section .home-post-title {
        font-size: var(--fs_20);
    }

    .home-feature-section .home-ad-title {
        font-size: var(--fs_20);
    }

    .visiting-ad-section .visiting-ad-card {
        padding: 12px;
    }

    .visiting-ad-section .visiting-ad-heading-row {
        align-items: flex-start;
    }

    .visiting-ad-section .visiting-ad-item {
        height: 100px;
    }

}

@media only screen and (max-width: 576px) {
    .main-header {
        padding: 10px 0;
    }

    .main-header .main-header-wrapper {
        gap: 10px;
    }

    .main-header .main-header-logo-image {
        width: 132px;
    }

    .main-header .top-ad-image {
        height: 58px;
    }

    .main-navbar .main-navbar-toggle {
        margin: 8px 0;
        background-color: var(--bg_color_1);
    }

    .main-navbar .main-navbar-link {
        font-size: var(--fs_14);
        padding: 13px 14px !important;
    }

    .main-navbar .main-navbar-epaper-link {
        font-size: var(--fs_14);
        padding: 14px;
    }

    .news-ticker-section .news-ticker-wrapper {
        border-radius: 18px;
    }

    .home-feature-section .home-feature-card,
    .home-feature-section .home-feature-swiper,
    .home-feature-section .home-feature-post {
        border-radius: 20px;
    }

    .home-feature-section .home-feature-swiper,
    .home-feature-section .home-feature-post {
        height: 360px;
    }

    .home-feature-section .home-feature-content {
        left: 12px;
        right: 12px;
        bottom: 14px;
        padding: 14px 15px;
        border-radius: 16px;
    }

    .home-feature-section .home-feature-title {
        font-size: var(--fs_18);
    }

    .home-left-sidebar .home-category-card,
    .home-left-sidebar .home-sidebar-card,
    .home-right-sidebar .home-thought-card,
    .home-right-sidebar .home-update-card {
        border-radius: 20px;
    }

    .home-feature-section .home-thumb-swiper {
        margin-top: 22px;
        padding-top: 14px;
    }

    .home-feature-section .home-thumb-item {
        height: 86px;
    }

    .home-feature-section .home-post-title {
        font-size: var(--fs_18);
    }

    .home-feature-section .home-ad-title {
        font-size: var(--fs_18);
    }

    .home-right-sidebar .home-blue-link-row a {
        min-height: 42px;
        font-size: var(--fs_14);
    }

    .home-right-sidebar .home-right-post {
        padding-left: 10px;
        padding-right: 10px;
    }

    .home-right-sidebar .vertical-linear-slider {
        height: 480px;
    }

    .visiting-ad-section .visiting-ad-heading-row {
        gap: 10px;
    }

    .visiting-ad-section .visiting-ad-title {
        padding: 8px 14px;
        font-size: var(--fs_14);
    }

    .visiting-ad-section .visiting-ad-arrow {
        width: 30px;
        height: 30px;
        font-size: var(--fs_24);
    }

    .visiting-ad-section .visiting-ad-item {
        height: 88px;
    }

    .home-post-view-more-btn {
        width: 100%;
    }

    .scroll-top-button {
        width: 38px;
        height: 38px;
        right: 14px;
        bottom: 14px;
    }
}