@font-face {
  font-family: 'Benton Sans Regular';
  src: url('../Fonts/BentonSansRegular.eot');
  src: local('?'), url('../Fonts/BentonSansRegular2.woff') format('woff'), url('../Fonts/BentonSansRegular1.ttf') format('truetype'), url('../Fonts/BentonSansRegular.html#webfontg8dbVmxj') format('svg');
}
@font-face {
  font-family: 'Benton Sans Medium';
  src: url('../Fonts/BentonSansMedium.eot');
  src: local('?'), url('../Fonts/BentonSansMedium2.woff') format('woff'), url('../Fonts/BentonSansMedium1.ttf') format('truetype'), url('../Fonts/BentonSansMedium.html#webfontg8dbVmxj') format('svg');
}
@font-face {
  font-family: 'Benton Sans Bold';
  src: url("../Fonts/BentonSansBold.otf") format("opentype");
}
@font-face {
  font-family: 'Benton Sans Light';
  src: url("../Fonts/BentonSansLight.otf") format("opentype");
}
@font-face {
  font-family: 'Benton Sans Condensed';
  src: url('../Fonts/BentonSansCnMed.eot');
  src: local('?'), url('../Fonts/BentonSansCnMed2.woff') format('woff'), url('../Fonts/BentonSansCnMed1.ttf') format('truetype'), url('../Fonts/BentonSansCnMed.html#webfontg8dbVmxj') format('svg');
}














@font-face {
  font-family: 'Benton Sans Regular';
  src: url('../Fonts/BentonSansRegular.eot');
  src: local('?'), url('../Fonts/BentonSansRegular2.woff') format('woff'), url('../Fonts/BentonSansRegular1.ttf') format('truetype'), url('../Fonts/BentonSansRegular.html#webfontg8dbVmxj') format('svg');
}
@font-face {
  font-family: 'Benton Sans Medium';
  src: url('../Fonts/BentonSansMedium.eot');
  src: local('?'), url('../Fonts/BentonSansMedium.woff') format('woff'), url('../Fonts/BentonSansMedium.ttf') format('truetype'), url('../Fonts/BentonSansMedium.html#webfontg8dbVmxj') format('svg');
}
@font-face {
  font-family: 'Benton Sans Bold';
  src: url("../Fonts/BentonSansBold.otf") format("opentype");
}
@font-face {
  font-family: 'Benton Sans Light';
  src: url("../Fonts/BentonSansLight.otf") format("opentype");
}
@font-face {
  font-family: 'Benton Sans Condensed';
  src: url('../Fonts/BentonSansCnMed.eot');
  src: local('?'), url('../Fonts/BentonSansCnMed.woff') format('woff'), url('../Fonts/BentonSansCnMed.ttf') format('truetype'), url('../Fonts/BentonSansCnMed.html#webfontg8dbVmxj') format('svg');
}
body {
  font-family: 'Benton Sans Light', san-serif;
  font-size: 16px;
  position: relative;
  letter-spacing: 0.5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.content-row.grey {
  background-color: #202020;
}
.content-row.light-grey {
  background-color: #f2f2f2;
}
.content-row.light-grey-more {
  background-color: #f7f7f7;
}
.content-row.blue {
  background-color: #009bbb;
}
.wrapper-content {
  max-width: 960px;
}
.wrapper-content .wysiwyg-content.centre-content {
  text-align: center;
}
.wrapper-content.small-content {
  max-width: 838px;
}
.wrapper-content.small-content .wysiwyg-content {
  max-width: 340px;
}
.wrapper-content.small-content .wysiwyg-content.full {
  max-width: inherit;
}
.wrapper-content.small-content .wysiwyg-content.right {
  max-width: 390px;
}
.wrapper-content.small-content .wysiwyg-content.left {
  max-width: 415px;
}
.wrapper-content.small-padding {
  padding: 30px 0px;
}
.wrapper-content.white-content {
  background-color: #FFFFFF;
  margin-bottom: 2px;
}
.wrapper-content.white-content .inner-content {
  padding: 0px 60px;
}
.wrapper-content.full {
  max-width: inherit;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
.wrapper-content.purple {
  background-color: #6d1e66;
}
.wysiwyg-content a {
  color: #006890;
  text-decoration: underline;
}
.wysiwyg-content a:hover {
  color: #009bbb;
}
.wysiwyg-content a.cta {
  text-decoration: none;
}
.wysiwyg-content small.purple {
  color: #625066;
  font-size: 11px;
  line-height: 34px;
}
.wysiwyg-content.overlap-left {
  margin-left: -55px;
}
.no-margin {
  margin: 0px !important;
}
.no-margin-bottom {
  margin-bottom: 0px !important;
}
.no-margin-left {
  margin-left: 0px !important;
}
.no-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.margin-top {
  margin-top: 20px;
}
.dis-inblock {
  display: inline-block;
}
.decoration-underline:focus,
.decoration-underline:hover {
  text-decoration: underline !important;
}
h2.title {
  font-weight: 300;
  font-size: 26px;
  line-height: 34px;
}
h2.purple {
  color: #72206a;
}
h2.white {
  color: #FFFFFF;
}
h2.align-center {
  text-align: center;
}
h3.title {
  font-size: 20px;
  line-height: 30px;
}
h3.blue {
  color: #002663;
}
h3.purple {
  color: #77216f;
}
h3.white {
  color: #FFF;
}
strong {
  font-family: 'Benton Sans Medium';
  font-weight: normal;
}
.arrow-scroll {
  background: url('../Images/arrow-scroll.png');
  position: absolute;
  bottom: -30px;
  height: 58px;
  width: 65px;
  margin-left: -33px;
  left: 50%;
  cursor: pointer;
}
.arrow-scroll.top {
  top: -38px;
  background: url('../Images/arrow-scroll2.png');
  height: 65px;
}
.arrow-scroll.top.blue {
  background: url('../Images/arrow-scroll5.png');
  width: 68px;
  top: 0px;
  height: 34px;
  background-position: 0px -34px;
}
.arrow-scroll.grey {
  background: url('../Images/arrow-scroll3.png');
}
.arrow-scroll.blue {
  background: url('../Images/arrow-scroll4.png');
  width: 68px;
  height: 68px;
  bottom: -34px;
}
.hero-image {
  background-color: #FFFFFF;
  background-image: url('../Images/image-hero.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 385px;
  margin-bottom: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.hero-image .wrapper-content {
  height: 385px;
  position: relative;
  padding: 0px;
}
.hero-image .wrapper-content h2.title {
  color: #FFFFFF;
  font-size: 42px;
  line-height: 54px;
  max-width: 560px;
  position: absolute;
  top: 70px;
  margin: 0px;
  letter-spacing: 1px;
}
.hero-image .wrapper-content h2.title sup.small.medium {
  font-size: 11px;
  left: -8px;
  top: -1.4em;
}
.hero-image .wrapper-content .logo {
  position: absolute;
  bottom: 94px;
  left: -8px;
}
.hero-image .wrapper-content .phone-watch {
  bottom: -35px;
  position: absolute;
  right: 65px;
}
.featured-video .video-wrap {
  float: right;
  width: 410px;
  margin-top: 15px;
}
.featured-video .video-wrap a {
  margin-left: -51px;
  margin-top: -62px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 102px;
  height: 104px;
  text-indent: -9999px;
  background: url('../Images/play-icon.png') no-repeat;
}
.featured-video .video-wrap a:focus,
.featured-video .video-wrap a:hover {
  background-position: -106px 0px;
}
.featured-video .video-wrap .video-embed-wrap {
  display: none;
}
.featured-video .video-wrap .small {
  font-size: 11px;
}
.featured-video .video-wrap.video-small {
  width: 348px;
  float: left;
  margin-top: 18px;
}
.featured-video .video-wrap.video-small a {
  margin-left: -43.5px;
  margin-top: -54px;
  width: 87px;
  height: 88px;
  background: url('../Images/play-icon-small.png') no-repeat;
}
.featured-video .video-wrap.video-small a:focus,
.featured-video .video-wrap.video-small a:hover {
  background-position: -93px 0px;
}
ol.style-one,
ul.style-one {
  list-style: none;
  margin: 25px 0px 0px -3px;
}
ol.style-one li,
ul.style-one li {
  padding-left: 30px;
  background-image: url('../Images/point.png');
  background-repeat: no-repeat;
  background-position: 0px 2px;
  line-height: 22px;
  margin-bottom: 10px;
}
ol.style-one li.first,
ul.style-one li.first {
  position: relative;
  margin-bottom: 20px;
}
ol.style-one li.first img.icon,
ul.style-one li.first img.icon {
  position: absolute;
  top: -10px;
  margin-left: 10px;
}
ol.white,
ul.white {
  color: #FFFFFF;
}
ol.style-two,
ul.style-two {
  text-align: left;
  list-style: none;
  font-size: 14px;
  margin: 20px 0px 30px 20px;
}
ol.style-two li,
ul.style-two li {
  font-family: 'Benton Sans Light';
  font-weight: normal;
  color: #4d4f53;
}
ol.style-two li.head,
ul.style-two li.head {
  color: #77216f;
  margin-bottom: 20px;
  font-family: 'Benton Sans Medium';
  font-weight: normal;
}
.block {
  padding: 50px;
  margin: 20px 0px;
}
.block.purple {
  background-color: #72206a;
}
ol.style-one {
  list-style: none;
  margin-left: 0px;
}
ol.style-one li {
  background: none;
  position: relative;
  padding-left: 25px;
}
ol.style-one li em {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #009bbb;
  font-style: normal;
  font-family: 'Benton Sans Regular';
}
ol.style-one.purple li em {
  color: #6e1e66;
}
ol.style-two li {
  list-style: none;
}
.cta {
  background-color: #FFFFFF;
  border-radius: 6px;
  color: #72206a;
  font-family: 'Benton Sans Regular';
  min-width: 175px;
  text-align: center;
  padding: 15px;
  float: left;
  margin-left: 20px;
  margin-top: 10px;
}
.cta em {
  background: url('../Images/arrow-cta.png') no-repeat;
  width: 10px;
  height: 15px;
  display: inline-block;
  line-height: 15px;
  margin-left: 13px;
}
.cta.no-float {
  float: none;
}
.cta:focus,
.cta:hover {
  color: #72206a;
  text-decoration: none;
  background-color: #fafafa;
}
.cta.blue {
  background-color: #006890;
  color: #FFFFFF;
}
.cta.blue em {
  background: url('../Images/arrow-cta2.png') no-repeat;
}
.cta.blue:focus,
.cta.blue:hover {
  color: #FFFFFF;
  background-color: #009bbb;
}
.cta.white-light,
.cta.blue-light {
  background-color: transparent;
  padding: 0px;
  border-radius: 0px;
  color: #006890;
  min-width: inherit;
}
.cta.white-light em,
.cta.blue-light em {
  background: url('../Images/arrow-cta3.png') no-repeat;
  margin-left: 10px;
}
.cta.white-light:focus,
.cta.blue-light:focus,
.cta.white-light:hover,
.cta.blue-light:hover {
  color: #009bbb;
}
.cta.white-light:focus em,
.cta.blue-light:focus em,
.cta.white-light:hover em,
.cta.blue-light:hover em {
  background: url('../Images/arrow-cta3-hover.png') no-repeat;
}
.cta.white-light {
  color: #FFFFFF;
}
.cta.white-light em {
  background: url('../Images/arrow-cta2.png') no-repeat;
}
.cta.white-light:focus,
.cta.white-light:hover {
  color: #e5e5e5;
}
.cta.white-light:focus em,
.cta.white-light:hover em {
  background: url('../Images/arrow-cta2.png') no-repeat;
}
.cta.white {
  color: #77216f;
}
.cta.white em {
  background: url('../Images/arrow-cta4.png') no-repeat;
  width: 15px;
  margin-left: 0px;
  margin-right: 20px;
}
.cta.white:focus,
.cta.white:hover {
  background-color: #fafafa;
  color: #77216f;
}
.cta.purple {
  background-color: #6c1e65;
  color: #FFFFFF;
}
.cta.purple em {
  background: url('../Images/arrow-cta2.png') no-repeat;
}
.cta.purple:focus,
.cta.purple:hover {
  color: #FFFFFF;
  background-color: #88267f;
}
sup {
  left: inherit;
}
sup.small {
  font-size: 10px;
  top: -1.5em;
}
sup.small.medium {
  font-size: 12px;
  left: inherit;
  top: -1.5em;
}
sup.small.medium.tm {
  left: inherit;
  top: -1.7em;
  font-size: 11px;
}
sup.medium {
  font-size: 15px;
  top: -0.8em;
}
.halo-card-main {
  position: relative;
  margin-top: 25px;
  padding-bottom: 30px;
  margin-bottom: 10px;
}
.halo-card-main.halo-card-other {
  margin-bottom: 0px;
}
.halo-card-main .wrapper-content {
  padding-top: 65px;
}
.halo-card-main ul.style-one {
  margin-left: -5px !important;
  margin-top: 10px !important;
}
.icn-amex {
  margin-right: 15px;
}
.icn-app-store {
  margin-right: 15px;
}
.halo-card-more {
  position: relative;
}
.halo-card-more .wrapper-content {
  padding: 65px 0px;
}
.halo-card-more .bg-shadow {
  background: url('../Images/bg-shadow.png');
  position: absolute;
  width: 641px;
  height: 76px;
  top: 0px;
  left: 50%;
  margin-left: -320px;
}
.video-amex-app {
  padding-top: 0px;
  background: url('../Images/bg-gradient.png') repeat-x;
  background-position: 0px bottom;
}
.video-amex-app .wrapper-content.small-content {
  margin-bottom: 30px;
}
.video-amex-app .icn-wrap {
  width: 110%;
}
.video-amex-app .icn-wrap .cta {
  float: none;
  display: inline-block;
  min-width: inherit;
  margin-top: 0px;
  margin-left: 0px;
}
.content-question {
  padding-top: 10px;
}
.content-question .icn {
  float: left;
  width: 80px;
  margin-top: -5px;
}
.content-question h3.title {
  float: left;
  margin: 0px;
  margin-top: 10px;
}
.content-question.other-question {
  padding-bottom: 40px !important;
}
.content-question.other-question h3.title {
  margin-top: 8px;
}
.accordion.style-one {
  margin: 0px;
  border-bottom: 1px solid #e5e5e5;
}
.accordion.style-one .accordion-group {
  border-top: 1px solid #e5e5e5;
}
.accordion.style-one .accordion-heading .accordion-toggle {
  color: #77216f;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Benton Sans Regular';
  padding: 15px 50px 15px 0px;
  text-decoration: none;
}
.accordion.style-one .accordion-heading .accordion-toggle:focus,
.accordion.style-one .accordion-heading .accordion-toggle:hover {
  text-decoration: underline;
}
.accordion.style-one .accordion-icon {
  background: url('../Images/icon-accordion.png') no-repeat;
  background-position: 0px 0px;
  height: 15px;
  width: 15px;
  top: 30px;
  right: 0px;
  text-indent: -9999px;
}
.accordion.style-one .in .accordion-icon {
  background-position: 0px -40px;
}
.accordion.style-one .accordion-inner.wysiwyg-content {
  padding: 0px 0px 15px 0px;
  font-size: 14px;
  line-height: 20px;
  color: #4d4f53;
  line-height: 22px;
}
.accordion.style-one .accordion-inner.wysiwyg-content p:last-child {
  margin-bottom: 0px;
}
.accordion.style-one .accordion-inner.wysiwyg-content a.cta {
  padding-top: 15px;
}
.accordion.style-one .accordion-inner.wysiwyg-content sup {
  left: inherit;
}
.accordion.style-two {
  border: none;
  margin-bottom: 30px;
  padding-bottom: 50px;
}
.accordion.style-two .accordion-group {
  border: none;
}
.accordion.style-two .accordion-heading .accordion-toggle {
  font-size: 14px;
  line-height: 20px;
  font-family: 'Benton Sans Regular';
  padding-left: 35px;
  color: #4d4f53;
}
.accordion.style-two .accordion-heading .accordion-toggle:focus,
.accordion.style-two .accordion-heading .accordion-toggle:hover {
  color: #77216f;
}
.accordion.style-two .accordion-heading .accordion-toggle:focus .accordion-icon,
.accordion.style-two .accordion-heading .accordion-toggle:hover .accordion-icon {
  text-indent: -9999px;
  background-position: -30px -30px;
}
.accordion.style-two .accordion-heading.in .accordion-toggle:focus .accordion-icon,
.accordion.style-two .accordion-heading.in .accordion-toggle:hover .accordion-icon {
  text-indent: -9999px;
  background-position: -30px 0px;
}
.accordion.style-two .accordion-icon {
  background: url('../Images/icon-accordion2.png') no-repeat;
  background-position: 0px -30px;
  height: 25px;
  width: 25px;
  top: 27px;
  right: inherit;
  left: 0px;
}
.accordion.style-two .in .accordion-icon {
  background-position: 0px 0px;
}
.where-apple-pay {
  position: relative;
  padding-bottom: 20px;
  padding-top: 20px;
}
.where-apple-pay .wrapper-content {
  padding-bottom: 0px;
  padding-top: 30px;
  position: relative;
}
.where-apple-pay img.hidden-phone {
  width: 100%;
  margin-bottom: 10px;
}
.where-apple-pay .overlay {
  position: absolute;
  width: 100%;
  height: auto;
  max-width: 100%;
  top: 30px;
  max-height: 298px;
  box-sizing: border-box;
  padding: 40px 60px;
}
.where-apple-pay .overlay img {
  margin-bottom: 10px;
}
.where-apple-pay .overlay h2.title {
  max-width: 65%;
  font-size: 24px;
  line-height: 34px;
  margin-top: 12px;
  margin-bottom: 25px;
}
.where-apple-pay .overlay h2.title sup {
  left: inherit;
}
.where-apple-pay .cta em {
  line-height: 10px;
}
.term-conditions .small-content {
  padding: 20px 0px;
  max-width: 900px;
}
.term-conditions .wysiwyg-content {
  font-size: 12px;
  line-height: 20px;
  color: #4d4f53;
}
.term-conditions .wysiwyg-content ol {
  margin: 10px 30px;
}
.term-conditions .wysiwyg-content ol li {
  margin-bottom: 20px;
  max-width: 805px;
}
.breadcrumb-row {
  position: inherit;
  background-color: black;
  width: 100%;
  top: 0px;
  z-index: 5;
  padding: 0px;
}
.breadcrumb-row .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.breadcrumb-row .wrapper-content {
  z-index: 1;
  position: relative;
}
.breadcrumb-row .breadcrumb {
  border-radius: 0px;
  background-color: transparent;
  padding: 4px 20px;
  margin: 0px;
}
.breadcrumb-row .breadcrumb li {
  color: #FFF;
  text-shadow: none;
}
.breadcrumb-row .breadcrumb li a {
  font-size: 12px;
  color: #adafaf;
  font-family: 'Benton Sans Light';
  text-shadow: none;
}
.breadcrumb-row .breadcrumb li a:focus,
.breadcrumb-row .breadcrumb li a:hover {
  color: #FFF;
}
.breadcrumb-row .breadcrumb li a.active {
  color: #FFF;
}
.breadcrumb-row .breadcrumb li .divider {
  display: inline-block;
  width: 10px;
  height: 15px;
  background-image: url('../Images/arrow-breadcrumb.png');
  margin-bottom: -5px;
  margin-left: 8px;
  margin-right: 8px;
}
.header-page {
  position: relative;
}
.header-page .header-page-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('../Images/image-header-overlay-2.png');
  z-index: 2;
  background-size: cover;
  background-position: center;
}
.header-page .header-page-overlay.overlay-2 {
  background-image: url('../Images/image-header-overlay-2.png');
}
.header-page .header-page-overlay.overlay-3 {
  background-image: url('../Images/image-header-overlay-3.png');
}
.header-image {
  background-color: #FFFFFF;
  background-image: url('../Images/image-header.jpg');
  height: 270px;
  margin-left: -20px;
  margin-right: -20px;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}
.header-image.purple {
  background-image: none;
  background-color: #6e1e66;
  height: 145px;
  padding-top: 30px;
}
.header-image.purple .wrapper-content {
  padding: 40px 0;
}
.header-image h2.title {
  font-size: 36px;
  line-height: 44px;
  text-align: center;
}
.header-image.header-image-1 {
  background-image: url('../Images/image-header-1.jpg');
}
.header-image.header-image-2 {
  background-image: url('../Images/image-header-2.jpg');
}
.header-image.header-image-3 {
  background-image: url('../Images/image-header-3.jpg');
}
.header-image.header-image-4 {
  background-image: url('../Images/image-header-4.jpg');
}
.header-image .wrapper-content {
  position: relative;
  z-index: 5;
}
.return-home {
  padding: 25px 0px 10px 0px;
}
.return-home .wrapper-content.white-content {
  background-color: transparent;
}
.return-home a.cta {
  width: 330px;
  padding: 23px 0px;
  float: none;
  display: block;
  margin: 0 auto !important;
  margin-bottom: 20px !important;
}
.return-home a.cta em {
  margin-right: 35px;
}
.return-home .wysiwyg-content small.purple {
  line-height: 18px;
}
.contactless-only img {
  margin-bottom: 30px;
  margin-top: 20px;
}
.contactless-only .wysiwyg-content .title {
  max-width: 730px;
  margin: 0 auto;
}
.contactless-only .wysiwyg-content sup.small {
  font-size: 12px;
  top: -0.75em;
}
.logo-list {
  text-align: center;
  position: relative;
  padding-top: 30px;
}
.logo-list img {
  margin-bottom: 75px;
}
.top-scroll {
  position: fixed;
  background-image: url('../Images/icon-top-scroll.png');
  width: 55px;
  height: 55px;
  right: 50px;
  bottom: 50px;
  z-index: 1;
  cursor: pointer;
  display: none;
}
.amex-app ul.style-one {
  margin-bottom: 30px;
}
.amex-app img.align-center {
  margin-bottom: 30px;
}
.amex-app .icn-wrap {
  clear: both;
}
.amex-app .icn-wrap .cta {
  float: none;
  min-width: inherit;
  margin-left: 0px;
}
.dont-break-out {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.video-how-to .iphone {
  margin-left: 20%;
  margin-top: 20px;
}
.row-merchants-list {
  max-width: 920px;
  margin: 0 auto;
}
.row-merchants-list .wrap-logo {
  display: table;
  height: 110px;
  width: 100%;
  margin-bottom: 60px;
}
.row-merchants-list .wrap-logo .logo {
  display: table-cell;
  vertical-align: middle;
}
.row-merchants-list .wrap-logo .logo img {
  margin-bottom: 0px;
}
.row-merchants-list .wrap-logo .logo .logo-woolworths {
  margin-top: -20px;
}
.row-merchants-list .wrap-logo .logo .logo-dominos {
  margin-top: -30px;
}
.row-merchants-list .wrap-logo .logo .logo-events {
  margin-top: -30px;
}
.row-merchants-list .wrap-logo .logo .logo-harrisFarm {
  margin-top: 10px;
}
.row-merchants-list .wrap-logo .logo .logo-myer {
  margin-top: 10px;
}
.row-merchants-list.last .wrap-logo {
  margin-bottom: 20px;
}
.wrapper-content.wrapper-content-920 {
  max-width: 920px;
}
.video-enjoy-smarter .wrapper-content h2.purple {
  max-width: 300px;
}
.accordion.style-one .accordion-heading .accordion-toggle {
  padding: 15px 20px 15px 0px;
}
.header-page .row-fluid .wrapper-content > h2.hidden-phone {
  text-align: left;
  padding-top: 45px;
  padding-left: 60px;
}
.wrap-video-faq {
  display: inline-block;
  width: 100%;
  padding: 15px 0px 20px 0px;
}
.wrap-video-faq .featured-video .video-wrap.video-small {
  margin-top: 0px;
}
.wrap-video-faq .featured-video .video-wrap.video-big {
  float: none;
  margin: 0 auto;
  width: 409px;
}
.wrap-video-faq .featured-video .video-wrap.video-big a {
  width: 100px;
  height: 100px;
  margin-left: -55px;
  margin-top: -55px;
  background: url('../Images/play-icon-big.png');
}
.wrap-video-faq .featured-video .video-wrap.video-big a:hover,
.wrap-video-faq .featured-video .video-wrap.video-big a:focus {
  background-position: -118px 0px;
}
.header-where .header-image {
  height: 195px;
}
.header-where .row-fluid .wrapper-content > h2.hidden-phone {
  padding-top: 0px;
}
.header-device-setup .arrow-scroll.blue {
  z-index: 2;
}
.header-card-selection h2 sup.medium.r {
  top: -1.2em;
  left: -2px;
}
.header-card-selection h2 sup.small.medium.tm {
  left: 0px;
  top: -1.7em;
}
.card-list .wrapper-content {
  padding-bottom: 40px;
}
.card-list h3.title {
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  margin-bottom: 45px;
}
.card-list .card-list-wrap {
  border-left: solid 1px #e3e6e6;
  border-top: solid 1px #e3e6e6;
}
.card-list .card-list-wrap .card-list-item {
  margin: 0px;
  background: url('../Images/bg-gradient-card-list.png') repeat-x;
  height: 232px;
  width: 240px;
  float: left;
  background-position: bottom;
  position: relative;
  border-right: solid 1px #e3e6e6;
  border-bottom: solid 1px #e3e6e6;
  cursor: pointer;
}
.card-list .card-list-wrap .card-list-item .new {
  font-size: 11px;
  color: #FFF;
  border-radius: 5px;
  background-color: #000;
  position: absolute;
  padding: 3px 0px;
  width: 45px;
  text-align: center;
  top: -15px;
  left: 20px;
  z-index: 1;
  text-transform: uppercase;
}
.card-list .card-list-wrap .card-list-item .tick {
  width: 26px;
  height: 26px;
  background: url('../Images/icon-ticks.png') repeat-x;
  background-position: -60px 1px;
  position: absolute;
  top: 60px;
  right: 23px;
}
.card-list .card-list-wrap .card-list-item img {
  margin-top: 23px;
  margin-left: 25px;
}
.card-list .card-list-wrap .card-list-item img.v-mobile {
  display: none;
}
.card-list .card-list-wrap .card-list-item h4.title {
  font-size: 13px;
  line-height: 18px;
  margin-left: 30px;
  margin-top: -2px;
}
.card-list .card-list-wrap .card-list-item h4.title sup {
  font-size: 11px;
  left: inherit;
}
.card-list .card-list-wrap .card-list-item h4.title sup.tm {
  font-size: 8px;
  left: inherit;
}
.card-list .card-list-wrap .card-list-item .overlay {
  position: absolute;
  width: 233px;
  height: 225px;
  left: 1px;
  border: solid 2px #77216f;
  top: 1px;
  display: none;
}
.card-list .card-list-wrap .card-list-item .overlay .cta {
  background-color: #77216f;
  color: #FFF;
  font-size: 12px;
  font-family: 'Benton Sans Regular';
  margin: 0px;
  padding: 7px 10px;
  margin-left: 24px;
  margin-top: 180px;
  min-width: 165px;
  display: none;
}
.card-list .card-list-wrap .card-list-item .overlay .cta em {
  background: url('../Images/arrow-cta2.png') no-repeat;
}
.card-list .card-list-wrap .card-list-item.hover {
  cursor: default;
}
.card-list .card-list-wrap .card-list-item.hover .tick {
  background-position: 0px 0px;
}
.card-list .card-list-wrap .card-list-item.hover .overlay {
  display: block;
}
.card-list .card-list-wrap .card-list-item.hover .overlay .cta {
  /*display: inherit;*/
}
.halo-card-other-top {
  padding-bottom: 10px;
}
.header-device-setup h2.title {
  font-size: 26px;
  line-height: 60px;
}
.header-device-setup .header-image .wrapper-content {
  padding: 18px 0;
}
.select-device {
  position: relative;
}
.select-device .wrapper-content {
  padding-bottom: 100px;
}
.select-device h2.title {
  text-align: center;
  margin-bottom: 50px;
}
.select-device .phone-watch-wrap {
  max-width: 600px;
  margin: 0 auto;
}
.select-device .phone-watch-wrap .rounded {
  background: url('../Images/bg-rounded.png') no-repeat;
  width: 227px;
  height: 286px;
  text-align: center;
  float: left;
  position: relative;
  cursor: pointer;
}
.select-device .phone-watch-wrap .rounded:focus .overlay,
.select-device .phone-watch-wrap .rounded:hover .overlay {
  display: block;
}
.select-device .phone-watch-wrap .rounded.left img {
  margin-top: 42px;
}
.select-device .phone-watch-wrap .rounded img {
  margin-top: 48px;
}
.select-device .phone-watch-wrap .rounded .overlay {
  display: none;
  position: absolute;
  background-color: #FFF;
  width: 203px;
  height: 264px;
  border-radius: 5px;
  left: 12px;
  top: 10px;
  color: #701f69;
  text-align: left;
  font-size: 14px;
  font-family: 'Benton Sans Regular';
  line-height: 22px;
}
.select-device .phone-watch-wrap .rounded .overlay p {
  margin: 20px 28px 30px;
}
.select-device .phone-watch-wrap .rounded .overlay .cta {
  font-size: 15px;
  line-height: 30px;
  padding: 9px 0px;
  width: 175px;
  margin: 0px 0px 0px 15px;
  position: absolute;
  bottom: 10px;
}
.select-device .phone-watch-wrap .rounded .overlay .close {
  position: absolute;
  width: 43px;
  height: 43px;
  background: url('../Images/icon-close.png') no-repeat;
  right: 5px;
  top: 5px;
  opacity: 1;
  display: none;
  background-position: 20px 0px;
}
.select-device .phone-watch-wrap .or {
  float: left;
  background: url('../Images/bg-or.png') no-repeat;
  width: 140px;
  height: 286px;
  background-position: center;
}
.intruction-watch,
.intruction-iphone {
  position: relative;
}
.intruction-watch .wrapper-content.pull,
.intruction-iphone .wrapper-content.pull {
  padding-top: 60px;
  padding-bottom: 50px;
}
.intruction-watch .step-list .wysiwyg-content,
.intruction-iphone .step-list .wysiwyg-content {
  line-height: 24px;
}
.intruction-watch .step-list .wysiwyg-content img,
.intruction-iphone .step-list .wysiwyg-content img {
  margin-top: 15px;
}
.intruction-watch .step-list .wysiwyg-content .cta,
.intruction-iphone .step-list .wysiwyg-content .cta {
  margin-top: 30px !important;
}
.intruction-watch .step-list .step,
.intruction-iphone .step-list .step {
  font-size: 19px;
  line-height: 22px;
  color: #77216f;
  font-family: 'Benton Sans Regular';
  background: url('../Images/Intruction/border.png') no-repeat;
  float: left;
  margin-top: -5px;
  margin-right: 10px;
  background-position: 0px 23px;
  padding-bottom: 5px;
}
.intruction-watch .step-list .step-no,
.intruction-iphone .step-list .step-no {
  font-size: 36px;
  line-height: 22px;
  color: #77216f;
  font-family: 'Benton Sans Regular';
}
.intruction-iphone .step-list .wysiwyg-content {
  padding-top: 75px;
}
.intruction-iphone h2.align-center {
  margin-top: 25px;
}
.intruction-watch img.img-step {
  margin-top: 25px;
}
.intruction-watch ol.style-one {
  margin-bottom: 20px;
}
.intruction-watch ol.style-one li {
  line-height: 24px;
}
.vertical-align .row-fluid .wrapper-content {
  display: table;
  height: 100%;
  width: 100%;
  margin: 0px auto;
  padding: 0;
}
.vertical-align .row-fluid .wrapper-content > h2 {
  padding: 10px 15px;
  vertical-align: middle;
  display: table-cell;
}
.content-faq {
  padding: 38px 20px 0px 20px;
}
.faq-page {
  max-width: 920px;
}
.faqwrapper {
  border-top: 1px solid #e5e5e5;
  max-width: 670px;
  margin: 0px auto;
}
.faqwrapper .item {
  color: #4d4f53;
  font-size: 14px;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0;
  line-height: 22px;
}
.faqwrapper .item sup {
  left: inherit;
}
.faqwrapper .item > h2 {
  font-size: 14px;
  font-family: 'Benton Sans Medium';
  line-height: 22px;
}
.faqwrapper .item a {
  text-decoration: underline;
}
.faqwrapper .item a.cta {
  text-decoration: none;
}
@media screen and (max-width: 680px) {
  .content-faq {
    padding: 0px;
  }
  .faq-page.wrapper-content.white-content .inner-content {
    padding: 0px 20px;
  }
  .content-faq .wrapper-content {
    padding: 30px 0;
  }
  .vertical-align .row-fluid .wrapper-content > h2 sup.small.medium.tm {
    font-size: 10px;
    top: -1.3em;
  }
}
.ie .hero-image .wrapper-content h2.title sup.medium.small {
  font-size: 12px;
  top: -1.6em;
}
/* Large desktop */
@media (min-width: 1024px) {
  .card-list .card-list-wrap .card-list-item:focus .overlay,
  .card-list .card-list-wrap .card-list-item:hover .overlay {
    display: inherit;
  }
}
@media (max-width: 1000px) {
  .card-list .card-list-wrap .card-list-item {
    width: 25%;
  }
  .card-list .card-list-wrap .card-list-item .overlay {
    width: 98%;
  }
}
@media (max-width: 980px) {
  .where-apple-pay .overlay {
    padding: 35px 50px;
  }
  .where-apple-pay .overlay h2.title {
    font-size: 20px;
    line-height: 26px;
    max-width: 65%;
  }
}
@media (max-width: 960px) {
  .card-list .card-list-wrap .card-list-item img {
    margin-left: 15px;
  }
  .card-list .card-list-wrap .card-list-item h4.title {
    margin-left: 20px;
  }
  .card-list .card-list-wrap .card-list-item .tick {
    right: 15px;
  }
  .card-list .card-list-wrap .card-list-item .overlay .cta {
    margin-left: 15px;
  }
}
@media (max-width: 910px) {
  .card-list .card-list-wrap .card-list-item {
    width: 50%;
  }
  .card-list .card-list-wrap .card-list-item .overlay {
    width: 99%;
  }
  .card-list .card-list-wrap .card-list-item img {
    margin-left: 25px;
  }
  .card-list .card-list-wrap .card-list-item h4.title {
    margin-left: 30px;
  }
  .card-list .card-list-wrap .card-list-item .tick {
    right: 23px;
  }
  .card-list .card-list-wrap .card-list-item .overlay .cta {
    margin-left: 24px;
  }
}
@media (max-width: 850px) {
  .where-apple-pay .overlay {
    padding: 25px 35px;
  }
}
@media (max-width: 850px) {
  .where-apple-pay .overlay {
    padding: 20px 35px;
  }
  .where-apple-pay .overlay img {
    margin-bottom: 0px;
  }
}
@media (max-width: 806px) {
  .video-amex-app .icn-wrap .cta {
    margin-left: 0px;
    margin-top: 20px;
  }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .hero-image .wrapper-content h2.title {
    max-width: 440px;
    margin-left: 35px;
  }
  .hero-image .wrapper-content .logo {
    margin-left: 30px;
    bottom: 60px;
  }
  .wrapper-content.small-content .wysiwyg-content {
    max-width: 290px;
  }
  .video-wrap {
    text-align: left;
  }
  .content-question .icn {
    margin-left: -30px;
    width: 30px;
    margin-right: 20px;
  }
  .eligible .block {
    padding-left: 35px;
    padding-right: 35px;
  }
}
/* Portrait tablet*/
@media (max-width: 768px) {
  .header-image .wrapper-content {
    padding: 25px 0;
  }
  .header-image.two-line .wrapper-content {
    padding: 45px 0;
  }
  .header-image h2.title {
    font-size: 26px;
    line-height: 36px;
    max-width: 260px;
    margin: 0 auto;
  }
  .card-list {
    padding-left: 0px;
    padding-right: 0px;
  }
  .card-list h3.title {
    font-size: 18px;
    line-height: 26px;
    max-width: 280px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .card-list .card-list-wrap {
    border-left: 0px;
  }
  .card-list .card-list-wrap .card-list-item {
    width: 100%;
    height: auto;
    background: url('../Images/bg-gradient-card-list-m.png') repeat-x;
    background-position: bottom;
    border-left: 0px;
    border-right: 0px;
  }
  .card-list .card-list-wrap .card-list-item .cart-list {
    height: 100px;
    overflow: hidden;
    max-width: 295px;
    margin: 0 auto;
    text-align: center;
    position: relative;
  }
  .card-list .card-list-wrap .card-list-item .cart-list .new {
    top: 15px;
    left: 8px;
  }
  .card-list .card-list-wrap .card-list-item .cart-list img {
    margin-left: 0px;
  }
  .card-list .card-list-wrap .card-list-item .cart-list img.v-mobile {
    display: inline-block;
  }
  .card-list .card-list-wrap .card-list-item .cart-list img.v-destop {
    display: none;
  }
  .card-list .card-list-wrap .card-list-item .cart-list h4.title {
    margin-left: 0px;
  }
  .card-list .card-list-wrap .card-list-item .cart-list .tick {
    top: 25px;
  }
  .card-list .card-list-wrap .card-list-item.hover {
    height: 260px;
  }
  .card-list .card-list-wrap .card-list-item.hover .cart-list {
    height: auto;
    overflow: visible;
  }
  .card-list .card-list-wrap .card-list-item.hover .overlay {
    border-color: transparent;
    height: 240px;
    width: 100%;
  }
  .card-list .card-list-wrap .card-list-item.hover .overlay .cta {
    position: absolute;
    bottom: 8px;
    left: 50%;
    margin-left: -92.5px;
  }
  .card-list .card-list-wrap .card-list-item.empty {
    display: none;
  }
  .return-home {
    padding: 25px 20px 0px 20px;
  }
  .return-home a.cta {
    width: 100%;
    max-width: 300px;
  }
  .return-home .wrapper-content.white-content {
    background-color: #FFF;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px !important;
  }
  .return-home .wrapper-content.white-content .wysiwyg-content {
    text-align: left;
  }
  .return-home .wrapper-content.white-content .wysiwyg-content small.purple {
    line-height: 18px;
  }
  .header-device-setup .header-image h2.title {
    max-width: 300px;
  }
  .video-amex-app {
    background-position: 0px 458px;
  }
  .video-amex-app .icn-wrap {
    width: 100%;
  }
  .video-amex-app .icn-wrap .cta {
    margin-left: 0px;
    margin-top: 20px;
  }
  .where-apple-pay .overlay h2.title {
    max-width: 410px;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .wrapper-content.small-content .wysiwyg-content {
    max-width: inherit;
  }
  .wrapper-content.small-content .wysiwyg-content.left,
  .wrapper-content.small-content .wysiwyg-content.right {
    max-width: inherit;
  }
  .wrapper-content hr.line {
    margin: 0px;
  }
  .hero-image {
    height: 420px;
    background-image: url('../Images/image-hero-m.jpg');
    margin-bottom: 0px;
  }
  .hero-image .wrapper-content {
    text-align: center;
    height: 420px;
  }
  .hero-image .wrapper-content h2.title {
    font-size: 26px;
    position: relative;
    line-height: 34px;
    max-width: 290px;
    margin: 0 auto;
    top: 30px;
  }
  .hero-image .wrapper-content h2.title sup.small.medium {
    font-size: 9px;
  }
  .hero-image .wrapper-content .logo {
    bottom: inherit;
    top: 20px;
    position: relative;
  }
  .hero-image .wrapper-content .logo img {
    margin: 0 auto;
  }
  .hero-image .wrapper-content .phone-watch {
    bottom: 60px;
    left: 50%;
    margin-left: -82px;
    right: inherit;
  }
  sup.medium {
    font-size: 12px;
  }
  .cta {
    display: block;
    float: none;
    margin: 0 auto;
    width: 175px;
    clear: both;
  }
  .cta.no-margin {
    margin: 0 auto !important;
  }
  ol.style-one,
  ul.style-one {
    font-size: 15px;
    line-height: 22px;
  }
  .responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px;
    overflow: hidden;
  }
  .responsive-video object,
  .responsive-video iframe,
  .responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .lightBoxVideo .modal.fade.in {
    top: 50%;
  }
  .lightBoxVideo .modal {
    width: 75%;
    left: 0px;
    border-radius: 0px;
  }
  .lightBoxVideo .modal .close {
    position: absolute;
    z-index: 2000;
    right: 0;
    background-color: #fff;
    opacity: 1;
    height: 20px;
    width: 20px;
    top: 0px;
  }
  .featured-video {
    margin-left: -20px;
    margin-right: -20px;
  }
  .featured-video .video-wrap {
    width: 100%;
    text-align: left;
  }
  .featured-video .video-wrap img {
    width: 100%;
  }
  .featured-video .video-wrap.video-small {
    width: 100%;
  }
  .featured-video .video-wrap .small {
    margin-left: 20px;
  }
  .video-intro .wrapper-content {
    padding: 35px 0px;
  }
  .eligible .block {
    padding: 30px 20px;
    text-align: center;
  }
  .eligible .block .cta {
    margin-top: 20px;
  }
  .eligible h2.title {
    font-size: 20px;
    line-height: 28px;
  }
  .no-amex-card h2.title {
    font-size: 24px;
    line-height: 30px;
  }
  .halo-card-main h2.title {
    font-size: 24px;
    line-height: 34px;
    margin-top: 20px;
  }
  .halo-card-main .image-wrap {
    margin: 0px -20px;
  }
  .halo-card-main .image-wrap img {
    width: 100%;
  }
  .halo-card-main .wysiwyg-content.overlap-left {
    margin-left: 0px;
  }
  .halo-card-main .cta {
    margin-bottom: 20px !important;
  }
  .halo-card-main ul.style-one {
    margin-bottom: 20px !important;
    margin-left: 0px !important;
  }
  .video-how-to {
    background: url('../Images/bg-gradient.png') repeat-x;
    background-position: bottom;
  }
  .video-how-to .wrapper-content {
    padding: 35px 0px;
  }
  .video-how-to ol.style-one {
    margin-bottom: 10px;
  }
  .video-how-to ol.style-one img.icon {
    margin-top: 0px;
    margin-bottom: -5px;
  }
  .video-how-to hr.line {
    margin: 0px -20px;
  }
  .video-how-to .wrapper-content.no-padding .span12 {
    min-height: inherit;
  }
  .video-how-to .iphone-wrap {
    height: 285px;
    overflow: hidden;
    border-bottom: solid 1px #bcbcbc;
    margin: 40px 0px 30px 0px;
    text-align: center;
  }
  .video-how-to .iphone-wrap .iphone {
    margin: 0px;
  }
  .video-amex-app {
    background-position: bottom;
  }
  .video-amex-app .wrapper-content.small-content {
    padding: 40px 0px 50px 0px;
    margin-bottom: 0px;
  }
  .video-amex-app .icn-wrap {
    text-align: center;
    clear: both;
    padding-top: 25px;
    width: 100%;
  }
  .video-amex-app .icn-wrap .icn-app-store {
    margin-right: 15px;
  }
  .video-amex-app .icn-wrap .cta {
    margin-left: 0px;
    margin-top: 20px;
  }
  .halo-card-more .wrapper-content {
    padding: 50px 0px;
  }
  .halo-card-more h2.title {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 40px !important;
  }
  .content-question {
    padding: 0px;
  }
  .content-question .wrapper-content.white-content {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .content-question .wrapper-content.white-content .inner-content {
    padding: 0px 20px;
  }
  .content-question .icn {
    display: none;
  }
  .content-question h3.title {
    float: none;
    font-size: 24px;
    line-height: 34px;
  }
  .content-question h3.title br {
    display: none;
    content: " ";
  }
  .content-question .accordion.style-one {
    margin-top: 25px;
  }
  .content-question .wysiwyg-content a.cta {
    margin: 0px !important;
    width: auto;
    float: left;
  }
  .other-question .wrapper-content.white-content {
    padding-bottom: 60px;
  }
  .where-apple-pay {
    padding: 0px;
    border-bottom: solid 1px #e3e5e5;
  }
  .where-apple-pay.light-grey {
    background-color: #FFFFFF;
  }
  .where-apple-pay .wrapper-content {
    padding-top: 0px;
  }
  .where-apple-pay .wrapper-content.no-padding {
    padding: 20px!important;
    box-sizing: border-box;
  }
  .where-apple-pay .wrapper-content.no-padding .wysiwyg-content.centre-content {
    text-align: left;
  }
  .where-apple-pay .wrapper-content.no-padding .wysiwyg-content.centre-content p {
    margin: 0px;
  }
  .where-apple-pay img.visible-destop {
    margin-bottom: 0px;
  }
  .where-apple-pay img.visible-phone {
    width: 100%;
  }
  .where-apple-pay .overlay {
    position: relative;
    background: #4d4f53;
    padding: 40px 20px;
    text-align: center;
    top: inherit;
    max-height: inherit;
  }
  .where-apple-pay .overlay h2.title {
    font-size: 20px;
    line-height: 30px;
    max-width: inherit;
    margin-bottom: 20px;
  }
  .where-apple-pay .overlay .cta {
    min-width: 300px;
  }
  .where-apple-pay .wysiwyg-content small.purple {
    line-height: 18px;
  }
  .halo-card-more .bg-shadow {
    width: 100%;
    margin: 0px;
    left: 0px;
    background-position: -120px 0px;
  }
  .contactless-only img {
    margin-top: 0px;
  }
  .contactless-only h3.title {
    font-size: 18px;
    line-height: 28px;
  }
  .logo-list .wrapper-content {
    padding: 40px 0px 20px 0px;
  }
  .logo-list img {
    margin-bottom: 30px;
  }
  .header-device-setup .header-image h2.title {
    max-width: 300px;
    font-size: 24px;
    line-height: 34px;
  }
  .select-device h2.title {
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 30px;
  }
  .select-device .wrapper-content {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .select-device .phone-watch-wrap {
    position: relative;
    display: block;
    width: 302px;
    height: 100px;
  }
  .select-device .phone-watch-wrap .rounded {
    width: 143px;
    height: 266px;
    background: url('../Images/bg-rounded-m.png') no-repeat;
    margin-left: 16px;
  }
  .select-device .phone-watch-wrap .rounded img {
    margin-left: 8px;
    width: 81px;
    margin-top: 58px;
  }
  .select-device .phone-watch-wrap .rounded .overlay {
    z-index: 5;
    height: 246px;
    width: 280px;
    left: -148px;
  }
  .select-device .phone-watch-wrap .rounded .overlay .cta {
    margin-left: 28px;
    width: 225px;
    padding: 5px 0px;
  }
  .select-device .phone-watch-wrap .rounded.left {
    margin-left: 0px;
  }
  .select-device .phone-watch-wrap .rounded.left img {
    margin-left: 0px;
    margin-right: 12px;
    width: 78px;
    margin-top: 50px;
  }
  .select-device .phone-watch-wrap .rounded.left .overlay {
    left: 12px;
  }
  .select-device .phone-watch-wrap .rounded.hover .overlay {
    display: block;
  }
  .select-device .phone-watch-wrap .or {
    position: absolute;
    height: 94px;
    width: 52px;
    background-color: #009bbb;
    left: 125px;
    top: 84px;
    background: url('../Images/bg-or-m.jpg') no-repeat;
    z-index: 1;
  }
  .select-device .phone-watch-wrap .rounded .overlay p {
    margin-top: 12px;
  }
  .step-list.first .wysiwyg-content {
    position: relative;
  }
  .step-list.first .wysiwyg-content p {
    max-width: 85%;
  }
  .step-list.first .wysiwyg-content img {
    position: absolute;
    right: 0px;
    top: 25px;
  }
  .step-list img.img-step {
    margin-top: 20px;
    margin-left: 10px;
    margin: 0 auto;
    display: block;
    margin-top: 25px;
  }
  .step-list .wysiwyg-content .cta {
    margin-left: 0px !important;
    width: 210px;
    margin-bottom: 45px !important;
  }
  .intruction-iphone h2.white {
    font-size: 24px;
    line-height: 34px;
  }
  .intruction-iphone .step-list .wysiwyg-content {
    padding-top: 0px;
  }
  .intruction-watch h2.white {
    font-size: 24px;
    line-height: 34px;
  }
  .intruction-watch .wrapper-content.step-list {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .intruction-watch .wrapper-content.step-list img.img-step {
    margin: 0 auto;
    display: inherit;
  }
  img.align-center {
    display: inherit;
    margin: 0 auto;
  }
  .top-scroll {
    right: 20px;
    bottom: 20px;
  }
  .amex-app .icn-wrap {
    text-align: center;
  }
  .amex-app .icn-wrap .icn-app-store {
    margin-left: 0px;
    margin-right: 15px;
  }
  .amex-app .icn-wrap .cta {
    width: auto;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 0px !important;
  }
  .lightBoxVideo {
    clear: both;
  }
  .accordion.style-two {
    padding-bottom: 20px;
  }
  ul.style-two {
    margin: 0 auto;
    max-width: 130px;
    margin-bottom: 30px;
  }
  .row-merchants-list {
    border-top: none;
  }
  .video-enjoy-smarter .wrapper-content p {
    margin: 40px 0px;
  }
  .accordion.style-one .accordion-heading .accordion-toggle {
    font-size: 13px;
    line-height: 18px;
  }
  .header-image {
    height: 200px;
  }
  .header-image .wrapper-content h2.title {
    margin-top: 30px;
    padding-top: 30px;
  }
  .header-image .visible-phone {
    display: table-cell !important;
  }
  .header-image.header-image-1 {
    background-image: url('../Images/image-header-1-m.jpg');
  }
  .header-image.header-image-2 {
    background-image: url('../Images/image-header-2-m.jpg');
  }
  .header-image.header-image-3 {
    background-image: url('../Images/image-header-3-m.jpg');
    height: 172px;
  }
  .header-image.header-image-4 {
    background-image: url('../Images/image-header-4-m.jpg');
  }
  .header-image .header-page-overlay.overlay-m {
    background-image: url('../Images/image-header-overlay-m.png');
  }
  .header-image .header-page-overlay.overlay-2 {
    background-image: url('../Images/image-header-overlay-2-m.png');
  }
  .wrap-video-faq .featured-video .video-wrap.video-big {
    width: 100%;
  }
  .contactless-only .wysiwyg-content img {
    max-width: 131px;
  }
  .row-merchants-list .wrap-logo {
    min-height: 70px;
    margin-bottom: 35px;
    height: auto;
  }
  .row-merchants-list .wrap-logo .logo .logo-danmurphys {
    margin-top: -20px;
  }
  .row-merchants-list .wrap-logo .logo .logo-dominos {
    margin-top: -20px;
  }
  .row-merchants-list .wrap-logo .logo .logo-woolworths {
    margin-bottom: -10px;
  }
  .row-merchants-list .wrap-logo .logo .logo-events {
    margin-top: 0px;
  }
  .header-device-setup .header-image .wrapper-content h2.title {
    padding: 0px;
    margin: 0 auto;
  }
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .lightBoxVideo .modal {
    width: 100%;
  }
  .step-list.first .wysiwyg-content p {
    width: 75%;
  }
  .step-list.first .wysiwyg-content img {
    top: 30px;
  }
  .header-where.vertical-align .row-fluid .wrapper-content > h2 {
    padding: 10px;
    font-size: 23px;
    line-height: 28px;
  }
  .video-enjoy-smarter .wrapper-content h2.purple,
  .video-intro .wrapper-content h2.purple {
    max-width: 250px;
  }
}
@media (max-width: 320px) {
  .select-device .phone-watch-wrap {
    margin-left: -10px;
  }
}
