.main-timeline-section { position: relative; width: 100%; display: block; margin: auto; height: 472px; }
.conference-timeline-content { position: relative; width: auto; height: 100%; display: block; }
.conference-timeline-content:before { content: ""; width: 85.760%; height: 2px; background: #a07d2d; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.timeline-article { position: relative; float: left; width: 14.28%; display: block; }
.timeline-article.timeline-article-top { top: 0; }
.timeline-article.timeline-article-bottom { top: 70%; }

.timeline-article .meta-date { width: 2px; height: 70px; background: #a07d2d; position: absolute; left: 0px; right: 0; margin: 0 auto; }
.timeline-article.timeline-article-top .meta-date { bottom: -95px; }
.timeline-article.timeline-article-bottom .meta-date { top: -95px; }

.timeline-article .content-box { position: relative; width: 272px; background: transparent; border: 2px solid #a07d2d; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; min-height: 140px; left: -53px; }
.timeline-article.timeline-article-top .content-box { top: 0; padding-bottom: 35px; }
.timeline-article.timeline-article-bottom .content-box { top: 60%; padding-top: 35px; }

.timeline-article .content-box .title { position: relative; width: 100%; display: block; color: #3f3112; font-family: 'Public Sans'; font-size: 16px; line-height: 153.5%; font-weight: 500; font-style: normal; padding: 0; margin: 0; }
.timeline-article .content-box .icon-box { width: 60px; height: 60px; background: #a07d2d; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; }
.timeline-article .content-box .icon-box.top-icon-box { bottom: -30px; }
.timeline-article .content-box .icon-box.bottom-icon-box { top: -30px; }
.timeline-article .icon-box img { position: relative; max-width: 100%; display: block; margin: 0 auto; }




@media (min-width: 1200px) and (max-width: 1366px) {
	.conference-timeline-content{padding-bottom: 30px;}
	.timeline-article.timeline-article-bottom{top: 67%;}
	.timeline-article.timeline-article-top .meta-date{bottom: -80px;}
	.timeline-article.timeline-article-bottom .meta-date{top: -74px;}
	.timeline-article .content-box .title{font-size:14px;}
	.timeline-article{width:12%;}
	.timeline-article .content-box{width:18vw;}
	.timeline-article .meta-date {left: 8.5vw;}
	.conference-timeline-content:before{left: -4.2vw;width: 72.1%;top: 46.8%;}
	.timeline-article .content-box {left:0;}
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	.conference-timeline-content{padding-bottom: 30px;}
	.timeline-article.timeline-article-bottom{top: 67%;}
	.timeline-article.timeline-article-top .meta-date{bottom: -80px;}
	.timeline-article.timeline-article-bottom .meta-date{top: -74px;}
	.timeline-article .content-box .title{font-size:14px;}
	.timeline-article{width:12%;}
	.timeline-article .content-box{width:18vw;}
	.timeline-article .meta-date {left: 8.5vw;}
	.conference-timeline-content:before{left: -4.2vw;width: 72.1%;top: 46.8%;}
	.timeline-article .content-box {left:0;}
	
}
@media (min-width: 768px) and (max-width: 991px) {
	.conference-timeline-content{width:100%; padding-bottom: 30px;}
	.timeline-article.timeline-article-bottom{top: 67%;}
	.timeline-article.timeline-article-bottom .meta-date{top: -74px;}
	.timeline-article .content-box .title{font-size:14px;}
	.timeline-article{width:100%; position: initial;}
	.timeline-article .content-box{width:100%; margin-bottom: 40px;}
	.timeline-article .meta-date { display:none;}
	.conference-timeline-content:before{ display:none;}
	.timeline-article .content-box .icon-box.top-icon-box{top:-30px;}
	.timeline-article .content-box {left:0; height:auto; padding: 35px;}
	
}
@media only screen and (max-width: 767px) {
	.conference-timeline-content{padding-bottom: 30px; width: 100%;}
	.timeline-article.timeline-article-bottom{top: 67%;}
	.timeline-article.timeline-article-bottom .meta-date{top: -74px;}
	.timeline-article .content-box .title{font-size:14px;}
	.timeline-article{width:100%; position: initial;}
	.timeline-article .content-box{width:100%; margin-bottom: 40px;}
	.timeline-article .meta-date { display:none;}
	.conference-timeline-content:before{ display:none;}
	.timeline-article .content-box .icon-box.top-icon-box{top:-30px;}
	.timeline-article .content-box {left:0; height:auto; padding: 35px;}
	
}