<div class="map-box">
  <div class="contact-info col-sm-6 col-md-6" data-appear-animation="fadeInLeftBig">
    <address>
      <div class="title">Address</div>
      49 Archdale, 2B Charleston, New York City, USA
    </address>
    <div class="row">
      <address class="col-sm-6 col-md-6">
        <div class="title">Phones</div>
        <div>Support: +777 (100) 1234</div>
        <div>Sales manager: +777 (100) 4321</div>
        <div>Director: +777 (100) 1243</div>
      </address>
      <address class="col-sm-6 col-md-6">
        <div class="title">Email Addresses</div>
        <div>Support: <a href="mailto:support@example.com">support@example.com</a></div>
        <div>Sales manager: <a href="mailto:manager@example.com">manager@example.com</a></div>
        <div>Director: <a href="mailto:chief@example.com">chief@example.com</a></div>
      </address>
    </div>
  </div>
  
  <div
    style="height: 500px;"
    class="map-canvas"
    data-zoom="6"
    data-lat="40.5289085"
    data-lng="-77.983526"
    data-title="New York"
    data-content="Support: +777 (100) 1234<br>
    Sales manager: +777 (100) 4321<br>
    Director: +777 (100) 1243"></div>
</div>