.mgt-director-content-heading {
    font-family: 'FrutigerLTStd-Bold';
    font-size: 23pt;
    color: #1b75bb
}

html[lang="zh-Hans-HK"] .mgt-director-content-heading {
    font-family: 'NotoSansSC-Bold';
}

html[lang="zh-Hant-HK"] .mgt-director-content-heading {
    font-family: 'NotoSansHK-Bold';
}

.xc-font-sm .mgt-director-content-heading {
    font-size: 21pt;
}

.xc-font-lg .mgt-director-content-heading {
    font-size: 25pt;
}

.mgt-director-num {
    width: 30px;
    height: 30px;
    margin-top: 13px;
    text-align: left;
}

.mgt-director-content {
    margin-top: -50px;
    padding-left: 5px;
}

.mgt-content-name {
    font-family: 'FrutigerLTStd-Roman';
    color: #0066b1;
    font-size: 18pt;
}

html[lang="zh-Hans-HK"] .mgt-content-name {
    font-family: 'NotoSansSC-Regular';
}

html[lang="zh-Hant-HK"] .mgt-content-name {
    font-family: 'NotoSansHK-Regular';
}

.xc-font-sm .mgt-content-name {
    font-size: 16pt;
}

.xc-font-lg .mgt-content-name {
    font-size: 20pt;
}

.mgt-content-title {
    font-family: 'FrutigerLTStd-Light';
    font-size: 14pt;
    margin-top: -18px;
}

html[lang="zh-Hans-HK"] .mgt-content-title {
    font-family: 'NotoSansSC-Light';
}

html[lang="zh-Hant-HK"] .mgt-content-title {
    font-family: 'NotoSansHK-Light';
}

.xc-font-sm .mgt-content-title {
    font-size: 12pt;
}

.xc-font-lg .mgt-content-title {
    font-size: 16pt;
}

.mgt-member-group {
    padding-top: 50px;
}

.mgt-member-num {
    margin-top: 1px;
    width: 30px;
    height: 30px;
}

.mgt-director-num img,
.mgt-member-num img {
    width: 30px;
    height: 30px;
}

.mgt-member-content {
    padding-left: 5px;
}

@media only screen and (max-width: 767px) {
    .mgt-group-silhouette {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mgt-group-silhouette img {
        width: 75%;
        padding-left: auto;
        padding-right: auto;
    }

    .mgt-director-group {
        padding-top: 0;
    }

    .mgt-director-container {
        padding-top: 30px;
        /* height: 160px; */
    }

    .mgt-director-num {
        margin-top: 60px;
    }

    .mgt-director-content {
        padding-top: 50px;
    }

    .mgt-member-container {
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media only screen and (min-width: 768px) {
    .mgt-group-silhouette {
        margin-top: -100px;
        padding-right: 30px;
    }

    .mgt-director-group {
        padding-top: 50px;
    }

    .mgt-director-content {
        padding-top: 0;
    }

    .mgt-member-container {
        height: 110px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mgt-member-container {
        height: 150px;
    }
}

@media only screen and (min-width: 992px) {
    .mgt-group-silhouette {
        margin-top: -120px;
        padding-right: 40px;
    }
}