float и inline-block можно как угодно упороться, но для решения таких задач уже давно существует display: flex 
service-icon__images_color_56 отпадет как класс сама собой) 
<section class="section-price">
<div class="section-price__wrapper">
<h2>Цены</h2>
<div class="price">
<div class="price__list">
<div class="price__item">
<img src="img/price/img1.jpg" alt="" />
<span class="title">
Охранная сигнализация
</span>
<button class="btn">Заказать</button>
</div>
<div class="price__item">
<img src="img/price/img2.jpg" alt="" />
<span class="title">
Специальное предложение
</span>
<button class="btn btn--down">Подробнее</button>
</div>
<div class="price__item">
<img src="img/price/img3.jpg" alt="" />
<span class="title">
Кнопка тревожной <br />
сигнализации
</span>
<button class="btn">Заказать</button>
</div>
</div>
</div>
</div>
</section>
#points-table tr > :first-child {
/* Some styles */
}<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
var change_every = 5; // The number of seconds that the slider will auto-advance in
var current = 1;
var timeoutId;
var start = function(){
timeoutId = setInterval(function(){auto_advance()}, change_every * 1000);
}
var stop = function(){
if(timeoutId) clearTimeout(timeoutId);
}
function auto_advance(){
if(current == -1) return false;
jQuery('#featured-content .slider-next').eq(current % jQuery('#featured-content .slider-next').length).trigger('click', [true]);
current++;
};
start();
jQuery('#featured-content').mouseenter(function(){
stop();
});
jQuery('#featured-content').mouseleave(function(){
start();
});
});
</script>