.history-tl-container{
   font-family:'lato',sans-serif;
	line-height:1.3em;
  width:100%;
  display:block;
  position:relative;
font-size:14px
}
.history-tl-container ul.tl{
  
    padding:0;
    display:inline-block;

}
.history-tl-container ul.tl li{
    list-style: none;
    margin:auto;
    margin-left:90px;
    width: 520px;
    /*background: rgba(255,255,0,0.1);*/
    border-left:1px dashed #000066;
    padding:0px 0px 15px 15px;
    position:relative;
}
.history-tl-container ul.tl li:last-child{ border-left:0;}
.history-tl-container ul.tl li::before{
    position: absolute;
    left: -8px; 
    content: " ";
    border:  4px solid #b1bfe3;
    border-radius: 500%;
    background: #000066;
    height: 15px;
    width: 15px;
    transition: all 500ms ease-in-out;

}
.history-tl-container ul.tl li:hover::before{
    border-color:  #fff100;
    transition: all 1000ms ease-in-out;
}
ul.tl li .item-title{
    letter-spacing: -0.2px;
}

ul.tl li .timestamp{
   
    position: absolute;
  width:65px;
    left: -16%;
    text-align: right;
 
}

@media (max-width: 1300px){
		.history-tl-container ul.tl li{
     width: 350px;}
	ul.tl li .timestamp{
		left: -24%;}
}
@media (max-width: 992px) {
		
	.history-tl-container ul.tl li{
     width: 250px;}
	
	ul.tl li .timestamp{
		left: -33%;}
}
@media (max-width: 768px) {
	.history-tl-container ul.tl li{
     width: 450px;}
	ul.tl li .timestamp{
		left: -20%;}
}
@media (max-width: 576px){
    .history-tl-container ul.tl li{
     width: 400px;}
	ul.tl li .timestamp{
		left: -20%;}
}