Key Features. Last box misaligned

Hi there.

My site is at www.wooshping.com

If you scroll down to the Key Features section the last box gets misaligned. II checked the html source for the module and there doesn't seem to be anything in there that is different from the other 3 boxes.

<div class="gkFeatures gkPerspective"><a class="gkRocket" href="#" data-animation="flip" data-delay="0"><span>Rocket</span>Increase Engagment</a> <a class="gkBadge" href="#" data-animation="flip" data-delay="150"><span>Badge</span>Winning Response Rates</a> <a class="gkMouse" href="#" data-animation="flip" data-delay="300"><span>Mouse</span>Cloud-based Control</a> <a class="gkPiggy" href="#" data-animation="flip" data-delay="450"><span>Piggy</span>Drive Incremental Revenues</a></div>
<p><a href="#">View Full Features</a></p>

Any thoughts?
Thanks a lot,
Rupert

Hi,
if you look at the source code you will see:

Code: Select all

<div class="customsmallspaces big">

   <div class="gkFeatures gkPerspective"><a class="gkRocket" href="/introduction/what-is-nfc" data-animation="flip" data-delay="0"><span>Rocket</span>Increase Engagment</a>&nbsp;<a class="gkBadge" href="/introduction/nfc-phones" data-animation="flip" data-delay="150"><span>Badge</span>Winning Response Rates</a> <a class="gkMouse" href="/introduction/what-you-get" data-animation="flip" data-delay="300"><span>Mouse</span>Cloud-based Control</a> <a class="gkPiggy" href="/introduction/what-you-get" data-animation="flip" data-delay="450"><span>Piggy</span>Drive Incremental Revenues</a></div>
<p><a href="/introduction/what-you-get">View Full Features</a></p>   
</div>


After first feature you have one white space:

Code: Select all

 


and it casue this issue. Please remove it form your code and it will work.

Arrgh! Thank you so much!! I thought I was going mad.

Thanks so much,
Rupert