.section-1 {
	margin-bottom:60px;
}
.item-histo{
	position:relative;
	z-index:1;
}
.item-histo:before{
		width: 200px;	
		position:absolute;
		top:54px;
		bottom:0;
		left:0;
		content:'';
		z-index:1;
		background:#00419A;
		height:1px;
}
.item-histo .d-flex{
    max-width: 970px;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    position: relative;z-index: 1;
	background:#fff;
	align-items: center;
}
.year{
	margin-top:20px;
	 height: 68px;	width: 176px;	border: 2px solid #00419A;	border-radius: 34px; 
	 display:inline-flex;
	 align-items:center;
	 justify-content:center;
	 	color: #00419A;	font-family: Syncopate;	font-size: 36px;	font-weight: bold;		
		flex:0 0 auto;
		 
}
.wrapper-page {
	position:relative; padding-top:0; padding-bottom:0;
}

.wrapper-histo{
		margin:auto;
		max-width:1120px;
		width:100%;
		position:relative;
		border-left: 2px solid #00419A;
		padding-top: 40px;
}

.section-banner-bottom{
		margin:auto;
		max-width:1220px;
		width:100%;
		 
}

.section-banner-bottom img{
	width:100%;
	max-width:100%;
}

.wrapper-histo-ctn .ctn {
		margin-left:60px;
		color: #000000;	font-family: Kanit;	font-size: 16px;	font-weight: 300;	line-height: 24px; 
		margin-top: 20px;
}

@media only screen and (max-width:1325px) {
	.wrapper-page-ctn {
		margin-left:40px;
	}
	.item-histo .d-flex{
		max-width: 769px;
		 
	}
	
	
	
}
@media only screen and (max-width:990px) {
	.item-histo .d-flex{
		flex-wrap:wrap;
		margin-left:40px;
	}
	.item-histo:before{
		width: 100px;	
		top:42px;
}
	.year{
	 	margin-left:0px;
		height: 48px;	width: 130px;	border: 2px solid #00419A;	border-radius: 24px; 
		font-size: 22px;	
			 
	}
	
	.wrapper-histo-ctn .ctn {
		margin-left:0px;
		margin-top: 20px;
		width:100%;
		padding-right:20px
	}
}

@media only screen and (max-width:480px)  {
	.wrapper-page-ctn {
		margin-left: 0px;
		padding:20px;
	}
	 
	.item-histo .d-flex{
		
		margin-left:20px;
	}
 
}