Коллеги, здравствуйте. Столкнулся с выводом статей на сайте.
В каждом ряде по 3 статьи, потом переход на новую строку.

Но каждая последняя публикация должна иметь дополнительный стиль last.
Как ее вывести?

Сам код такой:
<li class="blog-list" style="background:url(assets/img/blog/blogthumb1.jpg);">
	<div class="blog-con">
		<div class="seprator">
			<span class="seprator-sm center-div"></span>
			
		</div>
		<h3>The Current Portfolio Trends</h3>
		<span class="blog-cat">Web Design</span>
		<span class="blog-date">05.9.17</span>
		<span class="blog-per">by Jake R.</span>
	</div>
	<div class="blog-overlay"></div>
	<div class="blog-dark-overlay"></div>
	<a class="link-detail" href="blog-detail.html"></a>
</li>
<li class="blog-list" style="background:url(assets/img/blog/blogthumb2.jpg);">
	<div class="blog-con">
		<div class="seprator">
			<span class="seprator-sm center-div"></span>
			
		</div>
		<h3>10 Quirky, Decorative Fonts</h3>
		<span class="blog-cat">Graphics</span>
		<span class="blog-date">04.9.17</span>
		<span class="blog-per">by Paul Mark</span>
	</div>
	<div class="blog-overlay"></div>
	<div class="blog-dark-overlay"></div>
	<a class="link-detail" href="blog-detail.html"></a>
</li>
<li class="blog-list last" style="background:url(assets/img/blog/blogthumb3.jpg);">
	<div class="blog-con">
		<div class="seprator">
			<span class="seprator-sm center-div"></span>
			
		</div>
		<h3>Getting started with Photography</h3>
		<span class="blog-cat">Photography</span>
		<span class="blog-date">03.9.17</span>
		<span class="blog-per">by James C.</span>
	</div>
	<div class="blog-overlay"></div>
	<div class="blog-dark-overlay"></div>
	<a class="link-detail" href="blog-detail.html"></a>
</li>


И следом возникает вопрос по навигации. Под статьями есть пагинация и две кнопки ВПЕРЕД, НАЗАД.
Вывод pdoNeighbors не устраивает, т.к.выводится все в одном блоке, а у меня кнопки разнесены в разных блоки:
<div class="container">
	<div class="row">
		<div class="col-md-3">
			<div class="prev-wrap">
				<a href="#" class="btn btn-3 btn-3e icon-arrow-right prev">Назад<i class="fa fa-angle-left"></i></a>
			</div>
		</div>
		<div class="col-md-6">			
			<ul class="page-pointer-wrap">				
				<li class="page-counter active-page"><a href="#">1</a></li>
				<li class="page-counter"><a href="#">2</a></li>
				<li class="page-counter dots-demo">.....</li>
				<li class="page-counter"><a href="#">3</a></li>
				<li class="page-counter"><a href="#">4</a></li>
			</ul>
		</div>
		<div class="col-md-3">
			<div class="next-wrap">
				<a href="#" class="btn btn-3 btn-3e icon-arrow-right next">Вперед<i class="fa fa-angle-right"></i></a>
			</div>	
		</div>
	</div>
</div>

Подскажите дополнение или как заставить их работать? Плагины, которые находил выводят «НАЗАД-ВПЕРЕД» в одном блоке только. Спасибо.