/* About page: balanced image-and-copy introduction. */
.section-aboutus .featured-aboutus img {
    display: block;
    width: 100%;
}

@media only screen and (min-width: 1200px) {
    .section-aboutus {
        display: flex;
        align-items: stretch;
    }

    .section-aboutus .featured-aboutus,
    .section-aboutus .info-aboutus {
        float: none !important;
    }

    .section-aboutus .featured-aboutus {
        display: flex;
        width: 50.78125%;
    }

    .section-aboutus .featured-aboutus img {
        height: 100%;
        object-fit: cover;
    }

    .section-aboutus .info-aboutus {
        display: flex;
        align-items: center;
        width: 49.21875%;
        height: auto !important;
        padding: 56px clamp(56px, 5vw, 88px);
    }

    .section-aboutus .info-aboutus .title-section.style2.left {
        width: 100%;
        max-width: 680px;
        margin: 0;
    }

    .section-aboutus .info-aboutus .title-section .title {
        margin: 0 0 26px;
        font-size: clamp(36px, 2.2vw, 42px);
        line-height: 1.18;
    }

    .section-aboutus .info-aboutus .title-section .sub-title {
        margin: 0;
        font-size: 18px;
        line-height: 30px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    .section-aboutus .info-aboutus {
        padding: 38px 44px;
    }

    .section-aboutus .info-aboutus .title-section .title {
        margin-bottom: 20px;
        font-size: 34px;
        line-height: 41px;
    }

    .section-aboutus .info-aboutus .title-section .sub-title {
        font-size: 17px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 1199px) {
    .section-aboutus .featured-aboutus,
    .section-aboutus .info-aboutus {
        float: none !important;
        width: 100%;
    }

    .section-aboutus .info-aboutus {
        height: auto !important;
        padding: 44px clamp(32px, 6vw, 64px) 50px;
    }

    .section-aboutus .info-aboutus .title-section.style2.left {
        width: 100%;
        max-width: 780px;
        margin: 0 auto;
    }

    .section-aboutus .info-aboutus .title-section .title {
        margin: 0 0 22px;
        font-size: 34px;
        line-height: 42px;
    }

    .section-aboutus .info-aboutus .title-section .sub-title {
        margin: 0;
        font-size: 17px;
        line-height: 29px;
    }
}

@media only screen and (max-width: 767px) {
    .section-aboutus .info-aboutus {
        padding: 34px 20px 40px;
    }

    .section-aboutus .info-aboutus .title-section .title {
        margin-bottom: 20px;
        font-size: 29px;
        line-height: 36px;
    }

    .section-aboutus .info-aboutus .title-section .sub-title {
        font-size: 16px;
        line-height: 27px;
    }
}

@media only screen and (max-width: 479px) {
    .section-aboutus .info-aboutus .title-section .title {
        font-size: 27px;
        line-height: 34px;
    }

    .section-aboutus .info-aboutus .title-section .sub-title {
        line-height: 26px;
    }
}