.pie-charts{margin: 25px 0 30px;}
    .highcharts-credits{display: none;}
    .list-group-item .icon.wb-time{margin-right: 4px;}
    ul.event-list{column-count: 2}
    ul.event-list li.list-group-item {width: 100%; float: left;background: #fff; margin: 15px 0; border-radius: 0;padding:  0 15px;} 
    .event-discription .ribbon-badge.ribbon-reverse{right: -5px;}
    ul.event-list li .event-info{float: left;width: 100%; background-color: #edf5fd}
    .date-area {float:left; width: 100px; height: 100px; text-align: center; vertical-align: middle; position: relative;background: #848f9a; }

    .date-area span{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 28px; font-weight: bold; color: #fff !important; line-height: 32px;text-transform: uppercase;}
    .event-discription{float: right;    width: calc(100% - 115px); min-height: 100px; padding: 5px 5px;position: relative;overflow: hidden }
    .event-discription h4{font-weight: 500;margin-bottom: 5px;margin-top: 7px !important}
    .event-discription p{margin-bottom: 0;}
    span.event-location{margin-bottom: 7px;}
    .event-discription .ribbon-badge .ribbon-inner{text-transform: capitalize;color: #fff;}
    .event-discription .ribbon{width: 100px; height: 100px;}
    .event-discription .ribbon-badge.ribbon-reverse .ribbon-inner{right: -25px;height: 25px; line-height: 25px; font-size: 11px;}
    .event-discription a{color: #000; text-decoration: none;}
    .event-discription span.event-creater{display: block;}
    .event-discription span.event-creater a.hightlight{float: left;margin-right: 5px;font-size: 12px; position: relative; padding-right: 10px;}
    .event-discription span.event-creater a.hightlight::after{ content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color:#b3b3b3;}
    .event-discription span.event-creater time{ font-size: 12px; color: #000; margin-left: 5px; }
    .event-discription span.event-creater a.hightlight time{ margin-left: 2px; }
    .date-area span strong{font-size: 36px; font-weight: 300}
     ul.event-list li span{display: inline-block;color: #666}
    .chart{background-color: #fff;}
    .event-view-more{float:right;margin-right:10px; font-size:11px ; color: #fff !important; text-transform: capitalize;z-index: 99;position: relative;}
    .list-inactive{opacity: 0.4; }
/*media*/
@media (max-width: 1199px){
 .date-area{width: 70px;height: 110px;}
 .event-discription   time{display: block; margin-top: 4px;}
 .date-area span{font-size: 18px; line-height: 22px;}
 .date-area span strong{font-size: 26px}
 
}
@media (max-width: 991px){
  ul.event-list li.list-group-item.col-md-6{-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} 
 .event-discription{width: calc(100% - 75px)}
}
@media(max-width: 767px){
  ul.event-list.scrollable-vertical.is-enabled .scrollable-container{width: 100% !important;}
}
@media(max-width: 480px ){
  .date-area{height: 120px;}
 .event-discription h4{font-size: 14px}
 .event-discription p{font-size: 11px;}
 .event-discription span.event-creater a.hightlight{font-size: 10px;}
}