<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
    <!--[if gte mso 9]>
    <xml>
    <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
    </xml>
    <![endif]-->
    <style media="screen">
body{
    margin-left: 20px;
    margin-right: 20px;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
     font-family: Helvetica, Arial, san-serif;
    padding: 0;
  }
  .container{
    max-width: 700px;
    margin: 0 auto;
    padding: 0;
  }
  .content-body{
    padding-top: 60px;
  }
  .content-body-text{
    max-width: 400px;
    margin: 0 auto;
  }
  .button{
    margin-bottom: 40px;
  }
  .product {
    width: 325px;
    float: left;
    margin: 10px;
  }
  a.button-link{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #034d7f;
    border-radius: 5px;
    margin: 0 auto;
    padding: 10px 15px;
    color: #ffffff;
    border: 2px solid #FFFFFF;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    display: block;
  }
  h2 {
    font-size: 14px;
    font-weight: bold;
  }
  td.det_col {
      font-size: 14px;
  }
 
@media only screen and (max-width:480px){

  body{
    margin-left: 0;
    margin-right: 0;
  }
  .container{
    max-width: 320px;
    margin: 0 auto;
    padding: 0;
  }
  .product {
    margin: 10px auto;
  }
  a.button-link{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #034d7f;
    border-radius: 5px;
    margin: 0 auto;
    padding: 10px 15px;
    color: #ffffff;
    border: 2px solid #FFFFFF;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    display: block;
  }
  h2 {
    font-size: 14px;
    font-weight: bold;
  }
}
    </style>

<!– [if gte mso 9]>
<style type="text/css">
  .container{
    width: 700px;
    margin: 0 auto;
    padding: 0;
  }
</style>
<![endif]–>

</head>
<body style="margin:0; padding: 0;font-family: 'arial', sans-serif;font-size: 14px;color: #444">
  <div class="container">

<table cellpadding="0" cellspacing="0" border="0" align="center" style="width: 600px">

<tr> 
  <td style="padding: 5px;">

  <?= $message; ?>

  </td> 
</tr> </table>


<table> <tr> <td style="padding: 5px;"></td> </tr> </table>
</div>

</body>
</html>