#about-speech{
width: 1280px;
margin: 0 auto;
}
.navbar{
	border-bottom:2px solid #ccc;
}
.title-wraper{	
	margin: 0 105px 0 80px;	
	padding: 80px 0 25px 0;	
	padding-bottom: 15px;	
	text-align:left;
}
	.title-wraper span {
   	 font-size: 24px;
	}	
	.about-speech-body ul:nth-of-type(2){
		padding: 10px;
		width: 345px;
		padding-left: 45px;
		background: #dcdcdc;
		height: 355px;
		text-align:left;
		color: #666666;
	}
.title-wraper>span:nth-child(2) {
    position: relative;
    top: 3px;
}
.title-wraper>span:nth-child(2) span:nth-child(1){
	margin-left: 10px;
	margin-right: 5px;
	font-size: 24px;
    color: #a2a2a2;
}
	#about-speech{
		background: #f6f6f6;
	}
	#about-speech .about-speech-body.container-fluid{
		height: 355px;
		background: #dcdcdc;
		margin: 0 auto;
		padding: 0;		
		overflow: hidden;
		background: #c2c2c2;
	}
	#about-speech .about-speech-body>div:first-child{
		padding-left: 80px;
		background: #dcdcdc;
	
	}
	#about-speech .about-speech-body>div:first-child img{
		height: 355px;
	}
	#about-speech .about-speech-body>ul:first-of-type{
		width: 393px;	
		height: 355px;
		padding-left:60px ;
		background: #dcdcdc;
		color: #666666;
		font-size: 14px;
		padding-top: 10px;
		text-align:left;
	}
	#about-speech .about-speech-body>ul li{line-height:22px}

	#about-speech .about-speech-body>div:nth-child(3)>span span:nth-child(1){
		margin: 0;
	}
	#about-speech .about-speech-body>div:nth-child(3)>span span:nth-child(2){
		writing-mode:tb-rl;
		margin-right: 0;
		margin-top: 5px;	
		position: relative;
		left: 5px;
		
	}
	
	#about-speech .about-speech-body>ul:last-child{
		height: 278px;		
		background: #dcdcdc;
		font-size: 14px;
		padding: 0 45px 0 50px;
		font-size: 14px;
		padding-top: 10px;
		color: #666666;
	
	}
	#about-speech>div:nth-child(3){
		padding: 40px 0 75px 80px; 
		
	}
	#about-speech>div:nth-child(3)>div:first-child{
		float: left;	
		width: 240px;
	}
	#about-speech>div:nth-child(3)>div:last-child{
		float:left;
		text-align: justify;
		font-size: 12px;
		color: #909090;
		width: 843px;	
		column-count:2;
		-moz-column-count:2;
		-webkit-column-count:2;
		column-gap:75px;
		-webkit-column-gap:75px;
		-moz-column-gap:75px;
		line-height: 20px;
	}

	.bg-img{
		display: none;
	}
	#about-speech .about-speech-body>div:nth-child(3){
		width: 105px;
		height: 355px;	
		color: #fff;	
		  background:red url(../img/about/honorary-web.png) no-repeat 80% 20%;	
	}
	
	
	@media screen and (min-width: 320px) and (max-width: 540px){	
		#about-speech{
			width:100%;	
			    position: relative;
			}
			.title-wraper span .glyphicon{
				display: none;
			}
		#about-speech .about-speech-body>div:nth-child(3){
			width: 100%;
		height: 45px;	
		  background:red url(../img/about/honorary-tel.png) no-repeat 20% center;	
		  background-size: 50%;
	}
.about-speech-body ul:nth-of-type(2){
		
		width: 100%;
		padding-left: 45px;
		padding-top: 5px;
		background: #dcdcdc;
		height: 278px;
	}
	.title-wraper {
	height:46px;
	margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: url(../img/about-tel/introduction-bg.jpg) top left;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
        border-bottom: 0;
        padding-top:0;

}
	.title-wraper span {
   	 font-size: 14px;
   	 color: #fff;
   	 margin-left:0;
   	
	}	
	.title-wraper .title-grey{
	    opacity: 0.7;
	    margin-right:25px;
	        font-size: 14px;
}
.title-wraper .title-red{
	    position: relative;
    top: 3px;
        margin-left: 15px;
          font-size: 14px;
}
	#about-speech .about-speech-body.container-fluid{
		display: flex;
		flex-direction: column;
		padding: 0;	
		height: auto;	
		overflow: hidden;
		
	}

	#about-speech .about-speech-body.container-fluid>div:nth-child(1){
		width: 100%;
		height: 260px;
		padding: 0;
		margin-top:45px;
	}
	#about-speech .about-speech-body.container-fluid>div:nth-child(1) img{
		width: 100%;
		height: auto;
	}

	#about-speech .about-speech-body>ul:first-of-type{
		width: 100%;	
		height: auto;
		background: #fff;		
		padding: 10px 25px;
		margin: 0;
	}
	
		#about-speech .about-speech-body>div:nth-child(3) span{
		margin:  0 ;
		width: auto;
		float:left;
		
		
	}
	#about-speech .about-speech-body>div:nth-child(3)>span{
		padding: 15px 10px;
	}
	#about-speech .about-speech-body>div:nth-child(3)>span span:nth-child(2){
		float: right;
		-webkit-transform: rotate(0deg); /* for Safari, Chrome */ 
		-moz-transform: rotate(0deg); /* for Firefox */ 
		-o-transform: rotate(0deg); /* for Opera */ 
		writing-mode: initial; /* for IE */
		filter: auto; 	
		margin: 0;	
	}
	#about-speech .about-speech-body>div:nth-child(3)>span span:nth-child(1){
		margin: 0;
	}
	#honorary .honorary-body ul{
	position: absolute;
    width: inherit;
    background: #fff;
    padding-bottom: 70px;
	}
	#about-speech .about-speech-body>ul:last-of-type{
		height: auto;		
		margin: 0;
		font-size: 14px;
		padding: 15px 15px 15px 25px;
		font-size: 14px;
		color: #666666;
		background: #eaeaea;
		 
	}
	
	.bg-img{
		height: 124px;
		display: block;
		transform: rotate(90deg);
		webkit-transform: rotate(90deg); /* for Safari, Chrome */ 
		-moz-transform: rotate(90deg); /* for Firefox */ 
		-o-transform: rotate(90deg); /* for Opera */ 
		position: absolute;
		right:-263px;
		top: 572px;
		z-index: 10;
		
	}
	#about-speech>div:nth-child(3){
		height:185px ;
		padding: 15px; 
		
	}

	#about-speech>div:last-child{
		width: 100%;
	    height: initial;
	}
	#about-speech>div:nth-child(3) div{
		overflow: hidden;
		width: 100%;
		    height: initial;
		
	}
	#about-speech>div:nth-child(3)>div:last-child{
		width: 100%;		
  		  height: initial;
		float:inherit;
		text-align: justify;
		font-size: 12px;
		color: #909090;
		column-count:1;
		-moz-column-count:1;
		-webkit-column-count:1;
		
	}
	
	#about-speech>div:nth-child(3)>div:first-child{
		position: absolute;
		top: 240px;
		z-index: 100;
	}
	#about-speech em {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/about-tel/arrow.png) no-repeat top left;
    background-size: 16px 16px;
    position: relative;
    top: 3px;
    margin-left: 5px;
}
	}
@media screen and (max-width:320px) {
	
	#about-speech{
			width:100%;	
			    position: relative;
			}
			.title-wraper span .glyphicon{
				display: none;
			}
		#about-speech .about-speech-body>div:nth-child(3){
			width: 100%;
		height: 45px;	
		  background:red url(../img/about/honorary-tel.png) no-repeat 20% center;	
		  background-size: 50%;
	}
.about-speech-body ul:nth-of-type(2){
		
		width: 100%;
		padding-left: 45px;
		padding-top: 5px;
		background: #dcdcdc;
		height: 278px;
	}
	.title-wraper {
	height:46px;
	margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: url(../img/about-tel/introduction-bg.jpg) top left;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
        border-bottom: 0;
        padding-top:0;

}
	.title-wraper span {
   	 font-size: 14px;
   	 color: #fff;
   	 margin-left:0;
   	
	}	
	.title-wraper .title-grey{
	    opacity: 0.7;
	    margin-right:15px;
	        font-size: 12px;
}
.title-wraper .title-red{
	    position: relative;
    top: 3px;
        margin-left: 10px;
          font-size: 12px;
}
	#about-speech .about-speech-body.container-fluid{
		display: flex;
		flex-direction: column;
		padding: 0;	
		height: auto;	
		overflow: hidden;
		
	}

	#about-speech .about-speech-body.container-fluid>div:nth-child(1){
		width: 100%;
		height: 260px;
		padding: 0;
		margin-top:45px;
	}
	#about-speech .about-speech-body.container-fluid>div:nth-child(1) img{
		width: 100%;
		height: auto;
	}

	#about-speech .about-speech-body>ul:first-of-type{
		width: 100%;	
		height: auto;
		background: #fff;		
		padding: 10px 25px;
		margin: 0;
	}
	
		#about-speech .about-speech-body>div:nth-child(3) span{
		margin:  0 ;
		width: auto;
		float:left;
		
		
	}
	#about-speech .about-speech-body>div:nth-child(3)>span{
		padding: 15px 10px;
	}
	#about-speech .about-speech-body>div:nth-child(3)>span span:nth-child(2){
		float: right;
		-webkit-transform: rotate(0deg); /* for Safari, Chrome */ 
		-moz-transform: rotate(0deg); /* for Firefox */ 
		-o-transform: rotate(0deg); /* for Opera */ 
		writing-mode: initial; /* for IE */
		filter: auto; 	
		margin: 0;	
	}
	#about-speech .about-speech-body>div:nth-child(3)>span span:nth-child(1){
		margin: 0;
	}
	
	#about-speech .about-speech-body>ul:last-of-type{
		height: auto;		
		margin: 0;
		font-size: 14px;
		padding: 15px 15px 15px 25px;
		font-size: 14px;
		color: #666666;
		background: #eaeaea;
	}
	
	.bg-img{
		height: 108px;
		display: block;
		transform: rotate(90deg);
		webkit-transform: rotate(90deg); /* for Safari, Chrome */ 
		-moz-transform: rotate(90deg); /* for Firefox */ 
		-o-transform: rotate(90deg); /* for Opera */ 
		position: absolute;
		right:-228px;
		top: 605px;
		z-index: 10;
		
	}
	#about-speech>div:nth-child(3){
		height:185px ;
		padding: 15px; 
		
	}

	#about-speech>div:last-child{
		width: 100%;
	    height: initial;
	}
	#about-speech>div:nth-child(3) div{
		overflow: hidden;
		width: 100%;
		    height: initial;
		
	}
	#about-speech>div:nth-child(3)>div:last-child{
		width: 100%;		
  		  height: initial;
		float:inherit;
		text-align: justify;
		font-size: 12px;
		color: #909090;
		column-count:1;
		-moz-column-count:1;
		-webkit-column-count:1;		
	}
	
	#about-speech>div:nth-child(3)>div:first-child{
		position: absolute;
		top: 240px;
		z-index: 100;
	}
	#about-speech em {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/about-tel/arrow.png) no-repeat top left;
    background-size: 16px 16px;
    position: relative;
    top: 3px;
    margin-left: 5px;
}
	
}