/* Common */
@media screen and (min-width: 769px) {
    .content-for-layout {
        letter-spacing: 0;
        --font-size-lg-64: clamp(calc(64px * 0.5), 3.333vw, 64px);
        /* 全程缩放 */
        --font-size-lg-60: clamp(calc(60px * 0.5), 3.125vw, 60px);
        /* 全程缩放 */
        --font-size-lg-48: clamp(calc(48px * 0.5), 3.429vw, 48px);
        --font-size-lg-32: clamp(calc(32px * 0.7), 2.286vw, 32px);
        --font-size-lg-36: clamp(calc(36px * 0.7), 2.571vw, 36px);
        --font-size-lg-20: clamp(calc(20px * 0.7), 1.429vw, 20px);
        --font-size-lg-20: clamp(calc(20px * 0.7), 1.429vw, 20px);
        --font-size-lg-17: clamp(calc(17px * 0.7), 1.214vw, 17px);
        --font-size-14: 14px;
    }
}

@media screen and (max-width: 768px) {
    .content-for-layout {
        --font-size-sm-44: clamp(22px, 11.17vw, calc(44px * 1.4));
        --font-size-sm-36: clamp(18px, 9.6vw, calc(36px * 1.4));
        --font-size-sm-32: clamp(16px, 8.533vw, calc(32px * 1.4));
        --font-size-sm-30: clamp(15px, 8vw, calc(30px * 1.4));
        --font-size-sm-24: clamp(14px, 6.4vw, calc(24px * 1.4));
        --font-size-sm-20: clamp(12px, 5.333vw, calc(20px * 1.4));
        --font-size-sm-18: clamp(10px, 4.8vw, calc(18px * 1.4));
        --font-size-sm-16: clamp(9px, 4.267vw, calc(16px * 1.4));
        --font-size-sm-14: clamp(8px, 3.733vw, calc(14px * 1.4));
        --font-size-sm-13: clamp(8px, 3.467vw, calc(13px * 1.4));
        --font-size-sm-12: clamp(8px, 3.2vw, calc(12px * 1.4));
        --font-size-sm-11: clamp(8px, 2.933vw, calc(11px * 1.4));
        --font-size-sm-10: clamp(8px, 2.667vw, calc(10px * 1.4));
        --font-size-14: 14px;
    }
}

/* .content-for-layout .container-ho,
.content-for-layout .tnv30textoverimg-box,
.content-for-layout .tnv30packlist-container {
    max-width: var(--page-width);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
} */

/* @media screen and (min-width: 989px) {

    .content-for-layout .container-ho,
    .content-for-layout .tnv30textoverimg-box,
    .content-for-layout .tnv30packlist-container {
        padding-left: 5rem;
        padding-right: 5rem;
    }
} */

.common-title {
    font-size: var(--font-size-lg-48, var(--font-size-sm-24));
}

.common-subtitle {
    font-size: var(--font-size-lg-20, var(--font-size-sm-13));
}

.common-desc {
    font-size: var(--font-size-lg-20, var(--font-size-sm-11));
}

.common-desc p {
    margin: 0;
}


/* Video banner */
.pro4kteoverimg-container .tnv30scrollimg-box-logo {
    width: calc(50px + 7.5vw);
    margin: auto;
    height: auto;
    position: absolute;
    top: 5%;
}

.pro4kteoverimg-container .tnv30scrollimg-box-logo img,
.pro4kteoverimg-container .tnv30scrollimg-box-logo svg {
    width: 100%;
    margin: auto;
    height: auto;
}

.pro4kteoverimg-container .pro4kteoverimg-text {
    min-width: 80%;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.pro4kteoverimg-container .pro4kteoverimg-text .tnv30scrollimg-box-title {
    font-size: var(--font-size-lg-60, var(--font-size-sm-36));
    font-weight: 700;
    line-height: 1.2;
}

.pro4kteoverimg-container .pro4kteoverimg-text .pro4kteoverimg-content {
    font-size: var(--font-size-lg-20, var(--font-size-sm-11));
}

@media screen and (max-width: 768px) {
    .pro4kteoverimg-container .pro4kteoverimg-text {
        min-width: 90%;
    }

    .pro4kteoverimg-container .tnv30scrollimg-box-logo svg {
        width: 26vw;
        margin-bottom: 2vw;
    }
}

/* End of video banner */

/* genepro_s1-problems */
.genepro_s1-problems .common-title {
    font-size: clamp(30px, 3.125vw, 60px);
}

.genepro_s1-problems .common-subtitle {
    font-size: clamp(16px, 1.667vw, 32px);
}

.genepro_s1-problems .genepro_s1-problems__item .genepro_s1-problems__item-overlay__label {
    font-size: clamp(12px, 1.1vw, 20px);
}

@media screen and (max-width: 768px) {
    .genepro_s1-problems .common-title {
        font-size: var(--font-size-sm-30);
    }

    .genepro_s1-problems .common-subtitle {
        font-size: var(--font-size-sm-18);
    }

    .genepro_s1-problems .genepro_s1-problems__item .genepro_s1-problems__item-overlay__label {
        font-size: var(--font-size-sm-11);
    }
}

/* End of genepro_s1-problems */

/* Image grid */
@media screen and (min-width: 769px) {
    .image-video-grid .image-video-grid__container .image-overlay {
        padding: clamp(1px, 1.5vw, 22px) clamp(1px, 2.14vw, 30px);
    }
}

@media screen and (max-width: 768px) {
    .image-video-grid .image-video-grid__container .image-overlay__label p {
        line-height: 1.25;
    }
}

/* End of Image grid */

/* Slideshow */
.product-slideshow-swiper__overlay-wrapper {
    pointer-events: initial;
}

.product-slideshow-swiper__overlay-wrapper .product-slideshow-swiper__overlay-text .overlay-title p {
    font-size: var(--font-size-lg-60, var(--font-size-sm-36));
}

.product-slideshow-swiper__overlay-wrapper .product-slideshow-swiper__overlay-text .overlay-subtitle p {
    line-height: 1.3;
    font-size: var(--font-size-lg-36, var(--font-size-sm-24));
}

.product-slideshow-swiper__overlay-wrapper .product-slideshow-swiper__overlay-text .overlay-subtitle p+p {
    font-size: var(--font-size-lg-20, var(--font-size-sm-16));
}

@media screen and (max-width: 749px) {
    .product-slideshow-swiper .product-slideshow-swiper__overlay-wrapper.page-width {
        padding-top: 20%;
    }
}

/* ? */
.tnv30textoverimg-text.positop-over .tnv30textoverimg-text__inner .tnv30textoverimg-title {
    font-size: var(--font-size-lg-36, var(--font-size-sm-20));
    font-weight: 600;
    margin-bottom: clamp(10px, 2vw, 40px);
}

.tnv30textoverimg-text.positop-over .tnv30textoverimg-text__inner .tnv30textoverimg-content {
    font-size: var(--font-size-lg-20, var(--font-size-sm-11));
}

.tnv30textoverimg-text.positop-top .tnv30textoverimg-text__inner .tnv30textoverimg-title {
    font-size: var(--font-size-lg-48, var(--font-size-sm-24));
    font-weight: 700;
    /* margin-bottom: clamp(10px, 2vw, 40px); */
    margin-bottom: 0;
    line-height: 1.25;
}

.tnv30textoverimg-text.positop-top .tnv30textoverimg-text__inner .tnv30textoverimg-subtitle {
    font-size: var(--font-size-lg-20, var(--font-size-sm-13));
    font-weight: 600;
    margin-top: 8px;
}

.tnv30textoverimg-text.positop-top .tnv30textoverimg-text__inner .tnv30textoverimg-content {
    font-size: var(--font-size-lg-20, var(--font-size-sm-11));
    margin-top: clamp(10px, 2.1vw, 40px);
    margin-bottom: clamp(10px, 2.1vw, 40px);
}

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

    .tnv30textoverimg-text.positop-over .tnv30textoverimg-text__inner .tnv30textoverimg-title,
    .tnv30textoverimg-text.positop-top .tnv30textoverimg-text__inner .tnv30textoverimg-title,
    .tnv30textoverimg-text.positop-top .tnv30textoverimg-text__inner .tnv30textoverimg-content {
        /* margin-bottom: 3vw; */
    }

    .tnv30textoverimg-text.positop-top .tnv30textoverimg-text__inner .tnv30textoverimg-content {
        /* margin-top: clamp(20px, 6.2vw, 30px); */
        margin-bottom: clamp(20px, 6.4vw, 32px);
    }
}

.tnv30textoverimg-subtitle {
    font-size: var(--font-size-lg-20, var(--font-size-sm-11));
}

/* image with text */
.advmutitextandimg-container .common-title {
    line-height: 1.2;
}

.advmutitextandimg-text .advmutitextandimg-ittitle {
    font-size: var(--font-size-lg-36, var(--font-size-sm-18));
    font-weight: 600;
}

.advmutitextandimg-box.flex-row .advmutitextandimg-text .advmutitextandimg-ittitle {
    margin-bottom: clamp(10px, 1.6vw, 30px);
}

.advmutitextandimg-text .advmutitextandimg-itcon {
    font-size: var(--font-size-lg-20, var(--font-size-sm-11));
}

.advmutitextandimg-container .common-header+.advmutitextandimg-box.flex-column {
    margin-top: calc(clamp(10px, 2.61vw, 50px) * 2);
}

/* End of Image with text */

/* genepro_s1-params-image */
/* End of genepro_s1-params-image */

/* tnv30textmedia */
.tnv30textmedia-container .tnv30textmedia-title {
    font-size: var(--font-size-lg-48, var(--font-size-sm-24));
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: clamp(8px, 1.25vw, 24px);
}

.tnv30textmedia-container .tnv30textmedia-subtitle {
    font-size: var(--font-size-lg-20, var(--font-size-sm-13));
    font-weight: 600;
}

.tnv30textmedia-container .tnv30textmedia-content {
    font-size: var(--font-size-lg-20, var(--font-size-sm-11));
    padding-right: 0;
    margin: clamp(10px, 2.61vw, 50px) auto;
}

@media (max-width: 959px) {
    .advmutitextandimg-text .advmutitextandimg-itcon {
        font-weight: 400;
        font-size: 16px;
    }
    .tnv30textmedia-container .tnv30textmedia-content {
        font-size: 16px;
    }
}

@media screen and (max-width: 550px) {
    .tnv30-textwithmedia .tnv30textmedia-container {
        padding-top: 15vw;
    }

    .tnv30textmedia-container .tnv30textmedia-content {
        margin: clamp(10px, 6.667vw, 32px) auto;
    }
}

/* End of tnv30textmedia */

/* genepro_s1-app-enhanced */
.genepro_s1-app-enhanced .common-desc {
    margin: clamp(10px, 2.61vw, 50px) auto;
}

/* End of genepro_s1-app-enhanced */

/* Compare */
.tnv30procompare-box.container-ho {
    max-width: 1400px !important;
}

/* Package list */
.tnv30packlist-container .tnv30packlist-title {
    font-size: var(--font-size-lg-48, var(--font-size-sm-20));
}

@media (min-width: 769px) {
    .tnv30packlist-container {
        padding: 9vw 20px;
    }
}


/* Comapre */
.tnv30procompare__heading .tnv30procompare-title {
    font-size: var(--font-size-lg-60, var(--font-size-sm-30));
    font-weight: 700;
}

.tnv30procompare__heading .tnv30procompare-subtitle p {
    margin-top: clamp(4px, 1%, 16px);
    font-size: var(--font-size-lg-36, var(--font-size-sm-20));
    margin-bottom: 0;
}

.tnv30procompare__heading .tnv30procompare-desc p {
    font-size: var(--font-size-lg-20, var(--font-size-sm-16));
    line-height: normal;
    margin-top: 0;
}

.tnv30pc-compitem-buy .button.paymeny-buttoncomp {
    --buttons-radius: 50px;
    --buttons-radius-outset: 50px;
}

@media (max-width: 768px) {
    .tnv30procompare__heading .tnv30procompare-title,
    .tnv30packlist-container .tnv30packlist-title {
        text-align: center;
        font-size: 24px;
    }
}