@media (max-width: 1200px) {
    .container-width {
        padding: 0 50px;
    }
}

@media (max-width: 1000px) {
    .container-width {
        width: 100vw;
        padding: 0 4vw;
    }

    .banner {
        height: 144vw;
        padding-top: 16vw;
        background-image: url('https://www.orionstar.com/res/orics/down/ow001_20250728_8b695d8f855fa450c9794e884412ca2f.webp') !important;
    }
    .ja-JP .banner{
        background-image: url('https://www.orionstar.com/res/orics/down/ow001_20250124_199ac803eee248168232c9b9f1ce3ad8.webp') !important;
    }
    .banner-title {
        font-size: 6.4vw;
        margin-bottom: 4.267vw;
        padding: 0;
    }

    .banner-desc {
        font-size: 3.2vw;
    }

    .btn-text {
        padding: 1.333vw 3.2vw;
        font-size: 3.733vw;
    }

    .banner-btns {
        margin-top: 4.267vw;
    }

    .case-content {
        padding-top: 21.333vw;
        flex-direction: column;
    }

    .case-btn {
        display: inline-block;
    }

    .zh-btn {
        display: none;
    }

    .case-title {
        font-size: 4.8vw;
    }

    .case-desc {
        margin-top: 8vw;
        margin-bottom: 0;
        font-size: 3.2vw;
    }
    .expand{
        font-size: 3.2vw;
        color: #999999;
        text-align: center;
        margin-top: 4px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        margin-bottom: 8vw;
        margin-top: 1.6vw;
        height: 8vw;
        width: 24.533vw;
    }
    .expand img{
        width: 2.133vw;
        height: 2.133vw;
        margin-left: 0.533vw;
        transition: transform 0.3s ease;
    }
    .case-btn {
        font-size: 3.2vw;
        font-weight: 600;
    }

    .zh-CN .zh-btn {
        margin-left: 2.667vw;
    }

    .case-con-r {
        margin-top: 1.6vw;
    }

    .case-content .left {
        width: 100%;
        margin-right: 0;
    }

    .case-con {
        font-size: 3.2vw;
    }

    .btn {
        text-align: center;
        margin-top: 8vw;
    }

    .swiper-pagination {
        margin-top: 0vw;
        margin-bottom: 21.333vw;
    }

    .swiper-pagination-bullet {
        width: 1.333vw;
        height: 1.333vw;
    }

    .list {
        padding: 21.333vw 0;
    }

    .list-tab {
        height: 9.067vw;
        line-height: 9.067vw;
        width: 100%;
        border: none;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE and Edge */
    }

    .zh-CN .list-tab {
        justify-content: flex-start;
    }

    .list-tab .list-tab-item {
        flex: 0 0 27%;
        /* Shows 3.5 items (100% ÷ 3.5 ≈ 28.57%) */
        white-space: nowrap;
        font-size: 3.733vw;
        gap: 2.133vw;
    }
    .es-ES .list-tab .list-tab-item:nth-child(5){
        flex: 0 0 38%;
    }
    .list-tab .list-tab-item{
        width: auto;
    }
    .list-tab-item::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari, Opera */
    }

    .list-con {
        grid-template-columns: repeat(2, 1fr);
        gap: 3.2vw;
    }

    .list-desc {
        margin-top: 2.133vw;
        font-size: 3.2vw;
    }

    .list-con-item {
        margin-top: 4.8vw;
    }

    .list-img img {
        border-radius: 1.6vw;
    }

    .right img {
        border-radius: 1.6vw;
    }

    .pc {
        display: none !important;
    }

    .m {
        display: block !important;
    }
    .case-desc {
        line-height: 1.5;
        transition: max-height 0.3s ease-out;
    }
    
    .case-desc.truncated {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .zh-CN .case-desc.truncated {
        margin-bottom: 8vw;
        -webkit-line-clamp: none;
    }
    
    .expand {
        cursor: pointer;
    }

    .zh-CN .expand {
        display: none;
    }
    
    .expand.active img {
        transform: rotate(180deg);
    }
    .sticky-tab {
        position: fixed;
        top: 14vw;
        z-index: 999;
        background-color: #fff;
        width: 100%;
    }
}