Bootstrap Gridllines Center image

Question

Here is my code i want to do image center but its not align in center i have try all code to do image center but not working please help me in this code...

<div class="events">
<div class="container">
<h3 class="name">Vehicles</h3>
<div class="event-grids">
<div class="col-md-6 event-grid bg-danger">
<div class="event-grid_pic img-hover">
<a href="/Page/Pagename">
<img src="/images/Image1.jpg" class="img-responsive" alt="" /> </a>
<h4 class="text-center">Page1</h4>
</div>
</div>
<div class="col-md-6 event-grid bg-success">
<div class="event-grid_pic img-hover">
<a href="/Page/Pagename">
<img src="/images/Image2.jpg" class="img-responsive" alt="" />
</a>
<h4>Page2</h4>
</div>
</div>
</div>
</div>
</div>