Centering the container of boxes

I have 3 colorbox panels on my homepage and I am trying to center the container of boxes on the page but nothing is working. I tried align: center and webkit-box-align: center in the 2nd div tag below but neither worked. Below is the contain code

Appreciate any help.

<div style=”display:block;overflow:hidden;width:100%;”>
<div id=”colorbox_main_container_249″ style=”/* -webkit-box-align: center; */position: relative;height: 360px;”>
<div class=” wpsm_col-md-3 wpsm_col-sm-6 colorbox_singel_box” style=”position: absolute; left: 0px; top: 0px;”>
<div class=”wpsm_panel wpsm_panel-default wpsm_panel_default_249 ” style=”height: 95px;”>
<div class=”wpsm_panel-heading”>
<h3 class=”wpsm_panel-title”>
<span style=”margin-right:6px;” class=”fa fa-plus-square”></span>
Our Services</h3>
</div>
<div class=”wpsm_panel-body”>
text goes here </div>

</div>
</div>
<div class=” wpsm_col-md-3 wpsm_col-sm-6 colorbox_singel_box” style=”position: absolute; left: 0px; top: 120px;”>
<div class=”wpsm_panel wpsm_panel-default wpsm_panel_default_249 ” style=”height: 95px;”>
<div class=”wpsm_panel-heading”>
<h3 class=”wpsm_panel-title”>
<span style=”margin-right:6px;” class=”fa fa-group”></span>
About Us</h3>
</div>
<div class=”wpsm_panel-body”>
text goes here </div>

</div>
</div>
<div class=” wpsm_col-md-3 wpsm_col-sm-6 colorbox_singel_box” style=”position: absolute; left: 0px; top: 240px;”>
<div class=”wpsm_panel wpsm_panel-default wpsm_panel_default_249 ” style=”height: 95px;”>
<div class=”wpsm_panel-heading”>
<h3 class=”wpsm_panel-title”>
<span style=”margin-right:6px;” class=”fa fa-comments-o”></span>
Contact Us</h3>
</div>
<div class=”wpsm_panel-body”>
text goes here </div>

</div>
</div>

</div>
</div>