@media (max-width:1023px) {
    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong br {
        display: none
    }

    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong {
        font-size: 32.64px
    }
}

@media (max-width:580px) {
    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong {
        font-size: 21.93px
    }
}

@media (max-width:480px) {
    #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li br {
        display: none
    }

    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(1),
    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(2),
    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel li:nth-child(3) {
        font-size: 10.2px;
        word-break: keep-all
    }

    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong {
        font-size: 17.55px
    }
}

@media (max-width:380px) {
    html.en #wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong {
        font-size: 14.04px
    }
}

@media (max-width:768px) {
    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTit {
        word-break: keep-all
    }
}

@media (max-width:437px) {
    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt p {
        font-size: 19.2px
    }

    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt ul>li {
        font-size: 12.8px
    }
}

@media (max-width:480px) {
    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTit {
        font-size: 25.6px
    }
}

@media (max-width:400px) {
    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTit {
        font-size: 20.48px
    }
}

@media (max-width:369px) {
    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt {
        padding: 20px 32px 30px
    }

    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt p {
        font-size: 15.36px
    }

    #wrapper .business.ability .motionWrap .cardWrap .cardList>li a .cardTxt ul>li {
        font-size: 10.24px
    }
}

/* Capabilities (ability) R&D cards: keep image inside the card and show pagination while it slides (<=989px) */
@media (max-width: 989px) {
    #wrapper .business.ability .motionWrap .cardWrap .cardList>li::before {
        background-size: auto 60%
    }

    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiperPagination {
        font-size: 0;
        display: block;
        margin-top: 1.5rem;
        text-align: center
    }

    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiperPagination .swiper-pagination-bullet {
        width: 2.5rem;
        height: .5rem;
        border-radius: .25rem;
        background: #b8b8b8;
        opacity: 1
    }

    #wrapper .business.ability .motionWrap .cardWrap .abilitySwiper .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #111
    }
}