Hello! I have an issue with displaying my email template in multiple versions of Outlook on Windows 7 (2007,2010,2013). Disapeared some paddings, and aloso content dispayed wider then image (but both have max-width and widthcontent to have some assistance. Thank you in advance.

Here is screenshot: example

Here is my code:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
<style type="text/css">

@font-face {

font-family: "F1";
src: url('http://www.companyeventsteam.com/companyevents/PublicFiles/css/FrutigerNeueLTPro.woff') format("opentype");
}
@font-face {
font-family: "F2";
src: url('http://www.companyeventsteam.com/companyevents/PublicFiles/css/FrutigerNeueLTPro-Thin.ttf') format("truetype");
}
@font-face {
font-family: "F3";
src: url('http://www.companyeventsteam.com/companyevents/PublicFiles/css/FrutigerNeueLTPro.otf') format("opentype");
}
/* Some resets and issue fixes /
#outlook a { padding:0; }
body{ width:100% !important; -webkit-text; size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0; }

.ReadMsgBody { width: 100%; }
.ExternalClass {width:100%;}
.backgroundTable {margin:0 auto; padding:0; width:100%;!important;}
table td {border-collapse: collapse;}
.ExternalClass * {line-height: 115%;}

/
End reset */
@media screen and (max-width: 630px){

*[class="100padleftright"] {width:100% !important; padding:0 20px 0 20px;}
*[class="content"] {width:100% !important; max-width: 630px;}
p, h1, .content, .banner-image{width:100% !important; max-width: 630px;}

}
.content{
background: #333333;
background-color: #333333;
}
p, h1, .content{
font-family: "F2","F1", Verdana,sans-serif;
font-size: 12pt;
text-align:left;
width: 100%;
max-width: 1108px;
color: #ffffff;
margin: 0 !important;
}
h1{
font-size: 20pt;
}
.banner-image{
width: 100%;
max-width: 1108px;
}
td, tr{
border: 0 !important;

}

td.content{
padding-left: 20px;
padding-right: 20px;
text-align:left;
}
.content table{
max-width: 1108px;
width:100%;
}
.content a{
color: #5eb9f4;
text-decoration: none;
}
</style>
<!--[if mso]>
<style type=”text/css”>
.content p {
font-family: Verdana,sans-serif;
Margin-bottom:10px;
}

</style>
<![endif]-->
</head>
<body>
<div style="width: 100%; text-align:center;">
<center>
<div style="display:none; color: #ffffff; height: 2px;">Lorem ipsum<br />
Lorem ipsum<br />
[Lorem ipsum]</div>

<table border="0" cellpadding="0" cellspacing="0" class="content" style="max-width: 1108px; width:100%;">
<tbody bgcolor="#19224f" style="background: #19224f">
<tr>
<td style="margin: 0;padding: 0;"><img class="banner-image" alt="company Event Managers Events Due" src="https://scontent.fiev13-1.fna.fbcdn.net/v/t1.0-9/44337497_1077526239038695_6108431397519622144_o.jpg?_nc_cat=110&_nc_ht=scontent.fiev13-1.fna&oh=4ad8145dbe60b4a0529b7d87aba1689b&oe=5C51CB0C" width="1108" /></td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 18px; font-size: 12pt; font-weight: bold; color: #ffffff; text-align: left; margin: 0 !important;">Lorem ipsum</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 9px; font-size: 10pt; color: #ffffff; margin: 0 !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate sapien volutpat lorem dignissim, nec convallis tortor faucibus. Pellentesque malesuada tellus id orci vestibulum, tempus maximus lacus varius. Phasellus nec odio commodo, tristique enim id, molestie lectus.</p> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 9px; font-size: 10pt; color: #ffffff; font-weight: bold; margin: 0 !important;">
Lorem ipsum<br/>
Lorem ipsum<br/>
Lorem ipsum<br/>
Lorem ipsum</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 9px; font-size: 12pt; font-weight: bold; color: #ffffff; margin: 0 !important;">Lorem ipsum</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 9px; font-size: 10pt; font-weight: bold; color: #ffffff; margin: 0 !important;">Lorem ipsum</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 9px; font-size: 10pt; color: #ffffff; margin: 0 !important;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate sapien volutpat lorem dignissim, nec convallis tortor faucibus. Pellentesque malesuada tellus id orci vestibulum, tempus maximus lacus varius. Phasellus nec odio commodo, tristique enim id, molestie lectus.</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 9px; font-size: 10pt; font-weight: bold; color: #ffffff; margin: 0 !important;">Lorem ipsum</p>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 9px; font-size: 10pt; color: #ffffff; margin: 0 !important;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate sapien volutpat lorem dignissim, nec convallis tortor faucibus. Pellentesque malesuada tellus id orci vestibulum, tempus maximus lacus varius. Phasellus nec odio commodo, tristique enim id, molestie lectus.</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 9px; font-size: 10pt; font-weight: bold; color: #ffffff; margin: 0 !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate sapien volutpat lorem dignissim, nec convallis tortor faucibus. Pellentesque malesuada tellus id orci vestibulum, tempus maximus lacus varius. Phasellus nec odio commodo, tristique enim id, molestie lectus.</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 9px; font-size: 10pt; color: #ffffff; margin: 0 !important;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate sapien volutpat lorem dignissim, nec convallis tortor faucibus. Pellentesque malesuada tellus id orci vestibulum, tempus maximus lacus varius. Phasellus nec odio commodo, tristique enim id, molestie lectus.</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 9px; font-size: 10pt; font-weight: bold; color: #ffffff; margin: 0 !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate sapien volutpat lorem dignissim, nec convallis tortor faucibus. Pellentesque malesuada tellus id orci vestibulum, tempus maximus lacus varius. Phasellus nec odio commodo, tristique enim id, molestie lectus.</p>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 9px; font-size: 10pt; color: #ffffff; margin: 0 !important;">
<strong>Lorem</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate sapien volutpat lorem dignissim, nec convallis tortor faucibus. Pellentesque malesuada tellus id orci vestibulum,<br/>
<strong>Lorem</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate sapien volutpat lorem dignissim, nec convallis tortor faucibus. Pellentesque malesuada tellus id orci vestibulum,<br/>
<strong>Lorem</strong> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate sapien volutpat lorem dignissim, nec convallis tortor faucibus. Pellentesque malesuada tellus id orci vestibulum, <a href="https://www.thecompany.co.uk/">Lorem ipsum</a></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 18px; font-size: 10pt; color: #ffffff; margin: 0 !important;">Lorem ipsum</p> <a href="mailto:Lorem@company.com">Lorem@company.com</a>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td class="content" style="padding:0 20px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<p style="padding-top: 18px; padding-bottom: 20px; font-size: 10pt; color: #ffffff; margin: 0 !important;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit<br/>
<br />
Lorem ipsum <br />
Lorem ipsum dolor sit amet<br />
<br/>
<a href="Lorem@company.com">Lorem@company.com</a></p>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</div>
</body>
</html>