body{font-family: "Myriad Pro Regular", sans-serif; font-size:14px; background: #fff;  color:#231f20; margin:0px; padding:0px;   }
a{transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; color:#0b5189;}
 
*:focus{outline:none!important;  }
p{line-height:16px;}

@media (min-width: 1279px){
	.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
}
}
 
.responsiveMax{max-width:100%;}
.responsive{width:100%;}
.gift {text-align:center; padding:0px 15px 10px; position:relative; z-index:2; }
.gift ul {list-style:none; padding:0; margin:0px; display:flex;   justify-content:center; align-items:flex-start;}
.gift ul li {display:inline-block; padding:0 10px 4px; vertical-align:top; text-align:center; position:relative;}
.gift ul li .gift-pic{ display:block; position:relative; }
.gift ul li:not(:last-child) .gift-pic::after{ content:""; position:absolute; top:0; right:-20px; width:20px; height:100%; background:url("../images-creative/border.jpg") no-repeat center center; background-size:contain; pointer-events:none; }
.gift ul li .giftimg{ width:100%; height:auto; display:block; margin:0 auto; max-width: 100%; } 
.gift ul li.lastRow .giftimg{  margin:-82px auto 0;   } 
.gift ul li p{ margin: 0;     letter-spacing: .2px;   font-size:14px; font-family:"Myriad Pro Regular"; font-weight:normal; line-height:18px; color:#231f20;}
.gift ul li.plus-gift {display:flex; align-items:center; margin-top: 25px;}
.gift ul li.plus-gift .plus-icon {font-size:36px; font-weight:600; color:#231f20; line-height:1; flex-shrink:0; padding:0 4px; position: relative;
    left: -29px; margin-top: -4px;}
.gift ul li.plus-gift .giftimg {width:100%; height:auto;  } 
.banner img{display:block;}
.title{background:#7d161a; color:#fff; text-align:center; font-size:25px; padding:8px 0;}
.redeem {text-align:center;    position:relative; padding:6px 15px 0px; color:#000;  }
.redeemBTN{    background: #51b548;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    border-radius: 10px;
    padding: 8px 18px;
    font-size: 20px;
    font-family: "Myriad Pro Semibold";
    font-weight: normal;
    text-transform: uppercase;}
.redeemBTN img{    vertical-align: middle;  width:28px;}
.redeemBTN.disabled{opacity:.95;  pointer-events: none;}
.redeemBTN:hover{background:#35872e; }
.actual{    font-size: 12px; padding:10px 0; 
    color: #000;} 
.actual p {
    margin: 0px 0 0px 7px;
    letter-spacing: .02px;
    line-height: 18px; 
	text-align: justify;
	position:relative;
    font-family: "Myriad Pro Regular";
    font-weight: normal;
}
    .actual p span {
        position: absolute;
        left: -8px;
        top: 0px;
    }
.term {
    padding: 0px 15px 10px; 
    box-sizing: border-box;
    text-align: center; 
	line-height: 16px;
	font-size: 15px;
}
.term p{margin:0px;}
.term span{display:inline-block}
.term a{text-decoration:none; color:#0b5189;   }

.banner .banner-mob{display:none;}
.choose{ color:#000; font-size:11px;}
.chooseText{background:#00a450; color:#fff; font-size:11px;  max-width:360px; padding:10px 0px 10px 15px;  position:relative;}
.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 0px solid transparent;
    border-bottom: 117px solid transparent;
    border-left: 20px solid #00a450;
    position: absolute;
    right: -20px; top:0px;
}
.yourGift{ }
.yourGift ul{list-style:none; text-align:center; font-weight:600;padding:0px;}
.yourGift ul li{display:inline-block; padding:0 15px;}
.yourGift ul li p{margin:0px;}
.yourGift ul li img{width:100px;}
.chooseText h2{  font-size:25px; font-weight:600; font-style:italic; text-transform:uppercase;  text-align:center; margin:0 0 5px;}
.chooseText p{     margin:0px; line-height:16px;}
.arrow{position:absolute; right:-22px; bottom:10px; width:35px;}
/* The checkboxBg */
.checkboxBg { 
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: text-bottom;
}

/* Hide the browser's default checkbox */
.checkboxBg input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border: 1px solid #333;
      border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.checkboxBg:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxBg input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxBg input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkboxBg .checkmark:after {
      left: 5px;
    top: 2px;
    width: 3px;
    height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 1600px){ 
.gift ul li.lastRow .giftimg {
    margin: -68px auto 0;
}
body{ }
.actual{ margin-top: 0px;}
.gift {padding:15px 60px 8px;  }
.title { 
    font-size: 18px;
    padding: 5px 0;
}
.gift ul li p {
     line-height: 16px; font-size:13px;  
}

.redeemBTN img { 
    width: 20px;
} 
.gift ul li.plus-gift {margin-top: 16px;}
}
@media (max-width: 1440px){ 
    .gift ul li.lastRow .giftimg {
        margin: -57px auto 0;
    }
}
@media (max-width: 1365px){ 

.gift ul li p{font-size:11px;}
}
@media (max-width: 1279px){ 
    .gift ul li { 
        padding: 0 10px 4px;
    }  
    .gift {
        padding: 15px 0px 8px;
         border-radius: 20px;
    }
	.actual{  }
	 
	.chooseText{max-width:100%; padding-bottom:30px;}
	.arrow { 
    right: 50%;
    bottom: -17px;
    width: 35px;
    margin-right: -17px;   -ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg);
}
.yourGift {
    padding: 20px 15px 5px;
}
.arrow-right{display:none;}
.chooseText p{text-align:center;}
    .gift ul li.lastRow .giftimg {
        margin: -48px auto 0;
    }
}
@media (max-width: 991px){ 
    .gift ul li.lastRow .giftimg {
        margin: 0px auto 0;
    }
.gift ul {flex-wrap:wrap;}
.gift ul li {width:auto; padding:0 14px 12px;}
.gift ul li .gift-pic {min-height:112px; display:flex; align-items:center; justify-content:center;}
.gift ul li .giftimg,
.gift ul li.plus-gift .giftimg {height:auto; max-width:140px; width:auto;}
}
@media (max-width: 767px){  

        .gift ul li .gift-pic {
            min-height: 122px;
        }
.gift ul li p {
    font-size: 13px;
    line-height: 16px;
}
.gift ul {flex-wrap:wrap; justify-content:flex-start;}
.gift ul li {padding: 0 8px 16px; width: 50%; box-sizing: border-box; margin:0;}
.gift ul li:nth-child(even) .gift-pic::after {display:none;}
.gift ul li:nth-child(odd) .gift-pic::after {right:-8px;}
.title {
    font-size: 18px;
    padding: 8px 15px;
}
.term {padding: 1px 0px 0px; font-size: 13px; line-height: 14px; padding-bottom: 15px; margin:0 -12px;
  }
	.checkboxBg { 
    padding-left: 22px;
	}
.gift ul li .giftimg,
.gift ul li.plus-gift .giftimg { 
    max-width: 100%;
   max-height: 120px;
        width: auto;
    margin:0 auto;
    padding:0px;
}
.gift ul li.plus-gift {  display:block; position:relative;}
.gift ul li.plus-gift .plus-icon {font-size:28px; font-weight: 600;
    position:absolute; left:-14px; top:38%; transform:translate(-30%,-50%); margin-left: 0;}
 
.banner .banner-web{display:none;}
.banner .banner-mob{display:block;}
	.actual{ text-align:justify; }
.chooseText{padding:15px 15px 30px;}
.yourGift {
    padding: 20px 0px 5px;
}
.yourGift ul li br{ display:none;}
.yourGift ul li { 
    width: 49%;
    box-sizing: border-box; padding-bottom:20px;
}
h1 { 
    font-size: 37px;
}
.checkmark { 
    top: 0px; 
    height: 14px;
    width: 14px;
}
.redeemBTN { 
    font-size: 20px;
}
.actual p { 
    line-height: 16px;
	margin-bottom:6px;
}
}