html,
table.container
{
    -webkit-text-size-adjust: none; /* Prevent font scaling in webkit */
}
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } 
    a:hover {
        text-decoration: underline !important;
    }
    
    a.image
    {
        display:block;
        height:100%;
        width:100%;
    }
    
    /* component pieces */
    table.table-feature-newgames a:hover,
    table.table-feature-newgames a:hover span
    {
        color: #333333 !important;
        text-decoration: none !important;
    }
    
    table[class*="facebook-mobile"]
    {
        text-align:center;
    }
    table[class*="facebook-mobile"] td
    {
        background:url(img/global-NOCL-V2-FBCTA-Mobile-BG.gif) left center;
        background-size: 100% 100%;
        border-bottom: 2px solid #FFFFFF;
        border-top: 2px solid #FFFFFF;
    }
    table[class*="facebook-mobile"] p
    {
        margin: 20px !important;
    }
    table[class*="facebook-mobile"] a
    {
        background: url(img/global-NOCL-V2-FBCTA-Mobile-logo.png) left center no-repeat;
        background-size: 30px 30px;
        color:#FFFFFF !important;
        display:inline-block;
        font-weight:bold;
        padding-left: 40px;
        text-decoration:none;
    }
    
    @media only screen and (max-width: 450px)
    {
        table.table-feature-newgames .date
        {
            width: 50px !important;
            
        }
        table.table-feature-newgames .date a
        {
            font-size: 12px !important;
        }
        
        table[class*="bar-divider"] [class*="text"] img
        {
            display: none;
        }
    }
    
    @media only screen and (max-width: 760px)
    {
        /* utility classes*/
        [class*="mobile-hidden"]
        {
            display: none !important;
        }
        table[class*="layout-table"]
        {
            width: 100% !important;
        }
        
        
        
        
        /* general styles */
        table[class*="content-cell"]
        { 
            width:90% !important;
        }
        table[class*="table-feature"] [class*="image-cell"] img
        {
            display: none !important;
        }
        
        
        
        
        
        
        /* component pieces */
        table[class*="table-feature-main"]
        {
            width: 100% !important;
        }
            table[class*="table-feature-main"] [class*="legal"] table
            {
                width: 100% !important;
            }
        
        table[class*="facebook-mobile"]
        {
            display: table !important;
            float: none !important;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            overflow: show !important;
            width: 100% !important;
        }
            
        table[class*="table-feature-1column"] [class*="content-cell"]
        {
            width:100% !important;
        }
            
        table[class*="table-feature-floating"] td[class*="content-cell"],
        table[class*="table-feature-floating"] td[class*="content-cell"] table
        {
            width:100% !important;
        }
        table[class*="table-feature-floating"] td[class*="contentblock"]
        {
            /* padding-left:5%; */
            padding-left:20px;
        }
        
        table[class*="bar-divider"] [class*="fill"] img
        {
            width: 100% !important;
        }
        
        table[class*="table-feature-2column"] table[class*="sub-feature"],
        table[class*="table-feature-2column"] [class*="content-cell"]
        {
            width: 100% !important;
        }
        table[class*="table-feature-2column"] table[class*="sub-feature-1"]
        {
            margin-bottom: 20px;
        }
        table[class*="table-feature-2column"] table[class*="bar-divider"]
        {
            width: 100% !important;
        }
        table[class*="table-feature-2column"] table[class*="bar-divider"] img
        {
            display: block;
        }
        
        table[class*="table-feature-3column"] table[class*="sub-feature"],
        table[class*="table-feature-3column"] [class*="content-cell"]
        {
            width: 100% !important;
        }
        table[class*="table-feature-3column"] table[class*="sub-feature-1"],
        table[class*="table-feature-3column"] table[class*="sub-feature-2"]
        {
            margin-bottom: 20px;
            margin-left: 0;
        }
        
        table[class*="table-feature-newgames"] a [class*="ESRB"]
        {
            display:block;
            margin-top: 8px;
            font-size: 15px !important;
            line-height: 15px !important;
        }
        table[class*="table-feature-newgames"] table[class*="packshot"]
        {
            display: none !important;
        }
        table[class*="table-feature-newgames"] table[class*="title"]
        {
            width: 100% !important;
        }
         
        [class*="layout-social"] p [class*="fb"]
        {
            background: url(img/global-NOCL-v2-tile-FB-mobile.png);
            background-size: 100% 100%;
            display: inline-block;
            height: 40px;
            width: 40px;
        }
        [class*="layout-social"] p [class*="fb"] img
        {
            display:none !important;
        }
        [class*="layout-social"] p [class*="twitter"]
        {
            background: url(img/global-NOCL-v2-tile-twitter-mobile.png);
            background-size: 100% 100%;
            display: inline-block;
            height: 40px;
            width: 40px;
        }
        [class*="layout-social"] p [class*="twitter"] img
        {
            display:none !important;
        }
        
        
        
        /* Custom stuff */
        table[class*="table-feature-main"] [class*="image-cell"] a#feature-1-1
        {
             /* This should be customised for EACH email */
            background: url(img/NOCL-november13-mobile-feature1-1.jpg) no-repeat;
            background-size: 100% 100%;
            padding-bottom: 124.375%;
        }
        table[class*="table-feature-main"] [class*="image-cell"] a#feature-1-2
        {
             /* This should be customised for EACH email */
            background: url(img/NOCL-november13-mobile-feature1-2.jpg) no-repeat;
            background-size: 100% 100%;
            padding-bottom: 16.5625%;
        }
        table[class*="table-feature-floating"]#feature-2 [class*="image-cell"] a
        {
             /* This should be customised for EACH email */
            background: url(img/NOCL-november13-mobile-feature2.jpg) no-repeat;
            background-size: 100% auto;
            padding-bottom: 58.33333333%;
        }
        table[class*="table-feature-floating"]#feature-3 [class*="image-cell"] a
        {
             /* This should be customised for EACH email */
            background: url(img/NOCL-november13-mobile-feature3.jpg) no-repeat;
            background-size: 100% auto;
            padding-bottom: 58.33333333%;
        }
        table[class*="table-feature-1column"]#feature-4 [class*="image-cell"] a
        {
             /* This should be customised for EACH email */
            background: url(img/NOCL-november13-mobile-feature4.jpg) no-repeat;
            background-size: 100% auto;
            padding-bottom: 70%;
        }
        table[class*="table-feature-floating"]#feature-5 [class*="image-cell"] a
        {
             /* This should be customised for EACH email */
            background: url(img/NOCL-november13-mobile-feature5.jpg) no-repeat;
            background-size: 100% auto;
            padding-bottom: 58.33333333%;
        }


    }
    
    /* @media only screen and (min-width: 600px) and (max-width: 760px) */
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px)
    {
        /* utility classes*/
        table[class*="layout-table"]
        {
            width: 640px !important;
        }

        [class*="preheader"] p
        {
            font-size:14px !important;
        }
        
        [class*="header"] p
        {
            margin: 0px !important;
            font-size: 20px !important;
            text-shadow: 0px 1px 0px #FFFFFF;
        }
        
        [class*="small"]
        {
            font-size: 16px !important;
        }
        
        
    div[class*="mobileshow"]
    {
        float:none !important; width: auto !important; height:auto !important; visibility: visible !important;
        display: block !important; overflow: auto !important; clear: both;
    }
    table[class*="mobileshow"]
    {
        display: table !important;
        width: 600px;
    }
    [class*="mobileshow"] a
    { 
        display: block !important; 
        color: #fff !important; 
        clear:both;
        background-color: #aaa;
        padding: 10px 15px; 
        text-decoration: none; 
        font-weight: bold; 
        font-family: "Helvetica Neue", Helvetica, sans-serif; 
        font-size: 16px !important;
        text-align: center; 
    }
    [class*="sub-feature-hide"]
    {
        display: none !important;
    }
    [class*="mobileshow"]:hover 
    { 
        visibility: hidden !important;
        height:1px !important;
    } 
    [class*="mobileshow"]:hover ~ [class*="sub-feature-hide"],
    [class*="sub-feature-hide"]:hover
    {
        display: inline !important;
    }
        
        
        
        
        /* general styles */
        table[class*="content-cell"]
        { 
            width:560px !important;
        }
        td[class*="contentblock"] h2 {
            font-size:35px !important;
            line-height:39px !important;
        }
        td[class*="contentblock"] p { 
            font-size:25px !important;
            line-height:30px !important;
        }
        
        
        
        
        
        
        /* component pieces */
        table[class*="table-feature-main"]
        {
            width: 640px !important;
        }
            table[class*="table-feature-main"] [class*="legal"] table
            {
                width: auto !important;
            }
            
        table[class*="table-feature-1column"] [class*="content-cell"]
        {
            width:600px !important;
        }
            
        table[class*="table-feature-floating"] td[class*="content-cell"],
        table[class*="table-feature-floating"] td[class*="content-cell"] table
        {
            width:600px !important;
        }
        table[class*="table-feature-floating"] td[class*="contentblock"]
        {
            padding-left:20px;
        }
        
        table[class*="bar-divider"] [class*="fill"] img
        {
            width: 100% !important;
        }
        
        table[class*="table-feature-2column"] table[class*="sub-feature"],
        table[class*="table-feature-2column"] [class*="content-cell"]
        {
            width: 600px !important;
        }
        table[class*="table-feature-2column"] table[class*="sub-feature-1"]
        {
            margin-bottom: 20px;
        }
        table[class*="table-feature-2column"] table[class*="bar-divider"]
        {
            width: 100% !important;
        }
        table[class*="table-feature-2column"] table[class*="bar-divider"] img
        {
            display: block;
        }

        table[class*="table-feature-3column"] table[class*="sub-feature"],
        table[class*="table-feature-3column"] [class*="content-cell"]
        {
            width: 600px !important;
        }
        table[class*="table-feature-3column"] table[class*="sub-feature-1"]
        {
            margin-bottom: 20px;
        }
        
        table[class*="table-feature-newgames"] a
        {
            font-size: 26px !important;
        }
        table[class*="table-feature-newgames"] a [class*="ESRB"]
        {
            display:block;
            margin-top: 8px;
            font-size: 15px !important;
            line-height: 15px !important;
        }
        table[class*="table-feature-newgames"] table[class*="packshot"]
        {
            display: none !important;
        }
        table.table-feature-newgames .date
        {
            width: 150px !important;
            
        }
        table.table-feature-newgames .date a
        {
            font-size: 16px !important;
        }
         
        [class*="layout-social"] p
        {
            font-size: 20px !important;
            line-height: 1.4em !important;
        }
        [class*="layout-social"] p [class*="fb"]
        {
            background: url(img/global-NOCL-v2-tile-FB-mobile.png);
            display: inline-block;
            height: 54px;
            width: 54px;
        }
        [class*="layout-social"] p [class*="fb"] img
        {
            display:none !important;
        }
        [class*="layout-social"] p [class*="twitter"]
        {
            background: url(img/global-NOCL-v2-tile-twitter-mobile.png);
            display: inline-block;
            height: 54px;
            width: 54px;
        }
        [class*="layout-social"] p [class*="twitter"] img
        {
            display:none !important;
        }
        
        
        
        
        /* Custom stuff */

        table[class*="table-feature-main"] [class*="image-cell"] a#feature-1-1
        {
            height: 796px !important;
            padding-bottom: 0px !important;
        }
        table[class*="table-feature-main"] [class*="image-cell"] a#feature-1-2
        {
            height: 106px !important;
            padding-bottom: 0px !important;
        }
        table[class*="table-feature-floating"]#feature-2 [class*="image-cell"] a
        {
            height: 350px !important;
            padding-bottom: 0px !important;
        }
        table[class*="table-feature-floating"]#feature-3 [class*="image-cell"] a
        {
            height: 350px !important;
            padding-bottom: 0px !important;
        }
        table[class*="table-feature-1column"]#feature-4 [class*="image-cell"] a
        {
            height: 420px !important;
            padding-bottom: 0px !important;
        }
        table[class*="table-feature-floating"]#feature-5 [class*="image-cell"] a
        {
            height: 350px !important;
            padding-bottom: 0px !important;
        }


        table[class*="table-feature-main"] [class*="image-cell"] a#main-feature-1
        {
             /* This should be customised for EACH email */
            height: 478px !important;
            padding-bottom: 0px !important;
        }
        table[class*="table-feature-main"] [class*="image-cell"] a#main-feature-2
        {
             /* This should be customised for EACH email */
            height: 92px !important;
            padding-bottom: 0px !important;
        }
        table[class*="table-feature-1column"]#feature-1 [class*="image-cell"] a
        {
             /* This should be customised for EACH email */
            height: 340px !important;
            padding-bottom: 0px !important;
        }
        table[class*="table-feature-floating"]#feature-2 table[class*="image-cell"] td a
        {
             /* This should be customised for EACH email */
            height: 300px !important;
            padding-bottom: 0px !important;
        }
        table[id="feature-3"] table[id="feature-3-1"] td[class*="image-cell"] a
        {
             /* This should be customised for EACH email */
            height: 220px !important;
            padding-bottom: 0px !important;
        }
        table[id="feature-3" table[id="feature-3-2"] td[class*="image-cell"] a
        {
             /* This should be customised for EACH email */
            height: 220px !important;
            padding-bottom: 0px !important;
        }
        table[class*="table-feature-floating"]#feature-4 [class*="image-cell"] a
        {
             /* This should be customised for EACH email */
            height: 250px !important;
            padding-bottom: 0px !important;
        }
    }