<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container text-center">
<div class="row">
<div class="col-sm-12">
<div class="wrapper_bu" style="position:relative;">
<div class="image">
<a class="panel-heading accordion-toggle collapsed left" data-toggle="collapse"
data-parent="#accordion1,#accordion2,#accordion3" data-target="#collapseTwo">
<div id="bu1">
<img alt="" src="https://s6.postimg.org/ek5rpg6i9/karachi.png" class="img-responsive imgtransform">
<div class="title">karachi</div>
</div>
</a>
</div>
<div class="image">
<a class="panel-heading accordion-toggle collapsed left" data-toggle="collapse"
data-parent="#accordion1,#accordion2,#accordion3" data-target="#collapseOne">
<div id="bu2">
<img alt="" src="https://s6.postimg.org/kwgbljk6p/islamabad.png" class="img-responsive imgtransform">
<div class="title">islamabad</div>
</div>
</a>
</div>
<div class="image">
<a class="panel-heading accordion-toggle collapsed left " data-toggle="collapse" data-parent="#accordion1,#accordion2,#accordion3"
data-target="#collapseThree">
<div id="bu3">
<img alt="" src="https://s6.postimg.org/4wxo1zo4x/dubai.png" class="img-responsive imgtransform">
<div class="title">dubai</div>
</div>
</a>
</div>
</div>