
/* Timeline */
@media (max-width: 767px){
    .rightside { padding: 10px; }
}

.rightside {
    margin-top:0px;
    word-wrap: break-word;
    word-break: normal;
    margin-bottom: 20px;
    li { 
        position: relative;
        list-style: none;
        clear: both;
    	background: rgba(255,255,255,1);
    	padding: 1px 15px 10px 10px;
    	margin: 0 0 0px;
    	border-bottom: 1px solid #eaeaea;
    	
    	 .title{
            margin-bottom: 0.5em;
             i{
                position: absolute;
                left: 5px;
                padding: 2px 5px 0;
                color: #999;
                font-size: 10px;
            }
        }
    }
        
    .time{
    	float: right;
    	color: #ccc;
    	font-size: 12px;
    }
}

.rightside .padding { 
    height:2em; 
    font-weight:bold; 
}

.rightside .more_items { 
    margin-left:10px;
    font-weight:bold; 
}

.rightside .time {  color: #bbb; }

.rightside .desc { 
    padding: 0 0 1em 0;
    color:#666; 
    word-wrap: break-word; 
}

.rightside .desc .right_side {
    float:right; 
    margin-right:30px;
}

div.right-tittle {
    color: gray;
    background: rgba(99,182,174,0.2);
    text-align: center;
    padding-top: 6px;  
    padding-bottom: 6px; 
    font-size:14px;
    font-weight: bold;
}
