.about-banner{background-image:url(../images/about/about-banner.jpg);background-size:cover}
.about-banner .sub-banner h1 small{display:block;color:#2eaef3;font-size:40px;font-weight:300}
.new-history-innerbox{float:left;width:100%;padding:0 5% 0 10%;background:url(../images/about/history-ruller.png) no-repeat 50px 30px}
.history-details{float:left;width:100%;border-radius:5px;box-shadow:0 0 3px 3px #e0e5e8}
.history-details:hover{box-shadow:0 0 3px 3px #e0e5e8,4px 4px 0 rgba(220,220,220,0.6)}
.history-details ul li{float:left;width:98%;padding:0 0 0 20px;background:url(../images/about/bullet.png) no-repeat left 11px}
.history-details:before{left:-18px;top:24px;width:18px;height:23px;content:'';position:absolute;background:url(../images/about/about-arrow.png) no-repeat}
.history-details:after{left:-67px;top:12px;width:31px;height:31px;content:'';position:absolute;background:url(../images/about/blue-bullet.png) no-repeat}
.year-name{top:20px;left:-110px;font-size:18px;line-height:16px;color:#282828;position:absolute}
.year-name span{display:block;transform:rotate(270deg)}
.box1{float:left;width:100%}
.box1 h3{margin:35px 0 10px;font-weight:300}
.box1 .image-holder{width:287px;height:259px}
.about-image1{background:url(../images/about/image1.png) left top no-repeat}
.about-image2{background:url(../images/about/image2.png) left top no-repeat}
.leaders figure{margin: 0 0 15px;}
.leaders figure img{width: 100%;}
.leaders:hover a{color: #2eaef3;}
.leaders a{font-size: 24px;color: #333;line-height: 24px;text-decoration: none;}
.leaders {font-size: 18px;color: #333; font-weight: 300;}


@media screen and (max-width: 1199px) {
    .new-history-innerbox{background:none;padding:0}
    .history-details:before,.history-details:after{display:none}
    .box1,.choose-box{padding:0 2%}
}
@media screen and (max-width: 800px) {
    .box1{text-align:center!important}
    .box1 .image-holder{margin:0 auto!important;float:none!important}
    .about-banner .sub-banner h1 small{font-size:30px}
	.history-details ul li {
		margin:0 0 10px;
		line-height:18px;
		background:url(../images/about/bullet.png) no-repeat left 7px
}
.leaders a {
    font-size: 20px;
    line-height: 22px;
  }
  .leaders {
    font-size: 14px;
  }
}
@media screen and (max-width: 575px) {
    .about-banner .sub-banner h1{font-size:34px;line-height:36px}
    .about-banner .sub-banner h1 small{font-size:26px}
    .leaders figure img {width: 255px;}
}
@media screen and (max-width: 480px) {
    .history-details{margin:10px 0 0}
    .about-banner .sub-banner h1{font-size:26px}
    .about-banner .sub-banner h1 small{font-size:24px}
}