<div class="row count">
    <div class="col-sm-3">
        <div class="counter-item">
            <span class="fa fa-download icon-circle fa-primary"></span>
            <div class="count-value" data-count="5024"><span class="start-count">0</span></div>
            <p>Download app</p>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="counter-item">
            <span class="fa fa-users icon-circle fa-primary"></span>
            <div class="count-value" data-count="1561"><span class="start-count">0</span></div>
            <p>User viewer</p>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="counter-item">
            <span class="fa fa-share-alt icon-circle fa-primary"></span>
            <div class="count-value" data-count="4512"><span class="start-count">0</span></div>
            <p>People share</p>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="counter-item">
            <span class="fa fa-gift icon-circle fa-primary"></span>
            <div class="count-value" data-count="4230"><span class="start-count">0</span></div>
            <p>Project done</p>
        </div>
    </div>
</div>

<div class="row count">
    <div class="col-12 col-sm-6 col-md-3">
        <div class="counter-item counter-lg">
            <span class="fa fa-trophy fa-2x icon-circle fa-primary"></span>
            <div class="count-value" data-count="424"><span class="start-count">0</span></div>
            <p>Awards</p>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-3">
        <div class="counter-item counter-lg">
            <span class="fa fa-briefcase fa-2x icon-circle fa-primary"></span>
            <div class="count-value" data-count="758"><span class="start-count">0</span></div>
            <p>Projects</p>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-3">
        <div class="counter-item counter-lg">
            <span class="fa fa-shield fa-2x icon-circle fa-primary"></span>
            <div class="count-value" data-count="320"><span class="start-count">0</span></div>
            <p>Clients</p>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-3">
        <div class="counter-item counter-lg">
            <span class="fa fa-user fa-2x icon-circle fa-primary"></span>
            <div class="count-value" data-count="662"><span class="start-count">0</span></div>
            <p>Member</p>
        </div>
    </div>
</div>

<div class="row count">
    <div class="col-12 col-sm-6 col-md-3">
        <div class="counter-item counter-sm">
            <div class="count-value" data-count="10245"><span class="start-count">0</span></div>
            <p>Awards</p>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-3">
        <div class="counter-item counter-sm">
            <div class="count-value" data-count="828"><span class="start-count">0</span></div>
            <p>Projects</p>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-3">
        <div class="counter-item counter-sm">
            <div class="count-value" data-count="54"><span class="start-count">0</span></div>
            <p>Team Members</p>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-3">
        <div class="counter-item counter-sm">
            <div class="count-value" data-count="174"><span class="start-count">0</span></div>
            <p>Awards</p>
        </div>
    </div>
</div>