@media screen and (max-width: 64rem) {
    .index-page .advantage .list .item .content {
        padding: var(--wp--custom--spacing--base) var(--wp--custom--spacing--plus-2);
    }
}

@media screen and (max-width: 61.5rem) {
    nav.sub-nav {
        grid-template-columns: auto;
        gap: 0;
    }
}

@media screen and (max-width: 60rem) {
    .insights-page .message-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-us-page .people .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .clinical-trials-page .team .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .isee-portal .explore .list,
    .isee-viewer-page .explore .list,
    .imaging-lab-page .explore .list {
        grid-template-columns: none;
    }
}

@media screen and (max-width: 57.5rem) {
    .header-bottom nav ul {
        gap: var(--wp--custom--spacing--plus-1);
        font-size: clamp(.875rem, .7813rem + .4167vw, 1rem);
    }

}

@media screen and (max-width: 55rem) {
    .footer-top {
        justify-content: center;
    }

    .footer-top::after {
        content: '';
        order: 3;
        width: 100%;
    }

    .footer-bottom .copyright {
        width: 100%;
        text-align: center;
    }

    .footer-bottom nav ul li:first-child::before {
        display: none;
    }

    .about-us-page .phone-message-list,
    .contact-us-page .phone-message-list {
        display: block;
    }

    .contact-us-page #contact-map_svg__us-line,
    .contact-us-page #contact-map_svg__china-line,
    .contact-us-page #contact-map_svg__france-line,
    .contact-us-page #contact-map_svg__china-text,
    .contact-us-page #contact-map_svg__france-text,
    .contact-us-page #contact-map_svg__us-text {
        display: none;
    }

    .about-us-page #about-map_svg__us-line,
    .about-us-page #about-map_svg__china-line,
    .about-us-page #about-map_svg__france-line,
    .about-us-page #about-map_svg__china-text,
    .about-us-page #about-map_svg__france-text,
    .about-us-page #about-map_svg__us-text {
        display: none;
    }

    .about-us-page .business .btn-list {
        flex-direction: column;
    }

    .isee-portal .reporting .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 50rem) {
    .index-page .advantage .list {
        grid-template-rows: [circle-one-start] var(--wp--custom--spacing--plus-4) minmax(0, 1fr) [circle-two-start] var(--wp--custom--spacing--plus-4) [circle-one-end] minmax(0, 1fr) [circle-three-start] var(--wp--custom--spacing--plus-4) [circle-two-end] minmax(0, 1fr) var(--wp--custom--spacing--plus-4) [circle-three-end];
        grid-template-columns: [circle-one-start circle-two-start circle-three-start] minmax(0, 1fr) [circle-one-end circle-two-end circle-three-end];
    }
}

@media screen and (max-width: 48rem) {
    .index-page .beyond .list {
        display: grid;
        gap: var(--wp--custom--spacing--plus-2);
        margin-top: var(--wp--custom--spacing--plus-6);
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .index-page .invest {
        grid-template-columns: 100%;
    }

    .index-page .invest figure {
        grid-column: 1;
        grid-row: 1;
    }

    .index-page .invest .content {
        grid-column: 1;
        grid-row: 2;
        border: 0;
    }

    .index-page .work {
        grid-template-columns: 100%;
    }

    .index-page .work .content {
        grid-column: 1;
        grid-row: 2;
        border: 0;
    }

    .index-page .work figure {
        grid-column: 1;
        grid-row: 1;
    }

    .careers-page .core-value {
        grid-template-columns: none;
    }

    .careers-page .core-value::after {
        display: none;
    }

    .careers-page .core-value .left-text .image-list {
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        max-height: 4rem;
        max-width: 4rem;
    }

    .careers-page .core-value .left-text {
        padding-bottom: 0;
    }

    .careers-page .core-value .left-text .text {
        padding-right: 5rem;
    }

    .about-us-page .advantage .content {
        grid-template-columns: none;
    }

    .about-us-page .advantage .content .text {
        grid-column: 1;
        grid-row: 2;
        border: 0;
        padding-right: 0;
    }

    .about-us-page .advantage .content figure {
        grid-column: 1;
        grid-row: 1;
    }

    .about-us-page .speaker {
        grid-template-columns: 100%;
    }

    .about-us-page .speaker figure {
        grid-column: 1;
        grid-row: 1;
    }

    .about-us-page .speaker .content {
        grid-column: 1;
        grid-row: 2;
        border: 0;
        padding-top: var(--wp--custom--spacing--plus-2);
        padding-bottom: var(--wp--custom--spacing--plus-4);
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .about-us-page .speaker figure img {
        position: relative;
    }

    .clinical-trials-page .services .content {
        grid-template-columns: none;
    }

    .clinical-trials-page .services .content::after {
        display: none;
    }

    .clinical-trials-page .services .content .left {
        padding-bottom: 0;
    }

    .clinical-trials-page .intelligence .main-content {
        grid-template-columns: 100%;
    }

    .clinical-trials-page .intelligence .main-content .content {
        grid-column: 1;
        grid-row: 2;
    }

    .clinical-trials-page .intelligence .main-content .image {
        grid-column: 1;
        grid-row: 1;
        border: 0;
    }

    .clinical-trials-page .clients .list {
        flex-direction: column;
    }

    .clinical-trials-page .clients .list {
        gap: var(--wp--custom--spacing--plus-2);
    }

    .isee-viewer-page .platform,
    .imaging-lab-page .intelligent {
        grid-template-columns: 100%;
    }

    .isee-viewer-page .platform .content,
    .imaging-lab-page .intelligent .content {
        grid-column: 1;
        grid-row: 2;
        border: 0;
    }

    .isee-viewer-page .platform figure,
    .imaging-lab-page .intelligent figure {
        grid-column: 1;
        grid-row: 1;
    }

    .clinical-trials-page .leader {
        grid-area: var(--wp--custom--spacing--plus-2);
    }

    .clinical-trials-page .experience .list {
        gap: var(--wp--custom--spacing--plus-2);
    }

    .open-position-page .main-content {
        grid-template-columns: none;
    }

    .open-position-page .main-content .other-message {
        order: -1;
    }

    .open-position-page .main-content::after {
        display: none;
    }

    .open-position-page .main-content .other-message {
        text-align: center;
    }

    .clinical-trials-page .leader {
        gap: var(--wp--custom--spacing--plus-2);
    }
}

@media screen and (max-width: 47.5rem) {
    .header-bottom .logo {
        width: 8rem;
    }

    .header-bar .list {
        gap: var(--wp--custom--spacing--base);
    }

    .header-bottom nav ul {
        font-size: var(--wp--preset--font-size--minus-1);
    }
}

@media screen and (max-width: 45rem) {
    .about-us-page .serve .list {
        grid-template-columns: none;
    }

    .about-us-page .serve .list .item:not(:last-child)::after {
        display: none;
    }

    .webinars-closing-page .presenters .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .webinars-closing-page .video-content {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

@media screen and (max-width: 42.5rem) {
    .top-nav-list {
        display: none;
    }

    .bottom-nav-list {
        display: none;
    }

    header .phone-menu {
        display: flex;
    }

    .header-bottom {
        height: 5.5rem;
    }

    body {
        padding-top: 8rem !important;
    }
}

@media screen and (max-width: 42rem) {
    .index-page .banner .content {
        z-index: 3;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }


    .top-content .image img {
        opacity: .25;
    }

    .insights-page .conferences-list {
        grid-template-columns: none;
    }

    .insights-page .message-list {
        grid-template-columns: none;
    }

    .top-content .image {
        height: 100%;
        max-width: 75%;
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute;
        right: 0;
        top: 0;
    }

    .about-us-page .top-content .content,
    .careers-page .top-content .content {
        width: 100%;
    }

    .about-us-page .people .list {
        grid-template-columns: none;
    }

    .clinical-trials-page .top-content .content {
        z-index: 2;
        width: 100%;
    }

    .clinical-trials-page .technology .list {
        grid-template-columns: none;
    }

    .clinical-trials-page .team .list {
        grid-template-columns: none;
    }

    .isee-portal .bottom-banner .content,
    .isee-viewer-page .bottom-banner .content,
    .imaging-lab-page .bottom-banner .content,
    .clinical-trials-page .bottom-banner .content {
        z-index: 2;
        width: 100%;
        min-width: auto;
    }
}

@media screen and (max-width: 781px) {
    .insights-page .articles .description {
        flex-wrap: wrap;
    }

    .insights-page .articles .description .content {
        flex-basis: 100%;
    }

    .insights-page .articles .description .image {
        order: -1;
        flex-basis: 100%;
    }

    .careers-page .bottom {
        flex-wrap: wrap;
    }

    .careers-page .bottom .left {
        flex-basis: 100%;
    }

    .careers-page .bottom .right {
        flex-basis: 100%;
    }

    .clinical-trials-page .leader {
        flex-wrap: wrap;
    }

    .clinical-trials-page .leader .content {
        flex-basis: 100%;
    }

    .clinical-trials-page .leader .video {
        flex-basis: 100%;
    }

    .clinical-trials-page .trusted .list {
        flex-wrap: wrap;
    }

    .clinical-trials-page .trusted .list .item {
        flex-basis: 100%;
        width: 100%;
    }

    .clinical-trials-page .experience .list {
        flex-wrap: wrap;
    }

    .clinical-trials-page .experience .list .item {
        flex-basis: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 38rem) {
    .about-us-page .people .list .item .dialog-content .dialog-main {
        grid-template-columns: none;
    }

    .about-us-page .people .list .item .dialog-content figure {
        order: -1;
    }
}

@media screen and (max-width: 32.5rem) {
    .careers-page .top-content .content {
        min-width: auto;
    }

    .footer-bottom {
        justify-content: center;
    }

    .footer-bottom nav ul {
        flex-wrap: wrap;
        text-align: center;
    }

    .footer-bottom nav ul li {
        width: 100%;
    }

    .footer-bottom nav ul li::before {
        display: none;
    }

    .footer-bottom .design-web {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 30rem) {
    .index-page .advantage .list .item::after {
        transform: scale(1.15);
    }

    .subscribe-form form {
        display: block;
    }

    .webinars-closing-page .presenters .list {
        grid-template-columns: none;
    }

    .webinars-closing-page .video-content {
        grid-template-columns: none;
    }

    .webinars-page .latest-list li .content {
        grid-template-columns: none;
    }

    .webinars-page .latest-list li .content .image {
        order: -1;
    }

    .articles-page .content-list {
        grid-template-columns: none;
    }

    .videos-page .latest-list li .content {
        grid-template-columns: none;
    }

    .videos-page .latest-list li .content .image {
        order: -1;
    }

    .type-area {
        overflow: hidden;
    }
}