@media (max-width:1023px) {
    .main-container .business .section-header {
        width: fit-content;
        max-width: 100%;
    }
}

@media (max-width:767px) {
    .main-container .business .section-header {
        width: calc(100% - var(--side-padding) * 2);
    }
}

@media (max-width:370px) {
    .main-container .business .section-header .title br {
        display: none;
    }
}

/* .category: 16px at every width in common.css. 0.8x above 1023px, 0.9x at 1023px and below */
.main-container .business .subsection .slider .swiper-slide .category {
    font-size: 12.8px;
}

@media (max-width:1023px) {
    .main-container .business .subsection .slider .swiper-slide .category {
        font-size: 14.4px;
    }
}

/* .category strong: common.css tiers are 40px (>=1024px) / 32px (<=1023px). 0.8x / 0.9x respectively */
.main-container .business .subsection .slider .swiper-slide .category strong {
    font-size: 32px;
}

@media (max-width:1023px) {
    .main-container .business .subsection .slider .swiper-slide .category strong {
        font-size: 28.8px;
    }
}

/* .description .text: common.css tiers are 32px (>1440px) / 24px (<=1440px) / 18px (<=1023px). 0.8x / 0.8x / 0.9x */
.main-container .business .subsection .slider .swiper-slide .description .text {
    font-size: 25.6px;
}

@media (max-width:1440px) {
    .main-container .business .subsection .slider .swiper-slide .description .text {
        font-size: 19.2px;
    }
}

@media (max-width:1023px) {
    .main-container .business .subsection .slider .swiper-slide .description .text {
        font-size: 16.2px;
    }
}

.main-container .business .subsection .slider .swiper-slide .category,
.main-container .business .subsection .slider .swiper-slide .category strong {
    word-break: keep-all;
}

/* .sticky base rule only unlocks height:auto at <=1023px AND <=600px height; most phones are taller
   than 600px, so .global .sticky stays at height:100vh + overflow:hidden and clips the map/lines.
   .business .subsection .sticky already has this same override (width-only condition) — .global was missing it. */
@media (max-width:1023px) {
    .main-container .global .sticky {
        height: auto;
        min-height: 100vh;
    }
}

@media (max-width:360px) {
    .main-container .global.active .sticky .inwrap .section-header .text br {
        display: none;
    }
}

.main-container .news .slider .no-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #999;
    font-size: 16px;
}