.body-container .left-column ul.timeline {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 380px;
}
.body-container .left-column ul.timeline li{
    list-style: none outside none;
    padding-left: 50px;
    padding-right: 10px;
    text-align: right;
    width: 280px;
}
.body-container .left-column ul.timeline.floating-left {
		
}
.body-container .left-column ul.timeline.floating-right {
		margin-right: 360px;
}
.body-container .left-column ul.timeline h2{
    
}
.ateeq{
    background-color: #FAE9C4;
	margin-top: -20px;
}
.body-container .left-column ul.timeline h2 a {
    color: #4a4a4a;
	font-size: 24px;
    font-weight: lighter;
    line-height: 20px;
}
.body-container .left-column ul.timeline date{
	color: #2b2b2b;
    font-size: 17px;
    font-weight: bold;
}
.no-show{
	display:none;
}
.tooltiptext{
	display:none;
}
.body-container .left-column ul.timeline .i{
    padding-top: 560px;
}
.body-container .left-column ul.timeline .ii{
    padding-top: 250px;
}
.body-container .left-column ul.timeline .iii{
    padding-top: 290px;
}
.body-container .left-column ul.timeline .iv{
    padding-top: 110px;
}
.body-container .left-column ul.timeline .v{
    padding-top: 310px;
}
.body-container .left-column ul.timeline .vi{
    padding-top: 210px;
}
.body-container .left-column ul.timeline .vii{
    padding-top: 290px;
}
.body-container .left-column ul.timeline .viii{
    padding-top: 90px;
}
.body-container .left-column ul.timeline .ix{
    padding-top: 240px;
}
.body-container .left-column ul.timeline .x{
    padding-top: 410px;
}
.body-container .left-column ul.timeline .xi{
    padding-top: 40px;
}
.body-container .left-column ul.timeline .xii{
    padding-top: 380px;
}
.body-container .left-column ul.timeline .xiii{
    padding-top: 140px;
}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************    Mobile Devices     *************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
@media screen and (max-width: 620px) {
.latest-articles .img-container, .latest-articles .text-container{
	height: auto;
}
.body-container .left-column ul.timeline{
	
}
.body-container .left-column ul.timeline.floating-right{
	margin-left: 50%;
	width: 50%;
}
.ateeq p{
    font-size: 12px;
}
.ateeq{
	width: 50% !important;
}
.body-container .left-column ul.timeline.floating-left {
    width: 50%;
}
.body-container .left-column ul.timeline li{
	padding-left: 0px;
	width: 80%;
}
.body-container .left-column ul.timeline li.floating-right{
	width: 90%;
}
.body-container .left-column ul.timeline date,
.body-container .left-column ul.timeline h2 {
    font-size: 60%;
}
.body-container .left-column ul.timeline h2,
.body-container .left-column ul.timeline h2 a{
	font-size: 13px;
    line-height: 16px;
    margin-top: 0;
}
.body-container .left-column ul.timeline li.floating-right *,
.body-container .left-column ul.timeline li.floating-left *{
	font-size: 12px;
}
.body-container .left-column ul.timeline .i{
    padding-top: 190px;
}
.body-container .left-column ul.timeline .ii{
    padding-top: 70px;
}
.body-container .left-column ul.timeline .iii{
    padding-top: 80px;
}
.body-container .left-column ul.timeline .iv{
    padding-top: 10px;
}
.body-container .left-column ul.timeline .v{
    padding-top: 100px;
}
.body-container .left-column ul.timeline .vi{
    padding-top: 40px;
}
.body-container .left-column ul.timeline .vii{
    padding-top: 130px;
}
.body-container .left-column ul.timeline .viii{
    padding-top: 40px;
}
.body-container .left-column ul.timeline .ix{
    padding-top: 70px;
}
.body-container .left-column ul.timeline .x{
    padding-top: 110px;
}
.body-container .left-column ul.timeline .xi{
    padding-top: 40px;
}
.body-container .left-column ul.timeline .xii{
    padding-top: 110px;
}
.body-container .left-column ul.timeline .xiii{
    padding-top: 0px;
}

}
