[Помогите] почему значки сьезжают

вот сам код opencart если что. вот результат почему не в один ряд и как сделать в один ряд https://clip2net.com/s/4byEgUR
<header>
<div class="container">
<div class="row">
<div class="col-sm-3">
<div id="logo">{% if logo %}<a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive" /></a>{% else %}
<h1><a href="{{ home }}">{{ name }}</a></h1>
{% endif %}</div>
</div>
<div class="col-sm-3">{{ search }}</div>
<div class="col-sm-3">
<div class="adress">
<p><i class="fa fa-map-marker"></i> Адрес: {{storeaddress}}</p>
<p><i class="fa fa-phone"></i>Телефон: {{ telephone }}</p>
</div>
</div>
<div class="col-sm-3">
<div class="knopki">
<a href="{{ wishlist }}" id="wishlist-total" title="{{ title_wishlist }}"><i class="fa fa-heart"></i></a>
<a href="{{ compare }}" id="compare-total" title="{{ title_compare }}"><i class="fa fa-exchange"></i> </a>
{{ cart }}
</div>
</div>
</header>