Hi,

I'm new to Litmus, really hoping someone can assist with this issue.

I'm having some auto-scaling issues in Apple Mail on iOS 10 with my enewsletter, HTML code below.

The newsletter has been sent through Putsmail and it actually works and displays responsively on a mobile in Apple Mail app, weird.

I’m viewing the email on my iPhone 6 iOS v10.3.2 (14F89) - IMAP

Both Apple Mail and the Outlook (v2.29.0) apps are displaying the email like the attached screen captures. i.e. non responsive, elements are not stacking on top of each other like it does in any browser (see this URL: http://www.mygc.com.au/newsletter/theloop)

We use Interspire Email Marketer via AWS SES to send to our email lists.

Any assistance would be greatly appreciated.

Regards
Adam


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>the loop!</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--[if mso]>
    <style>
      body,table,td {
      font-family:Arial,Helvetica,sans-serif !important;
      }
    </style>
    <![endif]-->

  <style type="text/css">
    @font-face {font-family:'Raleway';        font-style:normal;        font-weight:100;        src:local('Raleway Thin'),local(Raleway-Thin),url(https://fonts.gstatic.com/s/raleway/v10/RJMlAoFXXQEzZoMSUteGWKCWcynf_cDxXwCLxiixG1c.ttf) format("truetype");}
    @font-face {font-family:'Raleway';        font-style:normal;        font-weight:200;        src:local('Raleway ExtraLight'),local(Raleway-ExtraLight),url(https://fonts.gstatic.com/s/raleway/v10/8KhZd3VQBtXTAznvKjw-ky3USBnSvpkopQaUR-2r7iU.ttf) format("truetype");}
    @font-face {font-family:'Raleway';        font-style:normal;        font-weight:300;        src:local('Raleway Light'),local(Raleway-Light),url(https://fonts.gstatic.com/s/raleway/v10/-_Ctzj9b56b8RgXW8FAriS3USBnSvpkopQaUR-2r7iU.ttf) format("truetype");}
    @font-face {font-family:'Raleway';        font-style:normal;        font-weight:400;        src:local(Raleway),local(Raleway-Regular),url(https://fonts.gstatic.com/s/raleway/v10/bIcY3_3JNqUVRAQQRNVteQ.ttf) format("truetype");}
    @font-face {font-family:'Raleway';        font-style:normal;        font-weight:500;        src:local('Raleway Medium'),local(Raleway-Medium),url(https://fonts.gstatic.com/s/raleway/v10/CcKI4k9un7TZVWzRVT-T8y3USBnSvpkopQaUR-2r7iU.ttf) format("truetype");}
    @font-face {font-family:'Raleway';        font-style:normal;        font-weight:600;        src:local('Raleway SemiBold'),local(Raleway-SemiBold),url(https://fonts.gstatic.com/s/raleway/v10/xkvoNo9fC8O2RDydKj12by3USBnSvpkopQaUR-2r7iU.ttf) format("truetype");}
    @font-face {font-family:'Raleway';        font-style:normal;        font-weight:700;        src:local('Raleway Bold'),local(Raleway-Bold),url(https://fonts.gstatic.com/s/raleway/v10/JbtMzqLaYbbbCL9X6EvaIy3USBnSvpkopQaUR-2r7iU.ttf) format("truetype");}
    @font-face {font-family:'Raleway';        font-style:normal;        font-weight:800;        src:local('Raleway ExtraBold'),local(Raleway-ExtraBold),url(https://fonts.gstatic.com/s/raleway/v10/1ImRNPx4870-D9a1EBUdPC3USBnSvpkopQaUR-2r7iU.ttf) format("truetype");}
    @font-face {font-family:'Raleway';        font-style:normal;        font-weight:900;        src:local('Raleway Black'),local(Raleway-Black),url(https://fonts.gstatic.com/s/raleway/v10/PKCRbVvRfd5n7BTjtGiFZC3USBnSvpkopQaUR-2r7iU.ttf) format("truetype");}
    @font-face {font-family:'Roboto';        font-style:normal;        font-weight:100;        src:local('Roboto Thin'),local(Roboto-Thin),url(https://fonts.gstatic.com/s/roboto/v15/Jzo62I39jc0gQRrbndN6nfesZW2xOQ-xsNqO47m55DA.ttf) format("truetype");}
    @font-face {font-family:'Roboto';        font-style:normal;        font-weight:300;        src:local('Roboto Light'),local(Roboto-Light),url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfaCWcynf_cDxXwCLxiixG1c.ttf) format("truetype");}
    @font-face {font-family:'Roboto';        font-style:normal;        font-weight:400;        src:local(Roboto),local(Roboto-Regular),url(https://fonts.gstatic.com/s/roboto/v15/zN7GBFwfMP4uA6AR0HCoLQ.ttf) format("truetype");}
    @font-face {font-family:'Roboto';        font-style:normal;        font-weight:700;        src:local('Roboto Bold'),local(Roboto-Bold),url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOKCWcynf_cDxXwCLxiixG1c.ttf) format("truetype");}
    @font-face {font-family:'Roboto';        font-style:normal;        font-weight:900;        src:local('Roboto Black'),local(Roboto-Black),url(https://fonts.gstatic.com/s/roboto/v15/mnpfi9pxYH-Go5UiibESIqCWcynf_cDxXwCLxiixG1c.ttf) format("truetype");}
    @font-face {font-family:'Roboto';        font-style:italic;        font-weight:100;        src:local('Roboto Thin Italic'),local(Roboto-ThinItalic),url(https://fonts.gstatic.com/s/roboto/v15/12mE4jfMSBTmg-81EiS-YS3USBnSvpkopQaUR-2r7iU.ttf) format("truetype");}
    @font-face {font-family:'Roboto';        font-style:italic;        font-weight:300;        src:local('Roboto Light Italic'),local(Roboto-LightItalic),url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at50EAVxt0G0biEntp43Qt6E.ttf) format("truetype");}
    @font-face {font-family:'Roboto';        font-style:italic;        font-weight:400;        src:local('Roboto Italic'),local(Roboto-Italic),url(https://fonts.gstatic.com/s/roboto/v15/W4wDsBUluyw0tK3tykhXEfesZW2xOQ-xsNqO47m55DA.ttf) format("truetype");}
    @font-face {font-family:'Roboto';        font-style:italic;        font-weight:500;        src:local('Roboto Medium Italic'),local(Roboto-MediumItalic),url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Z0EAVxt0G0biEntp43Qt6E.ttf) format("truetype");}
    @font-face {font-family:'Roboto';        font-style:italic;        font-weight:700;        src:local('Roboto Bold Italic'),local(Roboto-BoldItalic),url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC50EAVxt0G0biEntp43Qt6E.ttf) format("truetype");}
    @font-face {font-family:'Roboto';        font-style:italic;        font-weight:900;        src:local('Roboto Black Italic'),local(Roboto-BlackItalic),url(https://fonts.gstatic.com/s/roboto/v15/bmC0pGMXrhphrZJmniIZpZ0EAVxt0G0biEntp43Qt6E.ttf) format("truetype");}
        .ReadMsgBody{
            width:100%;
        }
        .ExternalClass{
            width:100%;
        }
        .ExternalClass{
            line-height:100%;
        }
        img{
            display:block;
        }
        body{
            padding:0;
            width:100% !important;
        }
        body{
            -webkit-text-size-adjust:100%;
            -ms-text-size-adjust:100%;
        }
        .ReadMsgBody{
            width:100%;
        }
        .ExternalClass{
            width:100%;
        }
        body{
            background-color:#ffffff;
            font-family:Arial,Helvetica,;
            font-size:14px;
            color:#393939;
            margin:0 auto;
        }
    @media (max-width: 768px) and (min-width: 421px){
        body{
            margin:0 auto !important;
            width:600px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        img{
            height:auto !important;
            max-width:100% !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .wrapper_table{
            width:600px !important;
            margin:0 auto;
            text-align:center;
            background-size:100% 100% !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .content{
            width:600px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .content img{
            max-width:600px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .padding{
            width:20px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .content_row{
            width:560px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .content_row img{
            height:auto !important;
            max-width:560px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .content_row_inner{
            width:520px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_6{
            width:85px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_5{
            width:104px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_4{
            width:132.5px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_3{
            width:180px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_2{
            width:275px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_23{
            width:367px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_13{
            width:183px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_6_fullwidth{
            width:100px !important;
            display:table-cell;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_5_fullwidth{
            width:120px !important;
            display:table-cell;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_4_fullwidth{
            width:150px !important;
            display:table-cell;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_3_fullwidth{
            width:200px !important;
            display:table-cell;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_2_fullwidth{
            width:300px !important;
            display:table-cell;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_23_fullwidth{
            width:400px !important;
            display:table-cell;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_13_fullwidth{
            width:200px !important;
            display:table-cell;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_6_fullwidth img{
            max-width:100px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_5_fullwidth img{
            max-width:120px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_4_fullwidth img{
            max-width:150px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_3_fullwidth img{
            max-width:200px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_2_fullwidth img{
            max-width:300px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_13_fullwidth img{
            max-width:200px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_23_fullwidth img{
            max-width:400px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_23 img{
            max-width:100% !important;
            display:block;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_13 img{
            max-width:100% !important;
            display:block;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_2 img{
            max-width:100% !important;
            display:block;
            width:auto !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_3 img{
            max-width:100% !important;
            display:block;
            width:auto !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_6_fullwidth_img{
            width:100px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_5_fullwidth_img{
            width:120px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_4_fullwidth_img{
            width:150px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_3_fullwidth_img{
            width:200px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_2_fullwidth_img{
            width:300px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_23_fullwidth_img{
            width:400px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_13_fullwidth_img{
            width:200px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_2_nomargins{
            width:280px !important;
            display:inline-block !important;
            float:left;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_2_nomargins img{
            max-width:280px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_3_nomargins{
            width:186px !important;
            display:inline-block !important;
            float:left;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_3_nomargins img{
            max-width:186px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_4_nomargins{
            width:140px !important;
            display:inline-block !important;
            float:left;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_4_nomargins img{
            max-width:140px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_5_nomargins{
            width:112px !important;
            display:inline-block !important;
            float:left;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_6_nomargins{
            width:93px !important;
            display:inline-block !important;
            float:left;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_13_nomargins{
            width:186px !important;
            display:inline-block !important;
            float:left;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_13_nomargins img{
            max-width:186px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_23_nomargins{
            width:374px !important;
            display:inline-block !important;
            float:left;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_23_nomargins img{
            max-width:374px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_2_inner{
            width:255px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_2_inner img{
            max-width:255px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_3_inner{
            width:166px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_3_inner img{
            max-width:166px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_4_inner{
            width:122px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_4_inner img{
            max-width:122px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_5_inner{
            width:96px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_5_inner img{
            max-width:96px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_6_inner{
            width:78px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_6_inner img{
            max-width:78px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_23_inner{
            width:340px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_23_inner img{
            max-width:340px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_13_inner{
            width:170px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_2_inner img{
            max-width:170px !important;
            height:auto !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_6_space{
            width:10px;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_5_space{
            width:10px;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_4_space{
            width:10px;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_3_space{
            width:10px;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_2_space{
            width:10px;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_md_23_space{
            width:10px;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_sm_6_space{
            width:10px;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_sm_5_space{
            width:10px;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_sm_4_space{
            width:10px;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_sm_3_space{
            width:10px;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_sm_2_space{
            width:10px;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_sm_3{
            width:180px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .col_sm_2{
            width:275px !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .notablet{
            display:none !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .noresponsive{
            display:none !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .font10{
            font-size:15px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .font15{
            font-size:20px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .font20{
            font-size:25px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .font25{
            font-size:30px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .font30{
            font-size:35px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .font35{
            font-size:40px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .font40{
            font-size:45px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .font45{
            font-size:50px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .height10{
            height:15px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .height15{
            height:20px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .height20{
            height:25px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .height25{
            height:30px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .height30{
            height:35px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .height35{
            height:40px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .height40{
            height:45px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .noborder{
            border:0 !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .nomargin{
            margin:0 !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .nomargin_tablet{
            margin:0 !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_margin_top_10{
            margin-top:10px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_margin_bottom_10{
            margin-bottom:10px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_margin_top_20{
            margin-top:20px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_margin_bottom_20{
            margin-bottom:20px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_margin_top_30{
            margin-top:30px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_margin_bottom_30{
            margin-bottom:30px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_margin_top_10{
            margin-top:10px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_margin_bottom_10{
            margin-bottom:10px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_margin_top_20{
            margin-top:20px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_margin_bottom_20{
            margin-bottom:20px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_margin_top_30{
            margin-top:30px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_margin_bottom_30{
            margin-bottom:30px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .no_desktop{
            display:block !important;
            visibility:visible;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .stack_responsive{
            width:100% !important;
            display:inline-block;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .stacked{
            display:block;
            clear:both;
            float:none;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .text_center_responsive{
            text-align:center !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .align_right{
            text-align:right !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .align_left{
            text-align:left !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .align_right_tablet{
            text-align:right !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .align_left_tablet{
            text-align:left !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .align_right_responsive{
            text-align:right !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .align_left_responsive{
            text-align:left !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .tablet_padding_top_10{
            padding-top:10px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .align_right{
            text-align:right !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .align_left{
            text-align:left !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .image img{
            height:auto !important;
            max-width:100% !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .responsive_centered_table{
            margin:0 auto !important;
            text-align:center !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .display_table_cell_tablet{
            display:table-cell !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .header_group_tablet{
            display:table-header-group !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .footer_group_tablet{
            display:table-footer-group !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .header_group_responsive{
            display:table-header-group !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .footer_group_responsive{
            display:table-footer-group !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .price_tab_desc{
            width:265px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .price_tab_desc_first{
            width:230px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .price_table_qty{
            width:35px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .price_table_size{
            width:35px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .price_table_color{
            width:55px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .price_table_amount{
            width:60px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .price_tab_desc_smaller{
            width:236px !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .font_100m{
            font-size:100px !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        #no_bg{
            background-image:none !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        .image_bottom img{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 768px) and (min-width: 421px){
        #no_bgresponsive{
            background-image:none !important;
        }

}   @media (max-width: 421px){
        body{
            margin:0 auto !important;
            width:320px !important;
        }

}   @media (max-width: 421px){
        img{
            height:auto !important;
            max-width:100% !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table]{
            width:320px !important;
            background-size:100% 100% !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .content{
            width:320px !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .content img{
            max-width:320px !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .padding{
            width:10px !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .content_row{
            width:300px !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .content_row img{
            max-width:300px !important;
            height:auto !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .content_row_inner{
            width:280px !important;
        }

}   @media (max-width: 421px){
        table[class=mobile_centered_table]{
            margin:0 auto !important;
            text-align:center !important;
        }

}   @media (max-width: 421px){
        td[class=mobile_centered_table]{
            margin:0 auto !important;
            text-align:center !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_6{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_5{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_4{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_3{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_2{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_6_inner{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_5_inner{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_4_inner{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_3_inner{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_2_inner{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_23{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_13{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_23_inner{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_13_inner{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_6_nomargins{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_5_nomargins{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_4_nomargins{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_3_nomargins{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_2_nomargins{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_23_nomargins{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_13_nomargins{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_6_mobile{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_5_mobile{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_4_mobile{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_3_mobile{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_2_mobile{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_23_fullwidth{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_13_fullwidth{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_6_fullwidth{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_5_fullwidth{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_4_fullwidth{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_3_fullwidth{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_2_fullwidth{
            width:100% !important;
            display:block !important;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_6_space{
            display:none !important;
            margin-bottom:20px;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_5_space{
            display:none !important;
            margin-bottom:20px;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_4_space{
            display:none !important;
            margin-bottom:20px;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_3_space{
            display:none !important;
            margin-bottom:20px;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_2_space{
            display:none !important;
            margin-bottom:20px;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_23_space{
            display:none !important;
            margin-bottom:20px;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_sm_3_space{
            margin-bottom:20px;
            width:10px;
            display:block;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_sm_2_space{
            margin-bottom:20px;
            width:10px;
            display:block;
        }

}   @media (max-width: 421px){
        table[class=wrapper_table] .col_md_6 img{
            max-width:100%;
            display:block;
            width:auto !important;
            height:auto !important;
        }

}   @media (max-w