merhaba php mail ile html olarak mail atıyorum ama mail normal de düzgün çalışırken mail'de düzgün çalışmıyor sorun ne olabilir?
<?php
function GetIP(){
  if(getenv("HTTP_CLIENT_IP")) {
    $ip = getenv("HTTP_CLIENT_IP");
  } elseif(getenv("HTTP_X_FORWARDED_FOR")) {
    $ip = getenv("HTTP_X_FORWARDED_FOR");
    if (strstr($ip, ',')) {
      $tmp = explode (',', $ip);
      $ip = trim($tmp[0]);
    }
  } else {
    $ip = getenv("REMOTE_ADDR");
  }
  return $ip;
}
date_default_timezone_set('Europe/Istanbul');
$zaman = date('d.m.Y H:i:s');
$ip_ddress = GetIP();
$ch = curl_init('http://ip-api.com/json/'.$ip_ddress.'');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$response = curl_exec($ch);
curl_close($ch);
$result = json_decode($response, true);
$country = $result['country'];
$query = $result['query'];
$region = $result['regionName'];
$isp = $result['isp'];
$org = $result['org'];
$as = $result['as'];
$to = 'ardakarakas325@gmail.com';
$subject = 'SSH '.$zaman.' -|- ';
$message = '<!doctype html>
<html lang="tr">
<head>
  <style type="text/css">
body {
  font-family: "lato", sans-serif;
  background-color: #ccc;
}
.container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
h2 {
  font-size: 26px;
  margin: 20px 0;
  text-align: center;
}
h2 small{
  font-size: 0.5em;
}
.responsive-table li{
    border-radius: 3px;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.responsive-table .table-header {
    background-color: #95A5A6;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.responsive-table .table-row {
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
  }
  .responsive-table .col-1 {
    flex-basis: 10%;
  }
  .responsive-table .col-6{
    flex-basis: 30%;
  }
  .responsive-table .col-2 {
    flex-basis: 20%;
  }
  .responsive-table .col-3 {
    flex-basis: 28%;
  }
  .responsive-table .col-4 {
    flex-basis: 26%;
  }
  .responsive-table .col-5 {
    flex-basis: 10%;
  }
  @media all and (max-width: 767px) {
    .responsive-table .table-header {
      display: none;
    }
    .responsive-table li {
      display: block;
    }
    .responsive-table .col {
      
      flex-basis: 100%;
      
    }
    .responsive-table .col{
      display: flex;
      padding: 10px 0;
    }
    .responsive-table .col::before{
       color: #6C7A89;
        padding-right: 10px;
        content: attr(data-label);
        flex-basis: 50%;
        text-align: right;
    }
  }
  </style>
</head>
<body>
<div class="container">
  <h2>asasasas</small></h2>
  <ul class="responsive-table">
    <li class="table-header">
      <div class="col col-6">IP</div>
      <div class="col col-5">Ülke</div>
      <div class="col col-1">İl</div>
      <div class="col col-3">AS</div>
      <div class="col col-4">ISP</div>
      <div class="col col-4">ORG</div>
    </li>
    <li class="table-row">
      <div class="col col-3" data-label="Girenin IP adresi:">'.$query.'</div>
      <div class="col col-1" data-label="Girenin Ülkesi:">'.$country.'</div>
      <div class="col col-1" data-label="Girenin İli:">'.$region.'</div>
      <div class="col col-6" data-label="Girenin AS ismi:">'.$as.'</div>
      <div class="col col-3" data-label="Girenin ISP ismi:">'.$isp.'</div>
      <div class="col col-4" data-label="Girenin ORG ismi:">'.$org.'</div>
    </li>
  </ul>
</div>
</body>
</html>';
$headers[] = 'MIME-Version: 1.0';
$headers[] = 'Content-type: text/html; charset=utf-8';
// Ek başlıklar
+$headers[] = 'From: asas <iletisim@ardakarakas.com>';
mail($to, $subject, $message, implode("\r\n", $headers));
?>


düzgün hali;