section#about .container, section#message .container {max-width: 1170px;}
.message-tab {
	height: 160px;
	transition: all ease 0.3s;
	background-color: #f0f3f1;
	letter-spacing: 1px;
	font-weight: 500;
	cursor: pointer;
}
.message-tab span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
	padding: 0 10px;
}
.message-tab.active {
	color: #fff;
	background: url(../images/the-conference/message-bg.jpg) center / cover;
}
.message-tab::after {
    content:'';
    position:absolute;
    width:1px;
    height:1px;
    border:15px solid transparent;
    border-width: 15px 10px;
    border-top-color: #006ea8;
    left:50%;
    bottom: -14px;
    margin-left: -10px;
    transition: all ease 0.3s;
    z-index: -1;
}
.message-tab.active::after {
	bottom: -30px;
}
.upper-box {
	background: url(../images/gray-pattern.png) center / cover;
	padding: 30px 10px;
	margin-top: 6px;
}
	.upper-box img {
		margin-bottom: 30px;
		height: 300px;
		background-color: #ccc;
		max-width: 300px;
		width: 70%;
	}
	.upper-box span {line-height: 1.2;}
.lower-box {
	background: url(../images/the-conference/gray-bg.jpg) center / cover;
	padding: 100px 30px;
	position: relative;
}
.lower-box::before, .lower-box::after {
	position: absolute;
}
.lower-box::before {
	content: url('../images/open-quote.png');
	left: 25px;
	top: 25px;
}
.lower-box::after {
	content: url('../images/closing-quote.png');
	right: 25px;
	bottom: 25px;
}
.lower-box h5 {
	line-height: 1.8;
	letter-spacing: 1px;
	max-width: 315px;
	margin: 0 auto;
}
.message-content {margin: 150px 0;float: left;width: 100%;}
.message-content > div {
	float: left;
	width: 50%;
}
.message-content > div:last-child {
	padding-left: 30px;
}
@media (max-width: 1199px) {
	.message-content p:not(:last-child) {margin-bottom: 21px !important;}
	.lower-box::before, .lower-box::after {transform: scale(0.7);}
}
@media (max-width: 767px) {
	.message-content {margin: 70px -15px;width: calc(100% + 30px);}
	.message-content > div {width: 100%;}
	.message-tab::after {display: none;}
}
@media (max-width: 575px) {
	.lower-box h5 {text-align: center;}
}
@media (max-width: 376px) {
	.upper-box span {
		max-width: 200px;
		margin: 0 auto;
	}
	.lower-box::before {left: 0;}
	.lower-box::after {right: 0;}
	.lower-box::before, .lower-box::after {transform: scale(0.5);}
}