.timeline ul { 
  list-style:none;
  position:relative;
  padding:0;
}

.timeline ul:before {
  content:'';
  position:absolute;
  width:1px;
  height:100%;
  top:0;
  left:0;
  background: #ddd;
}

.timeline ul li {
  padding : 10px 20px;  
}

.timeline ul li span {
  color:#8F8F8F;
  position:absolute;
  font-size:15px;
  background: #FFF;
  padding:5px 0;
  font-family: 'PT Sans Narrow','Droid Sans' !important;
}

.left_9 ul li span { left:-9px; }

.left_10 ul li span { left:-10px; }

.left_13 ul li span { left:-13px; }

.timeline ul li.selected div {
    
    color: tomato;
    
}





@media only screen and (max-width:999px){
    
    .timeline {
      padding:10px 0px 10px 20px;
    }
    
    .timeline ul li div {
      padding:5px 10px;
      text-align:left!important;
    }
}

@media only screen and (min-width:1000px){
    
    .timeline {
      padding:10px 20px;
    }
    
    .timeline ul li div {
      padding:5px 10px;
    }
    
}