From: Roxy - Thursday Mar 08, 2018 12:33 pm
Make Waves & Turn Heads In The New POP Surf Collection @media screen and (max-width:610px) { div[class=video_holder] {display:none;} div[class=android] {display:block ;width:320px ;height:176px ;} } @media screen and (width:320px), screen and (width:703px){ div[class=android] {display:none ;} div[class=video_holder] {display:block ;} } .ExternalClass div.video_holder {display:none ;} .ExternalClass div.android {display:block ;width:100% ;height:200px ;} .ExternalClass { width:100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height:100%; } body { margin:0; padding:0; } table { border-spacing:0; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } table td { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } body { -webkit-text-size-adjust: none ; -ms-text-resize: none ; } .appleLinks a { color: #000001; text-decoration: none; } .appleLinksGray a { color: #7a7a7a; text-decoration: none; } .appleLinksWhite a { color: #ffffff; text-decoration: none; } @media only screen and (max-width: 558px) { /* MOBILE WIDTH - SINGLE COLUMN */ td[class="mobile_layout"]{ width: 320px ; height:auto ; border:none ; padding:none ; } table[class="mobile"], td[class="mobile"], img[class="mobile"]{ width: 320px ; height:auto ; } td[class="separator"]{ width: 320px ; height:20px ; line-height:1.5 !impotant; font-size:20px ; background: #ffffff ; } table[class="mobile160"], td[class="mobile160"], img[class="mobile160"]{ width: 160px ; height:auto ; } tr[id="logo"]{ margin-top: 10px ; } table[id="mobileResize"], td[id="mobileResize"], img[id="mobileResize"]{ width: 320px ; height:auto ; } /*Video*/ *[class="video"]{ display: block ; font-size: 12px ; max-height: none ; line-height: 1.5 ; } /* HIDE CONTENT */ table[class="hide"], img[class="hide"], td[class="hide"], a[class="hide"], span[class="hide"], tr[class="hide"] { display: none ; } tr[class="image-swap"], td[class="image-swap"], a[class="image-swap"], img[class="image-swap"]{ display: block ; font-size: 12px ; max-height: none ; line-height: 1.5 ; } tr[class="image-swap-logo"]{ display: block ; font-size: 12px ; max-height: none ; line-height: 1.5 ; } tr[class="menu-swap"]{ display: block ; max-height: none ; } td[class="menu-swap"]{ display: inline ; max-height: none ; } img[class="menu-swap"]{ display: inline ; max-height: none ; } img[class="menu-swap-logo"]{ display: inline ; max-height: none ; width: 50px ; padding-bottom: 15px ; } img[class="menu-swap-men"]{ display: inline ; max-height: none ; width: 48px ; } img[class="menu-swap-kids"]{ display: inline ; max-height: none ; width: 28px ; } img[class="menu-swap-sales"]{ display: inline ; max-height: none ; width: 29px ; } table[class="footer-swap"]{ display: table ; max-height: none ; line-height:1.5 ; font-size:12px ; } tr[class="footer-swap"]{ display: block ; max-height: none ; font-size:12px ; line-height: 1.5 ; } td[class="footer-swap"]{ display: block ; max-height: none ; line-height:1.5 ; font-size:12px ; } td[class="footer-swap-line"]{ display: block ; max-height: none ; line-height:1.5 ; font-size:1px ; height:1px ; background-color:#e7e7e7 ; } td[class="footer-swap-img"]{ display: inline ; max-height: none ; line-height:1.5 ; font-size:12px ; } img[class="footer-swap-img"]{ display: inline ; max-height: none ; line-height:1.5 ; font-size:12px ; margin-bottom:10px ; width:28px ; } td[class="footer-swap-title"]{ display:block ; max-height:none ; font-family:Heveltica,Arial,sans-serif ; font-size:14px ; font-weight:bold ; color:#666666 ; text-decoration: none ; line-height:32px ; padding:10px 0px 0px ; } td[class="footer-swap-text"]{ display:block ; max-height:none ; line-height:1.5 ; font-family:Heveltica,Arial,sans-serif ; font-size:10px ; color:#707070 ; padding:0px 0px 10px 0px ; } a[class="footer-a"]{ display:block ; max-height:none ; font-family:Heveltica,Arial,sans-serif ; font-size:12px ; color:#ffffff ; text-transform:uppercase ; text-decoration: none ; line-height:32px ; margin-bottom:15px ; } tr[class="image-swap"] img{ width: 320px ; } tr[class="image-swap-logo"] img{ width: 74px ; } table[id="footer"] { margin-bottom: 10px ; } /* MUTLIPLE COLUMN STACKING */ td[class="stack"] { display: block ; margin-top: 10px; } td[class="stack-layout"] { display: block ; } /* RESIZE IMAGE */ img[class="resize325"] { width: 320px ; height: auto ; } img[class="resize218"] { width: 320px ; height: auto ; } img[class="resize216"] { width: 320px ; height: auto ; } img[class="resize400"] { width: 320px ; height: auto ; } img[class="resize100"] { width: 100%; } img[class="resizeDefault"] { width: 50%; } img[class="resize25"]{ width: 25%; } img[class="resize20"]{ width: 20%; } /*BLOC 1 TEXT*/ td[id="TextResize"] { width: 280px ; text-align:justify ; } td[class="rightText"] { font: 8px Arial,Helvetica,sans-serif ; } } 
