.PageTitle {
		background:#1a5632;
		padding-top:6vh;
		padding-bottom:6vh;
		color:#fff;
	}
	.PageTitle .TitleStyle { margin-bottom:0;}
	
	.PageTitle .TitleStyle .Title,
	.PageTitle .TitleStyle .Tagline { color:#fff;}
	.PageTitle .TitleStyle .Tagline { margin-top:10px;}
	
	.PageTitle .Inner { margin-top:20px;}
	
	.ComingSoon {
		width: 100%;
		height: calc(100vh - 90px);
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	
	.AboutSec {
		background:#fff;
		position:relative;
	}
	.AboutSec::before {
		content:"";
		background:#1a5632;
		width:100%;
		height:275px;
		position:absolute;
		top:0;
		left:0;
	}
	.AboutSec .Box {
		background:#fff;
			-webkit-border-radius:10px;
		border-radius:10px;
		overflow:hidden;
	}
	.AboutSec .Box .Inner {
		padding:30px;
	}
	.AboutSec .Box .Title {
		font-family: "Avenir Heavy";
		font-size:24px;
		line-height:28px;
		color:#000;
		margin-bottom:10px;
	}
	
	
	.FeatureBox {
		background-color:#F6F9F7;
		padding:40px;
			-webkit-border-radius:10px;
		border-radius:10px;
		margin-bottom:30px;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
		border:1px solid transparent;
		min-height:365px;
	}
	.FeatureBox:hover {
		background-color:#fff;
		border-color:#E8E8E8;
			-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
		box-shadow:0 0 10px rgba(0,0,0,.2);
	}
	.FeatureBox .Icon img {
		height:80px;
		margin-bottom:15px;
	}
	.FeatureBox .Title {
		font-family: "Avenir-Medium";
		font-size:30px;
		line-height:35px;
		color:#000;
		margin-bottom:10px;
	}
	
	
	.MiddleContent > .row > * {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	
	/*= Timeline */
	.TimeLineSection {
		background:#fff;
		padding-bottom:8vh;
	}
	.TimeLineSection .MainWrapper {
		background:#1a5632;
		color:#fff;
			-webkit-border-radius:10px;
		border-radius:10px;
		position:relative;
		padding-top:40px;
		padding-bottom:40px;
	}
	.TimeLineSection .TitleStyle {
		margin-left: 40px;
		margin-right: 40px;
	}
	.TimeLineSection .TitleStyle .Title { color:#fff;}
	
	
	.TimeLineSection .Wrapper {
		position:relative;
		padding:0 40px;
	}
	.TimeLineSection .Wrapper > .row {
		margin-left:-25px;
		margin-right:-25px;
	}
	.TimeLineSection .Wrapper > .row >* {
		padding-left:25px;
		padding-right:25px;
	}
	
	.TimeLineSection .Wrapper .Title {
		font-family: "Avenir Heavy";
		font-size:28px;
		line-height:32px;
		color:#fff;
		padding:18px 20px 15px;
		border:1px solid #fff;
		display:inline-block;
			-webkit-border-radius:10px;
		border-radius:10px;
		margin-bottom:15px;
	}
	
	
	/*= Team */
	.TeamBox {
		background:transparent;
		margin-bottom:50px;
		text-align:center;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.TeamBox .Pic {
		position:relative;
		background:#F6F9F7;
			-webkit-border-radius:10px;
		border-radius:10px;
		margin-bottom:20px;
		padding-top:25px;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.TeamBox:hover .Pic {
		background:#fff;
			-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
		box-shadow:0 0 10px rgba(0,0,0,.2);
	}
	
	.TeamBox .Name {
		 font-family: "Avenir-Black";
		 font-size:20px;
		 line-height:25px;
		 color:#000;
		 margin-bottom:5px;
	}
	.TeamBox .Designation {
		 font-family: "Avenir Book Oblique";
		 font-size:16px;
		 line-height:20px;
		 color:#000;
	}
	
	.TeamBox .Btn {
		position: absolute;
		right: 20px;
		bottom: 20px;
		height: 45px;
		width: 45px;
	}
	.TeamBox .Btn > a { display:inline-block;}
	
	.TeamBox .Btn > a::before {
		content: "";
		background-image: url(../images/icons/arrow-up.svg);
		background-repeat: no-repeat;
		background-size: 13px auto;
		background-position: center;
		background-color: #1a5632;
		height: 45px;
		width: 45px;
		line-height: 45px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		display: inline-block;
		color: #fff;
			webkit-transition: 0.4s ease;
		transition: 0.4s ease;
		text-align: center;
		position: relative;
	}
	.TeamBox:hover .Btn > a::before { background-color:#f93b1d;}
	
	.TeamBox.First .Pic > .row { margin:0;}
	.TeamBox.First .Pic > .row>* { padding:0;}
	
	
	#MemeberDetail.MyBox .modal-content {
		position:relative;
			-webkit-border-radius:10px;
		border-radius:10px;
		padding:0;
		font-size:14px;
		line-height:23px;
	}
	#MemeberDetail.MyBox .modal-content .modal-body {
		padding:60px;
	}
	
	#MemeberDetail.MyBox .close img {
		height: 16px;
		width: 16px;
		margin: 15px;
	}
	#MemeberDetail.MyBox .close {
		opacity: .3;
		top:0;
		right:0;
	}
	#MemeberDetail.MyBox .modal-dialog {
		max-width: 850px;
	}
	#MemeberDetail.MyBox .modal-dialog .TeamBox { margin-bottom:30px;}
	#MemeberDetail.MyBox .modal-dialog .TeamBox:hover .Pic {
		background:#F6F9F7;
			-webkit-box-shadow:none;
		box-shadow:none;
	}
	
	#TeamCarousel .carousel-control-next,
	#TeamCarousel .carousel-control-prev {
		top: 100px;
		text-align: center;
		opacity: 1;
		background: #99B8A4;
		height: 50px;
		width: 50px;
			-webkit-border-radius: 50px;
		border-radius: 50px;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	#TeamCarousel .carousel-control-next svg,
	#TeamCarousel .carousel-control-prev svg {
		width:20px;
		fill:#fff;
	}
	#TeamCarousel .carousel-control-next:hover,
	#TeamCarousel .carousel-control-prev:hover { background: #1a5632;}
	
	
	.IconBtn a {
		display:inline-block;
	}
	
	
	/*= Button */
	.IconBtn a {
		background:#F6F9F7;
		padding:14px 25px;
			-webkit-border-radius:10px;
		border-radius:10px;
		display:inline-block;
		font-family: "Avenir-Medium";
		color:#1a5632;
		font-size:14px;
		line-height:22px;
	}
	.IconBtn a svg {
		height:22px;
		margin-right:10px;
		fill:#1a5632;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.IconBtn a:hover {
		background:#1a5632;
		color:#fff;
	}
	.IconBtn a:hover svg { fill:#fff;}
	
	.PlayBtn a {
		height: 50px;
		width: 50px;
		line-height: 46px;
		text-align: center;
		display: inline-block;
		border: 1px solid #1a5632;
			-webkit-border-radius: 100%;
		border-radius: 100%;
		padding-left: 4px;
	}
	.PlayBtn a svg {
		height:16px;
		fill:#1a5632;
	}
	.PlayBtn a:hover { background:#1a5632;}
	.PlayBtn a:hover svg { fill:#fff;}
	
	
	.PageTitle .TitleStyle > div {
		display:inline-block;
		margin-top:15px;
		margin-right:10px;
	}
	
	.PageTitle .IconBtn a {
		background:#fff;
		color:#1a5632;
	}
	.PageTitle .IconBtn a:hover {
		background:#F6F9F7;
		color:#1a5632;
	}
	.PageTitle .IconBtn a:hover svg { fill:#1a5632;}
	
	.PlayBtn.White a { border-color:#fff;}
	.PlayBtn.White a svg { fill: #fff;}
	.PlayBtn.White a:hover {
		border-color:#f93b1d;
		background:#f93b1d;
	}
	 .PlayBtn.White a:hover svg { fill: #fff;}
	
	
	.FeatureBox.Green {
		min-height: 270px;
		background-image:url(../images/box_corner.png);
		background-position:right bottom;
		background-repeat:no-repeat;
	}
	.FeatureBox.Green .Icon img {
		height: 44px;
		margin-bottom: 20px;
	}
	.FeatureBox.Green .Title {
		font-family: "Avenir Heavy";
		font-size: 21px;
		line-height: 26px;
		color: #1a5632;
	}
	
	.VidBoxImg { position:relative;}
	.VidBoxImg .PlayBtn {
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-40px;
		margin-top:-40px;
	}
	.VidBoxImg .PlayBtn a {
		height: 80px;
		width: 80px;
		line-height: 76px;
	}
	
	.GreenBox {
		background-color:#1a5632;
		padding:40px;
			-webkit-border-radius:10px;
		border-radius:10px;
		color:#fff;
		position:relative;
	}
	.GreenBox .TitleStyle .Tagline { color: #99B8A4;}
	.GreenBox .TitleStyle .Title { color: #fff;}
	
	.GreenBox.Effect { overflow:hidden;}
	.GreenBox.Effect::before {
		content:"";
		position:absolute;
		top:0;
		right:0;
		background-image:url(../images/box_corner_dark.png);
		background-repeat:no-repeat;
		background-position:top right;
		height:229px;
		width:343px;
	}
	
	
	.BorderBox {
		border: 1px solid #99B8A4;
			-webkit-border-radius: 10px;
		border-radius: 10px;
		padding: 20px 30px;
		color: #fff;
		font-family: "Avenir Heavy";
		margin-bottom: 30px;
		min-height: 160px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.VideoBox.MyBox .modal-dialog {
		text-align: center;
		max-width: 60%;
	}
	.VideoBox.MyBox .modal-content { background:transparent;}
	
	.EngFont {
		font-family: "Avenir-Medium" !important;
		color:inherit !important;
	}
	
	
	.StoreVideo {
		position:relative;
		width:100%;
		padding-bottom:7vh;
	}
	.StoreVideo::before {
		content:"";
		background:#1a5632;
		width:100%;
		height:100px;
		position:absolute;
		left:0;
		top:0;
	}
	
	.VideoWrapp {
		overflow:hidden;
			-webkit-border-radius:10px;
		border-radius:10px;
	}
	.VideoWrapp video {
		width:100%;
		max-height:500px;
		object-fit: cover;
		display:block;
	}
	
	
	.Counter .No {
		font-family: "Avenir Heavy";
		font-size:130px;
		line-height:100px;
		color:#1a5632;
	}
	.Counter .Tagline {
		font-family: "Avenir Heavy";
		font-size:40px;
		line-height:45px;
		color:#1a5632;
	}
	
	.ProdList {
		margin-top:5vh;
		margin-bottom:3vh;
	}
	.ProdList ul,
	.ProdList ul li {
		margin:0;
		padding:0;
		list-style:none;
		text-align:center;
		vertical-align:top;
	}

	.ProdList ul li {
		display:inline-block;
		width:12.6%;
		height:100%;
		margin-right:20px;
		margin-bottom:20px;
	}
	.ProdList ul li:last-child { margin-right:0;}
	
	.ProdList ul li .Inner {
		padding: 30px 10px;
		background: #fff;
		-webkit-border-radius: 10px;
		border-radius: 10px;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
		min-height: 170px;
	}
	
	.ProdList ul li .Title {
		font-size:20px;
		line-height:24px;
		color:#000;
		margin-top:15px;
	}
	
	.ProdList ul li .Inner:hover {
		background:#fff;
			-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
		box-shadow:0 0 10px rgba(0,0,0,.2);
	}
	
	
	.OurSuppliers table {
		float:left;
	}
	.OurSuppliers .Star {
		float: right;
		position: relative;
		top: 22px;
	}
	.OurSuppliers .Star img { height:26px;}
	
	.OurSuppliers .Icon {
		padding-right:12px;
	}
	.OurSuppliers .Count {
		font-family: "Avenir Heavy";
		padding-right:10px;
		font-size:50px;
		line-height:50px;
	}
	.OurSuppliers .Title {
		font-size:30px;
		line-height:30px;
	}
	
	.BrandBox {
		background:rgba(0,0,0,0.3);
			-webkit-border-radius:10px;
		border-radius:10px;
		padding:20px;
		color:#ABABAB;
	}
	.BrandBox table { width:100%;}
	
	.BrandBox .Img {
		width:100px;
		padding-right:10px;
	}
	
	.BrandBox .Title {
		font-family: "Avenir Heavy";
		font-size:27px;
		line-height:30px;
		color:#fff;
		margin-bottom:2px;
	}
	
	.BrandBox .Link a {
		display:inline-block;
		background:#fff;
		color:#1a5632;
			-webkit-border-radius:10px;
		border-radius:10px;
		padding:10px 15px;
		text-align:center;
	}
	.BrandBox .Link a img {
		position:relative;
		top:4px;
		margin-left:4px;
	}
	.BrandBox .Link a:hover {
		background:#f93b1d;
		color:#fff;
	}
	
	.BrandBox.WithImg { padding:30px;}
	.BrandBox.WithImg .Title { margin-bottom:10px;}
	.BrandBox.WithImg .Link a {
		padding-left:50px;
		padding-right:50px;
	}
	
	
	.ArticleImage {
		width:100%;
		max-height:calc(100vh - 90px);
		object-fit: cover;
	}
	.ArticleImage img { width:100%;}
	
	.FullArticle.NewsCard {
		margin-bottom: 0;
		border: none;
			-webkit-border-radius: 0;
		border-radius: 0;
	}
	.FullArticle.NewsCard .Inner { padding:0;}
	
	.FullArticle.NewsCard .Title {
		font-size: 28px;
		line-height: 38px;
		margin-top: 10px;
		margin-bottom:10px;
	}
	.FullArticle.NewsCard .PublishDate { margin-bottom:40px;}
	.FullArticle.NewsCard .Category { float:none;}
	
	
	.FullArticle.NewsCard .sharethis-inline-share-buttons { width:100% !important;}
	.FullArticle.NewsCard .sharethis-inline-share-buttons .st-btn {
		height: 60px !important;
		width: 60px !important;
	}
	.FullArticle.NewsCard .sharethis-inline-share-buttons .st-btn > img {
		margin-top: 8px;
		height: 24px !important;
		width: 24px !important;
	}
	
	.FullArticle.NewsCard .Sharethis ul li a {
		height: 60px;
		width: 60px;
		line-height: 58px;
	}
	.FullArticle.NewsCard .Sharethis ul li a svg {
		height: 20px;
	}
	
	.ArticleNav {
		position:relative;
		display:block;
	}
	.ArticleNav a {
		background:#1a5632;
		color:#fff;
		display:inline-block;
		min-width:180px;
		padding:12px 10px;
			-webkit-border-radius:10px;
		border-radius:10px;
		text-align:center;
	}
	.ArticleNav a:hover {
		background:#f93b1d;
		color:#fff;
	}
	.ArticleNav a:focus, a:not([href]):not([tabindex]),
	.ArticleNav a:not([href]):not([tabindex]):hover {
		color: #fff;
	}
	
	.ArticleNav a img {
		position:relative;
		top:11px;
		height:7px;
	}
	.ArticleNav a.Prev { float:left;}
	.ArticleNav a.Prev img {
			-webkit-transform:rotate(-90deg);
		transform:rotate(-90deg);
	}
	
	.ArticleNav a.Next { float:right;}
	.ArticleNav a.Next img {
			-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	
	
	/*= Upload File */
	.UploadFiles {
		position:relative;
		border:1px solid #D0D5DD;
			-webkit-border-radius:8px;
		border-radius:8px;
		margin-bottom:30px;
		height:110px;
		width:100%;
	}
	
	.UploadFiles .Inner {
		position:relative;
		left:0;
		top:0;
		width:100%;
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:center;
		text-align:center;
		color:#667085;
		font-size:15px;
		line-height:22px;
	}
	.UploadFiles .Inner .Note { font-size:12px;}
	.UploadFiles .Inner .Bold {
		font-family: "Avenir Heavy";
		color:#1a5632;
	}
	
	.UploadFiles input {
		opacity:0;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:1;
		cursor:pointer;
	}
	
	.UploadFiles .Done {
		position:relative;
		padding:8px;
		font-size:15px;
		color:#667085;
	}
	.UploadFiles .Done .CheckBox {
		position:absolute;
		top:10px;
		right:10px;
		height:22px;
	}
	.UploadFiles .Done table .ImgPrevew img {
		max-height:90px;
		margin-right:15px;
	}
	.UploadFiles .Done table .FileName {
		font-family: "Avenir-Medium";
		font-size:16px;
		line-height:20px;
		color:#344054;
	}
	
	.DownloadList { margin-bottom:30px;}
	.DownloadList ul,
	.DownloadList ul li {
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.DownloadList ul li { margin-bottom:10px;}
	
	.DownloadList ul li a {
		font-family: "Avenir-Medium";
		/*color:#000;
		font-size:15px;
		line-height:20px;*/
	}
	.DownloadList ul li img {
		height:30px;
		margin-right:5px;
	}
	
	.NoteContents {
		font-size:13px;
		line-height:18px;
	}
	.NoteContents ul,
	.NoteContents ul li {
		margin:0;
		padding:0;
		list-style:none;
	}
	.NoteContents ul li { margin-bottom:5px;}
	
	/*.DownloadList ul,
	.NoteContents ul {
		margin-left:18px;
		
	}*/
	
	
	.BorderRow {
		border:1px solid #E8E8E8;
			-webkit-border-radius:10px;
		border-radius:10px;
		padding:30px;
		margin-bottom:20px;
	}
	.BorderRow table { width:100%;}
	
	.BorderRow .Icon { width:130px;}
	.BorderRow .Icon img {
		height:104px;
		width:104px;
	}
	.BorderRow .Title {
		font-family: "Avenir Heavy";
		font-size:22px;
		line-height:28px;
		color:#000;
		margin-bottom:5px;
	}
	
	.BorderRow .ForMobile { display:none;}
	
	
	.CheckList ul,
	.CheckList ul li {
		margin:0;
		padding:0;
		list-style:none;
	}
	.CheckList ul li {
		background:#fff;
			-webkit-border-radius:10px;
		border-radius:10px;
		padding:14px 12px;
		margin-bottom:10px;
	}
	.CheckList ul li .Bullet img {
		height:20px;
		margin-right:8px;
		position:relative;
		top:3px;
	}
	.CheckList ul li table tr td.Bullet {
		vertical-align:top;
		width:28px;
	}
	
	.CheckList.Inline ul li {
		display:inline-block;
		background:#F6F9F7;
		padding-top:10px;
		padding-bottom:10px;
		margin-right:5px;
	}
	
	.MissionImpact .CheckList ul li {
		display: inline-block;
		width: 47%;
		margin: 0 2% 10px 0;
	}
	
	.LargeText {
		margin-top:8vh;
		margin-bottom:5vh;
	}
	
	.MissionImpact {
		background:#F6F9F7;
		position:relative;
			-webkit-border-radius:10px;
		border-radius:10px;
	}
	.MissionImpact::before {
		content:"";
		background:#E8E8E8;
		width:1px;
		height:100%;
		position:absolute;
		left:50%;
		top:0;
	}
	.MissionImpact>.row { margin:0;}
	.MissionImpact>.row>* { padding:30px 25px 25px 40px;}
	
	
	.Cases .SubHeading {
		color:#000;
		font-family: 'Calibri';
		font-weight:bold;
	}
	.Cases .MiddleContent > .row {
		margin-left:-20px;
		margin-right:-20px;
	}
	.Cases .MiddleContent > .row > * {
		padding-left:20px;
		padding-right:20px;
	}
	
	.BottomBlocks {
		position:relative;
		padding-left:40px;
		padding-right:40px;
		padding-bottom:4vh;
	}
	.BottomBlocks::before {
		content:"";
		height:200px;
		width:100%;
		position:absolute;
		left:0;
		top:-25px;
		background:#1a5632;
			-webkit-border-radius:10px;
		border-radius:10px;
		z-index:0;
	}
	
	.BottomBlocks .Box {
		background:#fff;
		overflow:hidden;
			-webkit-border-radius:10px;
		border-radius:10px;
			-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
		box-shadow:0 0 10px rgba(0,0,0,0.2);
		margin-bottom:30px;
	}
	.BottomBlocks .Box .Inner {
		padding:30px;
		color:#878787;
		font-size:17px;
	}
	
	.Environment .Box {
		background:rgba(0,0,0,0.3);
		padding:20px;
			-webkit-border-radius:10px;
		border-radius:10px;
		margin-top:20px;
	}
	.Environment > .row {
		margin-left:-10px;
		margin-right:-10px;
	}
	.Environment > .row > * {
		padding-left:10px;
		padding-right:10px;
	}
	
	.Environment .Box .Count {
		font-size:30px;
		line-height:30px;
		margin-bottom:10px;
	}
	.Environment .Text {
		font-size: 16px;
		line-height: 20px;
		color: #fff;
		min-height: 40px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.Environment p { margin-bottom:15px;}
	
	
	#ImageSlider { margin-bottom:0;}
	#ImageSlider.carousel { text-align:center;}
	#ImageSlider.carousel .carousel-item { height:auto;}
	#ImageSlider.carousel .carousel-item img {
			-webkit-border-radius:10px;
		border-radius:10px;
	}
	
	#ImageSlider .carousel-control-next,
	#ImageSlider .carousel-control-prev {
		top: 50%;
		width: 66px;
		height: 66px;
		opacity: 1;
		margin-top: -54px;
		background: #1a5632;
			-webkit-border-radius: 100%;
		border-radius: 100%;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	#ImageSlider .carousel-control-next-icon,
	#ImageSlider .carousel-control-prev-icon {
		width: 14px;
		height: 14px;
	}
	#ImageSlider .carousel-control-next {right: -33px; }
	#ImageSlider .carousel-control-prev { left: -33px;}
	
	#ImageSlider .carousel-control-next:focus,
	#ImageSlider .carousel-control-next:hover,
	#ImageSlider .carousel-control-prev:focus,
	#ImageSlider .carousel-control-prev:hover {
		opacity: 1;
		background: #f93b1d;
	}
	#ImageSlider .carousel-indicators li {
		width: 12px;
		height: 12px;
		background-color: #1a5632;
		opacity: .5;
			-webkit-border-radius: 100%;
		border-radius: 100%;
		display: inline-block;
		margin-bottom: 0;
	}
	#ImageSlider .carousel-indicators {
		position:relative;
		margin: 0 auto;
		width: auto;
		right: auto;
		bottom: 52px;
		left: auto;
		background: #fff;
			-webkit-border-radius: 7px;
		border-radius: 7px;
		display: inline-block;
		padding:2px 10px;
		line-height:0;
	}
	#ImageSlider .carousel-indicators .active {opacity: 1;}
	
	
	/*.AccordionWrapp .card.ForMobile { display:none;}*/
	
	.FaqPage .AccordionWrapp .card {
		border-bottom:none;
		margin-bottom:10px;
	}
	.FaqPage .AccordionWrapp .card-header {
		background:none;
		border:none;
		padding:0;
		margin:0;
	}
	.FaqPage .AccordionWrapp button[data-toggle="collapse"].collapsed {/* Normal */
		color:#000;
		border-color:#E8E8E8;
		background:#fff;
			-webkit-border-radius:10px;
		border-radius:10px;
	}
	
	.FaqPage .AccordionWrapp button[data-toggle="collapse"]:hover.collapsed { /* Hover */
		background-color:#F6F9F7;
		border-color:#F6F9F7;
			-webkit-border-radius:10px;
		border-radius:10px;
	}
	
	.FaqPage .AccordionWrapp button[data-toggle="collapse"],
	.FaqPage .AccordionWrapp button[data-toggle="collapse"]:hover{ /* Active */
		font-size:18px;
		line-height:24px;
		background-color:#F6F9F7;
		border:1px solid #F6F9F7;
			-webkit-border-radius:10px 10px 0 0;
		border-radius:10px 10px 0 0;
		padding:20px 40px 20px 20px;
		color:#000;
	}
	.FaqPage .AccordionWrapp button[data-toggle="collapse"] i,
	.FaqPage .AccordionWrapp button[data-toggle="collapse"].collapsed:hover i {
		margin-top: 0;
		height: 20px;
		width: 20px;
		line-height: 20px;
		border-width: 2px;
		top:22px;
	}
	.FaqPage .AccordionWrapp button[data-toggle="collapse"] i::before,
	.FaqPage .AccordionWrapp button[data-toggle="collapse"].collapsed i::before {
		height: 10px;
		width: 10px;
		margin: -5px;
	}
	
	.CasesWrapper .ForMobile { display:none;}
	
	.NewsCard.LatestNews .Img {height:230px;}
	.NewsCard.LatestNews .Img img {
		height:100%;
		object-fit: cover;
		object-position: top;
	}
	.NewsCard.LatestNews .Inner { min-height:237px;}
	
	#GalleryModalBox .carousel-control-next,
	#GalleryModalBox .carousel-control-prev {margin-top: -33px !important;}



/****************************************
	MEDIA QUERIES
****************************************/

@media All and (max-width:1400px) {
	.ProdList ul li { width:12.45%;}
}

@media All and (max-width:1280px) {
	.ProdList ul li { width:12.25%;}
}

@media All and (max-width:1199px) {
	.ProdList ul li { width:20%;}
	
	.FullArticle.NewsCard .sharethis-inline-share-buttons {
		width: 100% !important;
		float: none;
		text-align: left !important;
		margin-bottom:50px;
	}
	.FullArticle.NewsCard .PublishDate {
		margin-bottom: 20px;
	}
	.TimeLineSection .Wrapper > .row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.TimeLineSection .Wrapper > .row >* {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.BorderBox {font-family: "Avenir LT Pro 55 Roman";}
	
	.Counter .No {
		font-size: 100px;
		line-height: 90px;
	}
	.Counter .Tagline {
		font-size: 30px;
		line-height: 34px;
	}
	
	.ProdList ul li {width: 17%;}
	.OurSuppliers .Count {
		font-size: 38px;
		line-height: 40px;
	}
	.OurSuppliers .Title {
		font-size: 24px;
		line-height: 24px;
	}
	.OurSuppliers .Icon img { height:50px;}
	.OurSuppliers .Star {
		top: 14px;
		right: -20px;
	}
	
	.BrandBox { margin-top:20px;}
	
	.FullArticle.NewsCard .Sharethis {
		float: none;
		margin-bottom:50px;
	}
	
	.ComingSoon {height: calc(100vh - 70px);}
}


@media All and (max-width:991px) {
	.AboutSec .Box {
		border:1px solid #E8E8E8;
		margin-top:30px;
	}
	.AboutSec::before { display:none;}

	.TimeLineSection .Wrapper {padding: 0 20px;}
	.TimeLineSection { padding-bottom: 40px;}
	
	.GreenBox {
		padding: 30px 20px;
			-webkit-border-radius: 0;
		border-radius: 0;
		display: flex;
		flex-direction: column;
		margin-left: -20px;
		margin-right: -20px;
	}
	.BorderBox {
		padding: 20px;
		margin-bottom: 20px;
		min-height: auto;
	}
	
	.ProdList ul li {
		width:44%;
		margin-right:2%;
		margin-left:2%;
	}
	.ProdList ul li .Inner { min-height:auto;}
	
	.OurSuppliers .Icon img { height:50px;}
	.OurSuppliers .Count {
		font-size: 28px;
		line-height: 30px;
		margin-top:8px;
	}
	.OurSuppliers .Title {
		font-size: 22px;
		line-height: 24px;
	}
	.OurSuppliers .Star {
		top: 14px;
	}

	.LargeText {
		margin-top: 5vh;
		margin-bottom: 0;
	}
	.MissionImpact { padding:20px;}
	.MissionImpact>.row>* {padding: 0 !important;}
	
	.MissionImpact::before { display:none;}
	.MissionImpact .TitleStyle {
		margin-bottom: 10px;
	}
	.MissionImpact .TitleStyle .Title {
		font-size: 22px;
		line-height: 28px;
	}
	
	.Cases .MiddleContent > .row {
		margin-left:-15px;
		margin-right:-15px;
	}
	.Cases .MiddleContent > .row > * {
		padding-left:20px;
		padding-right:20px;
	}
	
	.BottomBlocks {
		position: relative;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	.BottomBlocks::before {
		height: 80px;
		width: auto;
		left: -20px;
		right: -20px;
			-webkit-border-radius: 0;
		border-radius: 0;
	}
	.BottomBlocks .Box .Inner { padding:20px;}
	
	#ImageSlider .carousel-indicators {
		padding:0 5px;
		bottom:42px;
	}
	#ImageSlider .carousel-control-next,
	#ImageSlider .carousel-control-prev {
		width: 44px;
		height: 44px;
		margin-top: -42px;
	}
	#ImageSlider .carousel-control-next {right: 10px; }
	#ImageSlider .carousel-control-prev { left: 10px;}
	
	.CasesWrapper { margin-top:5vh;}
	.CasesWrapper .ForMobile { display:block;}
	.CasesWrapper .ForDesktop { display:none;}
	.Cases .SubHeading {
		font-size: 32px;
		line-height: 38px;
	}
	
	/*.AccordionWrapp .card.ForMobile {display: block;}*/
	
	.NewsCard.LatestNews .Img {
		height:auto;
	}
	.NewsCard.LatestNews .Img img {
		height:auto;
		object-fit: initial;
	}
	.NewsCard.LatestNews .Inner { min-height:auto;}
	
	#GalleryModalBox .carousel-control-next,
	#GalleryModalBox .carousel-control-prev {margin-top: -23px !important;}
	#GalleryModalBox .MyBox .modal-dialog {max-width:100% !important;}
}


@media All and (max-width:767px) {
	.FeatureBox {
		padding: 20px;
		margin-bottom: 20px;
		min-height: auto !important;
	}
	.FeatureBox .Icon img {height: 50px;}
	
	.Counter { margin-bottom:30px;}
	
	.OurSuppliers table { float: none;}
	.OurSuppliers .Star {
		float: none;
		top: 0;
		text-align: center;
		padding: 5px 0;
	}
	
	.Environment .Box {
		padding:10px;
		margin-top:10px;
	}
	.Environment > .row {
		margin-left:-5px;
		margin-right:-5px;
	}
	.Environment > .row > * {
		padding-left:5px;
		padding-right:5px;
	}
	
	.Environment .Text {
		font-size: 15px;
		min-height: 60px;
	}
}

@media All and (max-width:760px) {
	.PageTitle {
		padding-top:4vh;
		padding-bottom:4vh;
	}
	
	.AboutSec .Box .Title {
		font-size: 20px;
		line-height: 24px;
	}
	
	.FeatureBox .Title {
		font-size: 22px;
		line-height: 28px;
	}
	
	.TimeLineSection .MainWrapper {
		padding-top: 25px;
		padding-bottom: 20px;
	}
	.TimeLineSection .TitleStyle {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.TimeLineSection .Wrapper .Title {
		font-size: 17px;
		line-height: 22px;
		padding: 14px 15px 11px;
	}
	
	.TeamBox .Btn {
		right: 15px;
		bottom: 15px;
	}
	
	#MemeberDetail.MyBox .modal-content .modal-body {padding: 25px;}
	
	#MemeberDetail.MyBox .modal-dialog {
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.TimeLineSection .MainWrapper {
		margin:0;
			-webkit-border-radius: 0;
		border-radius: 0;
	}
	.TimeLineSection {padding-bottom: 0;}

	.VideoBox.MyBox .modal-dialog {max-width: 95%;}
	
	.StoreVideo { padding-bottom:30px;}
	
	.ProdList ul li .Title {
		font-size: 18px;
		line-height: 22px;
	}
	
	.Counter .No {
		font-size: 60px;
		line-height: 50px;
	}
	.Counter .Tagline {
		font-size: 30px;
		line-height: 32px;
	}
	
	.ProdList ul li {
		width: 46%;
		margin-right: 4%;
		margin-left: 0;
		float: left;
		margin-bottom: 15px;
	}
	.ProdList {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.BrandBox table tr td {
		float:left !important;
		width:100% !important;
	}
	.BrandBox .Link { margin-top:15px;}
	.BrandBox .Link a { display:block;}
	.BrandBox .Img {
		padding-right: 0;
		margin-bottom: 15px;
	}
	.BrandBox .Title {
		font-size: 22px;
		line-height: 26px;
	}
	
	.FullArticle.NewsCard .sharethis-inline-share-buttons .st-btn {
		height: 32px !important;
		width: 32px !important;
	}
	.FullArticle.NewsCard .sharethis-inline-share-buttons .st-btn > img {
		margin-top: -2px !important;
		height: 16px !important;
		width: 16px !important;
	}
	.FullArticle.NewsCard .Title {
		font-size: 20px;
		line-height: 28px;
	}
	
	.ArticleNav a { min-width:130px;}
	.ArticleNav a img {top: 8px;}
	
	.FullArticle.NewsCard .Sharethis {margin-bottom: 25px;}
	
	.BrandBox.WithImg {padding: 20px;}
	
	.BorderRow .ForMobile { display:table-cell;}
	.BorderRow .ForDesktop { display:none;}
	
	.BorderRow { padding: 20px;}
	.BorderRow .Icon {width: 80px;}
	.BorderRow .Icon img {
		height: 65px;
		width: 65px;
	}
	.BorderRow .Title {
		font-size: 18px;
		line-height: 25px;
	}
	
	.FaqPage .AccordionWrapp button[data-toggle="collapse"],
	.FaqPage .AccordionWrapp button[data-toggle="collapse"]:hover{ /* Active */
		padding:15px 40px 15px 15px;
	}
	.FaqPage .AccordionWrapp button[data-toggle="collapse"] i,
	.FaqPage .AccordionWrapp button[data-toggle="collapse"].collapsed:hover i {
		top:17px;
	}
	
	/*#ImageSlider.carousel .carousel-item {
		height:300px;
		display:flex;
	}
	#ImageSlider.carousel .carousel-item img {
		object-fit: cover;
	}*/
}


@media All and (max-width:576px) {
	.AboutSec .Box { margin-top:20px;}
	.AboutSec .Box .Inner { padding:15px;}
	
	.TeamBox { margin-bottom: 25px;}
	.TeamBox .Pic {margin-bottom: 12px;}
	.TeamBox .Name {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 0;
	}
	
	#TeamCarousel .carousel-control-next,
	#TeamCarousel .carousel-control-prev {
		top: 105px;
		height: 40px;
		width: 40px;
	}
	#TeamCarousel .carousel-control-next svg,
	#TeamCarousel .carousel-control-prev svg {
		width:16px;
	}
	
	.VidBoxImg .PlayBtn {
		margin-left:-25px;
		margin-top:-25px;
	}
	.VidBoxImg .PlayBtn a {
		height: 50px;
		width: 50px;
		line-height: 46px;
	}
	
	.ProdList ul li .Title {
		font-size: 15px;
		line-height: 20px;
	}
	.ProdList ul li .Inner { padding: 20px 5px;}
	
	.DownloadList,
	.UploadFiles { margin-bottom:15px;}
	
	
	.MissionImpact .CheckList ul li {
		width: auto;
		margin: 0 6px 4px 0;
		padding:12px 8px;
	}
	.CheckList ul li .Bullet img {
		margin-right: 4px;
		top: 2px;
		height: 18px;
	}
	
	.FormWrapper .Theme.btn {
		display:block;
		width:100%;
	}
	
	.ErrorMessage {margin-top: -5px;}
}