.timeline{
      	position: relative;
      	margin: 50px auto;
      	padding:40px 0;
      	width:80%;
      }
      .timeline:before{
      	content: '';
      	position: absolute;
      	left:50%;
      	width:2px;
      	height:100%;
      	background:#f6f6f6;
      }
      .timeline ul{
      	margin:0;
      	padding:0;
      }
      .timeline ul li{
      	list-style-type: none;
      	position: relative;
      	width:50%;
      	padding:20px 40px;
      	box-sizing: border-box;

      }
      .timeline ul li:nth-child(odd){
      	float:left;
      	text-align: right;
      	clear:both;
      }
      .timeline ul li:nth-child(even){
      	float:right;
      	text-align:left;
      	clear:both;
      }
      .content{
      	padding-bottom: 20px;
      }
      .timeline ul li:nth-child(odd):before{
      	content: '';
      	position: absolute;
      	top:25px;
      	right: -15px;
      	width:25px;
      	height: 25px;
      	background:#ED7879;
      	border-radius: 50%;
      	border:8px solid #ffffff;
      	box-shadow: 0 0 0 1px #F4F4F4;
      }
      .timeline ul li:nth-child(even):before{
      	content: '';
      	position: absolute;
      	top:25px;
      	left: -11px;
      	width:25px;
      	height: 25px;
      	background:#ED7879;
      	border-radius: 50%;
      	border:8px solid #ffffff;
      	box-shadow: 0 0 0 1px #F4F4F4;
      }
      .timeline ul li h3{
      	margin:0;
      	padding:0;
      	font-family: inherit;
      	font-weight: 600;
      	font-size:20px;
      	color:#ED7879;
      }
      .timeline ul li p{
      	margin: 15px 0 0;
      	padding:0;
      	font-family: inherit;
      }
      .timeline ul li:nth-child(odd) .timeline-image{
      	position: absolute;
      	top:-40px;
      	right:-165px;
      	margin:0;
      	padding: 8px 16px;
      }
      .timeline ul li:nth-child(even) .timeline-image{
      	position: absolute;
      	top:-35px;
      	left:-165px;
      	margin:0;
      	padding: 8px 16px;
      }
      .final{
      	text-align: center;
      	padding:0;
      	margin-top:-100px;
      	padding:40px 0;
      	width:80%;
      }
      .timeline-icon, .finish-icon{
      	width:100px;
      }
      @media screen and (max-width: 700px) {
      	/*body, html { overflow-x:hidden; } */

      	.timeline{
      		margin:0 0 0 50px;
      		padding:0;
      	}
  		.timeline:before{
  			left:0px;
  		}
  		.timeline ul li{
  			width:100%;
  		}
      .timeline ul li:nth-child(odd), .timeline ul li:nth-child(even){
      	float:right;
      	text-align:left;
      	clear:both;

      }
      .timeline ul li:nth-child(odd):before, .timeline ul li:nth-child(even):before{

      	top:25px;
      	left: -11px;
      }
      .final{
      	text-align: left;
      	width:80%;
      }
      .final p{
      	tex-align:right;
      }
      .finish-icon{
      	width:90px;
      	margin-top:0px;
      	margin-left:-40px;
      }
     }