.timeline-line {
  height:100%;
  width:10px;
  background-color:#5daa00;
  position:absolute;
  right: calc(50% - 5px);
  top:0;
  z-index:-1;
}

.timeline-row-left {
  margin-right: 0;
  margin-left: -47px;
}
.timeline-row-right {
  margin-left:0;
  margin-right:-47px;
}

.timeline-line-top, .timeline-line-bottom {
  width:30px;
  height:30px;
  border-radius:100%;
  background-color:#5daa00;
  left:-10px;
  position:absolute;
}
.timeline-line-top {
  top:-10px;
}
.timeline-line-bottom {
  bottom:-10px;
}

@media (max-width: 768px) {
  .timeline-line {
    right: 0px!important;
  }

  .timeline-row-left {
    margin-left:0!important;
    margin-right:-47px!important;
  }

  .event-item {
    margin-top:0px!important;
  }
}