/* Member Survey Email Templates - Unified Styles */
/* Used for: SurveyAr.cshtml, IQOSOriginalsConversion.cshtml */
/* CLIENT-SPECIFIC STYLES */
div,
p,
a,
li,
td {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

body {
  font-family: IQOS Sans, Inter, Arial, sans-serif;
  font-weight: normal;
  -webkit-text-size-adjust: none;
  margin: 0px auto !important;
  padding: 0px !important;
  font-size: 12px;
}

#outlook a {
  padding: 0;
}

.ReadMsgBody {
  width: 100%;
}

.ExternalClass {
  width: 100%;
}
.ExternalClass * {
  line-height: 110%;
}

img {
  display: block;
  line-height: 100%;
  border: 0;
  outline: none;
  text-decoration: none;
  -ms-interpolation-mode: bicubic;
}

table {
  border-collapse: collapse !important;
  border-spacing: 0;
  mso-table-lspace: 0pt;
  mso-table-rspace: 0pt;
}
table td {
  padding: 0;
  border-collapse: collapse;
}

div[style*="margin: 16px 0"] {
  margin: 0 !important;
  font-size: 100% !important;
}

.preheader {
  display: none !important;
}

/* iOS BLUE LINKS */
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.blue-text a {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.menu-find {
  padding-left: 10px;
}

/* MEDIA QUERIES */
@media all and (max-width: 599px) {
  .container,
  table[class=container] {
    width: 100% !important;
    padding: 0 !important;
  }
  .subContainer,
  table[class=subContainer] {
    width: 92% !important;
    padding: 0 !important;
  }
  .mobile,
  td[class=mobile] {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
  }
  .fluid_img,
  img[class=fluid_img] {
    width: 100% !important;
    height: auto !important;
  }
  .fluid_img1,
  img[class=fluid_img1] {
    width: 90% !important;
    height: auto !important;
  }
  .fluid_img2,
  img[class=fluid_img2] {
    width: 95% !important;
    height: auto !important;
  }
  .fluid_img3,
  img[class=fluid_img3] {
    width: 83% !important;
    height: auto !important;
  }
  .mobileOff,
  *[class=mobileOff] {
    width: 0px !important;
    display: none !important;
  }
  .mobileOn {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }
  .mobileOn2 {
    display: block !important;
    height: auto !important;
  }
  .mobile_menu {
    width: 90% !important;
  }
  .bodyCopy,
  *[class=bodyCopy] {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  .cta,
  *[class=cta] {
    font-size: 14px !important;
  }
  .readmore_button,
  *[class=readmore_button] {
    width: 75% !important;
  }
  .readmore_button2,
  *[class=readmore_button2] {
    width: 50% !important;
  }
  .copywidth,
  *[class=copywidth] {
    width: 50% !important;
  }
  .readmore_button_text,
  *[class=readmore_button_text] {
    font-size: 14px !important;
    padding: 10px !important;
  }
  .h50,
  *[class=h50] {
    height: 50px !important;
  }
  .h30,
  *[class=h30] {
    height: 30px !important;
  }
  .h20,
  *[class=h20] {
    height: 20px !important;
  }
  .h6,
  *[class=h10] {
    height: 10px !important;
  }
  .p30,
  *[class=p30] {
    padding: 30px 0 !important;
  }
  .footer,
  *[class=footer] {
    width: 90% !important;
  }
  .logo,
  img[class=logo] {
    width: 30% !important;
    height: auto !important;
    padding-left: 10px !important;
  }
  .hide {
    width: 0px !important;
    display: none !important;
  }
  .menu-find,
  *[class=menu-find] {
    padding-left: 15px !important;
  }
  .mob-hide {
    display: none !important;
  }
  .mob-show {
    display: block !important;
  }
  .w-320 {
    width: 100% !important;
  }
  .w-300 {
    width: 96% !important;
  }
  .w-180 {
    width: 70% !important;
  }
  .w_outer_table {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
  }
  .font {
    font-size: 23px !important;
    line-height: 29px !important;
  }
  .font1 {
    font-size: 22px !important;
  }
  .font2 {
    font-size: 16px !important;
  }
  .tableText {
    font-size: 15px !important;
    line-height: 23px !important;
  }
  .submitBtn {
    width: 85px !important;
  }
  .font4 {
    font-size: 9px !important;
    line-height: 14px !important;
  }
  .font5 {
    font-size: 11px !important;
  }
}
span .preheader {
  display: none !important;
}

@media all and (max-width: 480px) {
  .w20,
  *[class=w20] {
    width: 20px !important;
  }
  .conact-icon-container,
  *[class=conact-icon-container] {
    width: 100% !important;
  }
  .contact-icon,
  *[class=contact-icon] {
    width: 40px !important;
  }
  .contact-icon-font {
    font-size: 15px !important;
  }
  .w50,
  *[class=w50] {
    width: 50px !important;
  }
  .w10,
  *[class=w10] {
    width: 10px !important;
  }
  .contact-arrow,
  *[class=contact-arrow] {
    width: 80px !important;
  }
  .tableText {
    font-size: 13px !important;
    line-height: 22px !important;
    padding-left: 10px !important;
  }
  .submitBtn {
    width: 70px !important;
  }
  .font1 {
    font-size: 17px !important;
    line-height: 23px !important;
  }
  .font4 {
    font-size: 8px !important;
    line-height: 11px !important;
  }
  .font5 {
    font-size: 9px !important;
  }
  .mobFooterLink1 {
    width: 55px !important;
  }
  .mobFooterLink2 {
    width: 57px !important;
  }
  .mobFooterLink3 {
    width: 56px !important;
  }
  .mobFooterLink4 {
    width: 40px !important;
  }
  .mobFooterLink5 {
    width: 60px !important;
  }
  .mobFooterIcon4 {
    width: 43px !important;
  }
  .mobFooterIcon5 {
    width: 36px !important;
  }
  .mobFooterIcon6 {
    width: 39px !important;
  }
  .mobFooterIconCta1 {
    width: 55px !important;
  }
  .mobFooterIconCta2 {
    width: 81px !important;
  }
  .mobFooterIconCta3 {
    width: 77px !important;
  }
}
@media all and (max-width: 400px) {
  .contact-icon,
  *[class=contact-icon] {
    width: 30px !important;
  }
  .w50,
  *[class=w50] {
    width: 35px !important;
  }
  .contact-icon-font {
    font-size: 14px !important;
  }
  .font {
    font-size: 17px !important;
    line-height: 22px !important;
  }
  .font1 {
    font-size: 14px !important;
    line-height: 21px !important;
  }
  .font2 {
    font-size: 16px !important;
  }
  .font3 {
    font-size: 15px !important;
  }
  .font4 {
    font-size: 6px !important;
    line-height: 8px !important;
  }
  .font5 {
    font-size: 8px !important;
  }
  .tableText {
    font-size: 10px !important;
    line-height: 14px !important;
    padding-left: 10px !important;
  }
  .submitBtn {
    width: 60px !important;
  }
  .mobFooterLink1 {
    width: 47px !important;
  }
  .mobFooterLink2 {
    width: 51px !important;
  }
  .mobFooterLink3 {
    width: 50px !important;
  }
  .mobFooterLink4 {
    width: 33px !important;
  }
  .mobFooterLink5 {
    width: 52px !important;
  }
  .ftLogo {
    width: 70px !important;
  }
  .ftLogo1 {
    width: 80px !important;
  }
  .mobFooterIcon1 {
    width: 15px !important;
  }
  .mobFooterIcon2 {
    width: 17px !important;
  }
  .mobFooterIcon3 {
    width: 20px !important;
  }
  .mobFooterIcon4 {
    width: 30px !important;
  }
  .mobFooterIcon5 {
    width: 25px !important;
  }
  .mobFooterIcon6 {
    width: 28px !important;
  }
  .mobFooterIconCta1 {
    width: 45px !important;
  }
  .mobFooterIconCta2 {
    width: 65px !important;
  }
  .mobFooterIconCta3 {
    width: 65px !important;
  }
  .footerText {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  .footerText1 {
    font-size: 6px !important;
  }
}