.timeline {
  list-style: none;
  padding: 0;
  position: relative;
}
.timeline:before {
  top: 20px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: red;
  left: 50%;
}
.timeline li {
  margin-bottom: 25px;
  min-height:36px;
  position: relative;
}

.timeline .timeline-left, .timeline .timeline-right{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: start;
}
.timeline .timeline-left{
	flex-direction: row;
}
.timeline .timeline-right{
	flex-direction: row-reverse;
}
.timeline li .tl-heading, .timeline li .tl-content {
  width: 45%;
  background: none;
  border: none;
  position: relative;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: unset ;
  -moz-box-shadow: unset;
  box-shadow: unset;
}

.timeline li .tl-separator {
	  content: '';
	  position: absolute;
	  width: 50px;
	  height: 1px;
	  left: 50%;
	  top:20px;
	  background-color: red;
	  margin-left: -25px;
	  z-index: 1;
	  transform: rotateZ(-45deg);
}
.tl-heading h4 {
  margin: 0;
  /* font-weight: 400; */
  font-size: 18px;
  color: #2b3138;
  text-transform: uppercase;
}

.timeline-left .cs-title{
	text-align: right;
}
.cs-title{margin:0;}
.timeline-inverted .cs-title{
  text-align: left;
}
.tl-content img{
	float:left
}
.timeline-right .cs-content{text-align: right;}
.cs-content p{
	margin-bottom:5px
}

@media (max-width: 991px) {
  .timeline li .timeline-panel {
	  width: 44%;
  }
}
@media (max-width: 700px) {
  .tldate {
	  width: 140px;
  }
  ul.timeline li .timeline-panel {
	  width: calc(100% - 90px);
	  width: -moz-calc(100% - 90px);
	  width: -webkit-calc(100% - 90px);
  }
  ul.timeline li .tl-separator {
	  width:30px;
	  margin-left:-15px;
  }
  ul.timeline > li > .tldate {
	  margin: 0;
  }
  ul.timeline > li > .timeline-panel {
	  float: right;
  }
  ul.timeline > li > .timeline-panel:before {
	  border-left-width: 0;
	  border-right-width: 15px;
	  left: -15px;
	  right: auto;
  }
  ul.timeline > li > .timeline-panel:after {
	  border-left-width: 0;
	  border-right-width: 14px;
	  left: -14px;
	  right: auto;
  }
  .timeline-panel {
	display: block;
}
}