.ccm-page .timeline {
  list-style: none;
  padding: 0px 32px 0;
    margin: 0 auto 32px;
    border: 1px solid #ddd;
    background: #F7F7F7;
    border-radius: 2px;
    width: 100%;
}
.ccm-page .timeline > li {
  overflow: hidden;
  margin: 0;
  position: relative;
}
.ccm-page .timeline-date{
	color:#EC6D6D;
}
.ccm-page .timeline-content {
  float: left;
  border-left: 3px #e5e5d1 solid;
  padding-left: 32px;
  padding-bottom: 16px;
}
.ccm-page .timeline-content:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #EC6D6D;
  position: absolute;
  border-radius: 100%;
}
@media ( max-width : 768px ){
.ccm-page .timeline > li{
	padding-left:4px;
}
.ccm-page .timeline-date{
	padding-left: 24px;
  border-left: 3px #e5e5d1 solid;
  margin: 0;
  padding-top: 19px;
}
.ccm-page .timeline-content {
  width: 100%;
}
.ccm-page .timeline-content:before {
  left: 0px;
  top: 24px;
}
.ccm-page .timeline-content h6{
	margin:8px auto 0;
}
}
@media ( min-width : 769px ){
.ccm-page .timeline-date {
  width: 96px;
  float: left;
  margin-top: 20px;
  padding-left: 16px;
}
.ccm-page .timeline-content {
  width:77%;
}
.ccm-page .timeline-content:before {
  left: 92px;
  top: 26px;
}
.ccm-page .timeline-content h6{
	margin:18px auto 0;
}
.ccm-page .timeline-content p{
  margin: 0;
}
}