.count-columns {
  position:relative;
  display:-webkit-box !important;
  display:-moz-box !important;
  display:-ms-flexbox !important;
  display:-webkit-flex !important;
  display:flex !important;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start;
  align-content:flex-start;
  flex-wrap:wrap;
}
.count-columns .count-column {
  position:relative;
  display:block;
  counter-increment:count-column-item;
  padding:50px 60px;
  width:50%;
}
@media (max-width: 767px) {
  .count-columns .count-column {
    padding:30px 30px 30px 60px;
    width:100%;
  }
}
.count-columns .count-column .inner-count-column {
  position:relative;
  display:block;
}
.count-columns .count-column .inner-count-column:before {
  position:absolute;
  pointer-events:none;
  content:counter(count-column-item,decimal-leading-zero);
  display:block;
  right:calc(100% + 14px);
  top:3px;
  font-family:'din', Arial, sans-serif;
  text-transform:uppercase;
  line-height:1.3 !important;
  font-size:13px;
  padding-left:0;
  padding-right:0;
  letter-spacing:0.0em !important;
  font-weight:400;
  background:#eee;
  color:#585757;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  width:30px;
  height:30px;
  text-align:center;
  padding:8px 0 0;
}
@media (max-width: 767px) {
  .count-columns .count-column .inner-count-column:before {
    top:1px;
    right:calc(100% + 9px);
  }
}
.count-columns .count-column .inner-count-column .count-column-title {
  display:block;
  margin-bottom:10px;
}
.count-columns .count-column .inner-count-column .count-column-description {
  display:block;
  margin-bottom:20px;
}
