.about { display:flex;}

.col-sidebar  { width:300px; background:#f1f2f2 url(../image/shadow-down.png) repeat-x top;  padding-top:2em;}
.col-sidebody {  background:#fff url(../image/shadow-down.png) repeat-x top;  width:100%; padding:2em 2em; box-sizing:border-box;}

.col-sidebar  ul{ padding:0 20px}
.col-sidebar ul  li{ list-style:none;} 

.col-sidebar ul  li a.actived { color:#00326f;}
.col-sidebar ul  li a { color:#666;}
.col-sidebar ul  li a { display:block; padding-bottom:15px;}

.col-sidebar ul  li a i { float:right;}

.col-object { float:left; max-width:250px; padding-right:2em; padding-bottom:15px;}
.col-object-inlineblock { display: inline-block; float: none;}
.col-sidebody a {color:#00326f;}
.col-sidebody  h2 {font-size: 20px;}
.col-object img { width:100%;}

@media screen and (max-width:1439px) {

	.col-object img {
		width: 100%; 
		height: 150px;
		object-fit: cover;
		object-position: 0 70%;
	}

}

.btn-view { display:inline-block; padding:10px 20px; background:#f1f2f2; transition:all 1s;    border: 1px solid #eee;}

.leadership-box .btn-view { display: inline-block; padding:5px 10px; background:#f1f2f2; transition:all 1s; margin-top: 10px}

.btn-view:hover { color:#FFF; background:#00326f}

.float-right { float:right;}

.col-object-box {background-size:cover; color:#FFF !important; display:flex; align-items:center; min-height:90vh;}
.col-object-box h1 { color:#FFF;}
.col-object-box p { font-size:20px;}
.col-object-box  .row{    /*display: flex;*/
    align-items: center;}
.col-object-1 { background-image:url(../image/about/about-1.jpg); }
.col-object-2 { background-image:url(../image/about/about-2.jpg); }
.col-object-3 { background-image:url(../image/about/about-3.jpg); }
.col-object-4 { background-image:url(../image/about/about-4.jpg); }

.mw-600 { max-width:600px;}
.h100vh { height:100vh; overflow:hidden;}
 
@media screen and (max-width:984px){
	.col-sidebar  { width:200px; }
	.col-object-box  .row{    display:block; 
    }
	.col-object-box  .row   .col-w50,.col-object-box  .row   .col-w60,.col-object-box  .row   .col-w40 { width:100%; float:none;
	}
	
		.col-object-box  .text-right { text-align:left;}
		.col-object-box  .float-right { float:none;}
		.col-object-box  .row   .col-w40.float-right { text-align:center;}
		
		.col-object { width:100%; max-width:50%; box-sizing:border-box;}
		 
		.col-object-inlineblock {
			width: auto;
			max-width:300px;
			padding: 0;
			 
		}

		.col-object-box .col-w40  img  , .col-object-box .col-w50 img{ width:50%; }
		
		.col-object-box { overflow-y: scroll }
		
		.h100vh { height:100vh; overflow-y:auto ;}
		
		.col-sidebody  h1 {font-size:24px !important;}
		
		.col-object-box p { font-size:18px;}
		
		
}
@media screen and (max-width:600px){
	.about { padding-top:35px;}
	.about { display:block;}
	.col-sidebar  { width:100%; overflow:hidden; padding-top:0; }
	
	.col-sidebar  ul { padding-bottom:0px;}
	.col-sidebar  ul  li { float:left; width:45%; padding-right:5%;}
	.col-sidebody { overflow:hidden;}
	 
	.col-sidebody  h2 {font-size: 16px;}
	}
	
	
	/*leadership-box*/
	
	.leadership-box { width:300px; padding:2em 1em 2em 0; text-align:center; float:left;}
	.leadership-box1 { width:300px; padding:2em 1em 2em 0; text-align:center; float:left;}
	
	.leadership-box  img { width:110px; border:1px solid #eee; border-radius: 0px; float:left;display:inline-block; margin:10px; }
	
	.leadership-box p{ color:#414042; text-align:left; overflow:hidden;font-size: 14px;}
	.leadership-box p strong { display: block;color: #00326f; font-weight:400;font-size: 16px;}
	
	.leadership-box p span { float:left; display:inline-block; padding:10px;  }