Есть ли смысл
<li class="nav-menu__item clearfix">
<div class="circle">
<div class="inside-circle"></div>
</div>
<a href="#about-us" class="nav-menu__link">О нас</a>
</li>.circle:last-child::before Последний элемент родителя элемента с классом .circlenav-menu__item:last-child .circle::before {} 
$('.tab').click(function(){
$('html, body').stop().animate({ scrollTop:$('.tabs').offset().top}, 500);
});