h6{
	font-size:18px;
	color: #444;
}

/*Top Navi*/
.dropdown-menu {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 230px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  left:0;
  padding-top:9px;
}

.dropdown-content a {
  padding: 8px 23px;
  text-decoration: none !important;
  display: block;
}

.dropdown-content a:hover {background-color: #ccc}
.dropdown-menu:hover .dropdown-content {
  display: block;
}
@media screen and (max-width:800px){
	.dropdown-content {
		background-color:#333;
		padding-top:11px;
	}
	.nav-container .top-panel .dropdown-content a:hover {
		background-color: #fff;
		color:#000 !important;
	}
	.dropdown-content a {
		text-align:left;
		background-color:#fff;
	}
}
@media screen and (max-width:550px){
	.dropdown-content {
  		min-width: 200px;
  	}
	.dropdown-content a {
		font-size:12px;
	}
}



h2{
	font-size:50px;
	line-height:1em !important;
}

p {
  font-size: 16px;
  line-height: 24px;
}


/*=============================================================
  Our Essence
 =============================================================*/
.sec-whatwedo{
	background-color:#e71d2e;
	padding:100px 5%;
}
.whatwedo-white-box{
	border-radius:30px;
	padding:40px 5%;
	background-color:#fff;
}
.sec-whatwedo h2{
	color:#fff;
	padding-left:5%;
	margin:0;
}
.sec-vision{
	height:600px;
	overflow-y:hidden;
	position:relative;
}
#coverVideo {
 	height:600px;
    width:auto;
 	position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
	top:-50px;
}
 #contentVideo {
	flex:0;
	min-height:100%;
	min-width:100%;
}
.sec-vision .grid{
	position:absolute;
	top:0%;
	left:50%;
	height:100%;
	transform:translateX(-50%);
	z-index:10;
	display:flex;
	align-items:center;
	padding:0 5%;
}
.vision-box{
	position:absolute;
	border-radius:30px;
	padding:20px 5%;
	background-color:rgba(231,29,46,0.7);
	color:#fff;
	width:480px;
}
.vision-box p{
	font-size:20px !important;
}
.sec-mission{
	background-image:url(../images/Mission-Background-kossan.jpg);
	background-size:cover;
	background-position:center;
	height:600px;
	position:relative;
}
.img-mission{
	display:none;
}
.mission-gloves{
	position:absolute;
	left:0;
	bottom:0;
	z-index:11;
}
.mission-gloves img{
	height:650px;
}
.sec-mission .grid{
	position:absolute;
	top:0%;
	left:50%;
	height:100%;
	transform:translateX(-50%);
	z-index:10;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding:0 5%;
}
.mission-box{
	position:absolute;
	border-radius:30px;
	padding:20px 5%;
	background-color:rgba(231,29,46,0.7);
	color:#fff;
	width:480px;
}
.mission-box p{
	font-size:20px !important;
}
ul.values-list{
	padding:0;
	margin:20px 0 0 0;
	display:flex;
}
ul.values-list li{
	padding:0 1%;
	margin:0;
	text-align:center;
	width:20%;
	list-style:none;
}
ul.values-list li img{
	width:120px;
	margin:0 auto;
}
ul.values-list li p{
	font-size:14px;
	line-height:1.4em;
}
.sec-corpvideo{
	padding:100px 0;
}

.video-thumb{
	width:100%;
	max-width:600px;
	margin:0 auto;
	position:relative;
}
.video-thumb a{
	text-decoration:none;
	color:#fff;
}
.video-thumb a .video-mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0%;
	left:0%;
	background-color:#000000;
	opacity:0;
	transition:opacity 0.4s;
	-webkit-transition:opacity 0.4s;
}
.video-thumb a:hover .video-mask{
	opacity:0.8;
}
.video-thumb a:hover .video-button{
	position:absolute;
	background-image:url(../images/btn_play.png);
	background-position:center center;
	background-repeat:no-repeat;
	width:65px;
	height:70px;
	top:40%;
	margin-top:-35px;
	left:50%;
	margin-left:-33px;
	z-index:10;
}
.video-thumb p{
	position:absolute;
	width:80%;
	font-size:20px;
	font-weight:600;
	color:#fff;
	top:55%;
	left:10%;
	text-align:center;
	padding:10px;
	background-color:rgba(0, 0, 0, 0.7);
}


/*=============================================================
  Accreditaion
 =============================================================*/
.banner-container.accreditation{
	background-color:#797583;
}
 .inner-container.accreditation{
	 padding-bottom:60px;
 }
 .accreditation-grid{
	 display:flex;
	 flex-wrap:wrap;
 }
 .accreditation-box{
	 border-radius:30px;
	 background:#ec0928;
	 width:30.33%;
	 margin:0 1.5% 40px 1.5%;
	 color:#fff;
	 padding:30px 3%;
 }
 .accreditation-box h4{
	 font-weight:900;
 }
 .accreditation-section{
	  padding:30px 0;
  }
  .accreditation-listing-grid{
	  display:flex;
	  justify-content:center;
	  flex-wrap:wrap;
  }
 .accreditation-title{
		text-align: center;
		position:relative;
		margin-bottom:20px;
	}
.accreditation-title .icon-award{
		margin:0 auto;
	}
	.accreditation-title h2{
		font-size:30px;
		line-height:1.2em !important;
		font-weight:700;
		text-align:center;
		color:#ec1c2d;
		background:#FFF;
		display:inline-block;
		width:auto;
		padding:0 20px;
	}
	.accreditation-title:after{
		content:"";
		position:absolute;
		left:0;
		bottom:16px;
		width:100%;
		height:4px;
		background-color:#ec1c2d;
		z-index:-1;
	}
 .accreditation-listing {
	 text-align:center;
 }
 .accreditation-listing p{
	 font-size:14px;
	 text-align:center;
	 font-weight:700;
	 line-height:1.4em;
 }
  .accreditation-listing p span{
	 font-size:12px;
	 font-weight:400;
	 line-height:1.2em;
 }
 
 
 


/*=============================================================
  CEO's Message
 =============================================================*/
/*.ceo-banner-container{
	position:absolute;
	width:100%;
	min-height:403px;
	background:#d9d9d9;
}
.ceo-banner-bg{
	position:relative;
	top:70px;
	background:url(../images/leader-lim-kuang-sia.png) top right no-repeat;
	padding:50px 0 150px 0;
}
.ceo-banner-bg h1{
	font-size:26px;
	text-transform:uppercase;
	color:#ec0928;
}
.ceo-banner-bg h3{
	font-size:20px;
	margin-bottom:0;
}

.ceo-banner-bg p{
	font-size:16px;
	line-height:24px;
}
.ceo-name{
	position:absolute;
	right:330px;
	top:150px;
	text-align:right;
}
.ceo-name p{
	font-size:14px;
	line-height:18px;
}
.ceo-content{
	background:#fff;
	padding:20px 40px;
}
.ceo-content p{
	text-align:justify;
}*/

/*=============================================================
  What We Do
 =============================================================*/
.banner-container.what-we-do{
	background-color:#a7becf;
}
span.kossan{
	font-weight:700;
	color:#ec0928;
}
.what-title{
	text-align:right;
	font-weight:700;
	font-size:26px !important;
	line-height:30px !important;
	margin-top:0;
}
.img-kossan{
	padding:0 45px 20px 0;
	float:left;
}
.wwd-icon-container{
	position:relative;
	text-align:center;
	margin-top:-50px;
	padding-bottom:40px;
	z-index:99;
}
.wwd-icon-container h2{
	font-size:20px;
	font-weight:400;
}
.wwd-icon-container p {
	font-size:12px;
	line-height:3px;
	font-weight:900;
	margin-bottom:0;
	text-decoration:underline;
}
.wwd-icon-container h2 span{
	font-size:48px;
	font-weight:700;
	line-height:50px;
}
.wwd-icon{
	width:100px;
	height:100px;
	border-radius: 50%;
	background:#202020;
	margin:0 auto;
	border:#fff 2px solid;
}
.wwd-icon.icon-1{
	background-image:url(../images/wwd-icon1.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.wwd-icon.icon-2{
	background-image:url(../images/wwd-icon2.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.wwd-icon.icon-3{
	background-image:url(../images/wwd-icon3.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.wwd-container{
	position:relative;
	padding-bottom:60px;
}
.wwd-container p{
	font-size:16px;
	line-height:24px;
}
.wwd-container .wwd-content{
	text-align:justify;
}
.wwd-container .content-box{
	border:#666 4px solid;
	padding:15px;
	background:url(../images/logo-black-10.png) center no-repeat;
	margin-top:20px;
}
.wwd-container .content-box li{
	font-size:16px;
	font-weight:700;
	width:100%;
	border-bottom:#666 1px solid;
	list-style:none;
	display:block;
	padding:15px;
}

/* ====================================================================== 
 TABLE
====================================================================== */
.wwd-container .content-box table{width:100%;text-align:left;border-collapse: collapse; font-size:16px; font-weight:700;}
.wwd-container .content-box table tr{border-top:1px solid #666;}
.wwd-container .content-box table tr:first-child{border-top:0;}

/* tblstyle3 */
.wwd-container .content-box table.tblstyle3{}
.wwd-container .content-box table.tblstyle3 tbody th{border-right:1px solid #666; padding:10px 15px;}
.wwd-container .content-box table.tblstyle3 tbody td{padding:10px 15px;}


/*=============================================================
  Business Structure
  =============================================================*/
.banner-container.business-structure{
	background-color:#e4ccc2;
}
.structure-container{
	padding:0;
}
.structure-logo{
	text-align:center;
	padding:0;
	margin:0 auto;
	max-width:374px;
}
.structure-line{
	text-align:center;
	padding:0;
	margin:0 auto;
	max-width:854px;
}
.structure-company{
	text-align:center;
	padding:0;
}
.structure-company.normal{
	display:block;
}
.mobile{
	display:none;
}
/*.structure-company.zoom{
	display:block;
}*/
.structure-company2{
	text-align:center;
	padding:23px 0 0 0 !important;
}
.structure-company3{
	text-align:center;
	padding:156px 0 0 0 !important;
}
.structure-company4{
	text-align:center;
	padding:244px 0 0 0 !important;
}

.listed-container{
	border-top:#f69ea0 2px solid;
	border-bottom:#f69ea0 2px solid;
	padding:20px 0;
	margin-bottom:40px;
}

.listed-container ul{
	padding:0 20px 0 25px;
	margin:0;
}
.listed-container ul li{
	padding:0;
	margin:0;
}
img#corp-struc{
	max-width:none;
}


/*=============================================================
  Corporate Governance
  =============================================================*/
.banner-container.corporate-governance{
	background-color:#553592;
}
.governance-container{
	padding:40px 0 80px 0;
	border-top:#ccc 2px solid;
}
.governance-container h1{
	font-size:26px;
	font-weight:700;
	text-align:center;
}
.governance-container h2{
	font-size:20px;
	line-height:24px;
	font-weight:700;
	color:#444;
}
.governance-container p{
	font-size:16px;
	line-height:24px;
	text-align:justify;
}
ul.inner-sublink.cc{
	max-width:1170px;
	margin-left:auto;
	margin-right:auto;
}
ol.ol-list{
	font-size:16px;
	line-height:24px;
	padding:0;
	margin:0;
}
ol.ol-list li{
	padding:0;
	margin:0 0 0 20px;
}


/*=============================================================
  Sustainability Statement
  =============================================================*/
.banner-container.sustainability{
	background-color:#9fa134;
}
.sustainability-container{
	padding:40px 0 80px 0;
}
.sustainability-container h1{
	font-size:26px;
	font-weight:700;
	text-align:center;
}
.sustainability-container h2{
	font-size:20px;
	line-height:24px;
	font-weight:700;
	color:#444;
}
.sustainability-container p{
	font-size:16px;
	line-height:24px;
	text-align:justify;
}


/*=============================================================
  Our Heritage
  =============================================================*/
.banner-container.heritage{
	background-color:#005780;
	top:20px;
}
.heritage-content p {
	text-align:justify;
}
.heritage-content .heritage-img {
	padding:20px 40px 0 0;
	width:400px;
	float:left;
}
.heritage-desc{
	border-radius:30px;
	padding:20px 3%;
	background-color:rgba(255,255,255,0.65);
	color:#000 !important;
	position: absolute;
	top: 10%;
	left: 40%;
	z-index: 99;
	width: 55%;
	height: 80% !important;
	display: flex;
	justify-content: center;
	flex-direction: column;
}


/*=============================================================
  Our Vision & Mission
  =============================================================*/
  .vision-banner-content{
	position:relative;
	top:25px;
	float:right;
}

.vision-banner-content h1{
	font-size:26px;
}

.vision-banner-content p{
	font-size:16px;
	line-height:24px;
}
.vision-container{
	color:#fff;
	background:#ec1c2d;
	min-height:330px;
	padding-top:40px;
	
}
.vision-content{
	position:relative;
	padding-top:100px;
}
.vision-content img{
	margin-top:-120px;
}
.vision-content img.first{
	margin-top:0px;
}
.vision-title{
	position:relative;
	margin-top:20%;
	margin-left:-50px;
	z-index:99;
}
.vision-title-right{
	position:relative;
	margin-top:0;
	margin-right:-50px;
	z-index:99;
}
.vision-title-right ul{
	padding:0;
	margin:0 0 0 35px;
}
.vision-title-right li{
	font-size:16px;
	margin-bottom:5px;
	margin-right:128px;
	text-align:justify;
}
.vision-title h1{
	font-size:36px;
	line-height:30px;
	font-weight:700;
	color:#ec1c2d;
	border-left:100px solid;
	padding:0 0 0 25px;
	margin:0;
}
.vision-title-right h1{
	font-size:36px;
	line-height:30px;
	font-weight:700;
	color:#ec1c2d;
	text-align:right;
	border-right:100px solid;
	padding:0 25px 0 0;
	margin:0;
}
.vision-title p{
	font-size:24px;
	font-weight:400;
	margin-left:127px;
	margin-right:50px;
}
.vision-title-right p{
	font-size:24px;
	font-weight:400;
	text-align:right;
	margin-right:127px;
	margin-left:50px;
}

  
/*=============================================================
  Our Personality Traits
  =============================================================*/
.banner-container.personality-traits{
	background-color:#ec1c2d;
	height:380px;
}  
.banner-container.personality-traits .banner-content{
	padding-left:80px;
}
.banner-container.personality-traits .banner-content h1{
	padding-top:30px;
}

.personality-traits-container{
	color:#fff;
	background:#ec1c2d;
	min-height:330px;
	padding-top:40px;
	
}
.personality-traits-content{
	position:relative;
}
.personality-traits-content img{
	margin-top:-80px;
}
.personality-traits-content img.first{
	margin-top:0px;
}
.personality-traits-title{
	position:relative;
	margin-top:25%;
	margin-left:-50px;
	z-index:99;
}
.personality-traits-title-right{
	position:relative;
	margin-top:25%;
	margin-right:-50px;
	z-index:99;
}
.personality-traits-title h1{
	font-size:36px;
	line-height:30px;
	font-weight:700;
	border-left:100px solid;
	padding:0 0 0 25px;
	margin:0;
}
.personality-traits-title-right h1{
	font-size:36px;
	line-height:30px;
	font-weight:700;
	text-align:right;
	border-right:100px solid;
	padding:0 25px 0 0;
	margin:0;
}
.personality-traits-title p{
	font-size:16px;
	font-weight:400;
	margin-left:127px;
	margin-right:50px;
}
.personality-traits-title-right p{
	font-size:16px;
	font-weight:400;
	text-align:right;
	margin-right:127px;
	margin-left:50px;
}
.green1{ color:#67cad9;}
.green2{ color:#74cca3;}
.blue3{ color:#67a0d9;}
.red4{ color:#ebb0a7;}
.brown5{ color:#977a77;}


/*=============================================================
  Our Leadership Team
  =============================================================*/
.cbp-popup-singlePage .cbp-popup-content {
	max-width:1200px !important;
}
  
.banner-container.leadership{
	background-color:#a2a8a6;
}

#leader-grid-container{
	margin:30px auto;
}

.leadership-container{
	position:relative;
	padding:0;
}
.leadership-content{
	position:relative;
	min-height:180px;
	width:100%;
	background-color:#344860;
	margin:0;
	background-repeat:no-repeat;
	background-position:bottom left -5px;
	padding:30px 15px 20px 150px;
	background-size:auto 160px;
}
.leadership-content h1{
	font-size:20px;
	line-height:24px;
	font-weight:700;
	color:#fff;
	margin:0;
}
.leadership-content p{
	font-size:16px;
	font-weight:400;
	color:#fff;
	margin:10px 0 0 0;
}
.leadership-content.directors{
	text-align:center;
	padding:70px 0 0 0;
	background-color:#627791;
}
.leadership-content.directors.white{
	text-align:left;
	padding:50px;
	background:#e3e3e3;
}
.leadership-content.directors.white p{
	font-size:14px !important;
	line-height:20px !important;
	font-style:italic !important;
	color:#000 !important;
}

.leadership-popup-content{
	padding:10px 0;
}
.leadership-popup-content h1{
	font-size:36px;
	line-height:36px;
	font-weight:700;
	color:#344860;
	margin:0;
}
.leadership-popup-content h2{
	font-size:20px;
	line-height:24px;
	font-weight:400;
	color:#000;
	margin:5px 0;
}
.leadership-popup-content p.bio{
	margin:5px 0 20px 0;
}
.leadership-popup-content p{
	font-size:16px;
	line-height:24px;
	font-weight:400;
	color:#000;
	text-align:justify;
}
.leadership-popup-content .bod-img{
	padding-left:30px;
}

	.layer-black{
		position:absolute;
		width:100%;
		height:100%;
		background: url(../images/zoom-in-white.png) center no-repeat;
		background-color:rgba(0, 0, 0, 0.8);
		background-size:10%;
		z-index:99;
		opacity:0;
		transition: ease-in .3s;
	}
	.leadership-container a:hover .layer-black{
		opacity:1;
	}
ul.content-list, ol.content-list{
	margin-top:20px;
	margin-bottom:20px;
}	
ul.content-list li, ol.content-list li{
	margin-bottom:5px;
	font-size:16px;
	line-height:24px;
	text-align:justify;
}
ol.number-list{
	list-style:none;
	margin-left: 23px;
}
ol.number-list > li span { 
	position:absolute;
	margin-left: -43px;
}

	


/*=============================================================
  Awards & Recognition
  =============================================================*/
.banner-container.awards{
	background-color:#363636;
}
  
  .awards-section{
	  padding:60px 0;
  }
  
	.awards-year-container{
		background:url(../images/award-icon1.png) top center no-repeat;
		padding-top:65px;
		margin-bottom:40px;
		border-bottom:#ec1c2d 4px solid;
	}
	.awards-year-title{
		width:170px;
		padding:5px;
		background:#fff;
		margin:0 auto;
		margin-bottom:-5px;
	}
	.awards-year-title h1{
		font-size:48px;
		font-weight:700;
		line-height:6px;
		text-align:center;
		color:#ec1c2d;
		background:#FFF;
	}
	.awards-listing-container{
		padding:0;
	}
	.awards-listing{
		position:relative;
		padding: 0 10px;
		text-align:center;
		min-height:300px;
		border-right:#ccc 1px solid;
	}
	.awards-listing.text-only{
		min-height:150px;
	}
	.awards-listing:first-child{
		border-left:#ccc 1px solid;
	}
	.awards-listing h1{
		font-size:20px;
		font-weight:700;
		margin-bottom:5px;
	}
	.awards-listing p{
		font-size:16px;
		font-weight:400;
		margin:0;
	}
	.layer-white{
		position:absolute;
		width:100%;
		height:100%;
		background: url(../images/zoom-in.png) center no-repeat;
		background-color:rgba(255, 255, 255, 0.8);
		background-size:15%;
		z-index:99;
		opacity:0;
		transition: ease-in .3s;
	}
	.awards-listing a:hover .layer-white{
		opacity:1;
	}
	.awards-listing a{
		text-decoration:none;
		color:#000;
	}
	.awards-listing-logo{
		position:relative;
		min-height:190px;
	}
	.awards-listing-logo img {
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		margin: auto;
	}
	

	
	
/*========================================
  Light Box
  ========================================*/
  .lightbox-popup{
	  width:100%;
	  max-width:600px;
	  padding:40px;
	  overflow:auto;
  }
  .lightbox-popup h1 {
	  font-size:20px;
	  line-height:24px;
	  font-weight:700;
  }
  .lightbox-popup p {
	  line-height:20px;
  }
  .lightbox-popup .btn-link{
	  background:#333;
	  padding:10px 0;
	  margin-bottom:30px;
	  font-size:16px;
	  font-weight:700;
	  color:#fff;
	  text-align:center;
  }
  .lightbox-popup .btn-link:hover{
	  background:#000;
  }
  .lightbox-popup a{
	  text-decoration:none;
  }
  .lightbox-popup img{
  }
  .lightbox-popup img.photo{
	  float:left;
	  margin:15px 30px 15px 0;
  }

/*========================================
  Responsive
  ========================================*/
  
@media (max-width:1200px){ 
	.vision-content{
		padding-top:70px;
	}
	.banner-container.heritage{
		height:auto;
		background-repeat:no-repeat;
		background-size:1200px auto;
		
		background-image:url(../images/banner-heritage-mobile.jpg);
		background-position:top -180px center;
		top:0px;
	}
	.banner-container.heritage img{
		display:none;
	}
	/*.banner-container.heritage .banner-content{
		position:relative;
		top:auto;
		margin-top:400px;
		left:0%;
		width:100%;
		max-width:none;
		height:auto !important;
		padding:10px;
		display:block;
		background-color:#005780;
	} */
	.heritage-desc{
		position:relative;
		top:auto;
		margin-top:400px;
		margin-bottom:50px;
		left:5%;
		width:90%;
		max-width:none;
		height:auto !important;
		display:block;
	}
	.sec-vision{
		height:500px;
	}
	#coverVideo {
		height:500px;
		top:0px;
	}
	.sec-mission{
		height:500px;
	}
	.mission-gloves img{
		height:550px;
	}
}


@media (max-width:1024px){ 
	/*.ceo-banner-bg{
		top:70px;
		background-size:280px auto;
		background-position:top right 5%;
		padding:50px 0 150px 0;
	} 
  	.ceo-content{
		width:60%;
	}
	.ceo-name{
		right:11%;
		top:570px;
		text-align:center;
	}*/
	.vision-title{
		margin-top:12%;
	}
	.vision-title-right{
		margin-top:0%;
	}
	.vision-title h1{
		font-size:28px;
		line-height:32px;
	}
	.vision-title-right h1{
		font-size:28px;
		line-height:32px;
	}
	.vision-title p{
		font-size:20px;
		margin-right:20px;
	}
	.vision-title-right p{
		font-size:20px;
		margin-left:20px;
	}
	
	.personality-traits-title{
		margin-top:15%;
	}
	.personality-traits-title-right{
		margin-top:15%;
	}
	.personality-traits-title h1{
		font-size:28px;
		line-height:32px;
	}
	.personality-traits-title-right h1{
		font-size:28px;
		line-height:32px;
	}
	.banner-container.heritage{
		background-size:1024px auto;
		background-position:top -120px center;
	}
	.heritage-desc{
		margin-top:380px;
	}
	/*.banner-container.heritage .banner-content{
		margin-top:280px;
	} */
	.desktop{
		display:none;
	}
	.mobile{
		display:block;
	}
	
}

@media (max-width:1023px){ 
	.sec-vision{
		height:430px;
	}
	#coverVideo {
		height:430px;
	}
	.sec-mission{
		height:430px;
	}
	.vision-box{
		width:380px;
	}
	.mission-gloves img{
		height:450px;
	}
	.mission-box{
		width:380px;
	}
	ul.values-list{
		flex-wrap:wrap;
		justify-content:center;
	}
	ul.values-list li{
		padding:0 3%;
		width:33.33%;
		margin-bottom:25px;
	}
	.accreditation-title h2{
		font-size:26px;
	}
	.accreditation-section h3{
		font-size:22px;
	}
}


@media (max-width:800px){
	.banner-container.what-we-do{
		background-image:url(../images/banner-whatwedo2.jpg);
		background-position:center;
		background-size:cover;
		height: 25vh;
	}
	.banner-container.business-structure{
		background-image:url(../images/banner-structure.jpg);
	}
	.banner-container.corporate-governance{
		background-image:url(../images/banner-corp-governance.jpg);
	}
	.banner-container.accreditation{
		background-image:url(../images/innerbanner-accreditation.jpg);
	}
	.banner-container.sustainability{
		background-image:url(../images/banner-sustainability.jpg);
	}
	.banner-container.personality-traits{
		height:auto;
	} 
	.banner-container.leadership{
		background-image:url(../images/banner-leadership2.jpg);
	}
	.banner-container.awards{
		background-image:url(../images/banner-achievement2.jpg);
		background-position:center;
		background-size:cover;
		height: 25vh;
	}
	
	.banner-container.what-we-do .banner-content{
		background-color:#a7becf;
	}
	.banner-container.business-structure .banner-content{
		background-color:#e4ccc2;
	}
	.banner-container.corporate-governance .banner-content{
		background-color:#553592;
	} 
	.banner-container.accreditation .banner-content{
		background-color:#797583;
	} 
	.banner-container.sustainability .banner-content{
		background-color:#9fa134;
	} 
	.banner-container.personality-traits .banner-content{
		padding-left:10px;
		margin-top:0px;
	}
	.banner-container.personality-traits .banner-content h1{
		padding-top:0px;
	}
	.banner-container.leadership .banner-content{
		background-color:#a2a8a6;
	} 
	.banner-container.awards .banner-content{
		background-color:#363636;
	} 
	
	/*.ceo-banner-bg{
		top:10px;
		background-size:240px auto;
		padding:50px 0 100px 0;
		background-position: right 20% top;
	} 
  	.ceo-content{
		width:100%;
		margin-top:200px;
	}
	.ceo-name{
		right:auto;
		left:40px;
		top:80px;
		text-align:left;
	}*/
	.img-kossan{
		padding:0 0px 20px 0;
	}
	.wwd-container .wwd-content{
		padding-right:10px;
	}
	.wwd-icon-container{
		margin-top:20px;
	}
	.vision-content{
		padding-top:40px;
	}
	.vision-content .row{
		max-width:500px;
		margin:0 auto;
	}
	.vision-content img{
		margin-top:0px;
	}
	.vision-title{
		margin-top:20px;
		margin-left:0px;
	}
	.vision-title-right{
		margin-top:20px;
		margin-right:0px;
	}
	.vision-title h1{
		border-left:30px solid;
		padding:0 0 0 15px;
	}
	.vision-title-right h1{
		border-right:30px solid;
		padding:0 15px 0 0;
	}
	.vision-title p{
		margin-right:10px;
		margin-left:50px;
	}
	.vision-title-right p{
		margin-left:10px;
		margin-right:50px;
	}
	.vision-title-right li{
		margin-bottom:5px;
		margin-right:50px;
	}

	
	.personality-traits-content .row{
		max-width:500px;
		margin:0 auto;
	}
	.personality-traits-content img{
		margin-top:30px;
	}
	.personality-traits-title{
		margin-top:20px;
		margin-left:0px;
	}
	.personality-traits-title-right{
		margin-top:20px;
		margin-right:0px;
	}
	.personality-traits-title h1{
		border-left:50px solid;
	}
	.personality-traits-title-right h1{
		border-right:50px solid;
	}
	.personality-traits-title p{
		margin-right:10px;
		margin-left:77px;
	}
	.personality-traits-title-right p{
		margin-left:10px;
		margin-right:77px;
	}
	
	.leadership-content{
		padding: 20px 15px 20px 150px;
	}
	/*.leadership-content h1{
		font-size:18px;
		line-height:22px;
	}*/
	.leadership-content p{
		margin: 5px 0 0 0;
	}
	
	
	.awards-listing{
		border-right:none;
		border-top:#ccc 1px solid;
		padding: 0 10px 30px 10px;
		min-height:auto;
	}
	.awards-listing:first-child{
		border-left:none;
		border-top:none;
	}
	.awards-listing.text-only{
		min-height:auto;
		padding:30px 10px;
	}
	.layer-white{
		background-size:8%;
	}
	.awards-section hr{
		margin:0;
	}
	
	.heritage-content .heritage-img {
		padding:10px 0;
		width:100%;
		float:none;
	}
	hr.hide-800{
		display:none;
	}
	
	.structure-company.normal{
		display:none;
	}
	/*.structure-company.zoom{
		display:block;
	}*/
	.leadership-popup-content{
		padding:0;
	}
	.leadership-popup-content .bod-img{
		padding-left:10px;
	}
	.leadership-popup-content .bod-img img{
		margin:0 auto;
	}
	.inner-container.accreditation{
		 padding:60px 0;
	 }
	.accreditation-listing{
		max-width:500px;
		margin:0 auto;
		float:none;
	}
}

@media (max-width:767px){ 
	.wwd-icon-container{
		margin-top:0px;
	}
	.wwd-icon-container .wwd-icon-content{
		padding:30px 0 20px 0;
		border-bottom:#333 1px solid;
	}
	.wwd-icon-container h2{
		font-size:18px;
	}
	.wwd-icon-container h2 span{
		font-size:50px;
		line-height:50px;
	}
	.wwd-icon-content{
		width:100% !important;
	}
	.sec-vision{
		height:330px;
		overflow-x:hidden;
	}
	#coverVideo {
		height:430px;
		top: 50%;
		transform: translatey(-50%);
	}
	#contentVideo {
		min-width:auto;
		height:340px;
	}
	.sec-mission{
		height:330px;
	}
	.vision-box{
		width:55%;
		max-width:330px;
	}
	.mission-gloves{
		 left:0%;
		 bottom:auto;
		 top:45%;
		 transform:translatey(-50%);
	 }
	 .mission-gloves img{
		height:auto;
		width:40%;
	}
	.mission-box{
		width:55%;
		max-width:330px;
	}
	.vision-box p{
		font-size:16px !important;
	}
	.mission-box p{
		font-size:16px !important;
	}
	.banner-container.heritage{
		background-size:767px auto;
		background-position:top -120px center;
	}
	.heritage-desc{
		margin-top:260px;
		padding:20px 5%;
	}
	/*.sec-vision{
		height:auto;
		margin-bottom:80px;
	}
	#coverVideo {
		height:auto;
		width:100%;
		top:0px;
	}
	.sec-vision .grid{
		position:relative;
		top:0%;
		left:0%;
		height:auto;
		transform:translateX(0%);
		display:block;
		margin-top:-3vh;
	}
	.vision-box{
		position:relative;
		width:100%;
	}
	.vision-box p{
		font-size:18px !important;
	}
	.sec-mission{
		background:transparent;
		height:auto;
		margin-bottom:80px;
	}
	.img-mission{
		display:block;
	}
	.sec-mission .grid{
		position:relative;
		top:0%;
		left:0%;
		height:auto;
		transform:translateX(0%);
		z-index:10;
		display:block;
		margin-top:-3vh;
	}
	.mission-box{
		position:relative;
		width:100%;
	}
	.mission-box p{
		font-size:18px !important;
	}*/
	ul.values-list{
		width:100%;
		max-width:300px;
		margin:20px auto 0 auto;
	}
	ul.values-list li{
		padding:0 3%;
		width:100%;
	}
	.accreditation-box{
		 width:46%;
		 margin:0 2% 40px 2%;
	 }
	 .accreditation-title h2{
		font-size:20px;
		padding:0 10px;
	}
	.accreditation-section h3{
		font-size:18px;
	}
}

@media screen and (orientation:landscape) and (max-height:600px){
	.banner-container.awards{
		height: 70vh;
	}
}


/*@media (max-width:650px){
	.banner-container.heritage{
		background-position:top -80px left;
	}
}*/

@media (max-width:649px){
	.leadership-container{
		max-width:400px;
		margin:0 auto;
	}
	.leadership-content{
		min-height:180px;
		padding-top:30px;
	}
}


@media (max-width:595px){
	h2{
		font-size:35px;
	}
	/*.ceo-banner-bg{
		top:0px;
		background-size:190px auto;
		padding:50px 0 50px 0;
		background-position: right -20px top;
	}
	.ceo-banner-bg h1{
		font-size:22px;
		line-height:26px;
	} 
	.ceo-banner-bg h3{
		font-size:16px;
	}
	.ceo-content{
		margin-top:120px;
		padding:20px 10px;
	}
	.ceo-name{
		left:10px;
		top:40px;
	}
	.ceo-name p{
		font-size:12px;
		line-height:16px;
	}*/
	/*.banner-container.heritage{
		background-position:top -50px left;
	}*/
	.video-thumb p{
		width:90%;
		font-size:16px;
		left:5%;
	}
	.sec-whatwedo{
		padding:60px 5%;
	}
	.whatwedo-white-box{
		padding:20px 5%;
	}
	.accreditation-box{
		 width:80%;
		 margin:0 auto 40px auto;
		 padding:30px 5%;
	 }
	 .mission-gloves{
		 left:-10%;
	 }
	 .mission-gloves img{
		width:57%;
	}
}


@media (max-width:500px){
	/*.leadership-content{
		background-size:auto 150px;
		min-height:170px;
		padding:50px 10px 10px 150px;
	}*/
	.leadership-content.directors{
		padding:50px 0 0 0;
	}
	.leadership-popup-content h1{
		font-size:26px;
		line-height:30px;
	}
	.layer-white{
		background-size:15%;
	}
	.lightbox-popup{
		padding:40px 20px;
	}
	/*.banner-container.heritage .banner-content{
		margin-top:200px;
	}*/
}


/*@media (max-width:400px){
	.banner-container.heritage{
		background-position:top -60px left;
	}
	.banner-container.heritage .banner-content{
		margin-top:150px;
	}
}*/




/*Zoom*/
/* these styles are for the demo, but are not required for the plugin */
.zoom {
	display:inline-block;
	position: relative;
}
.zoom img {
	display: block;
}
.zoom img::selection { background-color: transparent; }