.history_lines_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.history_lines_wrapper .history_item {
  width: 50%;
  padding: 40px;
  text-align: right;
  border-top: 2px solid #e5edf5;
  position: relative;
}
.history_lines_wrapper .history_item:nth-child(2n) {
  text-align: left;
  margin-top: 200px;
}
.history_lines_wrapper .history_item:nth-child(2n+1) {
  border-right: 2px solid #365edc;
}
.history_item .btitle {
  color: #365edc;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
}
.history_item .subtitle {
  font-weight: bold;
  color: #000;
  font-size: 20px;
  margin-bottom: 10px;
}
.history_lines_wrapper .history_item:after {
    content: '';
    position: absolute;
    right: -8px;
    top: -9px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #365edc;
    display: block;
} 

.history_lines_wrapper .history_item:before {
    content: '';
    position: absolute;
    right: 2px;
    top: -2px;
    width: 40px;
    height: 2px;
    background-color: #365edc;
    display: block;
} 


.history_lines_wrapper .history_item:nth-child(2n):after {    right: auto;
    left: -8px;}

.history_lines_wrapper .history_item:nth-child(2n):before {    right: auto;
    left: 2px;}

.history_lines_wrapper  .subimg {	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; justify-content: center; align-items: center; margin-top: 40px; flex-wrap: wrap;
}
.history_lines_wrapper img {max-width: 100%;}
@media (max-width: 767px) {
    .history_lines_wrapper .history_item {width: 100%;}
    .history_lines_wrapper .history_item:nth-child(2n) { margin-top: 0;  border-left: 2px solid #365edc;}

}
video { cursor: pointer;}