.uc_post_timeline * { 
margin: 0; 
padding: 0; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
}
.uc_post_timeline{
font-family: inherit;
font-size:14px;
color:#333333;
padding:0px 20px;
margin:0px;
list-style:none;
text-align:left;
}
.uc_post_timeline li{
position:relative;
padding:20px 0 0px 0;
margin:0px 50% 0 0;
}
.uc_post_timeline li:nth-child(2n){
margin:-175px 0 0 50%;
}
.uc_post_timeline li:nth-child(2n) .uc_wrapper{
margin:0 0px 0 40px;
}
.uc_post_timeline li:nth-child(2n) .uc_dote{
right:auto;
left:-41px;
margin-left:-7px;
}
.uc_post_timeline li:nth-child(2n) .uc_wrapper:before{
right:auto;
left:-9px;
}
.uc_post_timeline li:nth-child(2n):before{
height: calc(100% + 22px);
right:auto;
left:0;
top:0;
}					
.uc_post_timeline li ul{
list-style:none;
margin:10px 0 0 0;
}	
.uc_post_timeline li ul li:before{
display:none;
}	
.uc_post_timeline li:last-child::before{
height:100%;
top: 0;
}	
.uc_post_timeline li ul li{
margin:0;
padding:4px 0 4px 0;
}	
.uc_post_timeline li:before{
position:absolute;
right:-1px;
top:22px;
content:'';
border-left: 1px solid #D5D5D5;
height:100%;
display: block;
}
.uc_post_timeline li .uc_wrapper{
padding:15px;
margin:0 40px 0 0px;
position:relative;
}
.uc_post_timeline li .uc_wrapper:before{
display:block;
content:'';
}	
.uc_post_timeline .uc_dote{
position:absolute;
width: 17px;
height: 17px;
right: -42px;
top:21px;
margin:0px -7px 0px 0px;
display:block;
border-radius:50%;
z-index: 99;
}
.uc_post_timeline .uc_content{
text-transform: capitalize;
font-size:14px;
color: #999999;
font-style: italic;
margin-bottom: 20px;
}
.uc_post_timeline .uc_heading{
color: #000;
font-size: 20px;
margin: 0 0 10px 0;
font-weight: bold;
}
.uc_post_timeline .uc_intro_text {
margin-bottom: 7px;
}
.uc_post_timeline .uc_image{ margin-bottom: 10px; z-index: 2; position: relative;}
.uc_post_timeline .uc_image img{ width:100%;}
.uc_post_timeline li .uc_wrapper:before{
width:20px;
height:20px;
display:block;
content:'';
transform: rotate(-45deg);
position:absolute;
right:-9px;
top:20px;
background-color:inherit;
z-index: 1;
}
.uc_post_timeline li .uc_wrapper .uc_btn{
line-height: 34px;
padding: 0 20px;
text-align: center;
font-size: 14px;
border-radius: 0;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
transition: ease-in-out all 0.25s;
-webkit-transition: ease-in-out all 0.25s;
}
@media screen and (max-width: 767px){
.uc_post_timeline li{ padding:65px 0 0 0;}
.uc_post_timeline li,.uc_post_timeline li:nth-child(2n){ margin:0;}	
.uc_post_timeline li .uc_dote,
.uc_post_timeline li:nth-child(2n) .uc_dote{ right:auto; left:50%; margin-left:-8px; top:-45px;}
.uc_post_timeline li:before,
.uc_post_timeline li:nth-child(2n):before{ right:auto; left:50%; top:0;}
.uc_post_timeline li .uc_wrapper,
.uc_post_timeline li:nth-child(2n) .uc_wrapper{ margin:0;}
.uc_post_timeline li .uc_wrapper:before,
.uc_post_timeline li:nth-child(2n) .uc_wrapper:before{left:50%; top:-10px; right:auto; margin-left:-10px;}
}