#cmp-counter {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
#cmp-counter .counter-wrap {
position: relative;
display: inline-block;
width: 25%;
}
#cmp-counter .counter-wrap:before {
content: "";
display: block;
padding-top: 100%;
background-color: #F72484;
border-radius: 0;
border: 0 solid;
}
#cmp-counter .inner-counter {
display: flex;
position: absolute;
top: 50%;
right: 0;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
justify-content: center;
}
#cmp-counter p {
padding: 0;
margin: 0;
line-height: 1em
}
#cmp-counter .cmp-value {
font-weight: 700;
font-size: 60px;
color: #fff;
}
#cmp-counter .cmp-label,
#cmp-counter .cmp-separator {
font-size: 28px;
color: #fff;
}
#cmp-counter .cmp-separator {
font-size: 48px;
color: #000;
}
#cmp-counter .cmp-label {
margin: 0
}
#cmp-counter .cmp-separator {
margin-top: -.3em
}
@media only screen and (max-width:767px) {
#cmp-counter.cmp-mobile-column {
flex-direction: column;
}
#cmp-counter .counter-wrap {
width: 100%
}
}