/* ========== Medium viewport adaptation (max-width: 1400px, covers 200% zoom on 2560x1600 -> 1280px) ========== */
@media (min-width: 767px) and (max-width: 1450px) {
	/* --- Global font size reductions --- */
	
	.bannerSlide .productTitle1,
	.productDescribe1 .productTitle1,
	.productDescribe2 .productTitle1,
	.productDescribe3 .productTitle1{
		font-size: 2rem !important;
		/* max-width: 20rem!important; */
	}
	
	.bannerSlide .productTitle2,
	.productDescribe1 .productTitle2,
	.productDescribe2 .productTitle2,
	.productDescribe3 .productTitle2{
		font-size: 1rem !important;
	}
	.aboutUsTitle h1:nth-child(1),
	.solutionPC .solutionTitle h1:nth-child(1),
	.advantageTitle h1:nth-child(1),
	.productIntroduceTitle h1:nth-child(1),
	.successCaseTitle h1:nth-child(1),
	.newsTitle h1:nth-child(1){
		font-size: 2.5rem;
	}
	.aboutUsTitle h1:nth-child(2),
	.solutionPC .solutionTitle h1:nth-child(2),
	.advantageTitle h1:nth-child(2),
	.productIntroduceTitle h1:nth-child(2),
	.successCaseTitle h1:nth-child(2),
	.newsTitle h1:nth-child(2){
		font-size: 2.25rem;
	}
	.aboutUsTitle div:nth-child(3),.aboutUsTitle p{
		font-size: 1rem;
	}
	.numberBoxTitle,
	.aboutUsNumber .numberBox:nth-child(3) .numberBoxTitle,
	.aboutUsNumber .numberBox:nth-child(4) .numberBoxTitle{
		font-size: 3rem;
		width: 14rem;
	}
	.numberBoxTitle span:nth-child(2),
	.aboutUsNumber .numberBox:nth-child(1) .numberBoxInner,
	.aboutUsNumber .numberBox:nth-child(2) .numberBoxInner,
	.aboutUsNumber .numberBox:nth-child(3) .numberBoxInner,
	.aboutUsNumber .numberBox:nth-child(4) .numberBoxInner{
		font-size: 1rem;
	}
	.solutionList{
		padding-bottom:2rem;
	}
	.solutionPC .solutionShowTitle{ font-size: 1rem; }
	.solutionPC .solutionShowDesc{ font-size: 0.8rem; }
	.solutionPC .solutionShowTags span{ font-size: 0.7rem; }
	.solutionPC .solutionListTitle > div > span{ font-size: 0.85rem; }
	.newsInner div h1:nth-child(1){ font-size: 1.1rem; }
	.newsInner div p:nth-child(2){ font-size: 0.85rem; }
	.news3Inner div h5{ font-size: 0.9rem; }
	.news3Inner div p{ font-size: 0.8rem; }
	.productMore a{ font-size: 0.9rem; }
	.successCaseMain div p:nth-child(1){ font-size: 1.2rem; }
	.successCaseMain div p:nth-child(2){font-size: 0.75rem;}
	.advantageBox p{ font-size: 0.85rem; }

	/* --- Banner --- */
	.bannerOverlap{ height: 18rem; }
	.bannerSlide__inner{ width: calc(100% - 30rem); gap: 1rem; }

	/* --- Section heights --- */
	.solutionPC{ min-height: auto; }

	/* --- Solution section --- */
	.solutionPC .solutionTitle{ left: 3rem; top: 2rem; }
	.solutionPC .solutionListTitle{ gap: 0.5rem; padding-top: 2rem; padding-left: clamp(2rem, 30vw, 40.625rem); }
	.solutionPC .solutionListTitle > div{ min-width: 14rem; max-width: 26rem; padding: 0.6rem 1rem; }
	.solutionPC .solutionShowMedia{ height: 16rem; }
	.solutionPC .solutionShowText{ padding: 0.6rem 0.8rem; margin-left: -1.5rem; }
	.solutionPC .solutionImg{ width:60%;padding-top:0; }

	/* --- Product button --- */
	.productMore{ width: 11rem; height: 2.8rem; }
	.productMore a{ line-height: 2.8rem; }

	/* --- Advantage --- */
	.advantageBox div{ width: 5rem; height: 5rem; }
	.advantageBoxInner{ padding: 0.8rem; }

	/* --- Success case --- */
	.successCaseChoose{ margin-left: 1rem; }
	.successCaseChoose .chooseItem{ height: 2.4rem; line-height: 2.4rem; margin-bottom: 2rem; }
	.successCaseMain div{ height: 5rem; }

	/* --- News --- */
	.news{ padding: 2rem; }
	/* .newsTitle{ height: 10rem; } */
	.newsList .news1, .newsList .news2, .newsList .news3{ height: 22rem; }
	.newsList .news1 img, .newsList .news2 img{ max-height: 55%; }
	.newsInner div{ height: 2.5rem; }
	.news3Inner img{ width: 48%; }
	.news3Inner div h5{ margin-bottom: 1rem; }

	/* --- Swiper --- */
	#certify .swiper-slide{ width: min(28rem, 80vw); height: 16rem; }

	.asideInner{
		width: 3.375rem!important;
  		height: 3.375rem!important;
	}
	.asideInfo{
		height: 3.375rem!important;
    	line-height: 3.375rem!important;
	}

	.titleImg .titleTxt .titleInner h1 {
		font-size: 2rem!important;
	}
	.titleImg .titleTxt .titleInner h2 {
		font-size: 1.5rem!important;
	}
	.titleImg .titleTxt .titleInner p {
		font-size: 0.9rem!important;
		line-height: 22px!important;
	}
	.titleImg .titleTxt .titleInnerImg{
		width:380px
	}
	.titleImg .titleTxt .titleInnerImg img{
		width: 380px!important;
	}
	.menuDetail .section2{
		padding: 50px 0 50px 200px!important;
	}
	.menuDetail .section2.section2Table{
		padding: 50px 200px!important;
	}
	/* --- Footer --- */
	.friendShipLink{
		padding:3.125rem 1.125rem 0 1.125rem!important;
	}
	.friendShipLink .fastLink .fastLinkLogo p{
		font-size: 0.8rem!important;
	}
	.friendShipLink .fastLink .fastLinkLogo p img{
		/* width: 1rem!important; */
	}
	.fastLink .followUs .qrCode{ width: 7rem;margin-left: -1.875rem;padding-left: 0.5rem;padding-top: 0.5rem; }
	.fastLink .followUs p{
		margin-left: -3rem;
	}
	.fastLink .followUs .qrCode .qrCodeImg{ max-width: 6rem; }
}