@media screen and (max-width:1299px){
	.commonPage .projects.developments .container ul li{width:calc(33.3333% - 20px);}
}
@media screen and (max-width:1229px){
	.commonPage .latestNewsPg .container ul li{width:calc(50% - 20px);}
}
@media screen and (max-width:1199px){
	.commonPage .aboutUsPage .container .rgtContent .pageContent .left{display:block;width:100%;}
	.commonPage .aboutUsPage .container .rgtContent .pageContent .rgt{display:block;width:100%;margin-left:0;margin-top:30px;}
	.commonPage .bulletinHighlight .container ul li{width:calc(33.3333% - 20px);}	
	.commonPage .newsDetail .container .leftContent .leftImg{display:block;width:100%;margin-right:0;margin-bottom:20px;}
	.commonPage .newsDetail .container .leftContent .rgtDetail{display:block;width:100%;}
	footer .container .left{display:block;width:100%;text-align:center;margin-bottom:10px;}
	footer .container .rgt{display:block;width:100%;text-align:center;}
}
@media screen and (max-width:1100px){
	header .container{width:calc(100% - 40px);padding:10px 20px;}
	.homepage .mainBannerSlider .banner .bannerImg img{width:auto;animation:none;}
	.homepage .mainBannerSlider .banner .bannerText{width:calc(100% - 60px);padding:30px;bottom:30px;}
	.homepage .provider .container{width:calc(100% - 60px);padding:30px;}
	footer .container{width:calc(100% - 40px);padding:20px;}
	.commonPage .mainBanner .bannerText{bottom:20px;left:20px;}
	.commonPage .mainBanner .bannerImg{height:340px;}
	.commonPage .mainBanner .bannerImg img{width:auto;height:340px;position:absolute;transform:translateX(-50%);top:0;left:50%;}
	.commonPage .breadcrumb .container{width:calc(100% - 40px);padding:15px 20px;}
	.commonPage .projects .container{width:calc(100% - 40px);padding:20px 20px 0 20px;}
	.commonPage .projects .pjtInfo{width:calc(100% - 40px);padding:40px 20px;font-size:0;}
	.commonPage .projects .pjtInfo .pjtImg{width:400px;}
	.commonPage .projects .pjtInfo .pjtDescription{width:calc(100% - 420px);}
	.commonPage .termsPolicy .container{width:calc(100% - 40px);padding:40px 20px 20px 20px;}
	.commonPage .sitemap .container{width:calc(100% - 40px);padding:40px 20px 20px 20px;}
	.commonPage .searchPage .container{width:calc(100% - 40px);padding:40px 20px 20px 20px;}
	.commonPage .enquiries .container{width:calc(100% - 40px);padding:40px 20px 20px 20px;}
	.commonPage .aboutUsPage .container{width:calc(100% - 40px);padding:40px 20px 20px 20px;}
	.commonPage .latestNewsPg .container{width:calc(100% - 40px);padding:0 20px 20px 20px;}
	.commonPage .bulletinHighlight .container{width:calc(100% - 40px);padding:0 20px 20px 20px;}
	.commonPage .newsDetail .container{width:calc(100% - 40px);padding:40px 20px;}
	.commonPage .newsDetail .container .leftContent{width:calc(100% - 310px);}
	.commonPage .newsDetail .container .latestNewsRgt{width:280px;margin-left:30px;}
	.commonPage .highlightDetail .container{width:calc(100% - 40px);padding:40px 20px;font-size:0;}
}
@media screen and (max-width:1023px){
	.homepage .quickLinks .container ul li{width:calc(50% - 20px);margin-bottom:20px;}
	.homepage .quickLinks .container ul li:last-child{margin-bottom:0;}
	
	.commonPage .highlightDetail .container .left{display:block;width:100%;}
	.commonPage .highlightDetail .container .rgt{display:block;width:100%;max-width:320px;margin-left:0;}
	.HIGHLIGHTS .wrapper{overflow:hidden;}
}
@media screen and (max-width:999px){
	.commonPage .projects.engineering .container ul li{width:calc(50% - 20px);}
	.commonPage .projects.developments .container ul li{width:calc(50% - 20px);}
	.commonPage .enquiries .container .googleMap{display:block;width:100%;margin-right:0;margin-bottom:20px;}
	.commonPage .enquiries .container .contactDetails{display:block;width:100%;}
	.commonPage .enquiries .container .formContainer .col2{display:block;width:100%;margin-right:0;}
	.commonPage .enquiries .container .formContainer .col2.last{margin-left:0;}
}
@media screen and (max-width:869px){
	.homepage .provider .container{text-align:center;}
	.homepage .provider .container .left{display:block;width:100%;margin-bottom:10px;}
	.homepage .provider .container .rgt{display:block;width:100%;text-align:center;}
	.homepage .provider .container .rgt img{width:100%;max-width:420px;display:inline-block;}
	.commonPage .mainBanner .bannerImg{height:280px;}
	.commonPage .mainBanner .bannerImg img{height:280px;}
	.commonPage .projects .pjtInfo .pjtImg{display:block;width:100%;max-width:600px;margin:0 auto 70px auto;}
	.commonPage .projects .pjtInfo .pjtDescription{width:100%;}
	.commonPage .aboutUsPage .container .leftMenu{display:block;width:100%;max-width:290px;margin-right:0;margin-bottom:30px;}
	.commonPage .aboutUsPage .container .rgtContent{display:block;width:100%;}
	.commonPage .bulletinHighlight .container ul li{width:calc(50% - 20px);}
}
@media screen and (max-width:759px){
	.commonPage .latestNewsPg .container ul li{width:calc(100% - 20px);}
	.commonPage .newsDetail .container .leftContent .leftImg{display:inline-block;width:280px;margin-right:20px;}
	.commonPage .newsDetail .container .leftContent .rgtDetail{display:inline-block;width:calc(100% - 300px);}
	.commonPage .newsDetail .container .leftContent{display:block;width:100%;}
	.commonPage .newsDetail .container .latestNewsRgt{display:block;width:100%;margin-left:0;margin-top:30px;}
	.commonPage .highlightDetail .container .left .titleHeader .highlightHeader{display:block;width:100%;}
	.highlightDetail .container .left .titleHeader .highlightHeader .leftBorder{border-left:30px solid #e5d4c2;padding:20px 0 20px 15px;width:calc(100% - 45px);}
	.highlightDetail .container .left .titleHeader .highlightHeader .leftBorder h1{font-size:36px;line-height:36px;}
	.commonPage .highlightDetail .container .left .titleHeader .issue{display:block;text-align:left;width:100%;margin-left:0;margin-top:15px;}
}
@media screen and (max-width:699px){
	.homepage .quickLinks .container ul li{width:calc(100% - 20px);}
	.responsiveTable table{margin:0;}
	.responsiveTable table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	.responsiveTable table tr{display:block;border-bottom:none;margin:0;background:#eaeaea;padding:10px 0;}
	.responsiveTable table tbody tr td{border-top:none;display:block;text-align:left !important;padding:5px 10px;border-bottom:none;}
	.responsiveTable table td::before{content:attr(data-label);/*float:left;*/display:block;font-weight:600;color:#7f1827;margin-bottom:5px;}
	.responsiveTable table tbody tr td:last-child{paddding-bottom:0;}
	.responsiveTable table tbody tr:last-child td{border-bottom:none;}
}
@media screen and (max-width:629px){
	.commonPage .projects.engineering .container ul li{width:calc(100% - 20px);}
	.commonPage .projects.developments .container ul li{width:calc(100% - 20px);}
	.cd-horizontal-timeline .events-content li{width:100%;padding:0;}
}
@media screen and (max-width:599px){
	.enquiries .container .formContainer .fieldName{display:block;width:100%;margin:12px 0 12px 0;}
	.enquiries .container .formContainer .field{display:block;width:100%;margin-bottom:10px;}
	.commonPage .bulletinHighlight .container ul li{width:calc(100% - 20px);}
	.commonPage .newsDetail .container .leftContent .leftImg{display:block;width:100%;margin-right:0;margin-bottom:20px;}
	.commonPage .newsDetail .container .leftContent .rgtDetail{display:block;width:100%;}
	.articleSection .imgContainer.leftImg{float:none;width:100%;margin-right:0;}
	.articleSection .imgContainer.rgtImg{float:right;width:100%;margin-left:0;}
}
@media screen and (max-width:499px){
	.commonPage .latestNewsPg .container ul li .newsDetail .date{top:15px;width:calc(100% - 20px);padding:0 10px;}
	.commonPage .latestNewsPg .container ul li .newsDetail .date .day{font-size:33px;line-height:33px;}
	.commonPage .latestNewsPg .container ul li .newsDetail .date .month-year{font-size:12px;line-height:12px;}
	.commonPage .latestNewsPg .container ul li .newsDetail h2{font-size:16px;line-height:20px;bottom:15px;width:calc(100% - 20px);padding:0 10px;}
	.modal-body .quiz .qCol span{display:block;width:100%;}
	.modal-body .quiz .qCol .fieldName{width:100%;margin-bottom:10px;}
}
@media screen and (max-height:1080px){
	.commonPage .projects .pjtInfo{min-height:32.5vh;}
	.commonPage .enquiries.thankyou .container{min-height:33.5vh;}
	.commonPage .enquiries .container{min-height:32.5vh;}
	.commonPage .searchPage .container{min-height:33.5vh;}
	.commonPage .aboutUsPage .container{min-height:32.5vh;}
	.commonPage .latestNewsPg .container{min-height:32.5vh;}
	.commonPage .bulletinHighlight .container{min-height:32.5vh;}
	.commonPage .newsDetail .container{min-height:32.5vh;}
	.commonPage .termsPolicy .container{min-height:0;}
}
@media screen and (max-height:599px){
	.mainMenu .menuContainer ul{position:relative;transform:none;top:0;left:0;padding:20px 0;}
}
@media all and (orientation:portrait) {
	.homepage .mainBannerSlider .banner .bannerImg img{width:auto;animation:none;}
}
@media print{

}