/*It is CEO Message CSS*/
.article-aside,
.divider-vertical,
.pager,
.view-article .page-header {
	display:none;
}
.bg-image {
	background-image:url("../../images/banners/about_bct_bg.jpg") !important;
}

#t3-content h1{
	margin-bottom: 0px;
}

.ceo-banner{
    display: block;
    text-align: center;
    margin: 45px 0 30px;
    position: relative;
    width: 100%;
    background-image: url("../../images/articles/about-bct/ceo-message-banner.jpg");
    background-repeat: no-repeat;
	background-size: contain;
    padding-bottom: 20%;
}

.ceo-banner .desktop{
	margin: 0 auto;
}

.ceo-banner .mobile{
	display: none;
}

.ceo-banner span{
	display: inline-block;
	position: absolute;
	color: #ffffff;
	font-size: 30px !important;
	font-weight: 600;
    top: 39%;
    left: 35%;
}

.ceo-banner.chinese span{
    left: 40%;
}

.ceo-signature{
    text-align: left;
    margin-top: 40px;
}
/*Responsive*/
@media screen and (min-width: 1200px) {



}

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



}

@media screen and (max-width: 767px) {
	.ceo-banner{
		width: 100%;
		background-image: url("../../images/articles/about-bct/ceo-message-banner-mobile.jpg");
		padding-bottom: 45%;
	}

	.ceo-banner span{
		width: 51%;
		left: 45%;
		top: 37%;
	}

}

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

	.ceo-banner span{
		font-size: 24px !important;
	}
}
@media screen and (max-width: 540px) {

	.ceo-banner span{
		font-size: 18px !important;
	}
}
@media screen and (max-width: 320px) {
	.ceo-banner span{
		width: 50%;
		top: 32%;
		left: 45%;
	}
}