Помогите с div разметкой адаптивной галереи

Добрый день.

Подскажите, делаю адаптивную галерею из 4 баннеров на сайте. Не могу только убрать вертикальный отступ между блоками.

Сам код блока:

<style>img:hover {  opacity: 0.8;}.net_wrap {    margin: -10px auto;    max-width: 100%;}.net_wrap2 {    text-align: center;	}.net_img {    margin: 20px auto;    max-width: 100%;margin-left: 10px;margin-bottom: -15px;}</style><div class="row">	



<div class="net_wrap2 col-xs-12 col-sm-6 col-md-6 col-lg-6" ><a href="#"><img class="net_img" src="banner.jpg"></a></div>



<div class="net_wrap2 col-xs-12 col-sm-6 col-md-6 col-lg-6" ><a href="#"><img class="net_img" src="banner.jpg"></a></div>



<div class="net_wrap2 col-xs-12 col-sm-4 col-md-4 col-lg-4" ><a href="#"><img class="net_img" src="banner.jpg"></a></div>





<div class="net_wrap2 col-xs-12 col-sm-8 col-md-8 col-lg-8" ><a href="#"><img class="net_img" src="banner.jpg"></a></div>





<div class="net_wrap2 col-xs-12 col-sm-12 col-md-12 col-lg-12"><a href="#"><img class="net_img" src="banner.jpg" style="padding-bottom: 10px;"></a></div>



</div>

галерея: