/* index mobile fine-tune (matches provided screenshot) */
@media (max-width: 768px) {
	body,
	html {
		background-color: #FFF !important;
	}
	
	/* global containers */
	.pageContent {
		width: 100%;
	}

	.secondContent,
	.threeContent,
	.fourthContent,
	.fifthContent,
	.sixthContent,
	.seventhContent,
	.eighthContent,
	.ninthContent,
	.footerContent {
		width: calc(100% - 24px);
	}

	/* nav */
	.navArea,
	.navArea2 {
		width: calc(100% - 24px);
		height: 52px;
		padding: 0 12px;
	}

	.navLinkContent,
	.navLinkContent2,
	.navPhoneContent {
		display: none;
	}

	.partnerSignupBtn {
		display: none;
	}

	.showNavIcon {
		display: block;
		width: 22px;
		height: 22px;
		object-fit: contain;
	}

	.navLeft {
		width: auto;
	}

	.logo {
		height: 24px;
	}

	.partnerSignupBtn {
		width: 102px;
		height: 28px;
		font-size: 10px;
	}

	/* hero */
	.firstArea,
	.firstBannerContent {
		height: 445px;
	}

	.firstContent {
		width: calc(100% - 48px);
		height: auto;
		padding: 0 24px;
		margin-bottom: 24px;
		align-items: flex-start;
	}

	.firstLeftContent {
		/* width: calc(100% - 66px); */
		width: 100%;
		height: auto;
	}

	.firstTitle,
	.firstDetail {
		width: 100%;
	}

	.firstTitle {
		font-size: 28px;
		line-height: 1.05;
	}

	.firstDetail {
		margin-top: 10px;
		font-size: 11px;
		line-height: 1.45;
	}

	.firstBtnContent {
		margin-top: 14px;
		width: 100%;
		gap: 8px;
	}

	.bookAConBtn,
	.exOurSerBtn {
		width: calc(50% - 4px);
		height: 32px;
		font-size: 10px;
		margin: 0;
	}

	.firstStepImg {
		width: 50px;
		height: auto;
		display: none;
	}

	.firstBannerIndicators {
		bottom: 12px;
	}

	.firstBannerIndicator {
		width: 14px;
		height: 2px;
	}

	/* section title block */
	.secondArea {
		height: auto;
		padding: 28px 0 20px;
	}

	.secondContent {
		margin-top: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.secondTitle,
	.fifthTitle,
	.eighthTitle,
	.ninthLeftTitle {
		font-size: 26px;
		line-height: 1.08;
		text-align: left;
		margin-bottom: 6px;
	}
	
	.seventhTitle {
		width: 100%;
		font-size: 26px;
		line-height: 1.08;
		text-align: center !important;
		margin-bottom: 6px;
	}

	.secondFutitle,
	.fifthFutitle,
	.seventhFutitle,
	.ninthLeftFutitle {
		font-size: 11px;
		line-height: 1.35;
		margin-bottom: 8px;
		text-align: left;
	}

	.mb16 {
		margin-bottom: 8px;
	}

	.secondDetail,
	.fifthDetail,
	.seventhDetail,
	.eighthDetail {
		width: 100%;
		font-size: 10px;
		line-height: 1.45;
		text-align: center;
		
		text-align: left;
	}

	/* services cards on dark bg */
	.threeArea {
		height: auto;
		padding: 24px 0;
	}

	.threeContent {
		flex-direction: column;
		align-items: flex-start;
	}

	.threeLeftContent {
		width: 100%;
		gap: 6px;
	}

	.threeLeftItem,
	.threeLeftItem2 {
		width: 100%;
		min-height: 182px;
		height: auto;
		margin-bottom: 24px;
		padding: 24px;
		box-sizing: border-box;
	}

	.threeTitle {
		font-size: 15px;
	}

	.threeTitleIcon {
		width: 28px;
		height: 28px;
	}

	.threeFutitle {
		font-size: 9px;
		line-height: 1.35;
	}

	.threeDetail {
		font-size: 9px;
		line-height: 1.35;
		margin-bottom: 8px;
	}

	.threeRightIcon {
		width: 7px;
		height: 12px;
	}

	/* hide right detail panel in mobile, like screenshot */
	.threeRightContent {
		display: none;
	}

	/* bridge sections */
	.fourthArea,
	.sixthArea {
		background-color: #FFF;
		height: auto;
		padding: 20px 0 0;
	}

	.fourthContent,
	.sixthContent {
		height: auto;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-end;
		gap: 16px;
	}

	.fourth-1,
	.sixthImg {
		width: 60px;
		height: 102px;
	}

	.fourth-2,
	.fourth-3,
	.sixth-1,
	.sixth-2 {
		width: calc(100% - 78px);
		height: auto;
		padding: 7px;
		box-sizing: border-box;
		margin: 0;
	}

	.fourthLine,
	.sixthLine {
		display: none;
	}

	.fourthTitle {
		font-size: 12px;
		line-height: 1.35;
		margin-bottom: 6px;
		text-align: left;
	}
	.fourthTitle2,
	.sixthTitle {
		font-size: 12px;
		line-height: 1.35;
		margin-bottom: 6px;
	}

	.fourthDetail,
	.fourthDetail2,
	.sixthDetail,
	.sixthItemUl {
		font-size: 10px;
		line-height: 1.4;
		margin-bottom: 6px;
	}

	.fourthBtn,
	.sixthBtn {
		width: 156px;
		height: 32px;
		font-size: 10px;
		margin-top: 6px;
	}

	/* industry cards */
	.fifthArea {
		height: auto;
	}

	.fifthContent {
		margin-top: 30px;
	}

	.fifthMainContent {
		margin-top: 6px;
	}

	.fifithItem {
		width: calc(50% - 3px);
		margin-top: 8px;
	}

	.fifthItemImg {
		width: 100%;
		height: unset !important;
		object-fit: cover;
	}

	.fifithItemContent {
		width: calc(100% - 16px);
		padding: 7px;
		min-height: 0;
	}

	.fifithItemContent-hig {
		min-height: 0;
	}

	.fifthItemTitle {
		font-size: 12px;
		line-height: 1.2;
		margin-bottom: 4px;
	}

	.fifthItemFutitle,
	.fifthItemDetail,
	.fifthCollSector,
	.fifthCollSectorUl,
	.fifthCollTc,
	.fifthCollTcTxt {
		font-size: 8px;
		line-height: 1.35;
	}

	.fifthMoreBtn {
		width: 100%;
		height: 28px;
		font-size: 9px;
		margin-top: 8px;
	}

	/* insights two-column compact */
	.seventhArea {
		height: auto;
		padding: 30px 0;
	}

	.seventhMainContent {
		width: 100%;
		margin-top: 12px;
		align-items: flex-start;
		gap: 6px;
	}

	.seventhLeft {
		width: calc(50% - 3px);
		height: auto;
	}

	.seventhBg {
		width: 100%;
		height: unset !important;
		object-fit: cover;
	}

	.seventhLeftContent {
		width: calc(100% - 12px);
		padding: 0 6px 8px;
	}

	.seventhLeftTitle {
		font-size: 12px;
		margin-top: 8px;
	}

	.seventhLeftDetail {
		font-size: 9px;
		line-height: 1.35;
		margin-top: 5px;
	}

	.viewAllArticlesBtn {
		width: 110px;
		height: 28px;
		font-size: 9px;
		margin-top: 8px;
	}

	.seventhRight {
		width: calc(50% - 3px);
	}

	.seventhRightItem {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		width: 100%;
		height: auto;
		padding: 4px 0;
		margin-bottom: 4px;
	}
	
	.seventhRightItemLeft {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		width: 100%;
	}

	.seventhRightItemImg {
		width: 100%;
		height: unset;
		object-fit: cover;
	}

	.seventhRightItemInfo {
		margin-left: 0;
		margin-top: 12px;
	}

	.seventhRightItemInfoTitle {
		font-size: 12px;
		margin-bottom: 5px;
	}

	.seventhRightItemInfoDetail {
		width: auto;
		font-size: 10px;
		line-height: 1.35;
	}

	.seventhRightIcon {
		width: 18px;
		height: 18px;
		margin-right: 0px;
		margin-top: 8px;
	}

	/* about */
	.eighthArea {
		height: auto;
		padding: 30px 0;
	}

	.eighthTitle {
		margin-bottom: 14px;
	}

	.eighthDetail {
		margin-bottom: 8px;
	}

	.eighthBtn {
		width: 156px;
		height: 32px;
		font-size: 10px;
		margin-top: 12px;
	}

	/* contact */
	.ninthArea {
		padding: 30px 0;
	}

	.ninthContent {
		padding: 16px 10px;
		flex-direction: column;
		align-items: flex-start;
		box-sizing: border-box;
	}

	.ninthLeft,
	.ninthRight {
		width: 100%;
		margin: 0;
	}

	.ninthLeftTitle,
	.ninthLeftFutitle,
	.ninthLeftDetail,
	.ninthLeftFutitle2 {
		text-align: left;
	}

	.ninthLeftTitle {
		font-size: 24px;
	}

	.ninthLeftFutitle {
		margin-bottom: 8px;
	}

	.ninthLeftDetail,
	.ninthLeftFutitle2 {
		font-size: 10px;
		line-height: 1.45;
	}

	.ninthOurOfficeContent {
		margin-top: 12px;
	}

	.ninthLianxiContent {
		margin-top: 10px;
	}

	.ninthBookBtn,
	.ninthFormSubmitBtn {
		width: 156px;
		height: 32px;
		font-size: 10px;
	}

	.ninthBookBtn {
		margin-top: 10px;
	}

	.ninthRight {
		margin-top: 14px;
	}

	.ninthFormTitle {
		font-size: 11px;
	}

	.ninthFormLine {
		margin-top: 8px;
		flex-direction: column;
		align-items: stretch;
	}

	.ninthFormLine2 {
		margin-top: 8px;
	}

	.ninthFormItem {
		width: 100%;
	}

	.ninthFormInputName {
		font-size: 11px;
		margin-bottom: 5px;
	}

	.ninthInput-1,
	.ninthInput-2 {
		width: calc(100% - 20px);
		height: 34px;
		padding: 0 10px;
		border-radius: 14px;
		font-size: 11px;
	}

	.ninthTextarea {
		width: calc(100% - 20px);
		height: 74px;
		padding: 8px 10px;
		border-radius: 14px;
		font-size: 11px;
	}

	.ninthInput-1::placeholder,
	.ninthInput-2::placeholder,
	.ninthTextarea::placeholder {
		font-size: 11px;
	}

	.ninthFormSubmitBtn {
		margin-top: 10px;
	}

	/* footer */
	.footerArea {
		width: 100%;
		height: auto;
		padding: 22px 0;
	}

	.footerContent {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.footerLeft {
		align-items: flex-start;
	}

	.footerLogo {
		width: 42px;
		height: auto;
	}

	.footerUlinkContent {
		margin-left: 10px;
		font-size: 9px;
	}

	.footerRight {
		width: 100%;
		margin-left: 0;
	}

	.shejiaoContent {
		margin-bottom: 10px;
	}

	.shejiaoIcon1,
	.shejiaoIcon2 {
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}

	.footerDetail {
		width: 100%;
		font-size: 9px;
		line-height: 1.45;
		margin-bottom: 10px;
	}

	.footerBanquan {
		font-size: 9px;
		flex-direction: column;
		align-items: flex-start;
	}

	.footerSpan {
		margin-left: 0;
		margin-top: 2px;
	}
}

@media (max-width: 768px) {
	/* ---------- shared top nav for all mobile pages ---------- */
	.navArea2 {
		width: calc(100% - 24px);
		height: 52px;
		padding: 0 12px;
	}

	.navArea2 .navLeft {
		width: auto;
	}

	.navArea2 .logo {
		height: 24px;
	}

	.navArea2 .showNavIcon {
		display: block;
		width: 22px;
		height: 22px;
	}

	/* ---------- index fine tune ---------- */
	.secondContent,
	.fifthContent,
	.seventhContent,
	.eighthContent,
	.ninthContent {
		align-items: flex-start;
	}
	
	.seventhTitle,
	.seventhFutitle,
	.seventhDetail {
		text-align: center;
	}

	.secondTitle,
	.fifthTitle,
	.eighthTitle,
	.ninthLeftTitle,
	.secondFutitle,
	.fifthFutitle,
	.ninthLeftFutitle,
	.secondDetail,
	.fifthDetail,
	.eighthDetail {
		text-align: left;
	}

	.threeLeftContent {
		gap: 10px;
	}

	.threeLeftItem,
	.threeLeftItem2 {
		width: calc(50% - 5px);
		margin-bottom: 0;
		padding: 10px;
	}

	/* mobile service popup */
	.mobileServicePopup {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 25000;
	}

	.mobileServicePopup.is-open {
		display: block;
	}

	.mobileServicePopupMask {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.28);
	}

	.mobileServicePopupPanel {
		position: absolute;
		left: 12px;
		top: 64px;
		width: calc(100% - 24px);
		max-height: calc(100% - 84px);
		overflow-y: auto;
		background: #FFFFFF;
		border-radius: 18px;
		padding: 14px 14px 18px;
		box-sizing: border-box;
	}

	.mobileServicePopupHeader {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mobileServicePopupTitle {
		font-family: 'HGSBlack';
		font-size: 18px;
		color: #000000;
	}

	.mobileServicePopupClose {
		width: 28px;
		height: 28px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: transparent;
		border: none;
		font-size: 36px;
		line-height: 1;
		color: #111111;
	}

	.mobileServicePopupBody {
		margin-top: 10px;
	}

	.mobileServicePopupText {
		font-family: 'HGSRe';
		font-size: 9px;
		line-height: 1.4;
		color: #000000;
		margin-bottom: 10px;
		text-align: left;
	}

	.mobileServicePopupSubTitle {
		font-family: 'HGSBold';
		font-size: 11px;
		color: #000000;
		margin: 10px 0 5px;
	}

	.mobileServicePopupList {
		margin: 0;
		padding-left: 16px;
	}

	.mobileServicePopupList li {
		font-family: 'HGSRe';
		font-size: 8px;
		line-height: 1.35;
		color: #000000;
		margin-bottom: 2px;
	}

	/* ---------- oaNetworkPortal mobile ---------- */
	.pageContent2 {
		width: 100%;
		padding: 52px 0 28px;
	}

	.qukuai {
		display: none;
	}

	.onpTitleContent,
	.onpMainContent,
	.onpDiContent,
	.pageMainContent {
		width: calc(100% - 24px);
	}

	.onpTitleName {
		width: 100%;
		font-size: 23px;
		line-height: 1.1;
	}

	.onpTitleDetail {
		font-size: 10px;
		line-height: 1.4;
		margin-top: 8px;
	}

	.onpDetailContent {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 10px;
	}

	.onpBgImg {
		width: 100%;
		height: unset !important;
		object-fit: cover;
	}

	.onpDetailRight {
		width: 100%;
		margin-top: 10px;
	}

	.onpDetailTitle {
		font-size: 18px;
		margin-bottom: 8px;
	}

	.onpDetailTxt {
		width: 100%;
		font-size: 10px;
		line-height: 1.45;
		margin-bottom: 8px;
	}

	.onpPortalLoginBtn {
		width: 140px;
		height: 30px;
		font-size: 10px;
		margin-top: 8px;
	}

	.onpMainArea {
		padding-top: 22px;
	}

	.onpMainContent {
		display: block;
	}

	.onpMainItem,
	.onpMainItem2 {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.onpMainImg {
		width: 100%;
		height: unset !important;
		object-fit: cover;
	}

	.onpMainInfo {
		padding: 8px 10px 10px;
	}

	.onpMainInfoTitle {
		font-size: 11px;
		line-height: 1.35;
	}

	.onpMainInfoFutitle,
	.onpMainInfoTxt {
		font-size: 9px;
		line-height: 1.4;
		margin-top: 5px;
	}

	.onpMainInfoUl {
		margin-top: 4px;
	}

	.onpDiArea {
		padding-top: 18px;
	}

	.onpDiContent {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: auto;
		padding: 16px 18px;
		box-sizing: border-box;
		align-items: flex-start;
	}

	.onpDetailTxt1 {
		width: 100%;
		font-size: 22px;
		margin-bottom: 8px;
		text-align: center;
	}

	.onpDetailTxt2,
	.onpDetailTxt3 {
		width: 100%;
		font-size: 14px;
		line-height: 1.45;
		text-align: center;
	}

	/* ---------- privacy / terms mobile ---------- */
	.pageContentArea {
		align-items: flex-start;
	}

	.pageMainContent {
		padding-top: 6px;
	}

	.pageName {
		font-size: 28px;
		line-height: 1.08;
		margin-bottom: 12px;
	}

	.pageJiesao,
	.duanluoInfo,
	.wenzhangDate {
		font-size: 10px;
		line-height: 1.45;
		text-align: left;
	}

	.duanluoContent {
		margin-top: 12px;
	}

	.duanluoItem {
		margin-bottom: 14px;
	}

	.duanluoTitle {
		font-size: 14px;
		line-height: 1.2;
	}

	.duanluoFuTitle {
		font-size: 10px;
	}

	.duanluoUl {
		font-size: 10px;
		line-height: 1.4;
	}

	.duanluoUlSpan {
		padding-left: 12px;
	}

	.duanluoUlSpan::before {
		font-size: 10px;
		margin-left: 3px;
	}

	.mt12 {
		margin-top: 6px;
	}
}

@media (max-width: 768px) {
	/* homepage single-column corrections based on latest mock */
	.pageContent .fifthMainContent {
		display: block;
	}

	.pageContent .fifithItem {
		width: 100%;
		margin-top: 10px;
	}

	.pageContent .fifthItemImg {
		height: 118px;
	}

	.pageContent .seventhMainContent {
		display: block;
	}

	.pageContent .seventhLeft,
	.pageContent .seventhRight {
		width: 100%;
	}

	.pageContent .seventhRight {
		margin-top: 10px;
	}

	.pageContent .seventhRightItem {
		margin-bottom: 8px;
	}

	.pageContent .threeLeftContent {
		display: block;
	}

	.pageContent .threeLeftItem,
	.pageContent .threeLeftItem2 {
		width: 100%;
		margin-bottom: 10px;
	}

	.pageContent .secondDetail,
	.pageContent .fifthDetail,
	.pageContent .seventhDetail,
	.pageContent .eighthDetail,
	.pageContent .ninthLeftDetail {
		word-break: break-word;
		overflow-wrap: anywhere;
	}
}

@media (max-width: 768px) {
	/* footer centered on mobile */
	.footerArea {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.footerContent {
		align-items: center;
		text-align: center;
	}

	.footerLeft {
		width: 100%;
		justify-content: center;
		align-items: center;
	}

	.footerUlinkContent {
		margin-left: 8px;
		text-align: left;
	}

	.footerRight {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.shejiaoContent {
		justify-content: center;
	}

	.footerDetail {
		text-align: center;
	}

	.footerBanquan {
		align-items: center;
	}

	/* login/register popups: move up and scale down */
	.loginPopup,
	.signUpPopup,
	.emailPopup {
		justify-content: center;
		align-items: flex-start;
		padding: 56px 12px 12px;
	}

	.loginPopupArea,
	.signUpPopupArea,
	.emailPopupArea {
		width: min(100%, 350px);
		padding: 18px 14px;
		border-radius: 18px;
	}

	.popCloseIcon {
		width: 24px;
		height: 24px;
		top: 14px;
		right: 14px;
	}

	.popupName {
		font-size: 20px;
	}

	.popupTxt,
	.toEmailTip,
	.signUpContent,
	.forgetPwd {
		font-size: 12px;
	}

	.loginFormContent,
	.orLineContent,
	.signUpContent,
	.vitContent {
		margin-top: 12px;
	}

	.loginEmailInput,
	.loginPwdInput,
	.loginConBtn,
	.loginByGoogleBtn {
		height: 40px;
	}

	.loginEmailInput,
	.loginPwdInput {
		width: calc(100% - 20px);
		padding: 0 10px;
		border-radius: 14px;
		font-size: 12px;
	}

	.loginEmailInput::placeholder,
	.loginPwdInput::placeholder {
		font-size: 12px;
	}

	.loginConBtn,
	.loginByGoogleBtn {
		font-size: 12px;
	}

	.logoGoogleIcon {
		width: 20px;
		height: 20px;
	}

	.loginErrorTip {
		font-size: 11px;
		height: 16px;
	}

	.vitInput {
		width: 38px;
		height: 38px;
	}

	.regSuccessPopupArea {
		width: calc(100% - 24px);
		max-width: 360px;
		padding: 30px 0 20px;
		border-radius: 20px;
	}

	.popCloseIcon2 {
		width: 26px;
		height: 26px;
		top: 14px;
		right: 14px;
	}

	.successIcon {
		width: 72px;
		height: 72px;
		margin-bottom: 14px;
	}

	.successTipTxt {
		width: calc(100% - 40px);
		font-size: 18px;
	}

	.backToHomeBtn {
		width: 180px;
		height: 40px;
		font-size: 12px;
		margin-top: 14px;
	}
}

@media (max-width: 768px) {
	/* global mobile typography boost */
	.firstTitle { font-size: 31px; }
	.firstDetail { font-size: 12px; }

	.secondTitle,
	.fifthTitle,
	.seventhTitle,
	.eighthTitle,
	.ninthLeftTitle,
	.pageName,
	.onpTitleName {
		font-size: 30px;
	}

	.secondFutitle,
	.fifthFutitle,
	.seventhFutitle,
	.ninthLeftFutitle,
	.onpTitleDetail,
	.onpDetailTitle,
	.duanluoTitle {
		font-size: 13px;
	}

	.secondDetail,
	.fifthDetail,
	.seventhDetail,
	.eighthDetail,
	.ninthLeftDetail,
	.pageJiesao,
	.duanluoInfo,
	.wenzhangDate,
	.onpDetailTxt,
	.onpMainInfoFutitle,
	.onpMainInfoTxt,
	.onpDetailTxt2,
	.onpDetailTxt3 {
		font-size: 11px;
	}

	.fifthItemTitle,
	.seventhLeftTitle,
	.ninthFormTitle,
	.ninthFormInputName,
	.onpMainInfoTitle,
	.mobileServicePopupSubTitle {
		font-size: 12px;
	}

	.fifthItemFutitle,
	.fifthItemDetail,
	.fifthCollSector,
	.fifthCollSectorUl,
	.fifthCollTc,
	.fifthCollTcTxt,
	.seventhRightItemInfoTitle,
	.mobileServicePopupText {
		font-size: 10px;
	}

	.seventhRightItemInfoDetail,
	.mobileServicePopupList li {
		font-size: 9px;
	}

	.popupName { font-size: 22px; }
	.popupTxt,
	.toEmailTip,
	.signUpContent,
	.forgetPwd,
	.loginEmailInput,
	.loginPwdInput,
	.loginConBtn,
	.loginByGoogleBtn { font-size: 13px; }
	.loginErrorTip { font-size: 12px; }

	.footerUlinkContent,
	.footerBanquan,
	.footerDetail {
		font-size: 10px;
	}
}

@media (max-width: 768px) {
	/* body copy one more step larger */
	.firstDetail,
	.secondDetail,
	.fifthDetail,
	.seventhDetail,
	.eighthDetail,
	.ninthLeftDetail,
	.pageJiesao,
	.duanluoInfo,
	.wenzhangDate,
	.onpDetailTxt,
	.onpMainInfoFutitle,
	.onpMainInfoTxt,
	.onpDetailTxt2,
	.onpDetailTxt3,
	.mobileServicePopupText {
		font-size: 12px;
		line-height: 1.5;
	}

	.fifthItemFutitle,
	.fifthItemDetail,
	.fifthCollSector,
	.fifthCollSectorUl,
	.fifthCollTc,
	.fifthCollTcTxt,
	.seventhRightItemInfoTitle {
		font-size: 11px;
		line-height: 1.45;
	}

	.seventhRightItemInfoDetail,
	.mobileServicePopupList li,
	.footerDetail {
		font-size: 10px;
		line-height: 1.45;
	}

	/* seventhMainContent typography boost */
	.seventhLeftTitle {
		font-size: 14px;
		line-height: 1.3;
	}

	.seventhLeftDetail {
		font-size: 11px;
		line-height: 1.45;
	}

	.seventhRightItemInfoTitle {
		font-size: 12px;
		line-height: 1.35;
	}

	.seventhRightItemInfoDetail {
		font-size: 11px;
		line-height: 1.45;
	}

	.viewAllArticlesBtn {
		font-size: 11px;
	}
}

@media (max-width: 768px) {
	/* global mobile typography +1 step for all OA pages */
	.firstTitle { font-size: 33px; }
	.firstDetail { font-size: 13px; }

	.secondTitle,
	.fifthTitle,
	.seventhTitle,
	.eighthTitle,
	.ninthLeftTitle,
	.pageName,
	.onpTitleName {
		font-size: 32px;
		line-height: 1.1;
	}

	.secondFutitle,
	.fifthFutitle,
	.seventhFutitle,
	.ninthLeftFutitle,
	.onpTitleDetail,
	.onpDetailTitle,
	.duanluoTitle,
	.ninthFormTitle {
		font-size: 14px;
		line-height: 1.4;
	}

	.secondDetail,
	.fifthDetail,
	.seventhDetail,
	.eighthDetail,
	.ninthLeftDetail,
	.pageJiesao,
	.duanluoInfo,
	.wenzhangDate,
	.onpDetailTxt,
	.onpMainInfoFutitle,
	.onpMainInfoTxt,
	.onpDetailTxt2,
	.onpDetailTxt3,
	.mobileServicePopupText {
		font-size: 13px;
		line-height: 1.55;
	}

	.fifthItemTitle,
	.seventhLeftTitle,
	.onpMainInfoTitle,
	.ninthFormInputName,
	.mobileServicePopupSubTitle {
		font-size: 13px;
	}

	.fifthItemFutitle,
	.fifthItemDetail,
	.fifthCollSector,
	.fifthCollSectorUl,
	.fifthCollTc,
	.fifthCollTcTxt,
	.seventhRightItemInfoTitle {
		font-size: 12px;
		line-height: 1.5;
	}

	.seventhLeftDetail,
	.seventhRightItemInfoDetail,
	.mobileServicePopupList li {
		font-size: 11px;
		line-height: 1.5;
	}

	.bookAConBtn,
	.exOurSerBtn,
	.fourthBtn,
	.sixthBtn,
	.eighthBtn,
	.ninthBookBtn,
	.ninthFormSubmitBtn,
	.viewAllArticlesBtn,
	.onpPortalLoginBtn {
		font-size: 12px;
	}

	.popupName { font-size: 24px; }
	.popupTxt,
	.toEmailTip,
	.signUpContent,
	.forgetPwd,
	.loginEmailInput,
	.loginPwdInput,
	.loginConBtn,
	.loginByGoogleBtn { font-size: 14px; }
	.loginErrorTip { font-size: 13px; }

	.footerUlinkContent,
	.footerBanquan,
	.footerDetail {
		font-size: 11px;
		line-height: 1.5;
	}
}

@media (max-width: 768px) {
	/* one more typography bump */
	.firstTitle { font-size: 35px; }
	.firstDetail { font-size: 14px; }

	.secondTitle,
	.fifthTitle,
	.seventhTitle,
	.eighthTitle,
	.ninthLeftTitle,
	.pageName,
	.onpTitleName {
		font-size: 34px;
	}

	.secondFutitle,
	.fifthFutitle,
	.seventhFutitle,
	.ninthLeftFutitle,
	.onpTitleDetail,
	.onpDetailTitle,
	.duanluoTitle,
	.ninthFormTitle {
		font-size: 15px;
	}

	.secondDetail,
	.fifthDetail,
	.seventhDetail,
	.eighthDetail,
	.ninthLeftDetail,
	.pageJiesao,
	.duanluoInfo,
	.wenzhangDate,
	.onpDetailTxt,
	.onpMainInfoFutitle,
	.onpMainInfoTxt,
	.onpDetailTxt2,
	.onpDetailTxt3,
	.mobileServicePopupText {
		font-size: 14px;
		line-height: 1.58;
	}

	.fifthItemTitle,
	.seventhLeftTitle,
	.onpMainInfoTitle,
	.ninthFormInputName,
	.mobileServicePopupSubTitle {
		font-size: 14px;
	}

	.fifthItemFutitle,
	.fifthItemDetail,
	.fifthCollSector,
	.fifthCollSectorUl,
	.fifthCollTc,
	.fifthCollTcTxt,
	.seventhRightItemInfoTitle,
	.seventhLeftDetail,
	.seventhRightItemInfoDetail,
	.mobileServicePopupList li {
		font-size: 13px;
		line-height: 1.55;
	}

	.bookAConBtn,
	.exOurSerBtn,
	.fourthBtn,
	.sixthBtn,
	.eighthBtn,
	.ninthBookBtn,
	.ninthFormSubmitBtn,
	.viewAllArticlesBtn,
	.onpPortalLoginBtn {
		font-size: 13px;
	}

	.popupName { font-size: 26px; }
	.popupTxt,
	.toEmailTip,
	.signUpContent,
	.forgetPwd,
	.loginEmailInput,
	.loginPwdInput,
	.loginConBtn,
	.loginByGoogleBtn { font-size: 15px; }
	.loginErrorTip { font-size: 14px; }

	.footerUlinkContent,
	.footerBanquan,
	.footerDetail {
		font-size: 12px;
		line-height: 1.55;
	}
}

/* keep list text equal to paragraph size in legal pages */
.pageContent2 .duanluoInfo .duanluoUl {
	font-size: inherit;
	line-height: inherit;
}