<div id="zoom_area" class="" style="background-color:white;">
    <div class="row" >
       <div class="col-sm-3">
           <table id="table_1" class="table table-bordered seat-arrangement-table">
              ....TABLE CODE
           </table>
       </div>
       <div class="col-sm-3">
           <table id="table_2" class="table table-bordered seat-arrangement-table">
              ....TABLE CODE
           </table>
       </div>

       <div class="col-sm-3">
           <table id="table_2" class="table table-bordered seat-arrangement-table">
              ....TABLE CODE
           </table>
       </div>
       <div class="col-sm-3">
           <table id="table_2" class="table table-bordered seat-arrangement-table">
              ....TABLE CODE
           </table>
       </div>
   </div>
   <div class="row">
      ....
   </div>
   <div class="row">
      ....
   </div>
<div>

.style_prevu_kit_zoom_in {
    position: relative;
    margin-top: 115px;
    -webkit-transition: all 200ms ease;
    -webkit-transform: scale(1.4);
    -ms-transition: all 200ms ease;
    -ms-transform: scale(1.4);
    -moz-transition: all 200ms ease;
    -moz-transform: scale(1.4);
    transition: all 200ms ease;
    transform: scale(1.4);
    overflow: auto;
    width: 360px;
    height: 220px;
    margin-left: 15%;
    margin-top: 16%;
}