h1,h2,h3,h4,h5,h6,div,span,p,a
{font-family: 'Noto Sans HK', sans-serif !important;}
/* 'Raleway', */
.cssContactM1 h2, 
.mac_sec6 h2, .cssContactM2 .cssTitle, .cssContactM2 h2,
.home_section5 .elementor-heading-title,
.cssMilestone .cssTitle,
.cssMilestone .cssEnd, .cssView .cssTitle,
.sectionContent h2 {font-weight:500}
.home_section3 p,
.home_section2 .elementor-column {font-size:19px;}
.cssProductdetail .cssInfo .cssDesc {font-size:16px}

.cssMilestone .cssEnd {padding:47px 0;}
.cssPbanner .cssText .cssBannerTitle {font-size:111px}
.cssPbanner .cssText .cssBannerContent {font-size::50px;}
.cssProductdetail .cssInfo .cssDesc {line-height:180%}

.cssCatlist .cssCatrow span:nth-child(2) {line-height:2;}
.cssProductdetail .cssInfo .product_title {font-weight:400;line-height:1.5}


@media (mix-width: 960px) 
{
	.cssView .cssItems .cssItem .cssName, .cssView .cssItems .cssItem .cssSku {margin:0 20px;}
}

@media (max-width: 960px) and (min-width: 768px) 
{
	.cssMilestone .cssYear .cssData {
	  text-align: right;
	  width: 40%;
	  margin-left: calc(10% - 70px);
	}
	.mac_sec5 .elementor-element.elementor-element-3fe31ec img {max-width:90% !important;height:auto !important}
}



@media (max-width: 767px) 
{
	body.product-template-default {padding-top:60px}
	.cssProductdetail {padding-top:0;}
	.mac_sec5 .elementor-element.elementor-element-3fe31ec img {max-width:90% !important;height:auto !important}
	
	.cssContactM2 .cssRow select, .cssContactM2 .cssRow input, .cssContactM2 .cssRowS2 select, .cssContactM2 .cssRowS2 input {color:#000000}
	.elementor-section,
	.home_section3 p, 
	.home_section2 .elementor-column {font-size:16px;}

	.cssMilestone .cssYear .cssData .cssItem .cssInfo {margin-bottom:20px;}

	.cssContactM2 .cssUpload div {
		padding: 20px 0;
	}
	.cssPbanner .cssText .cssBannerTitle {font-size: 51px;}
	.cssPbanner .cssText .cssBannerContent {font-size:25px}
	.cssMilestone .cssEnd {
	  padding: 24px 0;
	}
	.cssView .cssItems .cssItem .cssName a {line-height:150%}
}

.sosclass h2 a {display:block}