.timeline {
/*white-space: nowrap;*/
padding: 30px 0 10px 0;
position: relative;
width:100%;
    
}
.entry {
box-shadow: 7px 5px 7px 0px #F9F9F9;
height: 100%;
padding: 20px;
border: 1px solid #e0faff;
border-radius: 15px;
margin-bottom: 20px;
font-weight:400;
display: inline-block;
vertical-align: top;
background: #fff;
color: #955edb;
font-size: 14px;
text-align: center;
position: relative;
border-top: 4px solid #955edb;
border-radius: 3px;
min-width: 200px;
max-width: 500px;
width: 19.68%;
}
.entry:after {
content: '';
display: block;
background: #fff;
width: 7px;
height: 7px;
border-radius: 6px;
border: 3px solid #955edb;
position: absolute;
left: 50%;
top: -30px;
margin-left: -6px;
}
.entry:before {
content: '';
display: block;
background: #955edb;
width: 5px;
height: 20px;
position: absolute;
left: 50%;
top: -20px;
margin-left: -5px;
}
.entry h1 {
color: #955edb;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.entry h2 {
letter-spacing: .2em;
margin-bottom: 10px;
font-size: 14px;
}
.line-timeline {
height: 4px;
background: #eee;
width: 100%;
position: relative;
top: 13px;
left: 0;
}
@media only screen and (max-width:1024px) {
.timeline {
padding: 30px 0 10px 0;
position: relative;
}
.entry{
width:100%;
height:auto;
max-width: unset;
}
}
@media only screen and (max-width:767px) {
	
}