/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea {
  color: #222;
}
html {
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
img,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/prompt/v12/-W_8XJnvUD7dzB2Cr_s4bg.ttf) format('truetype');
}
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/prompt/v12/-W_8XJnvUD7dzB2Cy_g4bg.ttf) format('truetype');
}
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/prompt/v12/-W__XJnvUD7dzB26Zw.ttf) format('truetype');
}
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/prompt/v12/-W_8XJnvUD7dzB2Ck_k4bg.ttf) format('truetype');
}
/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
body {
  font: 16px/26px "PT Sans";
  font-family: 'PT Sans', sans-serif;
  overflow-x: hidden;
  overflow-y: scroll;
}
.wrapper {
  width: 90%;
  margin: 0 5%;
}
/* ===================
    ALL: Orange Theme
   =================== */
/* ==============
    MOBILE: Menu
   ============== */
nav ul {
  margin: 0;
  padding: 0;
}
nav a {
  display: block;
  margin-bottom: 10px;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: white;
  background: #e44d26;
}
nav a:hover,
nav a:visited {
  color: white;
}
nav a:hover {
  text-decoration: underline;
}
/* ==============
    MOBILE: Main
   ============== */
.main {
  padding: 30px 0;
}
.main article h1 {
  font-size: 2em;
}
.main aside {
  color: white;
  padding: 0px 5% 10px;
}
.footer-container footer {
  color: white;
  padding: 20px 0;
}
/* ===============
    ALL: IE Fixes
   =============== */
.ie7 .title {
  padding-top: 20px;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0;
  outline: 0;
}
input,
textarea,
input:focus,
textarea:focus {
  transition: all;
  box-shadow: none;
}
a:focus,
a:hover {
  text-decoration: none;
}
/* Color */
/* Standard button */
.button {
  background-color: #FFFFFF;
  border: none;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font: 1em/1em "tahoma";
  font-weight: normal !important;
  margin: 0;
  padding: 0.8em 1.2em;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  transition: background-color 300ms ease-out 0s;
  -moz-user-select: none;
}
.button.small {
  font-size: 0.75em;
  padding: 0.313em 0.625em;
  line-height: 1.5em;
}
.button.medium {
  font-size: 0.875em !important;
  padding: 0.375em 0.75em;
  line-height: 1.42857em !important;
}
.button.large {
  font-size: 1.125em;
  padding: 0.625em 1em;
  line-height: 1.33em;
}
.button.square {
  padding: 6px;
}
.button.radius {
  border-radius: 2px;
}
.button.round {
  border-radius: 1000px;
}
.button.default {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #666666;
}
.button.denied {
  background: #EFEFEF;
  border: 1px solid #CCCCCC;
  color: #666666;
}
.button.primary {
  background-color: #FF3000;
  border: 1px solid #FF3000;
  color: #FFFFFF;
}
.button.secondary {
  background-color: #009900;
  border: 1px solid #009900;
  color: #FFFFFF;
}
.button.alert {
  background-color: #dc0000;
  border: 1px solid #dc0000;
  color: #FFFFFF;
}
.button.success {
  background-color: #009900;
  border: 1px solid #009900;
  color: #FFFFFF;
}
.button.default:hover {
  background: #EFEFEF;
}
.button.primary:hover {
  opacity: 0.7;
}
.button.denied:hover {
  background-color: #FFFFFF;
}
.button.secondary:hover {
  opacity: 0.7;
}
.button.alert:hover {
  opacity: 0.7;
}
.button.success:hover {
  opacity: 0.7;
}
.close-btn {
  background: url(../images/web-icon-standard.png) no-repeat 0 -463px;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.close-btn:hover {
  opacity: 0.7;
}
.see-more-btn {
  color: #CCCCCC;
  font: lighter 0.875em "helvetica";
  position: absolute;
  right: 0;
  top: 30px;
  text-decoration: none;
  display: none;
}
.see-more-btn:hover {
  text-decoration: underline;
  color: #999999;
}
.add-to-cart-btn {
  width: 110px;
  padding: 10px 10px 8px;
  background: #333333;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  font: bold 12px/12px "PT Sans";
  display: inline-block;
  background: url(../img/btn-bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.add-to-cart-btn-small {
  width: 110px;
  padding: 10px 10px 8px;
  background: #333333;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  font: bold 12px/12px "PT Sans";
  display: inline-block;
  background: url(../img/btn-bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.add-to-cart-new-btn {
  width: 60px;
  height: 30px;
  padding: 10px 10px 8px;
  background: #333333;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  font: bold 12px/12px "PT Sans";
  display: inline-block;
  background: url(../img/btn-bg-new.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.fb-send-message-us-btn {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
}
/* Quick floats */
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.pull-top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.pull-top-left {
  position: absolute;
  top: 0;
  left: 0;
}
/* Container */
.main-container {
  background: #EFEFEF;
}
.full-container {
  background: #FFFFFF;
}
.full-container.border {
  border-bottom: 1px solid #CCCCCC;
}
.information-block {
  border-bottom: 1px solid #CCCCCC;
  background: #FFFFFF;
  margin-bottom: 3%;
}
.information-block.special {
  border: 1px solid #FF3000;
}
/* Pop-Up */
.popup-box {
  background: #FFFFFF;
  max-width: 700px;
  width: 100%;
  position: relative;
}
/* Hidden */
.is-hidden {
  display: none!important;
}
/* Cancel list */
.clear {
  clear: both;
}
/* Text */
.standard-form {
  color: #666666;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  box-shadow: 0 rgba(0, 0, 0, 0.075) inset;
  float: left;
  padding: 1%;
  font: 1em "Helvetica";
  font-weight: lighter;
  display: block;
  position: relative;
  width: 100%;
}
.text-area-form {
  color: #666666;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  box-shadow: 0 rgba(0, 0, 0, 0.075) inset;
  float: left;
  padding: 1%;
  font: 1em "Helvetica";
  font-weight: lighter;
  display: block;
  position: relative;
  width: 100%;
}
.text-over {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Borders */
.border-top {
  border-top: 1px solid #CCCCCC;
}
.border-bottom {
  border-bottom: 1px solid #CCCCCC;
}
.border-top-bottom {
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
}
.border-left {
  border-left: 1px solid #CCCCCC;
}
.border-right {
  border-right: 1px solid #CCCCCC;
}
.orange-border {
  border-bottom: 2px solid #FF3000;
}
.orange-border-large {
  border-bottom: 10px solid #FF3000;
}
/* image-size */
.box-ten {
  width: 10px;
  height: 10px;
  float: left;
}
.box-twenty {
  width: 20px;
  height: 20px;
  float: left;
}
.box-thirty {
  width: 30px;
  height: 30px;
  float: left;
}
.box-fourty {
  width: 40px;
  height: 40px;
  float: left;
}
.box-fifty {
  width: 50px;
  height: 50px;
  float: left;
}
.box-seventy {
  width: 70px;
  height: 70px;
  float: left;
}
.box-eighty {
  width: 80px;
  height: 80px;
  float: left;
}
.box-ninety {
  width: 90px;
  height: 90px;
  float: left;
}
.box-onehundred {
  width: 100px;
  height: 100px;
  float: left;
}
.box-onethirty {
  width: 130px;
  height: 130px;
  float: left;
}
.box-onefourty {
  width: 140px;
  height: 140px;
  float: left;
}
.box-onefifty {
  width: 150px;
  height: 150px;
  float: left;
}
.box-oneeighty {
  width: 180px;
  height: 180px;
  float: left;
}
.box-twohundred {
  width: 200px;
  height: 200px;
  float: left;
}
.display-mobile {
  display: inline-block;
}
.display-desktop {
  display: none;
}
@media only screen and (min-width: 800px) {
  .display-mobile {
    display: none;
  }
  .display-desktop {
    display: inline-block;
  }
}
/* Header */
.header-container {
  min-width: 320px;
}
.header-container .main-top-notice {
  background-color: #009900;
  width: 100%;
  padding: 10px;
  display: none;
}
.header-container .main-top-notice .main-top-notice-center {
  text-align: center;
  max-width: 1100px;
  width: 100%;
  display: block;
  color: #FFFFFF;
  margin: 0 auto;
  padding-top: 9px;
  font: italic 0.68rem/20px "PT Sans";
}
.header-container .main-top-notice .main-top-notice-center a {
  text-decoration: none;
  color: #FFFFFF;
}
.header-container .main-top-notice .main-top-notice-center .mini-arrow {
  width: 21px;
  margin: 0 0 0 8px;
}
.header-container .main-sub-top-wrap {
  display: none;
}
.header-container .list-drop {
  position: absolute;
}
.header-container .list-drop .drop-search {
  display: inline-block;
  position: relative;
  display: block;
  width: 320px;
  top: 50px;
  z-index: 30;
}
.header-container .list-drop .drop-search .search-box {
  position: relative;
  right: 0;
  padding: 16px 70px 16px 16px;
  font: normal 18px/20px "PT Sans";
  color: #666666;
  max-width: 500px;
  width: 100%;
  box-shadow: none;
  border: none;
}
.header-container .list-drop .drop-search .ok-btn {
  position: absolute;
  display: inline-block;
  width: 53px;
  height: 53px;
  right: 0px;
  background: url(../img/ok-btn.png) no-repeat 0px 0px rgba(0, 0, 0, 0);
}
.header-container .list-drop .onclick-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  min-width: 320px;
  top: 50px;
  z-index: 30;
  overflow-y: scroll;
}
.header-container .list-drop .onclick-menu li .sub-top {
  height: 50px;
  color: #FFFFFF;
  background: #dc0000;
  text-decoration: none;
  font: bold 12px/50px "PT Sans";
  text-transform: uppercase;
  padding: 0;
  display: inline-block;
  width: 100%;
  text-align: center;
  border-top: 1px solid #005CDC;
  border-right: 1px solid #005CDC;
}
.header-container .list-drop .onclick-menu li .sub-top:hover {
  opacity: 0.9;
}
.header-container .list-drop .onclick-menu li .click-sub {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #EEEEEE;
}
.header-container .list-drop .onclick-menu li .click-sub li {
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
.header-container .list-drop .onclick-menu li .click-sub li .sub-bottom {
  height: 60px;
  font: normal 12px/50px "PT Sans";
  text-decoration: none;
  text-transform: capitalize;
  color: #666666;
}
.header-container .list-drop .onclick-menu li .click-sub li:hover {
  background: #F5F5F5;
}
.header-container .main-header-wrap {
  background-color: #dc0000;
  width: 100%;
  z-index: 10000;
  position: static;
}
.header-container .main-header-wrap .wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
}
.header-container .main-header-wrap .wrapper .head-logo {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 320px;
  margin: 0 auto 0;
  text-align: center;
}
.header-container .main-header-wrap .wrapper .head-logo img {
  width: 100px;
}
.header-container .main-header-wrap .wrapper .mblogo {
  display: inline-block;
  position: absolute;
  width: 65%;
  margin: 10px auto 0;
  padding-left: 37%;
  text-align: center;
}
.header-container .main-header-wrap .wrapper .mblogo img {
  width: 70px;
}
.header-container .main-header-wrap .wrapper .header-left {
  position: relative;
  float: left;
}
.header-container .main-header-wrap .wrapper .header-left .drop-menu {
  width: 50px;
  height: 50px;
  float: left;
  position: absolute;
  background: url(../img/menu_icon.png) no-repeat 0px -3px rgba(0, 0, 0, 0);
  background-size: 100%;
  cursor: pointer;
  z-index: 10px;
}
.header-container .main-header-wrap .wrapper .header-left .drop-menu-back {
  width: 50px;
  height: 50px;
  float: left;
  position: absolute;
  background: url("https://bucket.fitwhey.com/editor/614dbc3c28a98.png") no-repeat 21px 18px rgba(0, 0, 0, 0);
  background-size: 40%;
  cursor: pointer;
  z-index: 10px;
}
.header-container .main-header-wrap .wrapper .header-left .sub-language {
  display: none;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  left: 70px;
  cursor: pointer;
  color: #CCCCCC;
  margin-left: -20px;
}
.header-container .main-header-wrap .wrapper .header-left .sub-language img {
  width: 15px;
  margin: 2px;
}
.header-container .main-header-wrap .wrapper .header-left .sub-language .border {
  display: none;
}
.header-container .main-header-wrap .wrapper .header-left .sub-language .modal-language {
  width: 135px;
  background: white;
  border: 1px solid #b3b3b3;
  flex-direction: column;
  text-align: left;
}
.header-container .main-header-wrap .wrapper .header-left .sub-language .modal-language .lang-wrap {
  z-index: 9;
  cursor: pointer;
  user-select: none;
}
.header-container .main-header-wrap .wrapper .header-left .sub-language .modal-language .lang-wrap .lang-img {
  margin: 0 6px;
  margin-left: 15px;
}
.header-container .main-header-wrap .wrapper .header-left .sub-language .modal-language .lang-wrap .lang-text {
  color: black;
  font: 400 14px prompt;
}
.header-container .main-header-wrap .wrapper .header-left .sub-language .modal-language .lang-wrap:hover {
  background-color: #ececec;
  transition: 0.2s ease-in-out;
}
.header-container .main-header-wrap .wrapper .header-left .sub-language .modal-language .lang-wrap.active {
  background-color: #ececec;
}
.header-container .main-header-wrap .wrapper .header-left .sub-language .modal-language hr {
  margin: 0;
}
.header-container .main-header-wrap .wrapper .header-right {
  position: relative;
  float: right;
}
.header-container .main-header-wrap .wrapper .header-right .login-botton {
  width: 70px;
  padding: 10px;
  color: white;
  background: #295eff;
  display: block;
  float: left;
  text-align: center;
  border-radius: 7px;
  font: bold 0.875rem "PT Sans";
  margin: 10px;
}
.header-container .main-header-wrap .wrapper .header-right .cart-menu {
  width: 50px;
  height: 50px;
  float: left;
  background: url(../img/shop_icon.png) no-repeat rgba(0, 0, 0, 0);
  background-size: 100%;
  float: right;
  cursor: pointer;
}
.header-container .main-header-wrap .wrapper .header-right .cart-menu .cart-noti {
  position: absolute;
  width: 15px;
  height: 15px;
  text-align: center;
  right: 13px;
  top: 10px;
  border-radius: 50%;
  background: #dc0000;
  color: #FFFFFF;
  font: 10px/15px "PT Sans";
}
.header-container .main-header-wrap .wrapper .header-right .signup-menu {
  width: 50px;
  height: 50px;
  float: left;
  background: url(../img/card_icon.png) no-repeat rgba(0, 0, 0, 0);
  background-size: 100%;
  cursor: pointer;
}
.header-container .main-header-wrap .wrapper .header-right .signup-menu .drop-signup {
  width: 278px;
  padding: 17px;
  border-top: 1px solid #FFFFFF;
  position: absolute;
  display: inline-block;
  background: #dc0000;
  right: 62px;
  top: 70px;
  width: 258px;
}
.header-container .main-header-wrap .wrapper .header-right .signup-menu .drop-signup .notice {
  display: inline-block;
  font: normal 14px/18px "PT Sans";
  color: #F5F5F5;
  margin-bottom: 10px;
}
.header-container .main-header-wrap .wrapper .header-right .signup-menu .drop-signup .signup-box {
  width: 100%;
  padding: 7px 5px;
  font: 14px/14px "PT Sans";
  color: #666666;
  margin-bottom: 15px;
}
.header-container .main-header-wrap .wrapper .header-right .signup-menu .drop-signup .login-btn {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font: 14px "PT Sans";
  color: #FFFFFF;
  background: #005CDC;
  padding: 7px 25px;
  border-radius: 1px;
  margin-right: 5px;
}
.header-container .main-header-wrap .wrapper .header-right .signup-menu .drop-signup .fb-signin-btn {
  display: block;
  position: relative;
  border: 1px solid #FFFFFF;
  margin: 15px 0;
  line-height: 40px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  background: url(../img/fb-signin-btn-mobile.png) no-repeat;
}
.header-container .main-header-wrap .wrapper .header-right .signup-menu .drop-signup .fg-password {
  font: 13px "PT Sans";
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
}
.header-container .main-header-wrap .wrapper .header-right .signup-menu .drop-signup .my-account {
  font: 13px/33px "PT Sans";
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 20px 10px 0;
  border-right: 1px solid #F5F5F5;
}
.header-container .main-header-wrap .wrapper .header-right .signup-menu .drop-signup .signup {
  font: lighter 13px "PT Sans";
  text-transform: capitalize;
  color: #CCCCCC;
  text-align: center;
  margin-top: 10px;
}
.header-container .main-header-wrap .wrapper .header-right .signup-menu .drop-signup .signup a {
  color: #F5F5F5;
  text-decoration: none;
}
.header-container .main-header-wrap .wrapper .header-main {
  display: none;
}
.header-container .main-sub-header-wrap {
  display: none;
}
.header-container .tier-drop-menu {
  display: none;
}
@media only screen and (min-width: 1100px) {
  .header-container .main-top-notice {
    display: none;
    background-color: #009900;
    width: 100%;
  }
  .header-container .main-top-notice .main-top-notice-center {
    max-width: 1400px;
    font: italic 20px/20px "PT Sans";
  }
  .header-container .list-drop {
    display: none;
  }
  .header-container .mob-topbar,
  .header-container .menu-overlay,
  .header-container .menu-sidebar {
    display: none;
  }
  .header-container .main-sub-top-wrap {
    display: block;
    color: #FFFFFF;
    height: 32px;
    background: #323232;
    -moz-box-shadow: 0 1px 5px 1px #999;
    -webkit-box-shadow: 0 1px 5px 1px #999;
    box-shadow: 0 1px 5px 1px #999;
  }
  .header-container .main-sub-top-wrap .wrapper {
    margin: 0 auto;
    padding: 0;
    width: 1100px;
    position: relative;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu {
    width: 100%;
    display: inline-block;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .promo-text {
    color: #FFFFFF;
    display: inline-block;
    font: italic 14px/32px "PT Sans";
    margin: 0;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 2px;
    text-transform: capitalize;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new .social-top {
    position: relative;
    margin-left: 35px;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new .social-top a img {
    width: 18px;
    margin-left: 5px;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new .language {
    display: inline-block;
    top: 0px;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new .language a {
    font: lighter 13px "PT Sans";
    text-decoration: none;
    color: #FFFFFF;
    padding-left: 7px;
    text-transform: uppercase;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new .language a:nth-child(1) {
    border-right: 1px solid #CCCCCC;
    padding-right: 10px;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new .call-center {
    font: lighter 13px "PT Sans";
    font-style: italic;
    color: #FFFFFF;
    margin-left: 35px;
  }
  .header-container .main-header-wrap {
    background: #dc0000 !important;
    border-bottom: 0px solid #FFFFFF;
    z-index: 10000;
  }
  .header-container .main-header-wrap .wrapper {
    margin: 0 auto;
    padding: 0;
    width: 1100px;
  }
  .header-container .main-header-wrap .wrapper .head-logo {
    display: inline-block;
    left: 0;
    margin: 56px 0 0;
    padding: 0;
    position: relative;
    min-width: 0;
    width: 130px;
    z-index: 1;
  }
  .header-container .main-header-wrap .wrapper .head-logo img {
    width: 140px!important;
  }
  .header-container .main-header-wrap .wrapper .mblogo {
    display: none;
  }
  .header-container .main-header-wrap .wrapper .header-left,
  .header-container .main-header-wrap .wrapper .header-right {
    display: none;
  }
  .header-container .main-header-wrap .wrapper .header-main {
    display: inline-block;
    position: absolute;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top {
    position: relative;
    float: left;
    width: 970px;
    height: 60px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .promo-text {
    color: #FFFFFF;
    display: inline-block;
    font: italic 14px "PT Sans";
    left: 40px;
    margin: 0;
    position: relative;
    text-transform: capitalize;
    top: 2px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left {
    display: inline-block;
    position: absolute;
    left: 40px;
    top: -1px;
    height: 60px;
    line-height: 60px;
    text-transform: capitalize;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left .subscribe-now {
    display: none;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left .subscribe-container {
    display: inline-block;
    padding: 0 20px 0 0;
    text-align: right;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left .subscribe-container .subscribe-text {
    text-transform: capitalize;
    font: lighter 12px "Arial";
    color: #CCCCCC;
    border-radius: 3px;
    display: inline-block;
    width: 160px;
    text-align: center;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon {
    display: inline-block;
    position: absolute;
    left: 40px;
    top: -1px;
    height: 60px;
    line-height: 60px;
    text-transform: capitalize;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon .signup-now {
    display: none;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon .signup-container {
    display: inline-block;
    padding: 0 20px 0 0;
    text-align: right;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon .signup-container .signup-text {
    text-transform: capitalize;
    font: lighter 12px "Arial";
    color: #CCCCCC;
    border-radius: 3px;
    display: inline-block;
    width: 160px;
    text-align: center;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right {
    display: inline-block;
    position: absolute;
    right: 10px;
    height: 60px;
    margin: 15px 0 0 0;
    text-transform: capitalize;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .sub-menu-right {
    position: relative;
    display: inline-block;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .sub-menu-right .search-box {
    color: #333333;
    font: normal 13px/14px "Helvetica";
    height: 30px;
    margin: 0;
    padding: 0 40px 0 10px;
    width: 300px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .sub-menu-right a {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0px;
    right: 0px;
    background: url(../img/search-btn-new.png) no-repeat 0px 0px rgba(0, 0, 0, 0);
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .sub-menu-right .drop-menu-active {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 300px;
    display: inline-block;
    background: #FFFFFF;
    position: absolute;
    z-index: 1;
    top: 46px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .sub-menu-right .drop-menu-active li {
    display: block;
    width: 100%;
    font: lighter 14px "PT Sans";
    padding: 10px;
    cursor: pointer;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .sub-menu-right .drop-menu-active li:hover {
    background: #F5F5F5;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .login-signup {
    position: relative;
    margin-left: 35px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .login-signup a {
    font: normal 16px "PT Sans";
    text-decoration: none;
    color: #EFEFEF;
    padding: 5px 0 5px 7px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .login-signup a:nth-child(1) {
    border-right: 1px solid #CCCCCC;
    padding-right: 10px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .login-signup a:hover {
    color: #FFFFFF;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .points {
    background: url(../img/points-icon-white.png) no-repeat -3px -1px;
    color: #FFFFFF;
    padding: 5px 0px 5px 40px;
    margin-left: 30px;
    font-weight: bold;
    font: bold 18px "PT Sans";
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .cart-menu {
    display: inline-block;
    text-decoration: none;
    font: bold 18px "PT Sans";
    color: #FFFFFF;
    margin-left: 15px;
    padding: 0 0 0 40px;
    background: url(../img/icons.png) no-repeat -2px -2218px rgba(0, 0, 0, 0);
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom {
    display: inline-block;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu {
    background: none repeat scroll 0 0 #323232;
    display: block;
    height: 66px;
    list-style: none outside none;
    margin: 0;
    min-width: 970px;
    padding: 0;
    position: relative;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li {
    float: left;
    text-align: center;
    margin: 0;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li a {
    font: bold italic 17px "PT Sans";
    line-height: 14px;
    text-transform: uppercase;
    text-decoration: none;
    display: table;
    color: #FFFFFF;
    height: 18px;
    padding: 26px 13px;
    border-right: 1px solid #666666;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li a:hover {
    background: linear-gradient(-180deg, #E9E9E9, #FFFFFF);
    color: #dc0000 !important;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu .active {
    background: linear-gradient(-180deg, #E9E9E9, #FFFFFF);
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu .active a {
    color: #dc0000;
    border-right: 1px solid #FFFFFF;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li:nth-child(1) a {
    padding: 18px 30px 18px 50px!important;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li:nth-child(1):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 66px 35px 0px 0px;
    border-style: solid;
    border-color: #dc0000 transparent transparent #dc0000 !important;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li:nth-child(2n+1) a {
    line-height: 30px;
    padding: 18px 17px;
  }
  .header-container .main-sub-header-wrap {
    display: block;
    background: #FFFFFF;
    color: #FFFFFF;
    height: 8px;
  }
  .header-container .main-sub-header-wrap .wrapper {
    margin: 0 auto;
    padding: 0;
    width: 1100px;
    position: relative;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left {
    color: #999999;
    position: absolute;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    font: lighter 12px "PT Sans";
    position: relative;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul li {
    position: relative;
    float: left;
    padding: 11px 8px 8px;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .sub-menu {
    display: table;
    z-index: 1;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .sub-menu a {
    position: relative;
    text-decoration: none;
    color: #999999;
    padding: 0 5px 0 10px;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .sub-menu a:hover {
    color: #666666;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .sub-menu .drop-icon {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: url(../img/icons.png) no-repeat -13px -662px rgba(0, 0, 0, 0);
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu {
    position: absolute;
    width: 185px;
    padding: 20px 25px 15px;
    background: #FFFFFF;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu ul li {
    padding: 0;
    float: none;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu ul li a {
    font: normal 13px "Myriad pro";
    text-transform: capitalize;
    padding: 2px 0;
    display: block;
    color: #666666;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu ul li a:hover {
    color: #005CDC;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu ul li:nth-last-child(2) a {
    padding: 2px 0 10px 0;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu ul li:last-child a {
    font-weight: normal;
    color: #005CDC;
    text-transform: capitalize;
    padding: 10px 0 0 0;
    border-top: 1px solid #CCCCCC;
  }
  .header-container .tier-drop-menu {
    display: block;
    width: 100%;
    position: absolute;
    min-height: 355px;
    background: #FFFFFF;
    z-index: 10000;
    background: linear-gradient(-360deg, #E9E9E9, #FFFFFF);
  }
  .header-container .tier-drop-menu.brand {
    display: block;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap {
    position: relative;
    float: left;
    margin: 20px 0 25px 25px;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu {
    float: left;
    margin: 0 50px 0 0;
    width: 200px;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li {
    font: normal 16px "Arial";
    margin: 6px 0;
    display: inline-block;
    width: 100%;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li h3 {
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    padding: 0 0 10px 0;
    margin: 5px 0 10px 0;
    border-bottom: 1px solid #CCCCCC;
    font-size: 15px;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li a {
    text-decoration: none;
    text-transform: capitalize;
    color: #000000;
    width: 100%;
    display: inline-block;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li .no-cap {
    text-transform: none;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li a:hover {
    color: #dc0000;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li:last-child .view-more {
    color: #FFFFFF;
    background: #dc0000;
    padding: 15px 0;
    margin-top: 10px;
    text-align: center;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li:last-child .view-more:hover {
    opacity: 0.9;
  }
  .header-container .tier-drop-menu .wrapper .persona-wrap {
    bottom: 0;
    float: left;
    position: relative;
  }
  .header-container .tier-drop-menu .wrapper .persona-wrap .help-title {
    font: bold 30px "PT Sans";
    text-transform: uppercase;
    color: #666666;
    margin: 20px 0 2px 10px;
  }
  .header-container .tier-drop-menu .wrapper .persona-wrap .sub {
    text-transform: uppercase;
    font: bold 18px "Arial";
    margin-bottom: 20px;
    margin-left: 35px;
    color: #CCCCCC;
  }
  .header-container .tier-drop-menu .wrapper .persona-wrap .strong-text {
    font: normal 16px "Arial";
    margin-top: 20px;
    margin-left: 35px;
  }
  .header-container .tier-drop-menu .wrapper .persona-wrap .strong-text .mail {
    text-decoration: none;
    font-weight: bold;
  }
  .header-container .tier-drop-menu .wrapper .persona-wrap .fb-nav {
    display: inline-block;
    margin-top: 10px;
    margin-left: 35px;
  }
}
@media only screen and (min-width: 1440px) {
  .header-container .main-header-wrap .wrapper {
    width: 1440px;
  }
  .header-container .main-header-wrap .wrapper .head-logo {
    padding: 0 15px 0 15px;
    width: 140px;
    background: #dc0000 !important;
  }
  .header-container .main-header-wrap .wrapper .head-logo img {
    width: 140px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top {
    width: 1130px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left {
    left: 40px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left .subscribe-now {
    font: lighter 16px/30px "PT Sans";
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0 10px 0 0;
    position: relative;
    top: 2px;
    display: inline-block;
    border-right: 1px solid #CCCCCC;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left .subscribe-container {
    padding: 0 0 0 10px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left .subscribe-container .subscribe-text {
    text-transform: capitalize;
    font: lighter 12px "Arial";
    color: #CCCCCC;
    border-radius: 3px;
    display: inline-block;
    width: 160px;
    text-align: center;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon {
    left: 40px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon .signup-now {
    font: lighter 16px/30px "PT Sans";
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0 10px 0 0;
    margin-right: 10px;
    position: relative;
    top: 2px;
    display: inline-block;
    border-right: 1px solid #CCCCCC;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon .signup-container {
    padding: 0 0 0 10px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon .signup-container .signup-text {
    text-transform: capitalize;
    font: lighter 12px "Arial";
    color: #CCCCCC;
    border-radius: 3px;
    display: inline-block;
    width: 160px;
    text-align: center;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .promo-text {
    left: 69px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu {
    min-width: 1130px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li a {
    padding: 26px 23px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li:nth-child(1) a {
    padding: 18px 38px 18px 60px!important;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li:nth-child(2n+1) a {
    padding: 18px 38px;
  }
}
/* Footer */
.footer-container-mobile {
  width: 100%;
  min-width: 321px;
  display: flex;
  position: fixed;
  bottom: 0;
  background: #EFEFEF;
  z-index: 10;
}
.footer-container-mobile .wrapper {
  width: 100%;
  margin: 0;
  display: inline-block;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
}
.footer-container-mobile .wrapper .footer_box {
  width: 18.5%;
  display: inline-block;
  text-align: center;
  padding: 5px 0 5px 0;
  font: 1.2rem "PT sans";
}
.footer-container-mobile .wrapper .footer_box .text {
  font: 0.575rem "PT sans";
  margin-top: 5px;
}
.footer-container-mobile .wrapper .active {
  color: #dc0000;
}
.footer-container {
  background: url(../img/ft-bg.webp) repeat 0px 0px rgba(0, 0, 0, 0);
  min-width: 320px;
  display: inline-block;
  width: 100%;
}
.footer-container .wrapper {
  margin: 0 auto;
}
.footer-container .wrapper .message-us {
  display: inline-block;
}
.footer-container .wrapper .message-us .message-button {
  display: none;
  position: fixed;
  background: white;
  border-radius: 10px;
  border: 1px solid #0384ff;
  padding: 10px 16px 10px 16px;
  margin: 0 50px 50px 0px;
  z-index: 20;
  bottom: 0;
  right: 0;
  cursor: pointer;
  font-size: 1.5rem;
}
.footer-container .wrapper .message-us .message-button i {
  color: #0384ff;
}
.footer-container .wrapper .message-us .message-button span {
  display: none;
}
.footer-container .wrapper .footer-logo {
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}
.footer-container .wrapper .footer-left {
  width: 100%;
  margin: 0 auto 40px;
}
.footer-container .wrapper .footer-left img {
  display: none;
}
.footer-container .wrapper .footer-left .ft-info {
  display: none;
}
.footer-container .wrapper .footer-left .footer-contact {
  text-align: left;
  color: #999999;
}
.footer-container .wrapper .footer-left .footer-contact .ft-contact-wrap {
  display: inline-block;
  margin-bottom: 18px;
  padding: 0 0 10px 55px;
  font: lighter 15px "PT Sans";
}
.footer-container .wrapper .footer-left .footer-contact .ft-contact-wrap.phone {
  background: url(../img/icons.png) no-repeat 0px -73px rgba(0, 0, 0, 0);
}
.footer-container .wrapper .footer-left .footer-contact .ft-contact-wrap.mail {
  background: url(../img/icons.png) no-repeat 0px 0px rgba(0, 0, 0, 0);
}
.footer-container .wrapper .footer-right {
  width: 280px;
  height: 280px;
  margin: 0 auto;
  background: url(../img/ft-right-bg.png) no-repeat 0px 0px rgba(0, 0, 0, 0);
}
.footer-container .wrapper .footer-right .ft-menu-wrap {
  background: #dc0000;
  height: 48px;
  width: 100%;
  position: relative;
  display: block;
}
.footer-container .wrapper .footer-right .ft-menu-wrap .ft-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-container .wrapper .footer-right .ft-menu-wrap .ft-menu li {
  float: left;
  width: 90px;
  height: 48px;
}
.footer-container .wrapper .footer-right .ft-menu-wrap .ft-menu li a {
  display: block;
  padding: 11px 7px 9px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: lighter;
}
.footer-container .wrapper .footer-right .ft-menu-wrap .ft-menu li a:hover {
  background: #dc0000;
}
.footer-container .wrapper .footer-right .ft-menu-wrap .ft-menu li .active {
  background: #dc0000;
}
.footer-container .wrapper .footer-right .ft-menu-wrap .ft-menu li:nth-child(2) {
  border-left: 2px solid #333333;
  border-right: 2px solid #333333;
}
.footer-container .wrapper .footer-right .ft-menu-wrap .ft-menu-full {
  display: none;
}
.footer-container .wrapper .footer-right .ft-content-wrap {
  display: table;
}
.footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  margin: 20px 0;
}
.footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content .ft-list-dropbtn {
  display: none;
}
.footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content .ft-list-dropdown-content {
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
}
.footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content .ft-list-dropdown-content a {
  width: 160px;
  padding: 8px 10px;
  float: left;
}
.footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content li {
  float: left;
  width: 50%;
  padding: 5px 10px;
}
.footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content li a {
  text-decoration: none;
  text-transform: capitalize;
  color: #666666;
  font: normal 13px "PT Sans";
}
.footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content li a:hover {
  color: #dc0000;
}
.footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content:nth-child(2),
.footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content:nth-child(3) {
  display: none;
}
.footer-container .wrapper .ft-social-payment-wrap {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.footer-container .wrapper .ft-social-payment-wrap .social-btn-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 140px;
  margin: 30px auto;
  display: inline-block;
}
.footer-container .wrapper .ft-social-payment-wrap .social-btn-wrap li {
  float: left;
  position: relative;
  padding: 0 5px;
}
.footer-container .wrapper .ft-social-payment-wrap .ft-payment-option {
  width: 310px;
  margin: 0 auto 30px;
}
.footer-container .wrapper .ft-social-payment-wrap .ft-payment-option img {
  width: 95%;
}
.footer-container .footer-bottom {
  position: relative;
  display: block;
  height: 65px;
  width: 100%;
  border-top: 1px solid #FFFFFF;
  background: linear-gradient(-180deg, #dc0000, #dc0000);
}
.footer-container .footer-bottom .wrapper .copy-right {
  text-align: center;
  position: relative;
  display: inline-block;
  margin: 25px 0;
  color: #FFFFFF;
  font: normal 12px "Arial";
}
.footer-container .footer-bottom .wrapper .social-btn-wrap-full {
  display: none;
}
@media only screen and (min-width: 800px) {
  .footer-container .wrapper .footer-left {
    float: left;
  }
  .footer-container .wrapper .footer-left .ft-info {
    display: inline-block;
    color: #CCCCCC;
    margin-bottom: 10px;
  }
  .footer-container .wrapper .footer-left .ft-info h3 {
    margin: 10px 0 5px 0;
    font: normal 18px "PT Sans";
    text-transform: capitalize;
  }
  .footer-container .wrapper .footer-left .ft-info .ft-text {
    font: normal 14px "PT Sans";
  }
  .footer-container .wrapper .footer-right {
    float: right;
  }
  .footer-container .wrapper .ft-social-payment-wrap .social-btn-wrap {
    float: left;
    margin: 0;
  }
  .footer-container .wrapper .ft-social-payment-wrap .social-btn-wrap li img:hover {
    opacity: 0.8;
  }
  .footer-container .wrapper .ft-social-payment-wrap .ft-payment-option {
    float: right;
  }
}
@media only screen and (min-width: 1140px) {
  .footer-container .wrapper {
    padding: 0px 60px;
  }
  .footer-container .wrapper .footer-logo {
    display: none;
  }
  .footer-container .wrapper .footer-left {
    margin-bottom: 0px;
  }
  .footer-container .wrapper .footer-left img {
    margin: 20px 0 10px;
    display: inline-block;
  }
  .footer-container .wrapper .footer-right {
    width: 540px!important;
    height: 350px;
    margin: 40px auto 0;
    background: none;
  }
  .footer-container .wrapper .footer-right .ft-menu-wrap {
    background: none;
    height: 48px;
    width: 100%;
    position: relative;
    display: block;
  }
  .footer-container .wrapper .footer-right .ft-menu-wrap .ft-menu {
    display: none;
  }
  .footer-container .wrapper .footer-right .ft-menu-wrap .ft-menu-full {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .footer-container .wrapper .footer-right .ft-menu-wrap .ft-menu-full li {
    float: left;
    width: 180px;
    height: 48px;
    padding: 11px 10px 10px;
    text-transform: capitalize;
    color: #FFFFFF;
    font: bold 15px "PT Sans";
  }
  .footer-container .wrapper .footer-right .ft-menu-wrap .ft-menu-full li:nth-child(2) {
    border: none;
  }
  .footer-container .wrapper .footer-right .ft-content-wrap {
    display: inline-block;
  }
  .footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block;
    width: 175px;
    margin: 0px 0px 20px 0px;
    vertical-align: top;
  }
  .footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content .ft-list-dropbtn {
    font: normal 14px "PT Sans";
    cursor: pointer;
    color: #999;
    display: inline-block;
  }
  .footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content .ft-list-dropdown-content {
    background-color: #FFFFFF;
    min-width: 185px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
  .footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content .ft-list-dropdown-content a {
    width: 170px;
    padding: 3px 5px;
    float: left;
  }
  .footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content li {
    float: none;
    display: inline-block;
    width: 170px;
    padding: 0px 10px;
  }
  .footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content li a {
    text-decoration: none;
    text-transform: capitalize;
    color: #999999;
    font: normal 14px/26px "PT Sans";
    width: 170px;
    display: block;
  }
  .footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content li a:hover {
    color: #CCCCCC;
  }
  .footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content:nth-child(2),
  .footer-container .wrapper .footer-right .ft-content-wrap .ft-list-content:nth-child(3) {
    display: inline-block;
  }
  .footer-container .wrapper .ft-social-payment-wrap {
    float: right;
    width: 51%;
  }
  .footer-container .wrapper .ft-social-payment-wrap .social-btn-wrap {
    display: none;
  }
  .footer-container .wrapper .ft-social-payment-wrap .ft-payment-option {
    margin: 0 190px 30px 0;
  }
  .footer-container .footer-bottom .wrapper .copy-right {
    float: left;
  }
  .footer-container .footer-bottom .wrapper .social-btn-wrap-full {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 226px;
    margin: 15px 0 0 165px;
    display: inline-block;
  }
  .footer-container .footer-bottom .wrapper .social-btn-wrap-full li {
    float: left;
    position: relative;
    padding: 0 5px;
  }
  .footer-container .footer-bottom .wrapper .social-btn-wrap-full li a:hover {
    opacity: 0.8;
  }
}
/* Home */
.main-container {
  min-width: 320px !important;
  background-color: #FFFFFF;
}
.main-container .donation-counter-wrap {
  display: flex;
  justify-content: center;
  padding: 30px;
  margin: 0 0 10px 0;
  background: #eeeeee;
}
.main-container .donation-counter-wrap .counter-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-width: 500px;
}
.main-container .donation-counter-wrap .counter-wrap .left-sec {
  padding: 10px;
  font: bold 1.5rem / 30px "prompt";
  color: #dc0000;
}
.main-container .donation-counter-wrap .counter-wrap .right-sec {
  display: flex;
}
.main-container .donation-counter-wrap .counter-wrap .right-sec .counter-wrap {
  font: bold 1.5rem / 30px "prompt";
}
.main-container .donation-counter-wrap .counter-wrap .right-sec .counter-wrap .counter {
  padding: 20px;
  margin: 0 2px;
  border: 1px solid #CCC;
  border-radius: 5px;
  font: bold 1.8rem/20px "Helvetica";
  background: #FFF;
}
.main-container .donation-counter-wrap .counter-wrap .right-sec .counter-wrap .c-text {
  padding: 10px;
  color: #dc0000;
}
.main-container .main-banner-wrap .top-banner {
  display: block;
  text-align: center;
}
.main-container .main-banner-wrap .top-banner .pre-slide-btn {
  display: none;
}
.main-container .main-banner-wrap .top-banner .next-slide-btn {
  display: none;
}
.main-container .main-banner-wrap .top-banner .banner {
  display: block;
}
.main-container .main-banner-wrap .top-banner .banner .main-banner {
  display: none;
  width: 100%;
  margin: 0 auto;
  max-height: 480px;
  max-width: 1920px;
}
.main-container .main-banner-wrap .top-banner .dod-banner .sub-banner {
  display: none;
  width: 100%;
  margin: 0 auto;
  max-height: 145px;
  max-width: 1440px;
}
.main-container .main-banner-wrap .top-banner .dod-banner-mobile {
  padding: 0 10px 10px 10px;
  display: inline-block;
}
.main-container .main-banner-wrap .top-banner .dod-banner-mobile .sub-banner-mobile {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  max-height: 145px;
  max-width: 800px;
  border-radius: 5px;
}
.main-container .main-banner-wrap .top-banner .banner-mobile {
  display: block;
  text-align: left;
  padding: 10px;
}
.main-container .main-banner-wrap .top-banner .banner-mobile .main-banner-mobile {
  width: 100%;
  margin: 0 auto;
  max-height: 480px;
  max-width: 800px;
  border-radius: 5px;
}
.main-container .square-banner3 {
  width: 100%;
  display: inline-block;
}
.main-container .square-banner3 .square-banner3-wrap {
  width: 100%;
  display: inline-block;
}
.main-container .square-banner3 .square-banner3-wrap .square-banner3-left {
  display: block;
  float: left;
  width: 50%;
  text-align: center;
}
.main-container .square-banner3 .square-banner3-wrap .square-banner3-left img {
  width: 90%;
  max-width: 500px;
  display: inline-block;
  border-radius: 5px;
}
.main-container .square-banner3 .square-banner3-wrap .square-banner3-right {
  display: block;
  float: right;
  width: 50%;
  text-align: center;
}
.main-container .square-banner3 .square-banner3-wrap .square-banner3-right img {
  width: 90%;
  max-width: 500px;
  display: inline-block;
  border-radius: 5px;
}
.main-container .square-banner-wrap {
  display: none;
  width: 100%;
  text-align: center;
}
.main-container .square-banner-wrap .square-banner-left,
.main-container .square-banner-wrap .square-banner-right {
  display: inline-table;
  width: 47%;
  max-width: 545px;
  margin: 0;
}
.main-container .square-banner-wrap .square-banner-left img,
.main-container .square-banner-wrap .square-banner-right img {
  width: 100%;
  max-width: 545px;
  border-radius: 10px;
}
.main-container .square-banner-wrap .square-banner-left {
  padding-right: 5px;
}
.main-container .square-banner-wrap .square-banner-right {
  margin-right: 0!important;
  padding-left: 5px;
}
.main-container .head-square-banner-wrap {
  width: 100%;
  display: inline-block;
  margin-top: 0px;
}
.main-container .head-square-banner-wrap .head-square-banner-wrap-wrap {
  max-width: 1100px;
  width: 100%;
  display: inline-block;
  padding: 5px;
  background: #dc0000;
}
.main-container .head-square-banner-wrap .head-square-banner-wrap-wrap .text-head-square-banner {
  width: 49%;
  display: block;
  float: left;
  font: bold 0.8rem/30px "Helvetica";
  text-transform: uppercase;
  text-align: left;
  color: white;
  padding-left: 20px;
}
.main-container .head-square-banner-wrap .head-square-banner-wrap-wrap .Seemore-head-square-banner {
  width: 30%;
  display: block;
  float: right;
  text-align: right;
  padding-right: 10px;
}
.main-container .head-square-banner-wrap .head-square-banner-wrap-wrap .Seemore-head-square-banner button {
  font: 0.8rem 'Helvetica';
  padding: 5px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  background: white;
}
.main-container .square-banner-wrap2 {
  display: inline-block;
  max-width: 1300px;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
}
.main-container .square-banner-wrap2 .back-botton {
  width: 25px;
  height: 25px;
  color: gray;
  display: inline-block;
  font-size: 1.5rem;
  left: 0;
  position: absolute;
  margin: 35px 5px 0 5px;
}
.main-container .square-banner-wrap2 .next-botton {
  width: 25px;
  height: 25px;
  color: gray;
  display: inline-block;
  font-size: 1.5rem;
  position: absolute;
  right: 0;
  margin: 35px 5px 0 5px;
}
.main-container .square-banner-wrap2 .square-banner {
  transition: all 0.5s ease;
  width: 100%;
  min-width: 400px;
  padding-left: 15px;
}
.main-container .square-banner-wrap2 .square-banner a {
  text-decoration: none;
}
.main-container .square-banner-wrap2 .square-banner .square-banner-left,
.main-container .square-banner-wrap2 .square-banner .square-banner-right {
  width: 32%;
  margin: 0;
  display: inline-block;
}
.main-container .square-banner-wrap2 .square-banner .square-banner-right {
  margin-left: -5px !important;
  margin: 5px 5px 0 0 ;
}
.main-container .square-banner-wrap2 .square-banner .square-banner-right img {
  width: 95%;
  max-width: none;
  display: block;
  border-radius: 3px;
}
.main-container .square-banner-wrap2 .square-banner .square-banner-right .Promotion {
  font: bold 0.675rem "kanit";
  display: none;
  width: 100%;
  color: #dc0000;
}
.main-container .square-banner-wrap2 .square-banner .square-banner-right .name {
  font: bold 0.775rem "kanit";
  display: block;
  width: 100%;
  color: black;
}
.main-container .square-banner-wrap2 .square-banner .square-banner-right .description {
  font: 0.675rem "kanit";
  display: inline-block;
  width: 85%;
  color: #444444;
  white-space: normal;
}
.main-container .section-break {
  display: none;
  width: 100%;
  text-align: center;
  height: 20px;
}
.main-container .section-break img {
  max-width: 1100px;
  width: 100%;
  text-align: center;
}
.main-container .home-flash-wrap {
  position: relative;
  text-align: center;
  margin: 10px auto 15px;
}
.main-container .home-flash-wrap .home-flash-box {
  display: inline-block;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-header {
  width: 100%;
  display: inline-block;
  background: #dc0000;
  border-radius: 5px;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-header .flash-header-title {
  float: left;
  color: #FFFFFF;
  font: bold 20px "Helvetica";
  text-transform: uppercase;
  margin: 3px;
  padding: 3px;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-header a {
  color: #000000;
  text-decoration: none;
  float: right;
  border-radius: 5px;
  padding: 10px;
  margin: 14px;
  font: 1rem 'Helvetica';
  background: #FFFFFF;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 4px auto!important;
  width: 100%;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .pg-product-list.promotion-list {
  height: 460px;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list {
  position: relative;
  display: inline-block;
  max-width: 48%;
  width: 100%;
  margin-bottom: 4px;
  padding: 15px 0;
  border: 1px solid #EFEFEF;
  text-align: center;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-image {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto 0;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-image img {
  width: 100%;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  text-align: center;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-brand-title {
  font: bold 0.875rem/20px "Helvetica";
  text-transform: uppercase;
  color: #000000;
  margin-top: 5px;
  text-decoration: none;
  width: 100%;
  height: 40px;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price {
  font: bold 18px "Helvetica";
  display: inline-block;
  margin: 0px 0 2px;
  color: #dc0000;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price .save {
  padding: 0 10px;
  color: #dc0000;
  font: lighter 14px "Helvetica";
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price .old-price {
  padding: 0 10px 0 0;
  text-decoration: line-through;
  color: #999;
  font: lighter 14px "Helvetica";
  float: left;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-code {
  display: none;
  width: 90%;
  font: bold 10px "Helvetica";
  background: #dc0000;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 3px 0;
  margin: 0 auto;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-countdown-wrap {
  padding: 5px;
  width: 100%;
  display: inline-block;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-left {
  display: inline-block;
  font: bold 0.8em "Helvetica";
  text-transform: uppercase;
  margin: 5px 10px;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right {
  display: inline-block;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap {
  display: inline-block;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap .timer-box {
  padding: 4px;
  font: bold 1em "Helvetica";
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .amount-sold {
  width: 100%;
  display: inline-block;
  text-align: right;
  font: 0.8rem "Helvetica";
  margin-top: 10px;
  padding-right: 10px;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-shopnow {
  width: 80%;
  font: bold 16px "Helvetica";
  color: #dc0000;
  text-transform: uppercase;
  padding: 10px 0 7px 0;
  margin: 0 auto;
  margin-top: 10px;
  border-radius: 10px;
  border: 1px solid #dc0000;
  display: inline-block;
  cursor: pointer;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-shopnow:hover {
  background: #dc0000;
  color: white;
}
.main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .pg-product-list:nth-child(5n) {
  margin-right: 0;
}
.main-container .plan-selection-wrap {
  width: 100%;
  height: auto;
  background: #FFFFFF;
  border: none;
  margin: 30px auto 10px;
  padding: 10px 0;
}
.main-container .plan-selection-wrap .plan-selection-cover {
  background: #FFFFFF;
  width: 100%;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-left-content {
  padding: 0 15px 15px;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-header {
  font: bold 20px "Helvetica";
  text-transform: uppercase;
  color: #dc0000;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-title {
  font: bold 14px "Helvetica";
  text-transform: uppercase;
  color: #333333;
  border-bottom: 1px solid #CCC;
  padding: 4px 0 8px 0;
  margin-bottom: 9px;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-link {
  display: none;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-right-content {
  background: url(../img/plan-blue-bg.jpg);
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide {
  display: block;
  text-align: center;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-text-goal {
  font: bold 30px "Helvetica";
  text-transform: uppercase;
  text-decoration: underline;
  color: #FFFFFF;
  padding: 15px 0 0;
  margin: 0 0 15px;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class {
  display: inline-block;
  cursor: pointer;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box {
  float: left;
  width: 105px;
  height: 180px;
  opacity: 0.7;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box img {
  width: 80px;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box .plan-class-text {
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font: bold 15px "Helvetica";
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box:hover {
  opacity: 1;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-step {
  padding: 0 0 0 0;
  margin: 0;
  list-style: none;
  text-align: center;
  z-index: 15;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-step .step {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 8px;
  text-indent: -999px;
  border: 8px solid black;
  border-radius: 10px;
  cursor: pointer;
}
.main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-step .active {
  margin: 8px;
  width: 15px;
  height: 15px;
  border: 8px solid white;
}
.main-container .main-title {
  font: bold 30px "Helvetica";
  font-style: italic;
  text-transform: uppercase;
  color: #ADADAD;
  text-align: center;
  padding: 20px 0 20px!important;
}
.main-container .goal-menu-wrap {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.main-container .goal-menu-wrap .goal-menu {
  width: 32%;
  display: inline-block;
  position: relative;
}
.main-container .goal-menu-wrap .goal-menu .goal {
  width: 100%;
  max-width: 320px;
}
.main-container .goal-menu-wrap .goal-menu .action-over {
  display: none;
}
.main-container .goal-menu-wrap .goal-menu:hover .action-over {
  display: inline-block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.main-container .timer-wrap {
  position: relative;
  height: 145px;
  width: 100%;
  background: #dc0000;
}
.main-container .timer-wrap .timer-center-wrap {
  max-width: 500px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  display: block;
}
.main-container .timer-wrap .timer-center-wrap .timer-wrap-left {
  background: #EFEFEF;
  float: left;
  padding: 38px 0 37px 4%;
  position: relative;
}
.main-container .timer-wrap .timer-center-wrap .timer-wrap-left .title-heading {
  text-transform: uppercase;
  font: bold 15px/22px "Helvetica";
  width: 110%;
  height: 70px;
}
.main-container .timer-wrap .timer-center-wrap .timer-wrap-left:before {
  content: "";
  position: absolute;
  top: 0;
  left: -60px;
  border-width: 145px 60px 0px 0px;
  border-style: solid;
  border-color: transparent #EFEFEF #EFEFEF transparent;
}
.main-container .timer-wrap .timer-center-wrap .timer-wrap-right {
  position: relative;
  float: left;
  padding: 10px 0px 16px 14%;
}
.main-container .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap {
  color: #FFFFFF;
}
.main-container .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap .timer-info {
  font: bold 15px/17px "Helvetica";
  text-transform: uppercase;
  display: inline-block;
  width: 180px;
}
.main-container .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap .date-info {
  display: none;
}
.main-container .timer-wrap .timer-center-wrap .timer-wrap-right .shipping-timer {
  display: inline-block;
  margin-top: 5px;
}
.main-container .timer-wrap .timer-center-wrap .timer-wrap-right .shipping-timer .timer-box {
  float: left;
  position: relative;
  background: #FFFFFF;
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
  padding: 7px;
}
.main-container .timer-wrap .timer-center-wrap .timer-wrap-right .shipping-timer .timer-box .time {
  font: bold 25px/37px "Helvetica";
  color: #666666;
  padding: 2px;
}
.main-container .timer-wrap .timer-center-wrap .timer-wrap-right:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  border-width: 150px 40px 0px 0px;
  border-style: solid;
  border-color: #EFEFEF transparent transparent #EFEFEF;
}
.main-container .main {
  padding: 0;
  margin-bottom: 30px;
  text-align: center;
  /* Version 2 */
  /* Version 1 */
  /*
		.product-list-wrap {
			.reset;
			margin: 0 auto!important;
			max-width: 500px;
			width: 100%;
			.product-list {
				float: left;
				position: relative;
				display: block;
				max-width: 235px;
				width: 100%;
				margin: 7px 0 3px 10px;
				padding: 15px 0;
				border: 1px solid @light-gray;
				background: linear-gradient(360deg, @light-white, @white);
				a {
					text-decoration: none;
					text-transform: uppercase;
					color: @dark;
					text-align: center;
					.p-image {
						position: relative;
						display: block;
						margin: 0 auto;
						width: 200px;
						height: 200px;
						vertical-align: bottom;
						img {
							max-height: 200px;
						}
					}
					.p-container-top {
						display: inline-block;
						width: 100%;
						padding: 0 10px;
						.p-brand-title {
							font: lighter 14px "Helvetica";
							margin-top: 10px;
							display: inline-block;
						}
						.p-name {
							font: bold 20px/20px "Helvetica";
							width: 100%;
							display: inline-block;
							margin: 0 0 10px;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}
						.p-price {
							font: lighter 16px "Helvetica";
							display: inline-block;
						}
						.p-sale-price {
							font: bold 16px "Helvetica";
							display: block;
							margin: -8px 0 15px;
							color: @red;
						}
					}
					.p-container-bottom {
						text-align: left;
						.buy-now {
							position: relative;
							left: -3px;
						}
						.p-best-seller {
						    display: inline-block;
						    font-weight: bold;
						    padding: 15px 10px 0;
						    width: 100%;
						    .pound-sign {
					    	    color: #ccc;
							    font-size: 30px;
							    font-weight: lighter;
							    position: absolute;
						    }
						    .number {
						    	display: inline-block;
							    font-size: 42px;
							    margin: 5px 5px 0 18px;
							    position: relative;
						    }
						    .text {
					    	    bottom: 10px;
							    color: #ccc;
							    position: relative;
						    }
						}
					}
				}
			}
		}
		*/
}
.main-container .main .product-list-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 auto!important;
}
.main-container .main .product-list-wrap .product-list {
  display: inline-block;
  width: 48%;
  margin: 3px 0px;
  padding: 5px 0;
  border: 1px solid #CCCCCC;
}
.main-container .main .product-list-wrap .product-list a {
  text-decoration: none;
  text-transform: uppercase;
  color: #333333;
  text-align: center;
}
.main-container .main .product-list-wrap .product-list a .p-image {
  position: relative;
  margin: 0 auto;
  vertical-align: bottom;
}
.main-container .main .product-list-wrap .product-list a .p-image .pg-float-img {
  position: absolute;
  right: -20px;
  top: -11px;
  z-index: 1;
}
.main-container .main .product-list-wrap .product-list a .p-image .pg-float-img .sure-logo {
  width: 50px;
  margin: 8px 30px 0 0;
}
.main-container .main .product-list-wrap .product-list a .p-image img {
  width: 100%;
}
.main-container .main .product-list-wrap .product-list a .p-container-top {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}
.main-container .main .product-list-wrap .product-list a .p-container-top .p-brand-title {
  font: lighter 14px "Helvetica";
  margin-top: 10px;
  display: inline-block;
}
.main-container .main .product-list-wrap .product-list a .p-container-top .p-name {
  font: bold 0.975rem/20px "Helvetica";
  width: 100%;
  margin: 15px 0 0;
  height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-container .main .product-list-wrap .product-list a .p-container-top .p-name-sub {
  margin: 0;
  display: inline-block;
}
.main-container .main .product-list-wrap .product-list a .p-container-top .p-price {
  font: lighter 12px "Helvetica";
  display: inline-block;
}
.main-container .main .product-list-wrap .product-list a .p-container-top .p-sale-price {
  font: bold 14px "Helvetica";
  display: block;
  margin: 0 0 5px;
  color: #dc0000;
  width: 100%;
}
.main-container .main .product-list-wrap .product-list a .p-container-bottom {
  text-align: center;
}
.main-container .main .product-list-wrap .product-list a .p-container-bottom .buy-now {
  background: none repeat scroll 0 0 #dc0000;
  color: #FFFFFF;
  display: inline-block;
  font: normal 16px/16px "Helvetica";
  padding: 10px 10px 8px;
  text-decoration: none;
  text-transform: uppercase;
  width: 85%;
}
.main-container .main .product-list-wrap .product-list a .p-container-bottom .p-best-seller {
  display: inline-block;
  font-weight: bold;
  padding: 15px 10px 0;
  width: 100%;
}
.main-container .main .product-list-wrap .product-list a .p-container-bottom .p-best-seller .pound-sign {
  color: #ccc;
  font-size: 30px;
  font-weight: lighter;
  position: absolute;
}
.main-container .main .product-list-wrap .product-list a .p-container-bottom .p-best-seller .number {
  display: inline-block;
  font-size: 42px;
  margin: 5px 5px 0 18px;
  position: relative;
}
.main-container .main .product-list-wrap .product-list a .p-container-bottom .p-best-seller .text {
  display: block;
  bottom: 10px;
  color: #ccc;
  position: relative;
}
/* Product Grid */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .navigation-wrap {
  display: none;
}
.main-container .main {
  padding: 0;
  margin-bottom: 30px;
  /*
		.pg-product-list-wrap {
			.reset;
			margin: 0 auto!important;
			max-width: 500px;
			width: 100%;
			.pg-product-list {
				float: left;
				position: relative;
				display: block;
				max-width: 210px;
				width: 100%;
				margin: 7px 0 3px 26px;
				padding: 15px 0;
				border: 1px solid @light-gray;
				background: linear-gradient(360deg, @light-white, @white);
				text-align: center;
				.pg-image {
					position: relative;
					display: block;
					width: 100%;
					height: 200px;
					margin: 0 auto 5px;
					img {
						max-height: 200px;
					}
				}
				.pg-container-top {
					display: inline-block;
					width: 100%;
					padding: 0 10px;
					.pg-brand-title, .pg-name {
						font: bold 16px "PT Sans";
						color: @dark;
						text-transform: capitalize;
						margin-top: 10px;
						display: inline-block;
						text-decoration: none;
						width: 100%;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.pg-name {
						width: 100%;
						display: block;
						margin: -4px 0 5px;
					}
					.pg-price {
						font: lighter 14px "PT Sans";
						display: inline-block;
						color: @gray;
						margin-right: 5px;
						text-decoration: line-through;
					}
					.pg-sale-price {
						font: bold 20px "PT Sans";
						display: inline-block;
						margin: 0px 0 2px;
						color: @blue;
					}
				}
				.pg-container-bottom {
					text-align: left;
					padding: 0 15px;
					.add-to-cart-btn {
						position: relative;
						width: 100%;
						background: @blue;
						color: @white;
						font: normal 14px/23px "PT Sans";
						height: 30px;
						text-align: center;
						text-decoration: none;
						text-transform: uppercase;
						display: inline-block;
						padding: 5px 0;
					}
					.add-to-cart-btn:hover {
						opacity: 0.9;
					}
					.pg-points-earn {
					    display: inline-block;
					    color: @dark;
					    font: lighter 13px "PT Sans";
					    padding: 0 0 0 35px;
					    margin: 10px 0 0 0;
					    width: 100%;
					    background: url(../img/icons.png) no-repeat -3px -830px rgba(0, 0, 0, 0);
					    text-transform: capitalize;
					    .pg-points {
					    	font: bold 20px "PT Sans";
					    	color: @blue;
					    }
					}
				}
			}
			.pg-product-list:nth-child(5n) {
				margin-right: 0;
			}
		}
		*/
}
.main-container .main .large-bg {
  display: none;
  width: 100%;
  height: 330px;
  background: #4b4b4b;
}
.main-container .main .large-bg.no-bg {
  background: none;
}
.main-container .main .large-bg .category-brand-intro {
  display: none;
  width: 100%;
  min-height: 331px;
  max-width: 1100px;
  border-bottom: 1px solid #EFEFEF;
  margin: 0 auto;
  padding: 0;
  background: url(../img/intro-bg.png) no-repeat right bottom rgba(0, 0, 0, 0);
}
.main-container .main .large-bg .category-brand-intro .intro-image {
  float: left;
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 600px;
  height: 330px;
}
.main-container .main .large-bg .category-brand-intro .intro-image img {
  max-width: 600px;
}
.main-container .main .large-bg .category-brand-intro .intro-category {
  display: inline-block;
  position: relative;
  float: left;
  height: 330px;
  padding: 25px 50px;
  width: 500px;
  background: rgba(255, 255, 255, 0.2);
}
.main-container .main .large-bg .category-brand-intro .intro-category h2 {
  margin: 0 0 10px 0;
  font: bold 24px/24px "PT Sans";
  color: #FFFFFF;
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-container .main .large-bg .category-brand-intro .intro-category h3 {
  margin: 0 0 10px 0;
  font: normal 16px/16px "PT Sans";
  color: #CCCCCC;
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-container .main .large-bg .category-brand-intro .intro-category .intro-description {
  display: block;
  color: #F5F5F5;
  font: normal 14px/22px "PT Sans";
  text-align: left;
  overflow-y: auto;
  height: 210px;
  margin-top: 15px;
}
.main-container .main .large-bg .category-brand-intro .intro-category .close-btn {
  position: absolute;
  top: 0;
  left: 0;
}
.main-container .main .category-brand-intro-sub {
  display: none;
  width: 100%;
  height: 100px;
  max-width: 1100px;
  border-bottom: 1px solid #EFEFEF;
  margin: 8px auto;
  padding: 0;
  background: #FFFFFF;
}
.main-container .main .category-brand-intro-sub img {
  height: 100px;
}
.main-container .main .pg-search-by-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 0 20px 0;
  position: relative;
}
.main-container .main .pg-search-by-wrap h3 {
  margin: 25px 0;
  font: bold 24px "PT Sans";
  color: #999999;
  text-transform: capitalize;
}
.main-container .main .pg-search-by-wrap .sm-logo {
  display: block;
}
.main-container .main .pg-search-by-wrap .sm-logo img {
  width: 300px;
}
.main-container .main .pg-search-by-wrap .search-option-wrap {
  display: inline-block;
  margin: 0 20px 0 0;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .title {
  font: lighter 13px/26px "PT Sans";
  color: #666666;
  text-transform: capitalize;
  margin: 0 5px 0 0;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap {
  text-transform: capitalize;
  position: relative;
  text-align: left;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop {
  border: 1px solid #CCCCCC;
  width: 140px;
  display: inline-block;
  font: bold 14px/23px "PT Sans";
  text-decoration: none;
  color: #666666;
  padding: 0 15px;
  background: url(../img/icons.png) no-repeat 106px -769px rgba(0, 0, 0, 0);
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  background: #FFFFFF;
  left: 0;
  top: 21px;
  width: 140px;
  padding: 5px 0;
  border: 1px solid #CCCCCC;
  z-index: 2;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a {
  text-decoration: none;
  font: normal 14px "PT Sans";
  color: #666666;
  display: block;
  padding: 5px 0 5px 15px;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a:hover {
  color: #CCCCCC;
}
.main-container .main .pg-search-by-wrap .pg-page-wrap-top {
  display: none;
}
.main-container .main .pg-grid-wrap {
  width: 100%;
  margin: 0 auto;
}
.main-container .main .pg-grid-wrap .pg-grid {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap {
  max-height: 435px;
  float: left;
  text-align: left;
  margin: 0 1em 0 1em;
  background: #fff;
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter {
  text-transform: capitalize;
  display: inline-block;
  border: 1px solid #ccc;
  background: red;
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-title {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  margin: 0 10px 10px;
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  margin: 2px 0 15px 5px;
  font: normal 14px/23px "PT Sans";
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .filter-sub-title {
  padding: 0 0 6px 10px;
  display: block;
  font: bold 14px/23px "PT Sans";
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .selector {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin: 0 0 10px 15px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font: normal 14px/23px "PT Sans";
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .selector input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .selector:hover input ~ .checkmark {
  background-color: #efefef;
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .selector input:checked ~ .checkmark {
  background-color: #fff;
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .selector input:checked ~ .checkmark:after {
  display: block;
}
.main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .selector .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 auto;
  width: 320px;
  display: inline-block;
  text-align: left;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list.promotion-list {
  height: 460px;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list {
  position: relative;
  display: inline-block;
  max-width: 150px;
  width: 100%;
  margin: 7px 0 3px 5px;
  padding: 15px 0;
  border: 1px solid #EFEFEF;
  text-align: center;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  opacity: 0.9;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-discount-wrap {
  position: relative;
  background: #dc0000;
  color: #FFFFFF;
  padding: 10px 2px 10px 2px;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
  font: bold 11px/15px "PT Sans";
  text-transform: uppercase;
  color: #efefef;
  border-radius: 2px 10px 10px 2px;
  padding-bottom: 2px;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
  font: bold 24px/23px "PT Sans";
  text-shadow: 1px 1px 2px #333;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-bottom-arrow {
  border-top: 9px solid #dc0000;
  border-bottom: none;
  border-right: 29px solid transparent;
  border-left: 29px solid transparent;
  position: relative;
  z-index: 1;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image {
  position: relative;
  display: block;
  width: 100%;
  height: 150px;
  margin: 0 auto 5px;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image .pg-promo-code-float {
  bottom: 10px;
  left: 0;
  text-align: left;
  position: absolute;
  z-index: 2;
  min-width: 190px;
  max-width: 210px;
  height: 30px;
  background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
  box-shadow: -3px 2px 2px #333;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 4px 10px;
  font: bold italic 14px/24px "Arial";
  overflow: hidden;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image .pg-float-img {
  top: -10px;
  right: 2px;
  position: absolute;
  z-index: 1;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image .pg-float-img .sure-logo {
  width: 110px;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image img {
  max-height: 140px;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-brand-title,
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-name {
  font: bold 16px "Helvetica";
  color: #000000;
  text-transform: capitalize;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-name {
  width: 100%;
  display: block;
  margin: 0 0 10px;
  color: #666666;
  font-weight: normal;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .expiredate {
  color: #dc0000;
  text-transform: uppercase;
  font: normal 12px "Helvetica Neue";
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-price {
  font: lighter 14px "Helvetica";
  display: inline-block;
  color: #CCCCCC;
  margin-right: 5px;
  text-decoration: line-through;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price {
  font: bold 22px "Helvetica";
  display: inline-block;
  margin: 0px 0 2px;
  color: #dc0000;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price .save {
  padding: 0 10px;
  color: #dc0000;
  font: lighter 14px "Helvetica";
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price .old-price {
  padding: 0 10px 0 0;
  text-decoration: line-through;
  color: #999;
  font: lighter 18px "Helvetica";
  float: left;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom {
  text-align: left;
  padding: 0 20px;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn {
  position: relative;
  width: 100%;
  background: #0033CC;
  color: #FFFFFF;
  font: normal 10px/14px "PT Sans";
  height: 35px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 10px 8px;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn:hover {
  opacity: 0.9;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-category {
  font: lighter 14px "Helvetica";
  display: block;
  margin: 8px 0 2px;
  color: #666666;
  text-align: left;
  text-transform: uppercase;
  font-style: italic;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn {
  display: inline-block;
  color: #666666;
  font: lighter 12px "PT Sans";
  padding: 0 0 0 29px;
  margin: 10px 0 0 0;
  width: 100%;
  text-align: center;
  background: url(../img/icons.png) no-repeat -7px -830px rgba(0, 0, 0, 0);
  text-transform: capitalize;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn .pg-points {
  font: bold 20px "PT Sans";
  color: #0033CC;
}
.main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list:nth-child(5n) {
  margin-right: 0;
}
.main-container .main .pg-page-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 20px 0 10px 0;
  font-weight: lighter;
}
.main-container .main .pg-page-wrap .pg-prev-next {
  text-decoration: none;
  font: lighter 16px "PT Sans";
  color: #666666;
}
.main-container .main .pg-page-wrap .pg-prev-next:hover {
  color: #0033CC;
}
.main-container .main .pg-page-wrap .pg-page .pg-block {
  display: inline-block;
  border: 1px solid #999999;
  width: 20px;
  margin: 0 5px;
}
/* Product Grid */
.main-container {
  min-width: 500px;
  background-color: #FFFFFF;
}
.main-container .navigation-wrap {
  display: none;
}
.main-container .main {
  padding: 0;
  margin-bottom: 30px;
  /*
		.pg-product-list-wrap {
			.reset;
			margin: 0 auto!important;
			max-width: 500px;
			width: 100%;
			.pg-product-list {
				float: left;
				position: relative;
				display: block;
				max-width: 210px;
				width: 100%;
				margin: 7px 0 3px 26px;
				padding: 15px 0;
				border: 1px solid @light-gray;
				background: linear-gradient(360deg, @light-white, @white);
				text-align: center;
				.pg-image {
					position: relative;
					display: block;
					width: 100%;
					height: 200px;
					margin: 0 auto 5px;
					img {
						max-height: 200px;
					}
				}
				.pg-container-top {
					display: inline-block;
					width: 100%;
					padding: 0 10px;
					.pg-brand-title, .pg-name {
						font: bold 16px "PT Sans";
						color: @dark;
						text-transform: capitalize;
						margin-top: 10px;
						display: inline-block;
						text-decoration: none;
						width: 100%;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.pg-name {
						width: 100%;
						display: block;
						margin: -4px 0 5px;
					}
					.pg-price {
						font: lighter 14px "PT Sans";
						display: inline-block;
						color: @gray;
						margin-right: 5px;
						text-decoration: line-through;
					}
					.pg-sale-price {
						font: bold 20px "PT Sans";
						display: inline-block;
						margin: 0px 0 2px;
						color: @blue;
					}
				}
				.pg-container-bottom {
					text-align: left;
					padding: 0 15px;
					.add-to-cart-btn {
						position: relative;
						width: 100%;
						background: @blue;
						color: @white;
						font: normal 14px/23px "PT Sans";
						height: 30px;
						text-align: center;
						text-decoration: none;
						text-transform: uppercase;
						display: inline-block;
						padding: 5px 0;
					}
					.add-to-cart-btn:hover {
						opacity: 0.9;
					}
					.pg-points-earn {
					    display: inline-block;
					    color: @dark;
					    font: lighter 13px "PT Sans";
					    padding: 0 0 0 35px;
					    margin: 10px 0 0 0;
					    width: 100%;
					    background: url(../img/icons.png) no-repeat -3px -830px rgba(0, 0, 0, 0);
					    text-transform: capitalize;
					    .pg-points {
					    	font: bold 20px "PT Sans";
					    	color: @blue;
					    }
					}
				}
			}
			.pg-product-list:nth-child(5n) {
				margin-right: 0;
			}
		}
		*/
}
.main-container .main .large-bg {
  display: none;
  width: 100%;
  height: 330px;
  background: #4b4b4b;
}
.main-container .main .large-bg.no-bg {
  background: none;
}
.main-container .main .large-bg .category-brand-intro {
  display: none;
  width: 100%;
  min-height: 331px;
  max-width: 1100px;
  border-bottom: 1px solid #EFEFEF;
  margin: 0 auto;
  padding: 0;
  background: url(../img/intro-bg.png) no-repeat right bottom rgba(0, 0, 0, 0);
}
.main-container .main .large-bg .category-brand-intro .intro-image {
  float: left;
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 600px;
  height: 330px;
}
.main-container .main .large-bg .category-brand-intro .intro-image img {
  max-width: 600px;
}
.main-container .main .large-bg .category-brand-intro .intro-category {
  display: inline-block;
  position: relative;
  float: left;
  height: 330px;
  padding: 25px 50px;
  width: 500px;
  background: rgba(255, 255, 255, 0.2);
}
.main-container .main .large-bg .category-brand-intro .intro-category h2 {
  margin: 0 0 10px 0;
  font: bold 24px/24px "PT Sans";
  color: #FFFFFF;
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-container .main .large-bg .category-brand-intro .intro-category h3 {
  margin: 0 0 10px 0;
  font: normal 16px/16px "PT Sans";
  color: #CCCCCC;
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-container .main .large-bg .category-brand-intro .intro-category .intro-description {
  display: block;
  color: #F5F5F5;
  font: normal 14px/22px "PT Sans";
  text-align: left;
  overflow-y: auto;
  height: 210px;
  margin-top: 15px;
}
.main-container .main .large-bg .category-brand-intro .intro-category .close-btn {
  position: absolute;
  top: 0;
  left: 0;
}
.main-container .main .category-brand-intro-sub {
  display: none;
  width: 100%;
  height: 100px;
  max-width: 1100px;
  border-bottom: 1px solid #EFEFEF;
  margin: 8px auto;
  padding: 0;
  background: #FFFFFF;
}
.main-container .main .category-brand-intro-sub img {
  height: 100px;
}
.main-container .main .pg-search-by-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 0 20px 0;
  position: relative;
}
.main-container .main .pg-search-by-wrap h3 {
  margin: 25px 0;
  font: bold 24px "PT Sans";
  color: #999999;
  text-transform: capitalize;
}
.main-container .main .pg-search-by-wrap .sm-logo {
  display: block;
}
.main-container .main .pg-search-by-wrap .sm-logo img {
  width: 300px;
}
.main-container .main .pg-search-by-wrap .search-option-wrap {
  display: inline-block;
  margin: 0 20px 0 0;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .title {
  font: lighter 13px/26px "PT Sans";
  color: #666666;
  text-transform: capitalize;
  margin: 0 5px 0 0;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap {
  text-transform: capitalize;
  position: relative;
  text-align: left;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop {
  border: 1px solid #CCCCCC;
  width: 140px;
  display: inline-block;
  font: bold 14px/23px "PT Sans";
  text-decoration: none;
  color: #666666;
  padding: 0 15px;
  background: url(../img/icons.png) no-repeat 106px -769px rgba(0, 0, 0, 0);
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  background: #FFFFFF;
  left: 0;
  top: 21px;
  width: 140px;
  padding: 5px 0;
  border: 1px solid #CCCCCC;
  z-index: 2;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a {
  text-decoration: none;
  font: normal 14px "PT Sans";
  color: #666666;
  display: block;
  padding: 5px 0 5px 15px;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a:hover {
  color: #CCCCCC;
}
.main-container .main .pg-search-by-wrap .pg-page-wrap-top {
  display: none;
}
.main-container .main .pg-grid-wrap {
  width: 100%;
  margin: 0 auto;
}
.main-container .main .pg-grid-wrap .pg-grid-promo {
  display: block;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap {
  max-height: 435px;
  float: left;
  text-align: left;
  margin: 0 1em 0 1em;
  background: #fff;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter {
  text-transform: capitalize;
  display: inline-block;
  min-width: 240px;
  border: 1px solid #ccc;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-title {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  margin: 0 10px 10px;
  font-weight: bold;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  margin: 2px 0 15px 5px;
  font: normal 14px/23px "PT Sans";
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .filter-sub-title {
  padding: 0 0 6px 10px;
  display: block;
  font: bold 14px/23px "PT Sans";
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin: 0 15px 10px 15px;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font: normal 10px/23px "PT Sans" !important;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector:hover input ~ .checkmark {
  background-color: #efefef;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector input:checked ~ .checkmark {
  background-color: #fff;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector input:checked ~ .checkmark:after {
  display: block;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 auto;
  width: 100%;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list.promotion-list {
  height: 400px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list {
  float: left;
  position: relative;
  display: block;
  width: 48%;
  margin: 7px 0 3px 5px;
  padding: 15px 0;
  border: 1px solid #EFEFEF;
  text-align: center;
  border-radius: 3px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  opacity: 0.9;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-discount-wrap {
  position: relative;
  background: #dc0000;
  color: #FFFFFF;
  padding: 5px 0px 5px 0px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
  font: bold 8px/15px "PT Sans";
  text-transform: uppercase;
  color: #efefef;
  border-radius: 2px 10px 10px 2px;
  padding-bottom: 2px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
  font: bold 18px/23px "PT Sans";
  text-shadow: 1px 1px 2px #333;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-bottom-arrow {
  border-top: 9px solid #dc0000;
  border-bottom: none;
  border-right: 27px solid transparent;
  border-left: 27px solid transparent;
  position: relative;
  z-index: 1;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image {
  position: relative;
  display: block;
  width: 100%;
  height: 140px;
  margin: 0 auto 5px;
  text-align: center;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image .pg-promo-code-float {
  bottom: 10px;
  left: 0;
  text-align: left;
  position: absolute;
  z-index: 2;
  min-width: 150px;
  max-width: 210px;
  height: 30px;
  background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
  box-shadow: -3px 2px 2px #333;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 4px 10px;
  font: bold italic 14px/24px "Arial";
  overflow: hidden;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image .pg-float-img {
  top: -13px;
  right: 5px;
  position: absolute;
  z-index: 1;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image .pg-float-img .sure-logo {
  width: 60px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image img {
  max-height: 130px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-brand-title,
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-name {
  font: bold 0.875rem/20px "Helvetica";
  color: #000000;
  text-transform: capitalize;
  margin-top: 0px;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-size {
  text-decoration: none;
  font: 0.875rem/20px "Helvetica";
  color: #444444;
  width: 100%;
  display: block;
  text-align: center;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-name {
  width: 100%;
  display: block;
  margin: 0 0 10px;
  color: #666666;
  font-weight: normal;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .expiredate {
  color: #dc0000;
  text-transform: uppercase;
  font: normal 12px "Helvetica Neue";
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-price {
  font: lighter 14px "Helvetica";
  display: inline-block;
  color: #CCCCCC;
  margin-right: 5px;
  text-decoration: line-through;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price {
  font: bold 18px "Helvetica";
  display: inline-block;
  margin: 0px 0 2px;
  color: #dc0000;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price .save {
  padding: 0 10px;
  color: #dc0000;
  font: lighter 14px "Helvetica";
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price .old-price {
  padding: 3px 10px 0 0;
  text-decoration: line-through;
  color: #999;
  font: lighter 14px "Helvetica";
  float: left;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom {
  text-align: left;
  padding: 0 20px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn {
  position: relative;
  width: 100%;
  background: #0033CC;
  color: #FFFFFF;
  font: 0.875rem/20px "PT Sans";
  height: 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 5px 5px 4px;
  border-radius: 3px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn:hover {
  opacity: 0.9;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-category {
  font: lighter 10px "Helvetica";
  display: block;
  margin: 8px 0 2px;
  color: #666666;
  text-align: left;
  text-transform: uppercase;
  font-style: italic;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn {
  color: #666666;
  font: lighter 10px "PT Sans";
  margin: 0px 0 0 0px;
  padding: 10px 0 0 0px;
  width: 100%;
  display: inline-block;
  text-align: center;
  background: url(../img/icons.png) no-repeat 15px -808px rgba(0, 0, 0, 0);
  text-transform: capitalize;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn .pg-points {
  font: bold 18px "PT Sans";
  color: #0033CC;
  width: 130px;
  display: inline-block;
  text-align: center;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list:nth-child(5n) {
  margin-right: 0;
}
.main-container .main .pg-page-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 20px 0 10px 0;
  font-weight: lighter;
}
.main-container .main .pg-page-wrap .pg-prev-next {
  text-decoration: none;
  font: lighter 16px "PT Sans";
  color: #666666;
}
.main-container .main .pg-page-wrap .pg-prev-next:hover {
  color: #0033CC;
}
.main-container .main .pg-page-wrap .pg-page .pg-block {
  display: inline-block;
  border: 1px solid #999999;
  width: 20px;
  margin: 0 5px;
}
/* Product Detail */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .now-white {
  background: #FFFFFF;
}
.main-container .pd-main-wrap {
  display: inline-block;
  position: relative;
  width: 100%;
  background: #FFFFFF;
}
.main-container .pd-main-wrap .pd-top-holder {
  display: block;
  width: 100%;
  min-width: 320px;
  position: relative;
  text-align: center;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main {
  position: relative;
  max-width: 240px;
  display: none;
  vertical-align: top;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main .pd-float-img {
  z-index: 1;
  position: absolute;
  bottom: -8px;
  left: 15px;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main .pd-float-img .sure-logo {
  width: 100px;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main img {
  width: 100%;
  max-width: 400px;
  position: relative;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap {
  width: 100%;
  display: block;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap {
  width: 450px;
  position: absolute;
  z-index: 20;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap .back-button {
  width: 25px;
  height: 25px;
  border-radius: 20px;
  font-size: 1.2rem;
  color: #444444;
  background: white;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  text-align: center;
  display: block;
  float: left;
  margin: 9% 0 0 15px;
  padding: 0px 0 0 0px;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap .next-button {
  text-align: center;
  font-size: 1.2rem;
  color: #444444;
  display: block;
  float: right;
  margin: 9% 50px 0 3px;
  background: white;
  width: 25px;
  height: 25px;
  padding: 0px 0 0 3px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img {
  white-space: nowrap;
  overflow: auto;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img .multi-img-box {
  width: 100px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #EFEFEF;
  border-radius: 10px;
  margin-right: 10px;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img .multi-img-box img {
  width: 100%;
  max-width: 150px;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup {
  display: none;
  position: absolute;
  width: 100%;
  height: 500%;
  background-color: rgba(48, 48, 48, 0.7);
  z-index: 40;
  left: 0;
  padding-top: 10%;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .button-navigat-wrap {
  width: 450px;
  position: absolute;
  z-index: 20;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .button-navigat-wrap .next-button {
  text-align: center;
  font-size: 1.2rem;
  color: white;
  display: block;
  float: left;
  margin: 33% 50px 0 -10px;
  background: #CCCCCC;
  width: 40px;
  height: 35px;
  padding: 5px 0 0 3px;
  border-radius: 0px 5px 5px 0px;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .multi-img-mb-wrap {
  white-space: nowrap;
  overflow: auto;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .multi-img-mb-wrap .multi-img-box {
  display: inline-block;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .multi-img-mb-wrap .multi-img-box img {
  width: 100%;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .multi-img-mb-wrap .multi-img-box video {
  width: 100%;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .count-img {
  width: 60px;
  height: 20px;
  border-radius: 30px;
  display: inline-block;
  position: absolute;
  z-index: 30;
  right: 0;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 536% 0 0 0;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .count-img .count-number {
  font: 0.875rem 'kanit';
  text-align: center;
  color: white;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile {
  width: 100%;
  display: inline-block;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile .button-navigat-wrap {
  width: 450px;
  position: absolute;
  z-index: 20;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile .button-navigat-wrap .next-button {
  text-align: center;
  font-size: 1.2rem;
  color: white;
  display: block;
  float: left;
  margin: 33% 50px 0 -10px;
  background: #CCCCCC;
  width: 40px;
  height: 35px;
  padding: 5px 0 0 3px;
  border-radius: 0px 5px 5px 0px;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile .multi-img-mb-wrap {
  white-space: nowrap;
  overflow-x: scroll;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile .multi-img-mb-wrap .multi-img-box {
  display: inline-block;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile .multi-img-mb-wrap .multi-img-box img {
  width: 100%;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile .multi-img-mb-wrap .multi-img-box video {
  width: 100%;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile .count-img {
  width: 60px;
  height: 20px;
  border-radius: 30px;
  display: inline-block;
  position: absolute;
  z-index: 30;
  right: 0;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 536% 0 0 0;
}
.main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile .count-img .count-number {
  font: 0.875rem 'kanit';
  text-align: center;
  color: white;
}
.main-container .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile {
  width: 100%;
  display: block;
  padding: 10px;
}
.main-container .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile .button-navigat-wrap {
  width: 100%;
  position: absolute;
  z-index: 20;
}
.main-container .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile .button-navigat-wrap .back-button {
  width: 25px;
  height: 25px;
  border-radius: 20px;
  font-size: 1.2rem;
  color: #444444;
  background: white;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  text-align: center;
  display: block;
  float: left;
  margin: 9% 0 0 15px;
  padding: 0px 0 0 0px;
}
.main-container .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile .button-navigat-wrap .next-button {
  text-align: center;
  font-size: 1.2rem;
  color: #444444;
  display: block;
  float: right;
  margin: 9% 50px 0 3px;
  background: white;
  width: 25px;
  height: 25px;
  padding: 0px 0 0 3px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}
.main-container .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile .multi-img {
  white-space: nowrap;
  overflow: auto;
}
.main-container .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile .multi-img .multi-img-box {
  width: 100px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #EFEFEF;
  border-radius: 10px;
  margin-right: 10px;
}
.main-container .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile .multi-img .multi-img-box img {
  width: 100%;
  max-width: 150px;
}
.main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap {
  max-width: 260px;
  width: 90%;
  display: inline-block;
  color: #333333;
  text-transform: uppercase;
  padding: 15px 0;
  text-align: left;
}
.main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-brand {
  text-align: left;
  display: block;
  font: 0.875rem/16px "Helvetica";
}
.main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-name {
  display: block;
  width: 100%;
  font: bold 15px/15px "Helvetica";
  margin: 0;
  display: inline-block;
}
.main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .selection-points-new {
  color: #666666;
  display: block;
  font: lighter 13px "Helvetica";
  padding: 10px 0 0 0;
  margin: 10px 0;
  text-transform: capitalize;
  border-top: 1px solid #EFEFEF;
}
.main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .selection-points-new .points {
  color: #0033CC;
  font: bold 20px "Helvetica";
  padding-left: 30px;
  background: url(../img/icons.png) no-repeat scroll -5px -832px rgba(0, 0, 0, 0);
}
.main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-description {
  display: block;
  font: lighter 14px/16px "Helvetica";
  text-transform: capitalize;
  margin: 15px 0;
}
.main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-supplement-btn {
  color: #FFFFFF;
  display: block;
  background: url(../img/button-icons.png) no-repeat 180px -160px #0033CC;
  text-decoration: none;
  width: 220px;
  padding: 13px 10px 13px 20px;
  margin-top: 20px;
  font: normal 12px "Helvetica";
}
.main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-supplement-btn:hover {
  opacity: 0.9;
}
.main-container .pd-main-wrap .pd-top-holder .pd-img-popup {
  display: none;
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 30;
  background-color: rgba(48, 48, 48, 0.7);
}
.main-container .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap {
  width: 90%;
  display: inline-block;
  padding: 20px;
  background: white;
  margin-top: 3%;
  border-radius: 10px;
}
.main-container .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .close-popup {
  font-size: 30px;
  font-weight: bold;
  text-align: right;
  cursor: pointer;
}
.main-container .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-left {
  width: 100%;
  display: block;
  float: left;
}
.main-container .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-left .img-left-main {
  width: 100%;
}
.main-container .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-left .img-left-main img {
  width: 80%;
  max-width: 600px;
}
.main-container .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right {
  width: 100%;
  display: block;
  float: left;
  margin-top: 20px;
}
.main-container .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right .img-right-sub {
  display: inline-block;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.main-container .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right .img-right-sub img {
  width: 80%;
  max-width: 100px;
}
.main-container .pd-main-wrap .pd-bottom-holder {
  display: none;
}
.main-container .pd-right-content-wrap {
  position: relative;
  display: block;
  margin: 0 auto 20px;
  width: 320px;
}
.main-container .pd-right-content-wrap .pd-right-head {
  font: bold 22px "Helvetica";
  color: #666666;
  text-transform: capitalize;
  display: block;
  text-align: center;
  border-bottom: 1px solid #EFEFEF;
  margin: 5px 0 25px 0;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap {
  display: block;
  margin-bottom: 20px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap {
  display: table;
  margin-bottom: 15px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-image {
  width: 80px;
  height: 115px;
  float: left;
  text-align: center;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-image img {
  max-height: 115px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content {
  float: left;
  width: 240px;
  text-transform: uppercase;
  padding: 25px 0 0 40px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content {
  font: bold 20px "Helvetica";
  padding-bottom: 10px;
  display: inline-block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.weight {
  color: #333333;
  margin-right: 5px;
  width: 100%;
  text-align: left;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.weight .price-discount-percent {
  position: relative;
  display: inline-block;
  background: #dc0000;
  padding: 5px 12px;
  margin: 0 0 0 8px;
  vertical-align: top;
  color: #fff;
  font: normal 14px/12px "Helvetica";
  text-transform: capitalize;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.price {
  color: #0033CC;
  padding-top: 5px;
  border-top: 1px solid #CCCCCC;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  text-align: left;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.price .price-display {
  font: normal 16px/13px "Helvetica";
  color: #999;
  text-decoration: line-through;
  display: inline-block;
  padding: 3px 5px 0 0;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.price .price-sale {
  font: bold 20px/13px "Helvetica";
  color: #dc0000;
  display: inline-block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.price .text-decoration {
  text-decoration: line-through;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.price .save {
  color: #dc0000;
  margin-left: 10px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.discount {
  padding: 5px 5px 5px 5px;
  background: #dc0000;
  color: white;
  text-align: center;
  display: inline-block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.discount .text {
  font: bold 0.864rem/13px "Helvetica";
  text-align: center;
  display: inline-block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.discount .price {
  font: bold 1.475rem/25px "Helvetica";
  margin-left: 10px;
  text-align: center;
  display: inline-block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .amount-sold {
  width: 100%;
  text-align: right;
  font: 0.864rem/13px "Helvetica";
  display: inline-block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-points {
  background: url(../img/icons.png) no-repeat scroll -3px -820px rgba(0, 0, 0, 0);
  color: #666666;
  display: block;
  font: lighter 13px "Helvetica";
  padding: 10px 0 0 35px;
  text-transform: capitalize;
  border-top: 1px solid #EFEFEF;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-points .points {
  color: #0033CC;
  font: bold 20px "Helvetica";
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .promotionset-add-to-cart-btn {
  padding: 20px 10px 20px 0;
  text-align: right;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .promotionset-add-to-cart-btn a {
  text-decoration: none;
  background: #009900;
  padding: 10px 15px 10px 15px;
  font: 1rem/20px "Helvetica";
  color: white;
  cursor: pointer;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-freebies-wrap {
  display: table;
  width: 100%;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-freebies-wrap .pd-freebies-flag {
  width: 70px;
  height: 100px;
  position: absolute;
  background-image: url(../img/free_flag.png);
  background-size: 70px;
  background-repeat: no-repeat;
  text-align: center;
  margin-left: 30px;
  display: block;
  float: left;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-freebies-wrap .pd-freebies-flag .pd-freebies-text {
  color: white;
  font: bold 30px/70px "Helvetica";
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-freebies-wrap .pd-freebies-box {
  border-bottom: 1px solid #CCCCCC;
  height: 80px;
  background: #EFEFEF;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-freebies-wrap .pd-freebies-box .pd-freebies-free {
  display: block;
  float: left;
  padding-top: 23px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-freebies-wrap .pd-freebies-box .pd-freebies-free .free {
  position: relative;
  display: inline-block;
  background: #0033CC;
  padding: 7px 15px;
  color: #FFFFFF;
  margin: 0px 0 2px 10px;
  font: normal 16px/12px "Helvetica";
  text-transform: capitalize;
  float: left;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-freebies-wrap .pd-freebies-box .pd-freebies-free .free-arrow {
  float: left;
  margin-right: 16px;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: none;
  border-left: 13px solid #0033CC;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-freebies-wrap .pd-freebies-box .pd-freebies-image {
  width: 80px;
  text-align: center;
  display: block;
  float: left;
  margin-right: 10px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-freebies-wrap .pd-freebies-box .pd-freebies-image img {
  max-height: 70px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-freebies-wrap .pd-freebies-box .pd-freebies-image div {
  position: absolute;
  display: block;
  margin: -29px 0 0 29px;
  color: white;
  background: #0033CC;
  padding: 1px;
  width: 45px;
  height: 20px;
  font: bold 14px/19px "Helvetica";
  border-radius: 5px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-freebies-wrap .pd-freebies-box .pd-freebies-name {
  font: 12px/20px "Helvetica";
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 10px;
  margin-right: 10px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-freebies-wrap .pd-freebies-box .pd-freebies-content {
  font: bold 16px/20px "Helvetica";
  margin: 10px 0 10px 0;
  display: block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li {
  display: block;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 0;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .label {
  font: normal 12px "Helvetica";
  color: #999999;
  text-transform: capitalize;
  padding: 0 0 0 10px;
  display: inline-block;
  width: 75px;
  vertical-align: middle;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .label.first {
  width: 90px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .label.flavor {
  width: 90px;
  padding: 0 0 0 10px;
  color: #333333;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .label.available {
  color: #333333;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .expire {
  font: normal 12px "Helvetica";
  color: #666666;
  text-transform: capitalize;
  padding: 0 0 0 10px;
  display: inline-block;
  width: 65px;
  vertical-align: middle;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .promo-discount {
  font: normal 12px "Helvetica";
  color: #dc0000;
  margin: 3px 10px 0px 10px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .amount-sold {
  width: 100%;
  display: inline-block;
  font: normal 12px "Helvetica";
  text-align: right;
  padding-right: 10px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .product-discount-wrap {
  position: relative;
  display: flow-root;
  padding: 2px 0 0 0;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .product-discount-wrap .product-discount {
  position: relative;
  display: inline-block;
  background: #dc0000;
  padding: 3px 10px;
  color: #FFFFFF;
  margin: 0px 0 2px 10px;
  font: normal 10px/12px "Helvetica";
  text-transform: capitalize;
  float: left;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .product-discount-wrap .product-discount-arrow {
  float: left;
  margin-right: 16px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: none;
  border-left: 7px solid #dc0000;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .product-discount-wrap .product-discount-old {
  font: normal 12px/11px "Helvetica";
  color: #999;
  text-decoration: line-through;
  display: inline-block;
  padding: 3px 5px 0 0;
  float: left;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .product-discount-wrap .product-discount-new {
  font: bold 15px/11px "Helvetica";
  color: #dc0000;
  padding: 3px 2px 0 0;
  float: left;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .add-to-cart-new-btn {
  margin: 0 0 0 0px;
  vertical-align: middle;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .add-to-cart-new-btn:hover {
  opacity: 0.8;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 {
  display: block;
  margin-bottom: 20px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap {
  display: table;
  margin-bottom: 15px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-image {
  width: 80px;
  height: 115px;
  float: left;
  text-align: center;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-image img {
  max-height: 115px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content {
  float: left;
  width: 240px;
  text-transform: uppercase;
  padding: 25px 0 0 40px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content {
  font: bold 20px "Helvetica";
  padding-bottom: 10px;
  display: inline-block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.weight {
  color: #333333;
  margin-right: 5px;
  width: 100%;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.weight .price-discount-percent {
  position: relative;
  display: inline-block;
  background: #dc0000;
  padding: 5px 12px;
  margin: 0 0 0 8px;
  vertical-align: top;
  color: #fff;
  font: normal 14px/12px "Helvetica";
  text-transform: capitalize;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.price {
  color: #0033CC;
  padding-top: 5px;
  border-top: 1px solid #CCCCCC;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  text-align: left;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.price .price-display {
  font: normal 16px/13px "Helvetica";
  color: #999;
  text-decoration: line-through;
  display: inline-block;
  padding: 3px 5px 0 0;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.price .price-sale {
  font: bold 20px/13px "Helvetica";
  color: #dc0000;
  display: inline-block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.price .text-decoration {
  text-decoration: none;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.price .save {
  color: #dc0000;
  margin-left: 10px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.discount {
  padding: 5px 5px 5px 5px;
  background: #dc0000;
  color: white;
  text-align: center;
  display: inline-block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.discount .text {
  font: bold 0.864rem/13px "Helvetica";
  text-align: center;
  display: inline-block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.discount .price {
  font: bold 1.475rem/25px "Helvetica";
  margin-left: 10px;
  text-align: center;
  display: inline-block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-points {
  background: url(../img/icons.png) no-repeat scroll -3px -820px rgba(0, 0, 0, 0);
  color: #666666;
  display: block;
  font: lighter 13px "Helvetica";
  padding: 10px 0 0 35px;
  text-transform: capitalize;
  border-top: 1px solid #EFEFEF;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-points .points {
  color: #0033CC;
  font: bold 20px "Helvetica";
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .amount-sold {
  width: 100%;
  text-align: right;
  font: 0.864rem/13px "Helvetica";
  display: inline-block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .promotionset-add-to-cart-btn {
  padding: 20px 10px 20px 0;
  text-align: right;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .promotionset-add-to-cart-btn a {
  text-decoration: none;
  background: #009900;
  padding: 10px 15px 10px 15px;
  font: 1rem/20px "Helvetica";
  color: white;
  cursor: pointer;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap {
  display: table;
  width: 100%;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-flag {
  width: 70px;
  height: 100px;
  position: absolute;
  background-image: url(../img/free_flag.png);
  background-size: 70px;
  background-repeat: no-repeat;
  text-align: center;
  margin-left: 30px;
  display: block;
  float: left;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-flag .pd-freebies-text {
  color: white;
  font: bold 30px/70px "Helvetica";
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box {
  border-bottom: 1px solid #CCCCCC;
  height: 80px;
  background: #EFEFEF;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-free {
  display: block;
  float: left;
  padding-top: 23px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-free .free {
  position: relative;
  display: inline-block;
  background: #0033CC;
  padding: 7px 15px;
  color: #FFFFFF;
  margin: 0px 0 2px 10px;
  font: normal 16px/12px "Helvetica";
  text-transform: capitalize;
  float: left;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-free .free-arrow {
  float: left;
  margin-right: 16px;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: none;
  border-left: 13px solid #0033CC;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-image {
  width: 80px;
  text-align: center;
  display: block;
  float: left;
  margin-right: 10px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-image img {
  max-height: 70px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-image div {
  position: absolute;
  display: block;
  margin: -29px 0 0 29px;
  color: white;
  background: #0033CC;
  padding: 1px;
  width: 45px;
  height: 20px;
  font: bold 14px/19px "Helvetica";
  border-radius: 5px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-name {
  font: 12px/20px "Helvetica";
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 10px;
  margin-right: 10px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-content {
  font: bold 16px/20px "Helvetica";
  margin: 10px 0 10px 0;
  display: block;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li {
  display: block;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 0;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label {
  font: normal 12px "Helvetica";
  color: #999999;
  text-transform: capitalize;
  padding: 10px 0 0 10px;
  display: inline-block;
  width: 75px;
  vertical-align: top;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label.first {
  width: 90px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label.flavor {
  width: 95px;
  padding: 0 0 0 10px;
  color: #333333;
  vertical-align: top;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label.available {
  color: #333333;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap {
  position: relative;
  display: flow-root;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount {
  position: relative;
  display: inline-block;
  background: #dc0000;
  padding: 3px 10px;
  color: #FFFFFF;
  font: normal 10px/12px "Helvetica";
  text-transform: capitalize;
  float: left;
  width: 57px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount-arrow {
  float: left;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: none;
  border-left: 7px solid #dc0000;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount-old {
  font: normal 12px/11px "Helvetica";
  color: #999;
  text-decoration: line-through;
  display: inline-block;
  padding: 3px 5px 0 0;
  float: left;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount-new {
  font: bold 15px/11px "Helvetica";
  color: #dc0000;
  padding: 3px 2px 0 0;
  float: left;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .discount-price {
  width: 85px;
  display: inline-block;
  text-align: right;
  color: #dc0000;
  font: bold 1.2rem/24px "Helvetica";
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .discount-price .old-price {
  font: 0.875rem "Helvetica";
  display: inline-block;
  color: #444444;
  text-decoration: line-through;
  vertical-align: middle;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .expire {
  font: normal 12px "Helvetica";
  color: #666666;
  text-transform: capitalize;
  padding: 0px 0 0 10px;
  display: inline-block;
  width: 65px;
  text-align: center;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .out-stock {
  font: normal 12px "Helvetica";
  color: gray;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .promo-discount {
  font: normal 12px "Helvetica";
  color: #dc0000;
  margin: 3px 10px 0px 10px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .add-to-cart-new-btn {
  margin: 0 0 0 0px;
}
.main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .add-to-cart-new-btn:hover {
  opacity: 0.8;
}
.main-container .pd-right-content-wrap .pd-product-label-wrap {
  display: none;
  padding: 30px 20px;
  text-align: center;
  background: #EFEFEF;
  position: relative;
}
.main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-title {
  font: bold 16px "Helvetica";
  color: #666666;
  padding: 0 0 30px;
  display: block;
  text-transform: capitalize;
}
.main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-selection {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #666666;
  display: inline-block;
  font: lighter 14px/27px "Helvetica";
  padding-left: 10px;
  text-decoration: none;
  width: 280px;
  height: 30px;
  text-align: left;
  position: relative;
}
.main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-selection:after {
  content: "▼";
  position: absolute;
  right: 9px;
  top: 2px;
  cursor: pointer;
}
.main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-drop {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  background: #FFFFFF;
  left: 45px;
  top: 111px;
  width: 280px;
  padding: 5px 0;
  border: 1px solid #CCCCCC;
  z-index: 1;
  text-align: left;
}
.main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-drop a {
  text-decoration: none;
  font: normal 14px "Helvetica";
  color: #666666;
  display: block;
  padding: 5px 0 5px 15px;
}
.main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-drop a:hover {
  color: #CCCCCC;
}
.main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-fda-text {
  padding-left: 52px;
  margin-top: 15px;
  display: inline-block;
  position: relative;
  font: normal 15px "Helvetica";
}
.main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-fda-number {
  margin: 3px auto 15px;
  padding: 8px 0px 5px 30px;
  font-size: 18px;
  letter-spacing: 1px;
  background: url(../img/fda-bg.png) no-repeat center;
}
.main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-image {
  display: block;
  text-align: center;
  margin-top: 15px;
}
.main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-image img {
  width: 275px;
}
.main-container .pd-product-content-wrap {
  display: inline-block;
  width: 100%;
  background: #FFFFFF;
  padding: 10px;
}
.main-container .pd-product-content-wrap .pd-product-description-readmore {
  width: 100%;
  height: 50px;
}
.main-container .pd-product-content-wrap .pd-product-description-readmore button {
  display: block;
  width: 100%;
  height: 30px;
  position: absolute;
  border: 1px solid #888;
  background: #eee;
  bottom: 0px;
}
.main-container .pd-product-content-wrap .pd-product-description-readmore button strong {
  color: blue;
}
.main-container .pd-product-content-wrap .pd-product-content-heading {
  display: inline-block;
  font: bold 20px "Helvetica";
  text-transform: uppercase;
  color: #0033CC;
  margin-top: 0;
  margin-bottom: 15px;
}
.main-container .pd-product-content-wrap .bullet-highlight {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 15px;
  padding-left: 30px;
  list-style-type: square;
  padding-left: 40px;
}
.main-container .pd-product-content-wrap .bullet-highlight li {
  font: normal 14px "Helvetica";
  color: #666666;
  margin-bottom: 5px;
  padding-left: 20px;
}
.main-container .pd-product-content-wrap .pd-product-content-sub-heading {
  display: inline-block;
  font: bold 18px "Helvetica";
  margin-top: 0;
}
.main-container .pd-product-content-wrap .pd-product-content-body {
  display: inline-block;
  font: normal 18px/35px "Arial";
  color: #464646;
  width: 100%;
  padding: 10px;
  margin: 0 0 15px 0;
  text-align: justify;
}
.main-container .pd-product-content-wrap .pd-product-content-body h2 {
  color: #0033CC;
}
.main-container .pd-product-content-wrap .pd-product-content-body h3 {
  color: #333333;
}
.main-container .pd-product-content-wrap .pd-product-content-body .responsive-image {
  width: 200px;
}
.main-container .pd-product-content-wrap .pd-product-content-body img {
  /*max-width: 280px;*/
}
.main-container .pd-product-content-wrap .pd-video-wrap {
  margin: 20px 0;
}
.main-container .pd-product-content-wrap .pd-video-wrap .pd-video-link {
  display: inline-block;
  font: normal 14px "Helvetica";
}
.main-container .pd-product-content-wrap .pd-video-wrap .pd-video-link a {
  text-decoration: none;
  color: #0033CC;
}
.main-container .pd-product-content-wrap .pd-video-wrap .pd-video-container {
  margin: 15px 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
}
.main-container .pd-product-content-wrap .pd-video-wrap .pd-video-container iframe,
.main-container .pd-product-content-wrap .pd-video-wrap .pd-video-container object,
.main-container .pd-product-content-wrap .pd-video-wrap .pd-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-container .pd-product-content-wrap .pd-review-wrap {
  display: inline-block;
  margin: 20px 0;
  width: 100%;
  text-align: center;
}
.main-container .pd-product-content-wrap .pd-review-wrap a img {
  max-width: 640px;
  width: 100%;
}
.main-container .pd-product-content-wrap .pd-product-tabs-wrap {
  display: inline-block;
  margin: 20px auto;
  width: 100%;
}
.main-container .pd-product-content-wrap .pd-product-tabs-wrap .pd-highlight {
  text-align: center;
}
.main-container .pd-product-content-wrap .pd-product-tabs-wrap .pd-highlight img {
  width: 100%;
  max-width: 640px;
}
.main-container .pd-product-content-wrap .pd-product-tabs-wrap .pd-direction {
  text-align: center;
  width: 100%;
}
.main-container .pd-product-content-wrap .pd-product-tabs-wrap .pd-direction img {
  width: 100%;
  max-width: 640px;
}
.main-container .pd-product-content-wrap .pd-product-tabs-wrap .pd-flavor {
  text-align: center;
}
.main-container .pd-product-content-wrap .pd-lab-guaranteed-wrap {
  display: inline-block;
  margin: 20px 0;
  width: 100%;
  text-align: center;
}
.main-container .pd-product-content-wrap .pd-lab-guaranteed-wrap a img {
  max-width: 640px;
  width: 100%;
}
.main-container .pd-product-content-wrap .pd-product-mobile-label-wrap {
  display: block;
  padding: 10px 10px;
  text-align: center;
  background: #EFEFEF;
  position: relative;
}
.main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-title {
  font: bold 18px "Helvetica";
  color: #333333;
  padding: 0 0 30px;
  display: block;
  text-transform: capitalize;
}
.main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-selection {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #666666;
  display: inline-block;
  font: lighter 14px/27px "Helvetica";
  padding-left: 0px;
  text-decoration: none;
  width: 100%;
  max-width: 200px;
  height: 30px;
  text-align: left;
  position: relative;
}
.main-container .pd-product-content-wrap .pd-product-mobile-label-wrap input.pd-product-mobile-label-selection {
  background: url(../img/icons.png) no-repeat scroll 245px -1089px #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #999999;
  display: inline-block;
  font: lighter 14px/27px "Helvetica";
  padding: 5px 20px 5px 10px;
  width: 280px;
  height: 30px;
  vertical-align: top;
  position: relative;
}
.main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-selection:after {
  content: "▼";
  position: absolute;
  right: 9px;
  top: 2px;
  cursor: pointer;
}
.main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-drop {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  background: #FFFFFF;
  left: 0;
  top: 29px;
  width: 280px;
  padding: 5px 0;
  border: 1px solid #CCCCCC;
  z-index: 1;
  text-align: left;
}
.main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-drop a {
  text-decoration: none;
  font: normal 14px "Helvetica";
  color: #666666;
  display: block;
  padding: 5px 0 5px 15px;
}
.main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-drop a:hover {
  color: #CCCCCC;
}
.main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-fda-text {
  padding-left: 52px;
  margin-top: 15px;
  display: inline-block;
  position: relative;
  font: normal 15px "Helvetica";
}
.main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-fda-number {
  margin: 5px auto 15px;
  padding: 7px 0px 5px 30px;
  font-size: 18px;
  letter-spacing: 1px;
  background: url(../img/fda-bg.png) no-repeat center;
}
.main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-image {
  display: block;
  text-align: center;
  margin-top: 15px;
}
.main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-image img {
  width: 100%;
}
.main-container .navigat-tab {
  width: 100%;
  max-width: 730px;
  display: inline-block;
  text-align: center;
  background: white;
  padding: 10px 0 10px 0;
}
.main-container .navigat-tab .navigat-tab-wrap {
  display: inline-block;
}
.main-container .navigat-tab .navigat-tab-wrap .pointer {
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: #CCCCCC;
  display: inline-block;
  transition: 0.5s all;
}
.main-container .navigat-tab .navigat-tab-wrap .active {
  width: 30px;
  background: #0033CC;
}
.main-container .pd-product-content-wrap-tab {
  width: 100%;
  padding: 0px 0 50px 0;
  text-align: center;
}
.main-container .pd-product-content-wrap-tab .tab {
  background-color: white;
  text-align: left;
  white-space: nowrap;
  overflow-x: auto;
  padding-left: 15px;
  padding-top: 10px;
}
.main-container .pd-product-content-wrap-tab .tab .tablinks {
  border: 0px;
  color: black;
  width: 150px;
  padding: 10px 10px 10px 10px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  background: #EFEFEF;
  font-size: 14px;
  font-family: "kanit";
  border-radius: 5px;
}
.main-container .pd-product-content-wrap-tab .tab .tablinks:hover {
  cursor: pointer;
}
.main-container .pd-product-content-wrap-tab .tab .active {
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
  font-weight: bold;
  cursor: pointer;
  color: white;
  background: #0033CC;
}
.main-container .pd-product-content-wrap-tab .tab .active:focus {
  outline: none;
}
.main-container .pd-product-content-wrap-tab .tab .break-tab {
  display: none;
}
.main-container .pd-product-content-wrap-tab .tabcontent {
  display: none;
  border: 1px solid #ccc;
  border: none;
  width: 100%;
  background: white;
}
.main-container .pd-sub-content-wrap {
  position: relative;
  display: block;
  margin: 0 auto 20px;
  width: 320px;
}
.main-container .pd-sub-content-wrap .pd-sub-head {
  font: bold 22px "Helvetica";
  color: #666666;
  text-transform: capitalize;
  display: block;
  text-align: center;
  border-bottom: 1px solid #EFEFEF;
  margin: 5px 0 15px 0;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul li {
  display: inline-block;
  border-bottom: 1px solid #CCCCCC;
  padding: 15px 0;
  width: 100%;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-image {
  width: 80px;
  float: left;
  text-align: center;
  margin-top: 10px;
  margin-right: 5px;
  min-height: 80px;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-image img {
  max-width: 80px;
  max-height: 95px;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap {
  display: inline-block;
  width: 230px;
  margin: 20px 0;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content {
  display: inline-block;
  position: relative;
  font: bold 14px "Helvetica";
  text-transform: uppercase;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content .title {
  color: #666666;
  margin: 0 10px 0 0;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content .price {
  color: #dc0000;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content-bottom {
  display: block;
  margin: 10px 0 0 0;
  position: relative;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content-bottom .sub-drop-menu {
  background: url(../img/icons.png) no-repeat scroll 95px -1090px #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #999999;
  display: inline-block;
  font: lighter 14px/27px "Helvetica";
  padding: 5px 20px 5px 10px;
  width: 130px;
  height: 25px;
  vertical-align: top;
  position: relative;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content-bottom .sub-drop-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  background: #FFFFFF;
  left: 0;
  top: 29px;
  width: 130px;
  padding: 5px 0;
  border: 1px solid #CCCCCC;
  z-index: 1;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content-bottom .sub-drop-wrap a {
  text-decoration: none;
  font: normal 14px "Helvetica";
  color: #666666;
  display: block;
  padding: 5px 0 5px 15px;
}
.main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content-bottom .sub-drop-wrap a:hover {
  color: #CCCCCC;
}
.main-container .pd-sub-set-wrap {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 320px;
}
.main-container .pd-sub-set-wrap .pd-sub-head {
  font: bold 22px "Helvetica";
  color: #666666;
  text-transform: capitalize;
  display: block;
  text-align: center;
  border-bottom: 1px solid #EFEFEF;
  margin: 5px 0 15px 0;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul li {
  display: inline-block;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  width: 100%;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-image {
  width: 100px;
  float: left;
  text-align: center;
  margin: 0 10px;
  min-height: 100px;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-image img {
  max-width: 100px;
  max-height: 100px;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap {
  display: inline-block;
  width: 180px;
  margin: 20px 0;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-content {
  display: inline-block;
  position: relative;
  font: bold 14px "Helvetica";
  text-transform: uppercase;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-content .title {
  color: #666666;
  margin: 0 10px 0 0;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-content .price {
  color: #dc0000;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-set-bottom {
  display: block;
  margin: 10px 0 0 0;
  position: relative;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-set-bottom .sub-drop-menu {
  background: url(../img/icons.png) no-repeat 145px -1089px #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #999999;
  display: inline-block;
  font: lighter 14px/27px "Helvetica";
  padding: 5px 25px 5px 10px;
  width: 180px;
  height: 30px;
  vertical-align: top;
  position: relative;
  cursor: pointer;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-set-bottom .sub-drop-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  background: #FFFFFF;
  left: 0;
  top: 29px;
  width: 210px;
  padding: 5px 0;
  border: 1px solid #CCCCCC;
  z-index: 1;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-set-bottom .sub-drop-wrap a {
  text-decoration: none;
  font: normal 14px "Helvetica";
  color: #666666;
  display: block;
  padding: 5px 0 5px 15px;
}
.main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-set-bottom .sub-drop-wrap a:hover {
  color: #CCCCCC;
}
.main-container .pd-offer-wrap {
  background: #FFFFFF;
  display: inline-block;
  position: relative;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  height: 142px;
  width: 100%;
}
.main-container .pd-offer-wrap .promotional-tag {
  display: none;
  position: absolute;
  left: 0;
}
.main-container .pd-offer-wrap .pd-offer-select {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 33px;
  height: 33px;
}
.main-container .pd-offer-wrap .pd-offer-select.left {
  background: url(../img/icons.png) no-repeat scroll -13px -908px rgba(0, 0, 0, 0);
  left: 5%;
  top: 55px;
  position: absolute;
}
.main-container .pd-offer-wrap .pd-offer-select.right {
  background: url(../img/icons.png) no-repeat scroll 3px -1003px rgba(0, 0, 0, 0);
  right: 5%;
  top: 55px;
  position: absolute;
}
.main-container .pd-offer-wrap .pd-offer-right {
  padding: 0 0;
  margin: 0 auto;
  display: table;
  background: #FFFFFF;
}
.main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap {
  display: table;
  width: 100%;
  text-align: center;
}
.main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap img {
  width: 80%;
  max-width: 500px;
}
.main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select {
  display: inline-block;
  text-align: center;
  padding: 10px 0;
  position: relative;
}
.main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select img {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 10px;
}
.main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content {
  float: left;
  width: 160px;
}
.main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content .title {
  color: #333;
  font: bold 12px "Helvetica";
  margin: 10px 0 10px 0;
  text-transform: uppercase;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content .price {
  color: #03c;
  display: inline-block;
  font: bold 14px "Helvetica";
  margin: 0 0 2px;
  width: 100%;
}
.main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content .price .save {
  color: #dc0000;
  font: bold 16px "Helvetica";
  text-transform: uppercase;
  margin-left: 15px;
}
.main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content .add-more {
  background: #03c none repeat scroll 0 0;
  color: #FFFFFF;
  margin-top: 10px;
  display: inline-block;
  font: 16px/17px "Helvetica";
  height: 35px;
  padding: 10px 10px 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 150px;
}
.pd-read-buy-wrap {
  position: fixed;
  bottom: 5px;
  right: 0px;
  z-index: 100;
}
.pd-read-buy-wrap .pd-read-buy-btn1 {
  color: #000000;
  display: block;
  background-color: #FFFFFF;
  border-radius: 2px;
  width: 100px;
  padding: 12px 5px 12px 5px;
  margin-right: 5px;
  font: normal 10px "Helvetica";
  text-align: center;
  float: left;
  text-transform: capitalize;
  text-decoration: none;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
}
.pd-read-buy-wrap .pd-read-buy-btn2 {
  color: #FFFFFF;
  display: block;
  background-color: #dc0000;
  border-radius: 2px;
  width: 100px;
  padding: 12px 5px 12px 5px;
  margin-right: 5px;
  font: normal 10px "Helvetica";
  text-align: center;
  float: left;
  text-transform: capitalize;
  text-decoration: none;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
}
.pd-read-buy-wrap .pd-read-buy-btn3 {
  color: #FFFFFF;
  display: block;
  background-color: #0033CC;
  border-radius: 2px;
  width: 100px;
  padding: 12px 5px 12px 5px;
  margin-right: 5px;
  font: normal 10px "Helvetica";
  text-align: center;
  float: left;
  text-transform: capitalize;
  text-decoration: none;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
}
.add-to-cart-btn {
  width: 90px;
  padding: 10px 10px 8px;
  background: #333333;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  font: bold 10px/5px "Helvetica";
  display: inline-block;
  background: url(../img/btn-bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-size: 100%;
}
/* Cart */
html {
  scroll-behavior: smooth;
}
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .cart-wrap {
  text-align: center;
  display: block;
  width: 100%;
}
.main-container .cart-wrap .cart-title {
  font: bold 25px/50px "PT Sans";
  display: table;
  padding: 20px 10px;
  width: 100%;
}
.main-container .cart-wrap .cart-title .blue {
  color: #0033CC;
}
.main-container .cart-wrap .cart-title .sub-heading {
  display: block;
  position: relative;
  font: normal 16px/22px "PT Sans";
  width: 100%;
}
.main-container .cart-wrap .cart-title .sub-heading a {
  text-decoration: none;
}
.main-container .cart-wrap .condition-navigation {
  width: 100%;
  display: inline-block;
  color: #dc0000;
  padding: 10px;
  max-width: 1100px;
}
.main-container .cart-wrap .condition-navigation .condition-navigation-wrap {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  background: rgba(255, 0, 0, 0.2);
  color: #dc0000;
  padding: 10px;
  text-align: left;
  border-radius: 5px;
  font: 0.975rem "prompt";
}
.main-container .cart-wrap .condition-navigation .condition-navigation-wrap a {
  text-decoration: none;
  display: none;
}
.main-container .cart-wrap .condition-navigation .condition-navigation-wrap .condition-navigation-left {
  width: 100%;
  display: inline-block;
  text-align: left;
  margin-bottom: 10px;
}
.main-container .cart-wrap .condition-navigation .condition-navigation-wrap .coupon-navigation-right {
  width: 100px;
  display: block;
  float: right;
  background: white;
  padding: 5px;
  color: white;
  border-radius: 5px;
  text-align: center;
  border: none;
  font: 1rem "prompt";
  color: black;
}
.main-container .cart-wrap .condition-navigation .condition-navigation-wrap .condition-navigation-right {
  width: 100px;
  display: block;
  float: right;
  background: #dc0000;
  padding: 5px;
  color: white;
  border-radius: 5px;
  text-align: center;
  font: 1rem "prompt";
  margin-left: 10px;
}
.main-container .cart-wrap .condition-navigation .condition-navigation-wrap .condition-navigation-right-img {
  width: 30px;
  display: block;
  float: right;
  margin-left: 10px;
}
.main-container .cart-wrap .condition-navigation .condition-navigation-wrap .condition-navigation-right-img img {
  width: 100%;
}
.main-container .cart-wrap .condition-navigation .condition-navigation-wrap span {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.main-container .cart-wrap .condition-navigation .condition-navigation-wrap span ul {
  text-align: left;
}
.main-container .cart-wrap .condition-navigation .condition-navigation-wrap span ul li {
  left: 0;
  margin: 0;
  font: 0.8rem "prompt";
}
.main-container .cart-wrap .condition-navigation .condition-navigation-wrap span img {
  width: 140px;
  margin-top: -25px;
  display: inline-block;
}
.main-container .cart-wrap .cart-box-wrap {
  padding: 0 13px;
  display: block;
  text-align: center;
}
.main-container .cart-wrap .cart-box-wrap .cart-label {
  display: none;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list {
  min-height: 142px;
  width: 100%;
  text-align: left;
  border: 1px solid #EFEFEF;
  border-bottom: none;
  display: table;
  border-radius: 5px;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .image {
  max-width: 35%;
  float: left;
  padding: 10px 10px 0px 10px;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .image img {
  width: 80px;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .product {
  float: left;
  width: 65%;
  display: table;
  height: 100px;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .product .main-text {
  font: bold 14px "PT Sans";
  color: #0033CC;
  vertical-align: middle;
  display: table-cell;
  padding: 10px 0px 0px 0;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .product .main-text .sub-text {
  font: lighter 10px "PT Sans";
  color: #333333;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .product .main-text .Promocode {
  margin-top: 10px;
  font: lighter 0.775rem "PT Sans";
  width: 100%;
  text-align: left;
  display: inline-block;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .product .main-text .Promocode .Promocode-button {
  background: #009900;
  padding: 5px;
  display: inline-block;
  color: white;
  border-radius: 3px;
  margin-top: 5px;
  cursor: pointer;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .price {
  float: left;
  width: 30%;
  text-align: center;
  font: 16px/50px "PT Sans";
  display: table;
  height: 0px;
  padding: 0 0 0 10px;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .price span {
  display: table-cell;
  vertical-align: middle;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .quantity {
  float: left;
  width: 25%;
  display: table;
  height: 0px;
  text-align: center;
  font: 0.875rem/20px "PT Sans";
  height: 50px;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .quantity .quantity-wrap {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .quantity .quantity-wrap .reduce {
  width: 20px;
  height: 20px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  border-right: none;
  border-radius: 3px 0 0 3px ;
  cursor: pointer;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .quantity .quantity-wrap .reduce:active {
  background: gray;
  color: white;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .quantity .quantity-wrap .number {
  width: 30px;
  height: 20px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  text-align: center;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .quantity .quantity-wrap .plus {
  width: 20px;
  height: 20px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  border-left: none;
  border-radius: 0 3px 3px 0 ;
  cursor: pointer;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .quantity .quantity-wrap .plus:active {
  background: gray;
  color: white;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .sub-total {
  float: left;
  width: 30%;
  font: bold 16px "PT Sans";
  color: #0033CC;
  display: table;
  height: 50px;
  padding-right: 10px;
  text-align: center;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .sub-total span {
  display: table-cell;
  vertical-align: middle;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .remove {
  float: left;
  display: table;
  height: 50px;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .remove a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #999999;
  font-size: 18px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.main-container .cart-wrap .cart-box-wrap .cart-product-list .remove a:hover {
  color: #dc0000;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap {
  background: #F5F5F5;
  display: block;
  text-align: left;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap {
  display: inline-block;
  height: 280px;
  padding: 8px 0;
  text-align: right;
  width: 100%;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap {
  display: block;
  height: 90px;
  padding: 10px 13px;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap span {
  font: bold 0.8rem "prompt";
  color: #333333;
  text-transform: capitalize;
  width: 100%;
  margin-bottom: 10px;
  display: table-cell;
  text-align: left;
  float: left;
  vertical-align: middle;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap .coupon-input {
  width: 45%;
  float: left;
  height: 35px;
  border: 1px solid #CCCCCC;
  border-right: none;
  padding: 5px;
  border-radius: 5px 0px 0px 5px;
  font: lighter 16px "prompt";
  text-align: left;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap .coupon-btn {
  width: 25%;
  height: 35px;
  background: #EFEFEF;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  color: #444444;
  text-transform: uppercase;
  font: normal 0.875rem/35px "prompt";
  border-radius: 0px 5px 5px 0px;
  border: 1px solid #CCCCCC;
  border-left: none;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap .apply-btn {
  width: 25%;
  height: 35px;
  background: #0033CC;
  display: block;
  float: right;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font: normal 0.875rem/35px "prompt";
  border-radius: 5px;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .promo-coupon-wrap {
  margin-top: 10px;
  display: none;
  text-align: right;
  height: 80px;
  padding: 10px 13px;
  width: 100%;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .promo-coupon-wrap span {
  font: bold 3vw/4vw "PT Sans";
  color: #333333;
  text-transform: capitalize;
  width: 29%;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .promo-coupon-wrap .apply-btn {
  width: 50%;
  height: 35px;
  background: #0033CC;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font: normal 16px/35px "PT Sans";
  border-radius: 5px;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap {
  display: block;
  background: #FFFFFF;
  border: 0px solid #EFEFEF;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .fitwhey-points {
  display: inline-block;
  text-align: center;
  padding: 22px 0;
  width: 100%;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .fitwhey-points .points-earn {
  background: url(../img/points-icon.png) no-repeat scroll 10px 0px rgba(0, 0, 0, 0);
  color: #333333;
  font: lighter 15px/23px "PT Sans";
  padding: 10px 0 10px 60px;
  text-transform: capitalize;
  float: center;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .fitwhey-points span {
  color: #0033CC;
  float: center;
  font: bold 22px/22px "PT Sans";
  padding: 10px 0 10px 10px;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .total-points {
  vertical-align: text-top;
  display: inline-block;
  display: flex;
  flex-direction: column;
  padding: 19px 0;
  text-align: center;
  width: 100%;
  background: white;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .total-points .text {
  text-transform: capitalize;
  font: lighter 15px/13px "PT Sans";
  padding: 0px 0px 0px 0px;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .total-points span {
  color: #0033CC;
  font: bold 22px/22px "PT Sans";
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .botton-wrap {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 10px;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .botton-wrap .botton-point {
  background: #0033CC;
  padding: 3px 10px 3px 10px;
  display: inline-block;
  color: white;
  font: normal 16px/35px "PT Sans";
  text-decoration: none;
  border-radius: 5px;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap {
  display: table;
  width: 100%;
  background: #FFFFFF;
  text-align: right;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space {
  width: 100%;
  padding: 80px 0 10px 0;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space .price-total {
  border-bottom: 1px solid #CCCCCC;
  padding: 8px 0 8px 0px;
  margin-left: 40%;
  font: lighter 16px "PT Sans";
  text-transform: capitalize;
  color: #666666;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space .price-total .total {
  font: bold 16px "PT Sans";
  padding-left: 20px;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space .table-total {
  font: lighter 24px "PT Sans";
  text-transform: capitalize;
  padding: 12px 0 12px 80px;
}
.main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space .table-total .total {
  font: bold 24px "PT Sans";
  padding-left: 20px;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition-head {
  padding: 10px;
  font: bold 18px "PT Sans";
  margin: 20px 0 0px 0;
  display: inline-block;
  width: 100%;
  text-align: left;
  background: #EFEFEF;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition {
  padding: 10px;
  display: inline-block;
  width: 100%;
  background: white;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .back-botton {
  width: 25px;
  height: 25px;
  color: gray;
  display: inline-block;
  font-size: 1.5rem;
  left: 0;
  position: absolute;
  margin: 135px 5px 0 5px;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .next-botton {
  width: 25px;
  height: 25px;
  color: gray;
  display: inline-block;
  font-size: 1.5rem;
  position: absolute;
  right: 0;
  margin: 135px 5px 0 5px;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap {
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: left;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box {
  width: 160px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 10px;
  padding-top: 0px!important;
  display: inline-block;
  white-space: normal;
  margin: 0 5px 0 5px;
  text-align: center;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .detail-condition {
  width: 20px;
  height: 20px;
  border: 1px solid #dc0000;
  color: #dc0000;
  position: absolute;
  font: bold 0.875rem/19px "PT Sans";
  border-radius: 10px;
  margin: 10px 0 0 115px;
  cursor: pointer;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-img img {
  max-height: 100px;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-name {
  font: 0.675rem/18px "PT Sans";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 10px;
  height: 38px;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-select {
  width: 100%;
  border: 1px solid #CCCCCC;
  height: 20px;
  display: inline-block;
  border-radius: 3px;
  margin-top: 5px;
  font: 0.775rem "PT Sans";
  color: #444444;
  background: url(../img/new-landing-page/select.png) no-repeat 120px 5px;
  background-size: 8%;
  margin-top: 10px;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-price {
  color: #dc0000;
  width: 100%;
  display: inline-block;
  text-align: center;
  font: bold 1.075rem/20px "PT Sans";
  margin-top: 10px;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-price .old-price {
  font: 0.675rem/20px "PT Sans";
  color: gray;
  text-decoration: line-through;
  margin-right: 5px;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount {
  display: inline-block;
  font: 0.875rem/20px "PT Sans";
  margin-top: 8px;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount .reduce {
  width: 20px;
  height: 20px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  border-right: none;
  border-radius: 3px 0 0 3px ;
  cursor: pointer;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount .reduce:active {
  background: gray;
  color: white;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount .number {
  width: 30px;
  height: 20px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  text-align: center;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount .plus {
  width: 20px;
  height: 20px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  border-left: none;
  border-radius: 0 3px 3px 0 ;
  cursor: pointer;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount .plus:active {
  background: gray;
  color: white;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount .noactive {
  color: #EFEFEF !important;
  background: #EFEFEF !important;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-button {
  border-radius: 3px;
  width: 70%;
  display: inline-block;
  height: 25px;
  color: #0033CC;
  border: 1px solid #0033CC;
  font: bold 0.775rem/20px "PT Sans";
  text-align: center;
  cursor: pointer;
  padding: 3px;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-button:hover {
  background: #0033CC;
  color: white;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-total {
  font: 0.775rem/20px "PT Sans";
  display: inline-block;
  color: #CCCCCC;
  text-align: right;
  width: 100%;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-text {
  width: 100%;
  background: white;
  display: block;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: rgba(155, 255, 127, 0.2);
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-text .condition-point1 {
  font: 0.875rem/20px "PT Sans";
  display: inline-block;
  text-align: right;
  width: 100%;
  color: #009900;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-text .condition-point2 {
  display: none;
}
.main-container .cart-wrap .cart-box-wrap .main-card-condition .card-condition-text .condition-text {
  font: 0.875rem/20px "PT Sans";
  display: inline-block;
  text-align: left;
  width: 100%;
}
.main-container .cart-wrap .cart-box-wrap .card-noactive img {
  filter: grayscale(100%);
}
.main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-wrap .card-condition-box .card-condition-price {
  color: #CCCCCC;
}
.main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-wrap .card-condition-box .card-condition-price .old-price {
  color: #CCCCCC;
}
.main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-wrap .card-condition-box .card-condition-button {
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
  cursor: not-allowed;
}
.main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-wrap .card-condition-box .card-condition-button:hover {
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
  background: white;
}
.main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-text .condition-point1 {
  display: none;
}
.main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-text .condition-point2 {
  display: inline-block;
  width: 100%;
  text-align: right;
}
.main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-text .condition-point2 .status-border {
  border: 1px solid #CCCCCC;
  width: 200px;
  height: 15px;
  border-radius: 20px;
  display: inline-block;
  text-align: left;
}
.main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-text .condition-point2 .status-border .text {
  width: 100%;
  position: relative;
  display: block;
  font: 0.575rem "PT Sans";
  text-align: center;
  z-index: 1;
  color: #CCCCCC;
}
.main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-text .condition-point2 .status-border .status {
  width: 50%;
  background: #0033CC;
  display: inline-block;
  height: 15px;
  position: relative;
  top: -19px;
  left: 0px;
  border-radius: 10px;
  margin-top: 6px;
}
.main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-text-inactive {
  background: #EFEFEF;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap {
  position: relative;
  text-align: center;
  margin: 10px auto 5px;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-heading {
  margin: 25px 0 0;
  font: bold 28px/35px "PT Sans";
  text-align: left;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-description {
  display: block;
  position: relative;
  margin: 5px 0 15px;
  font: normal 16px/22px "PT Sans";
  width: 100%;
  text-align: left;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-slider-left {
  display: inline-block;
  position: absolute;
  left: 5px;
  z-index: 1;
  top: 50%;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-slider-right {
  display: inline-block;
  position: absolute;
  right: 5px;
  z-index: 1;
  top: 50%;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 4px auto!important;
  width: 100%;
  overflow-x: auto;
  position: relative;
  display: inline-block;
  text-align: left;
  min-height: 360px;
  white-space: nowrap;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid {
  position: relative;
  display: inline-block;
  max-width: 180px;
  height: 350px;
  width: 100%;
  margin: 0 3px 3px;
  padding: 15px 0;
  border: 1px solid #c8c8c8;
  vertical-align: top;
  text-align: center;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-image {
  position: relative;
  display: block;
  width: 100%;
  height: 150px;
  margin: 0 auto;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-image img {
  max-height: 150px;
  margin: 0 auto;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-container-top {
  display: inline-block;
  width: 100%;
  padding: 0 15px;
  text-align: center;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-container-top .add-on-product-title {
  font: bold 18px "PT Sans";
  text-transform: uppercase;
  color: #000000;
  margin-top: 5px;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-container-top .add-on-info {
  width: 100%;
  display: block;
  margin: -10px 0 0;
  color: #666;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-container-top .add-on-flavor {
  border: 1px solid #EFEFEF;
  display: block;
  width: 100%;
  margin: 5px 0 10px;
  height: 30px;
  background: #FFFFFF;
  color: #666666;
  font: normal 16px/28px "helvetica";
  text-transform: capitalize;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-container-top .add-on-sale-price {
  font: bold 18px "PT Sans";
  display: inline-block;
  margin: 0px 0 2px;
  color: #dc0000;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-container-top .add-on-sale-price .add-on-old-price {
  padding: 0 10px 0 0;
  text-decoration: line-through;
  color: #999;
  font: lighter 14px "PT Sans";
  float: left;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-container-top .add-on-shop-now-btn {
  width: 100%;
  background: #03c;
  color: #fff;
  font: normal 16px/17px "PT Sans";
  height: 35px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 5px 0 0;
  padding: 10px 10px 8px;
}
.main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid:hover {
  box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #c8c8c8;
}
.main-container .cart-wrap .cart-box-wrap .remark-wrap {
  display: block;
  width: 100%;
}
.main-container .cart-wrap .cart-box-wrap .remark-wrap .remark-box {
  display: table;
  width: 100%;
  margin: 5px 0 25px 0;
}
.main-container .cart-wrap .cart-box-wrap .remark-wrap .remark-box .title {
  width: 100%;
  display: block;
  background: #F5F5F5;
  font: bold 18px/45px "PT Sans";
  text-align: left;
  padding-left: 30px;
  text-transform: capitalize;
  border: 1px solid #EFEFEF;
}
.main-container .cart-wrap .cart-box-wrap .remark-wrap .remark-box .comment-area {
  display: table;
  width: 100%;
  padding: 30px;
  text-align: left;
  text-transform: capitalize;
  border: 1px solid #EFEFEF;
  border-top: none;
}
.main-container .cart-wrap .cart-box-wrap .remark-wrap .remark-box .comment-area .input-area {
  border: 1px solid #cccccc;
  box-shadow: none;
  font: lighter 13px "PT Sans";
  padding: 5px;
  width: 100%;
}
.main-container .cart-wrap .cart-box-wrap .delivery-options-wrap {
  display: flex;
  border: 1px solid #FFF;
  background: url(../img/same-day-banner-1.webp) no-repeat 0 0 #000000;
  border-radius: 5px;
}
.main-container .cart-wrap .cart-box-wrap .delivery-options-wrap .same-day {
  display: flex;
  align-items: center;
  padding: 20px;
  font: normal 16px "PT Sans";
  color: #FFF;
}
.main-container .cart-wrap .cart-box-wrap .delivery-options-wrap .same-day .custom-check {
  height: 20px;
  width: 20px;
  margin: 0 10px 0 0;
  background-color: #EEE;
}
.main-container .cart-wrap .cart-box-wrap .delivery-options-wrap .same-day .delivery-icon {
  width: 60px;
  padding-right: 5px;
}
.main-container .cart-wrap .cart-box-wrap .place-order-wrap {
  display: table;
  text-align: center;
  width: 100%;
  border-top: 1px solid #CCCCCC;
  padding: 0 0 90px;
}
.main-container .cart-wrap .cart-box-wrap .place-order-wrap .btn {
  height: 55px;
  min-width: 200px;
  padding: 0 30px;
  text-decoration: none;
  text-align: center;
  display: block;
  margin: 30px auto 0;
  border-radius: 5px;
}
.main-container .cart-wrap .cart-box-wrap .place-order-wrap .btn.continue {
  text-transform: capitalize;
  background: #FFFFFF;
  color: #666666;
  border: 1px solid #CCCCCC;
  font: bold 16px/55px "PT Sans";
}
.main-container .cart-wrap .cart-box-wrap .place-order-wrap .btn.place-order {
  text-transform: capitalize;
  background: #009900;
  color: #FFFFFF;
  font: bold 16px/55px "PT Sans";
}
/* Gift */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .checkout-navigation-wrap {
  background: #333333;
  height: 100px;
  text-align: center;
}
.main-container .checkout-navigation-wrap .checkout {
  display: table;
  margin: 0 auto;
  height: 100px;
  width: 100%;
  max-width: 700px;
  padding: 0 10px;
}
.main-container .checkout-navigation-wrap .checkout .navigation {
  vertical-align: text-top;
  text-decoration: none;
  color: #666666;
  font: 0.67rem "PT Sans";
  display: table-cell;
  vertical-align: middle;
  text-transform: capitalize;
}
.main-container .checkout-navigation-wrap .checkout .navigation .strong {
  font-size: 30px;
  display: block;
}
.main-container .checkout-navigation-wrap .checkout .navigation .text {
  vertical-align: middle;
  display: block;
  height: 30px;
  min-width: 0!important;
}
.main-container .checkout-navigation-wrap .checkout .navigation.active {
  color: #FFFFFF;
}
.main-container .checkout-navigation-wrap .checkout .line {
  display: block;
}
.main-container .checkout-navigation-wrap .checkout .line img {
  width: 60%;
  height: 65px;
}
.main-container .gift-wrap {
  display: block;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
}
.main-container .gift-wrap .title-header-wrap {
  text-align: center;
  color: #666666;
  padding: 40px 30px;
  font: lighter 0.875rem "PT Sans";
}
.main-container .gift-wrap .title-header-wrap .top-title {
  font: bold 22px "PT Sans";
  text-transform: capitalize;
}
.main-container .gift-wrap .title-header-wrap .top-title .total {
  color: #0033CC;
  padding: 4px 0 0 46px;
  background: url(../img/points-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.main-container .gift-wrap .title-header-wrap .bottom-title {
  font: lighter 0.875rem "PT Sans";
}
.main-container .gift-search-wrap {
  text-align: center;
  padding: 0 30px 15px;
}
.main-container .gift-search-wrap .gift-search-input {
  width: 100%;
  max-width: 500px;
  height: 40px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 0 15px;
  font: lighter 14px "PT Sans";
  outline: none;
  box-sizing: border-box;
}
.main-container .gift-search-wrap .gift-search-input:focus {
  border-color: #0033CC;
}
.main-container .main-content {
  display: block;
  max-width: 1100px;
  width: 100%;
  position: relative;
  text-align: center;
  padding: 0 15px 120px;
  margin: 0 auto;
  box-sizing: border-box;
}
.main-container .main-content ul {
  margin: 0;
  padding: 0;
  display: table;
  list-style: none;
  margin: 0 auto;
  padding: 0 0px 0px;
  width: 100%;
  min-width: 330px;
}
.main-container .main-content ul .gift-content {
  width: 46%;
  min-height: 390px;
  border: 1px solid #CCCCCC;
  position: relative;
  display: block;
  float: left;
  margin: 0 5px 5px;
}
.main-container .main-content ul .gift-content .gift-image {
  padding: 8px 0 2px;
  margin: 0 auto;
  text-align: center;
}
.main-container .main-content ul .gift-content .gift-image img {
  width: 100%;
}
.main-container .main-content ul .gift-content .gift-detail {
  text-align: center;
}
.main-container .main-content ul .gift-content .gift-detail .title {
  font: bold 0.875rem "PT Sans";
  text-transform: uppercase;
  color: #333333;
  padding: 0;
  display: block;
  width: 100%;
  padding: 6px 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main-container .main-content ul .gift-content .gift-detail .title div {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 32px;
  white-space: normal;
}
.main-container .main-content ul .gift-content .gift-detail .option {
  display: inline-block;
  margin: 4px 0;
}
.main-container .main-content ul .gift-content .gift-detail .option .sub-option {
  width: 124px;
  background: url(../img/icons.png) no-repeat scroll 90px -1092px rgba(0, 0, 0, 0);
  border: 1px solid #999999;
  font: lighter 13px "PT Sans";
  height: 23px;
  cursor: pointer;
  padding: 5px;
}
.main-container .main-content ul .gift-content .gift-detail .option .quantity {
  width: 40px;
  border: 1px solid #999999;
  font: lighter 13px "PT Sans";
  height: 24px;
  padding: 5px;
  text-align: center;
}
.main-container .main-content ul .gift-content .gift-detail .option .cart-btn {
  display: table;
  vertical-align: middle;
  margin: 5px auto;
  width: 130px;
  height: 30px;
  text-decoration: none;
  text-transform: uppercase;
  background: #0033CC;
  color: #FFFFFF;
  font: bold 0.875rem "PT Sans";
  border-radius: 5px;
  padding: 3px;
}
.main-container .main-content ul .gift-content .gift-detail .option .cart-btn.remove {
  background-color: #EFEFEF;
  color: #666666;
}
.main-container .main-content ul .gift-content .gift-detail .option .cart-btn:hover {
  opacity: 0.8;
}
.main-container .main-content ul .gift-content .gift-detail .point-wrap {
  font: bold 14px "PT Sans";
  padding: 0 0 0px 0;
  display: inline-block;
  width: 100%;
}
.main-container .main-content ul .gift-content .gift-detail .point-wrap.active {
  background: url(../img/icons.png) no-repeat 100px -1234px rgba(0, 0, 0, 0);
}
.main-container .main-content ul .gift-content .gift-detail .point-wrap .point {
  display: block;
  width: 100%;
}
.main-container .main-content ul .gift-content .gift-detail .point-wrap .red {
  color: #dc0000;
}
.main-container .main-content ul .gift-content .gift-detail .point-wrap .text {
  text-transform: capitalize;
}
.main-container .main-content ul .gift-content .gift-detail .point-wrap .price {
  color: #999999;
  font-weight: lighter;
  text-decoration: line-through;
}
.main-container .main-content ul .gift-content .gift-detail .point-wrap .green {
  color: #009900;
  text-transform: uppercase;
}
.main-container .main-content .gift-group {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  margin: 0 auto 15px;
  max-width: 600px;
  text-align: left;
  overflow: hidden;
}
.main-container .main-content .gift-group .gift-group-header {
  padding: 10px 15px;
  background: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .main-content .gift-group .gift-group-header .gift-group-name {
  font: bold 1rem "PT Sans";
  text-transform: uppercase;
  color: #333333;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border-bottom: 1px solid #EEEEEE;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row:last-child {
  border-bottom: none;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-variant-thumb {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  flex-shrink: 0;
  cursor: pointer;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-variant-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-variant-info {
  flex: 1;
  min-width: 0;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-variant-info .gift-variant-size {
  font: bold 0.875rem "PT Sans";
  color: #333333;
  margin-right: 8px;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-variant-info .gift-variant-flavour {
  font: lighter 0.875rem "PT Sans";
  color: #666666;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-variant-point {
  width: 70px;
  text-align: right;
  padding-right: 15px;
  flex-shrink: 0;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-variant-point .red {
  color: #dc0000;
  font: bold 0.875rem "PT Sans";
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-variant-point .text {
  color: #666666;
  font: lighter 0.75rem "PT Sans";
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-stepper {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-stepper .stepper-btn {
  width: 30px;
  height: 30px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  font: bold 16px/28px "PT Sans";
  text-align: center;
  cursor: pointer;
  padding: 0;
  border-radius: 5px;
  color: #333333;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-stepper .stepper-btn:hover {
  background: #EEEEEE;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-stepper .stepper-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.main-container .main-content .gift-group .gift-variant-list .gift-variant-row .gift-stepper .stepper-qty {
  width: 36px;
  text-align: center;
  font: bold 0.875rem "PT Sans";
  color: #333333;
}
.main-container .gift-lightbox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
}
.main-container .gift-lightbox .gift-lightbox-inner {
  position: relative;
  max-width: 90%;
  max-height: 90%;
  background: #FFFFFF;
  border-radius: 5px;
  padding: 10px;
  width: 500px;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-container .gift-lightbox .gift-lightbox-inner img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 5px;
}
.main-container .gift-lightbox .gift-lightbox-close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 32px;
  height: 32px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: bold 20px/30px "PT Sans";
  cursor: pointer;
  color: #333333;
  z-index: 10;
}
.main-container .gift-lightbox .gift-lightbox-close:hover {
  background: #EEEEEE;
}
.main-container .bottom-menu {
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #FFFFFF;
  border-top: 1px solid #CCCCCC;
  max-width: 1100px;
  z-index: 10;
  box-sizing: border-box;
}
.main-container .bottom-menu .gift-menu {
  display: flex;
  flex: 1 1 100%;
  justify-content: space-around;
  align-items: center;
  padding: 8px 15px;
  background: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .bottom-menu .gift-menu .point-total {
  display: flex;
  align-items: center;
  gap: 4px;
}
.main-container .bottom-menu .gift-menu .point-total .text {
  font: normal 0.7rem "PT Sans";
  text-transform: capitalize;
  padding-left: 22px;
  background: url(../img/points-icon.png) no-repeat 0 center / 18px rgba(0, 0, 0, 0);
}
.main-container .bottom-menu .gift-menu .point-total .number {
  color: #0033CC;
  font: bold 1rem "PT Sans";
}
.main-container .bottom-menu .gift-menu .gift-total {
  display: flex;
  align-items: center;
  gap: 4px;
}
.main-container .bottom-menu .gift-menu .gift-total span {
  font: normal 0.7rem "PT Sans";
  text-transform: capitalize;
}
.main-container .bottom-menu .gift-menu .gift-total .number {
  color: #0033CC;
  font: bold 1rem "PT Sans";
}
.main-container .bottom-menu .btn {
  flex: 1 1 50%;
  height: 55px;
  font: bold 16px/55px "PT Sans";
  text-transform: capitalize;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  border-radius: 5px;
}
.main-container .bottom-menu .btn.back {
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.main-container .bottom-menu .btn.next {
  color: #FFFFFF;
  background: #009900;
}
.main-container .freebies-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.main-container .freebies-grid .gift-group {
  max-width: none;
  width: 100%;
  margin: 0;
}
.main-container .shipping-wrap {
  display: table;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
}
.main-container .shipping-wrap .center-content {
  display: table;
  text-align: center;
  color: #666666;
  padding: 0;
  width: 100%;
}
.main-container .shipping-wrap .center-content .title-heading {
  padding: 20px 0;
  display: block;
  min-width: 320px;
}
.main-container .shipping-wrap .center-content .title-heading .heading {
  display: block;
  width: 100%;
  font: bold 1.3rem "PT Sans";
  padding: 0 0 10px 0;
}
.main-container .shipping-wrap .center-content .title-heading .sub-heading {
  display: inline-block;
  font: normal 0.875rem "PT Sans";
  width: 100%;
}
.main-container .shipping-wrap .center-content .shipping-content {
  display: table;
  border: 1px solid #EFEFEF;
  width: 100%;
}
.main-container .shipping-wrap .center-content .shipping-content .title {
  height: 50px;
  display: block;
  width: 100%;
  background: #F5F5F5;
  font: bold 18px/50px "PT Sans";
  text-align: left;
  padding-left: 16px;
  border-bottom: 1px solid #EFEFEF;
}
.main-container .shipping-wrap .center-content .shipping-content .address-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 16px;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card {
  border: 2px solid #EFEFEF;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  text-align: left;
  background: #FFFFFF;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card:hover {
  border-color: #CCCCCC;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card.selected {
  border-color: #0033CC;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card.selected .card-check {
  opacity: 1;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card .card-check {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #0033CC;
  opacity: 0;
  transition: all 0.3s ease;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card .card-check::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 8px;
  width: 6px;
  height: 11px;
  border: solid #FFFFFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.main-container .shipping-wrap .center-content .shipping-content .address-card .card-body {
  padding-right: 32px;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card .card-name {
  font: bold 16px "PT Sans";
  color: #333333;
  margin-bottom: 2px;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card .card-phone {
  font: normal 14px "PT Sans";
  color: #666666;
  margin-bottom: 8px;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card .card-address {
  font: normal 14px "PT Sans";
  color: #666666;
  line-height: 1.4;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card .card-location {
  font: normal 13px "PT Sans";
  color: #999999;
  margin-top: 4px;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card .card-edit-btn {
  position: absolute;
  bottom: 12px;
  right: 16px;
  font: normal 13px "PT Sans";
  color: #0033CC;
  text-decoration: none;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card .card-edit-btn:hover {
  text-decoration: underline;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card-add {
  border: 2px dashed #CCCCCC;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #FFFFFF;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card-add:hover {
  border-color: #0033CC;
  background: #F5F5F5;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card-add .card-add-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #F5F5F5;
  position: relative;
  margin-bottom: 8px;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card-add .card-add-icon::before,
.main-container .shipping-wrap .center-content .shipping-content .address-card-add .card-add-icon::after {
  content: '';
  position: absolute;
  background: #666666;
  border-radius: 2px;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card-add .card-add-icon::before {
  width: 2px;
  height: 18px;
  top: 11px;
  left: 19px;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card-add .card-add-icon::after {
  width: 18px;
  height: 2px;
  top: 19px;
  left: 11px;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card-add:hover .card-add-icon {
  background: #0033CC;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card-add:hover .card-add-icon::before,
.main-container .shipping-wrap .center-content .shipping-content .address-card-add:hover .card-add-icon::after {
  background: #FFFFFF;
}
.main-container .shipping-wrap .center-content .shipping-content .address-card-add .card-add-text {
  font: normal 14px "PT Sans";
  color: #666666;
}
.main-container .shipping-wrap .center-content .button-wrap {
  display: table;
  width: 100%;
  min-width: 320px;
  padding: 20px 0;
}
.main-container .shipping-wrap .center-content .button-wrap .btn {
  width: 200px;
  height: 55px;
  font: bold 16px/55px "PT Sans";
  text-transform: capitalize;
  text-decoration: none;
  text-align: center;
  display: block;
  border-radius: 5px;
}
.main-container .shipping-wrap .center-content .button-wrap .btn.back {
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  float: left;
}
.main-container .shipping-wrap .center-content .button-wrap .btn.next {
  color: #FFFFFF;
  background: #009900;
  float: right;
  border: none;
}
.main-container .shipping-wrap .center-content .button-wrap .btn.next:hover {
  opacity: 0.85;
}
/* Confirmation */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .confirmation-wrap {
  text-align: center;
  display: block;
  width: 100%;
  color: #666666;
}
.main-container .confirmation-wrap .confirmation-title {
  padding: 15px 10px 10px 10px;
  display: block;
}
.main-container .confirmation-wrap .confirmation-title .heading {
  display: block;
  width: 100%;
  font: bold 1.4rem "PT Sans";
  padding: 0 0 10px 0;
}
.main-container .confirmation-wrap .confirmation-title .sub-heading {
  display: inline-block;
  font: normal 0.875rem/22px "PT Sans";
  width: 88%;
}
.main-container .confirmation-wrap .confirmation-title .sub-heading a {
  text-decoration: none;
}
.main-container .confirmation-wrap .confirmation-box-wrap {
  padding: 0 13px;
  display: block;
  text-align: center;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label {
  display: none;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list {
  width: 100%;
  text-align: left;
  border: 1px solid #EFEFEF;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  display: table;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list:first-child {
  border-radius: 5px 5px 0 0;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list:last-child {
  border-bottom: 1px solid #EFEFEF;
  border-radius: 0 0 5px 5px;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list:first-child:last-child {
  border-radius: 5px;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .image {
  width: 30%;
  float: left;
  padding: 0px 0px;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .image img {
  width: 80px;
  padding-top: 10px;
  text-align: center;
  display: inline-block;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .product {
  float: left;
  width: 70%;
  display: table;
  min-height: 114px;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .product .main-text {
  font: bold 13px "PT Sans";
  color: #0033CC;
  vertical-align: middle;
  display: table-cell;
  padding: 0px;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .product .main-text .sub-text {
  font: lighter 10px "PT Sans";
  color: #333333;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .price {
  float: left;
  width: 30%;
  font: lighter 1rem "PT Sans";
  display: table;
  height: 30px;
  padding-left: 10px;
  text-align: center;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .price span {
  display: table-cell;
  vertical-align: middle;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .quantity {
  float: left;
  width: 35%;
  display: table;
  height: 30px;
  text-align: center;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .quantity span {
  display: table-cell;
  vertical-align: middle;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .sub-total {
  float: left;
  width: 30%;
  font: bold 1rem "PT Sans";
  display: table;
  height: 0px;
  text-align: center;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .sub-total span {
  height: 30px;
  display: table-cell;
  vertical-align: middle;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .remove {
  float: left;
  display: table;
  height: 142px;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .remove a {
  width: 30px;
  height: 20px;
  background: url(../img/icons.png) no-repeat -4px -1169px rgba(0, 0, 0, 0);
  display: block;
  margin: 60px 0;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap {
  background: #F5F5F5;
  display: block;
  text-align: left;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .confirmation-left-wrap {
  display: block;
  height: 200px;
  padding: 8px 0;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .confirmation-left-wrap .coupon-wrap {
  display: block;
  height: 80px;
  padding: 22px 13px;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .confirmation-left-wrap .coupon-wrap span {
  font: lighter 0.875rem/18px "PT Sans";
  color: #333333;
  text-transform: capitalize;
  width: 29%;
  display: table-cell;
  text-align: left;
  float: left;
  vertical-align: middle;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .confirmation-left-wrap .coupon-wrap .coupon-input {
  width: 36%;
  float: left;
  height: 35px;
  border: 1px solid #CCCCCC;
  padding: 5px;
  margin-right: 13px;
  font: lighter 0.875rem "PT Sans";
  text-align: left;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .confirmation-left-wrap .coupon-wrap .apply-btn {
  width: 32%;
  height: 35px;
  background: #0033CC;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font: normal 0.875rem/35px "PT Sans";
  border-radius: 5px;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .confirmation-left-wrap .points-wrap {
  display: block;
  height: 82px;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .confirmation-left-wrap .points-wrap .fitwhey-points {
  display: inline-block;
  padding: 22px 0;
  width: 70%;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .confirmation-left-wrap .points-wrap .fitwhey-points .points-earn {
  background: url(../img/points-icon.png) no-repeat scroll 10px 0px rgba(0, 0, 0, 0);
  color: #333333;
  font: lighter 13px/18px "PT Sans";
  padding: 10px 0 10px 60px;
  text-transform: capitalize;
  float: left;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .confirmation-left-wrap .points-wrap .fitwhey-points span {
  color: #0033CC;
  float: left;
  font: bold 18px/18px "PT Sans";
  padding: 10px 0 10px 10px;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .confirmation-left-wrap .points-wrap .total-points {
  display: inline-block;
  padding: 19px 0;
  text-align: center;
  width: 30%;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .confirmation-left-wrap .points-wrap .total-points .text {
  text-transform: capitalize;
  font: lighter 13px/18px "PT Sans";
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .confirmation-left-wrap .points-wrap .total-points span {
  color: #0033CC;
  font: bold 18px/18px "PT Sans";
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap {
  display: table;
  width: 100%;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 35px 10px 25px 20px;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space span {
  width: 48%;
  display: inline-block;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space .price-total {
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  padding: 8px 0 8px 30px;
  font: lighter 0.875rem "PT Sans";
  text-transform: capitalize;
  color: #666666;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space .price-total .total {
  font: bold 0.875rem "PT Sans";
  padding-left: 20px;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space .table-total {
  font: lighter 1.2rem "PT Sans";
  text-transform: capitalize;
  width: 100%;
  padding: 12px 0 12px 30px;
}
.main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space .table-total .total {
  font: bold 1.2rem "PT Sans";
  padding-left: 20px;
}
.main-container .confirmation-wrap .remark-wrap {
  display: block;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 13px 0 13px;
}
.main-container .confirmation-wrap .remark-wrap .remark-box {
  display: table;
  width: 100%;
  margin: 0;
}
.main-container .confirmation-wrap .remark-wrap .remark-box .title {
  width: 100%;
  display: block;
  background: #F5F5F5;
  font: bold 18px/45px "PT Sans";
  text-align: left;
  padding-left: 30px;
  text-transform: capitalize;
  border: 1px solid #EFEFEF;
  border-radius: 5px 5px 0 0;
}
.main-container .confirmation-wrap .remark-wrap .remark-box .comment-area {
  display: table;
  width: 100%;
  padding: 30px;
  text-align: left;
  text-transform: capitalize;
  border: 1px solid #EFEFEF;
  border-top: none;
  border-radius: 0 0 5px 5px;
}
.main-container .confirmation-wrap .remark-wrap .remark-box .comment-area .input-area {
  border: 1px solid #cccccc;
  box-shadow: none;
  font: lighter 13px "PT Sans";
  padding: 5px;
  width: 100%;
  border-radius: 5px;
}
.main-container .confirmation-wrap .confirmation-shipping-wrap {
  display: block;
  width: 100%;
}
.main-container .confirmation-wrap .confirmation-shipping-wrap .shipping-billing-content {
  display: table;
  width: 100%;
  padding: 0 13px;
  margin: 20px 0;
}
.main-container .confirmation-wrap .confirmation-shipping-wrap .shipping-billing-content .title {
  width: 100%;
  display: block;
  background: #F5F5F5;
  font: bold 18px/45px "PT Sans";
  text-align: left;
  padding-left: 30px;
  text-transform: capitalize;
  border: 1px solid #EFEFEF;
  border-radius: 5px 5px 0 0;
}
.main-container .confirmation-wrap .confirmation-shipping-wrap .shipping-billing-content .title .edit-btn {
  display: inline-block;
  padding: 0 30px 0 50px;
  text-align: center;
  text-decoration: none;
  font: normal 14px/45px "PT Sans";
  color: #999999;
  background: url(../img/icons.png) no-repeat 10px -1573px #FFFFFF;
}
.main-container .confirmation-wrap .confirmation-shipping-wrap .shipping-billing-content .current-shipping-wrap {
  display: table;
  width: 100%;
  padding: 30px;
  text-align: left;
  text-transform: capitalize;
  border: 1px solid #EFEFEF;
  border-top: none;
  border-radius: 0 0 5px 5px;
  height: 150px;
}
.main-container .confirmation-wrap .confirmation-shipping-wrap .shipping-billing-content .current-shipping-wrap .address-wrap {
  font: normal 0.875rem "PT Sans";
  color: #666666;
}
.main-container .confirmation-wrap .confirmation-shipping-wrap .shipping-billing-content .current-shipping-wrap .address-wrap .head {
  color: #333333;
  font-weight: bold;
}
.main-container .confirmation-wrap .delivery-options-wrap {
  display: table;
  min-width: 1100px;
  margin: 0 auto;
  border: 1px solid #FFF;
  background: url(../img/same-day-banner-1.webp) no-repeat 0 0;
  border-radius: 5px;
}
.main-container .confirmation-wrap .delivery-options-wrap .same-day {
  display: flex;
  align-items: center;
  padding: 20px;
  font: normal 16px "PT Sans";
  color: #FFF;
}
.main-container .confirmation-wrap .delivery-options-wrap .same-day .custom-check {
  height: 20px;
  width: 20px;
  margin: 0 10px 0 0;
  background-color: #EEE;
}
.main-container .confirmation-wrap .delivery-options-wrap .same-day .delivery-icon {
  width: 60px;
  padding: 0 5px 0 0;
}
.main-container .confirmation-wrap .button-wrap {
  display: block;
  width: 100%;
  text-align: center;
  padding: 30px 13px 90px;
}
.main-container .confirmation-wrap .button-wrap .noti-area {
  display: flex;
  padding: 0 0 30px;
  justify-content: center;
  text-transform: capitalize;
  font: bold 18px/22px "Kanit";
}
.main-container .confirmation-wrap .button-wrap .continue-btn {
  display: inline-block;
  min-width: 260px;
  padding: 0 40px;
  height: 60px;
  font: bold 20px/60px "PT Sans";
  color: #FFFFFF;
  text-decoration: none;
  background: #009900;
  text-transform: capitalize;
  border-radius: 5px;
  box-shadow: 0 4px 12px rgba(0, 153, 0, 0.3);
}
.main-container .confirmation-wrap .button-wrap .continue-btn:hover {
  opacity: 0.85;
}
.main-container .confirmation-wrap img {
  padding: 0 0 20px 0;
  width: 80%;
}
/* Payment-Popup */
.tctp-new-card-wrap {
  display: inline-block;
  max-width: 600px;
  width: 100%;
  border: 1px solid #CCCCCC;
  margin: 20px;
  text-transform: capitalize;
}
.tctp-new-card-wrap h3 {
  color: #666666;
  margin: 0;
  padding: 15px;
  background: #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
}
.tctp-new-card-wrap .bottom-card-wrap {
  padding: 20px 30px 25px 30px;
  position: relative;
}
.tctp-new-card-wrap .bottom-card-wrap .new-card-info {
  display: block;
  padding: 7px 0 7px 0;
  margin: 5px 0;
}
.tctp-new-card-wrap .bottom-card-wrap .new-card-info .info {
  width: 220px;
  margin: 0 0 10px 0;
  display: block;
}
.tctp-new-card-wrap .bottom-card-wrap .new-card-info .input-box {
  background: #FFFFFF;
  border: 1px solid #999;
  text-align: left;
  width: 230px;
  box-shadow: none;
  font: lighter 13px "PT Sans";
  height: 31px;
  margin: 0;
  padding: 5px;
}
.tctp-new-card-wrap .bottom-card-wrap .new-card-info .input-box.half {
  width: 50px;
  display: inline-block;
  margin: 0 2px 0 0;
}
.tctp-new-card-wrap .bottom-card-wrap .new-card-info .drop-down {
  background: #FFFFFF;
  border: 1px solid #999;
  cursor: pointer;
  text-align: left;
  width: 230px;
  box-shadow: none;
  font: lighter 13px "PT Sans";
  height: 27px;
  margin: 0;
  padding: 5px;
}
.tctp-new-card-wrap .bottom-card-wrap .support {
  text-align: right;
}
.tctp-new-card-wrap .bottom-card-wrap .security-link {
  text-decoration: none;
  color: #0033CC;
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-left: 30px;
  background: url(../img/key-lock.png) no-repeat left -2px;
}
.tctp-new-card-wrap .bottom-card-wrap .add-card-btn {
  display: inline-block;
  background: #0033CC;
  color: #FFFFFF;
  width: 100%;
  padding: 15px 10px;
  text-align: center;
  margin: 20px 0 10px;
  font: bold 15px "PT Sans";
  text-transform: uppercase;
}
/* Payment */
.main-container {
  min-width: 500px;
  background-color: #FFFFFF;
}
.main-container .payment-wrap {
  display: table;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
.main-container .payment-wrap .center-content {
  display: table;
  text-align: center;
  color: #666666;
  padding: 0 10px;
  width: 100%;
  /* Compact header */
  /* Order Summary (collapsible) */
  /* Notice */
  /* Section title */
  /* Payment methods - grid */
  /* Sticky bottom bar */
  /* Tabs (legacy) */
}
.main-container .payment-wrap .center-content .title-heading {
  padding: 35px 0;
  display: block;
}
.main-container .payment-wrap .center-content .title-heading .heading {
  display: block;
  width: 100%;
  font: bold 30px "PT Sans";
  padding: 0 0 10px 0;
}
.main-container .payment-wrap .center-content .title-heading .sub-heading {
  display: inline-block;
  font: normal 16px/22px "PT Sans";
}
.main-container .payment-wrap .center-content .payment-header {
  display: table;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 15px 20px;
  border-bottom: 1px solid #EFEFEF;
}
.main-container .payment-wrap .center-content .payment-header .payment-header-left {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.main-container .payment-wrap .center-content .payment-header .payment-header-left .order-id {
  font: bold 18px "PT Sans";
  color: #333333;
}
.main-container .payment-wrap .center-content .payment-header .payment-header-left .order-total {
  font: bold 22px "PT Sans";
  color: #0033CC;
  margin-left: 15px;
}
.main-container .payment-wrap .center-content .payment-header .payment-header-right {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  cursor: pointer;
}
.main-container .payment-wrap .center-content .payment-header .payment-header-right .summary-text {
  font: normal 14px "PT Sans";
  color: #999999;
  vertical-align: middle;
}
.main-container .payment-wrap .center-content .payment-header .payment-header-right .toggle-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
.main-container .payment-wrap .center-content .payment-header .payment-header-right .toggle-icon.open {
  transform: rotate(-135deg);
}
.main-container .payment-wrap .center-content .payment-header .payment-header-right:hover .summary-text {
  color: #0033CC;
}
.main-container .payment-wrap .center-content .payment-order-summary {
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  text-align: left;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-product-list-wrap {
  border-bottom: 1px solid #EFEFEF;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-product-list {
  display: table;
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #EFEFEF;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-product-list:last-child {
  border-bottom: none;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-product-list .image {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  padding-right: 10px;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-product-list .image img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 5px;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-product-list .product-info {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-product-list .product-info .product-name {
  font: bold 13px/16px "PT Sans";
  color: #333333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-product-list .product-info .product-detail {
  font: lighter 11px "PT Sans";
  color: #666666;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-product-list .product-qty-price {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-product-list .product-qty-price .qty {
  font: normal 13px "PT Sans";
  color: #666666;
  margin-right: 8px;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-product-list .product-qty-price .subtotal {
  font: bold 13px "PT Sans";
  color: #333333;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-price-compact {
  background: #F5F5F5;
  padding: 12px 20px;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-price-compact .price-row {
  display: block;
  width: 100%;
  padding: 4px 0;
  font: lighter 13px "PT Sans";
  color: #666666;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-price-compact .price-row:after {
  content: '';
  display: table;
  clear: both;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-price-compact .price-row span {
  float: left;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-price-compact .price-row .value {
  float: right;
  font-weight: bold;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-price-compact .price-row.total {
  font-size: 15px;
  color: #0033CC;
  border-top: 1px solid #CCCCCC;
  padding-top: 8px;
  margin-top: 4px;
}
.main-container .payment-wrap .center-content .payment-order-summary .payment-price-compact .price-row.total .value {
  font-size: 15px;
}
.main-container .payment-wrap .center-content .payment-notice {
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 10px auto;
  padding: 10px 15px;
  border: 1px solid #ffc107;
  background: #fff3cd;
  border-radius: 5px;
  font: normal 13px/18px "PT Sans";
  color: #856404;
  text-align: left;
}
.main-container .payment-wrap .center-content .payment-section-title {
  width: 100%;
  max-width: 1100px;
  margin: 15px auto 10px auto;
  padding-left: 20px;
  font: bold 16px "PT Sans";
  color: #333333;
  text-align: left;
  text-transform: capitalize;
}
.main-container .payment-wrap .center-content .payment-section-title .title-amount {
  font: bold 20px "PT Sans";
  color: #0033CC;
  margin-left: 10px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap {
  padding: 0 10px;
  display: block;
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container {
  display: block;
  position: relative;
  margin-bottom: 80px;
  text-align: left;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap {
  display: block;
  border: 2px solid #EFEFEF;
  border-radius: 5px;
  padding: 14px 16px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap:hover {
  border-color: #CCCCCC;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap input[type="radio"] {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  cursor: pointer;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .radio-content {
  display: inline;
  vertical-align: middle;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .radio-content b {
  font: bold 14px "PT Sans";
  color: #333333;
  vertical-align: middle;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .radio-content .radio-desc {
  font: normal 12px "PT Sans";
  color: #666666;
  vertical-align: middle;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .radio-content .payment-icon {
  max-height: 28px;
  max-width: 200px;
  vertical-align: middle;
  margin-left: 8px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap.active {
  border-color: #0033CC;
  background: #f5f7ff;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .stored-card-wrap {
  margin-top: 10px;
  padding-left: 28px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .stored-card-wrap .drop-menu {
  display: inline-block;
  max-width: 250px;
  padding: 6px 10px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 13px "PT Sans";
  background: #FFFFFF;
  margin-right: 8px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .stored-card-wrap .delete-btn {
  display: inline-block;
  padding: 3px 10px;
  background: #dc0000;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px;
  border-radius: 5px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .expand-content {
  display: none;
  margin-top: 12px;
  padding-left: 28px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap.active .expand-content {
  display: block;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .promptpay-accept .promptpay-notice {
  color: #dc0000;
  font-size: 12px;
  margin-bottom: 10px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .promptpay-accept .promptpay-qr-wrap {
  display: inline-block;
  text-align: center;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  padding: 15px;
  max-width: 280px;
  width: 100%;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .promptpay-accept .promptpay-qr-wrap .promptpay-logo {
  width: 140px;
  margin-bottom: 8px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .promptpay-accept .promptpay-qr-wrap .qr-code-wrap {
  display: inline-block;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .promptpay-accept .promptpay-qr-wrap .qr-code-wrap .qr-code-img {
  width: 180px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .promptpay-accept .promptpay-qr-wrap .promptpay-info {
  margin-top: 8px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .promptpay-accept .promptpay-qr-wrap .promptpay-info .company-name {
  font-weight: bold;
  font-size: 14px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .promptpay-accept .promptpay-qr-wrap .promptpay-info .account-info {
  font-size: 12px;
  color: #666666;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .promptpay-accept .promptpay-download {
  margin-top: 10px;
  text-align: center;
  max-width: 280px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .promptpay-accept .promptpay-download .download-qr-btn {
  display: inline-block;
  padding: 8px 20px;
  background: #009900;
  color: #FFFFFF;
  text-decoration: none;
  font: 400 13px/20px "PT Sans";
  border-radius: 5px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .cod-accept .cod-conditions {
  margin-bottom: 10px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .cod-accept .cod-conditions .cod-condition-item {
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  margin-bottom: 3px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .cod-accept .cod-verify-section .cod-phone-input-wrap {
  margin-top: 6px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .cod-accept .cod-verify-section .cod-phone-input-wrap .input-box {
  width: 5em;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 5px 8px;
  font: normal 13px "PT Sans";
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .cod-accept .cod-verify-section .cod-phone-input-wrap .cod-verify-phone-btn {
  border: none;
  background: #0033CC;
  color: #FFFFFF;
  padding: 5px 14px;
  border-radius: 5px;
  font: normal 13px "PT Sans";
  cursor: pointer;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .cod-accept .cod-verify-section .cod-sms-input-wrap {
  margin-top: 6px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .cod-accept .cod-verify-section .cod-sms-input-wrap .input-box {
  width: 5em;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 5px 8px;
  font: normal 13px "PT Sans";
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .cod-accept .cod-submit-wrap {
  margin-top: 10px;
}
.main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .cod-accept .cod-submit-wrap .btn {
  display: inline-block;
  padding: 8px 24px;
  background: #0033CC;
  color: #FFFFFF;
  text-decoration: none;
  font: bold 14px "PT Sans";
  border-radius: 5px;
}
.main-container .payment-wrap .center-content .payment-sticky-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-top: 1px solid #EFEFEF;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
  z-index: 50;
}
.main-container .payment-wrap .center-content .payment-sticky-bar .sticky-inner {
  display: table;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 12px 20px;
}
.main-container .payment-wrap .center-content .payment-sticky-bar .sticky-inner .total-amount {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.main-container .payment-wrap .center-content .payment-sticky-bar .sticky-inner .total-amount .label {
  font: normal 15px "PT Sans";
  color: #666666;
}
.main-container .payment-wrap .center-content .payment-sticky-bar .sticky-inner .total-amount .amount {
  font: bold 20px "PT Sans";
  color: #0033CC;
  margin-left: 8px;
}
.main-container .payment-wrap .center-content .payment-sticky-bar .sticky-inner .paid-btn {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  min-width: 200px;
  height: 48px;
  line-height: 48px;
  padding: 0 30px;
  background: #009900;
  color: #FFFFFF;
  text-decoration: none;
  font: bold 16px/48px "PT Sans";
  text-transform: capitalize;
  border-radius: 5px;
  text-align: center;
  transition: all 0.3s ease;
}
.main-container .payment-wrap .center-content .payment-sticky-bar .sticky-inner .paid-btn:hover {
  opacity: 0.85;
}
.main-container .payment-wrap .center-content .payment-tabs-wrap {
  padding: 0 60px;
  display: inline-block;
  position: relative;
  width: 100%;
}
.main-container .payment-wrap .center-content .payment-tabs-wrap .right-block {
  width: 100%;
  font: normal 16px "PT Sans";
  text-align: left;
  padding: 15px 25px;
}
.main-container .payment-wrap .center-content .button-wrap {
  display: table;
  width: 100%;
  padding: 30px 0 25px 0;
  margin-bottom: 20px;
  margin-top: 30px;
  border-top: 1px solid #EFEFEF;
}
.main-container .payment-wrap .center-content .button-wrap .btn {
  width: 200px;
  height: 55px;
  font: bold 16px/55px "PT Sans";
  text-transform: capitalize;
  text-decoration: none;
  text-align: center;
  display: block;
  border-radius: 5px;
}
.main-container .payment-wrap .center-content .button-wrap .btn.back {
  color: #666666;
  background: url(../img/icons.png) no-repeat scroll 25px -1408px #FFFFFF;
  border: 1px solid #CCCCCC;
  float: left;
}
.main-container .payment-wrap .center-content .button-wrap .btn.order {
  color: #FFFFFF;
  background: #0033CC;
  float: right;
}
/* Contact */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .contact-wrap {
  display: table;
  position: relative;
  width: 100%;
  height: 485px;
}
.main-container .contact-wrap .map-wrap {
  position: relative;
  display: block;
  width: 100%;
  float: left;
}
.main-container .contact-wrap .map-wrap #map-canvas {
  width: 100%;
  height: 485px;
  background: #FFFFFF;
  border: 1px solid #666666;
}
.main-container .contact-wrap .map-wrap .map-info-wrap {
  position: absolute;
  display: inline-block;
  width: 260px;
  top: 40px;
  left: 30px;
  background: #FFFFFF;
  -moz-box-shadow: 7px 7px 10px #999;
  -webkit-box-shadow: 7px 7px 10px #999;
  box-shadow: 7px 7px 10px #999;
}
.main-container .contact-wrap .map-wrap .map-info-wrap .header {
  display: block;
  border-bottom: 1px solid #CCCCCC;
  font: bold 18px "PT Sans";
  text-transform: capitalize;
  color: #333333;
  padding: 15px 0;
  margin: 0 15px;
}
.main-container .contact-wrap .map-wrap .map-info-wrap .info-content {
  font: normal 14px "PT Sans";
  color: #666666;
  padding: 0 15px;
  text-transform: capitalize;
}
.main-container .contact-wrap .map-wrap .map-info-wrap .info-content .pin {
  display: block;
  padding: 15px 0 15px 50px;
  background: url(../img/icons.png) no-repeat scroll -2px -138px rgba(0, 0, 0, 0);
}
.main-container .contact-wrap .map-wrap .map-info-wrap .info-content .email {
  display: block;
  padding: 15px 0 15px 50px;
  background: url(../img/icons.png) no-repeat scroll -2px -209px rgba(0, 0, 0, 0);
}
.main-container .contact-wrap .map-wrap .map-info-wrap .info-content .phone {
  display: block;
  padding: 15px 0 15px 50px;
  background: url(../img/icons.png) no-repeat scroll -2px -280px rgba(0, 0, 0, 0);
}
.main-container .contact-wrap .map-wrap .map-info-wrap .btn-wrap {
  position: relative;
  display: block;
  height: 65px;
  background: #F5F5F5;
  border-top: 1px solid #CCCCCC;
}
.main-container .contact-wrap .map-wrap .map-info-wrap .btn-wrap .direction-btn {
  width: 180px;
  height: 40px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font: bold 14px/40px "PT Sans";
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  margin: 12px 20px;
}
.main-container .contact-wrap .bottom-wrap {
  display: table;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap {
  display: table;
  width: 100%;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap {
  display: table;
  position: relative;
  width: 100%;
  margin: 0 auto 20px;
  padding: 20px;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .introduction {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .introduction .title {
  font: bold 24px "PT Sans";
  color: #333333;
  text-transform: capitalize;
  display: table;
  width: 100% ;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .introduction .text {
  font: normal 16px "PT Sans";
  color: #999999;
  display: block;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form {
  display: block;
  width: 100%;
  padding: 30px 0;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .form-input {
  width: 100%;
  float: left;
  height: 35px;
  border: 1px solid #999999;
  padding: 0 15px;
  font: lighter 16px/35px "PT Sans";
  text-align: left;
  margin-bottom: 20px;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .selection-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .selection-wrap .drop-down-input {
  width: 100%;
  float: left;
  height: 35px;
  border: 1px solid #999999;
  padding: 0 15px;
  font: lighter 16px/35px "PT Sans";
  text-align: left;
  margin-bottom: 20px;
  background: url(../img/icons.png) no-repeat right -1086px rgba(0, 0, 0, 0);
  cursor: pointer;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .selection-wrap .drop-menu-subject {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  background: #FFFFFF;
  position: absolute;
  top: 34px;
  left: 0px;
  width: 100%;
  max-height: 132px;
  overflow-y: auto;
  border: 1px solid #999999;
  z-index: 1;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .selection-wrap .drop-menu-subject .drop-menu-list {
  float: left;
  position: relative;
  width: 100%;
  text-align: left;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .selection-wrap .drop-menu-subject .drop-menu-list a {
  display: block;
  text-decoration: none;
  color: #999999;
  width: 100%;
  padding: 0 10px;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .selection-wrap .drop-menu-subject .drop-menu-list a:hover {
  background: #F5F5F5;
  color: #666666;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .sub-title {
  font: bold 14px "PT Sans";
  color: #666666;
  text-transform: capitalize;
  margin-bottom: 15px;
  display: table;
  width: 100%;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .comment {
  width: 100%;
  height: 90px;
  border: 1px solid #999999;
  font: lighter 16px "PT Sans";
  padding: 5px 15px;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .upload-image-wrap {
  display: none;
}
.main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .send-btn {
  text-align: center;
  font: bold 17px/50px "PT Sans";
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  background: #0033CC;
  min-width: 200px;
  width: 100%;
  height: 50px;
  position: relative;
  display: table;
  margin: 0 auto;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap {
  display: table;
  width: 100%;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap {
  display: table;
  width: 100%;
  position: relative;
  max-width: 525px;
  margin: 0 auto 50px;
  padding: 30px;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .introduction {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  display: inline-block;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .introduction .title {
  font: bold 24px "PT Sans";
  color: #333333;
  text-transform: capitalize;
  display: table;
  width: 100%;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .introduction .text {
  font: normal 16px "PT Sans";
  color: #999999;
  display: block;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .fb-login-wrap {
  font: normal 24px "PT Sans";
  color: #333333;
  display: block;
  width: 100%;
  padding: 5px 0;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .fb-login-wrap .fb-content {
  padding: 0 0 30px 0;
  display: inline-block;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .fb-login-wrap .bold {
  font-weight: bold;
  padding: 0 0 15px 0;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .fb-login-wrap .fb-btn {
  display: inline-block;
  margin: 0 0 15px 0;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .support-contact {
  display: block;
  position: relative;
  margin-top: 20px;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .support-contact .contacting {
  display: block;
  margin: 0 0 20px 0;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .support-contact .contacting .support {
  font: normal 16px "PT Sans";
  color: #666666;
  padding: 0;
  display: inline-block;
  width: 100%;
  margin: 0 0 10px 0;
}
.main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .support-contact .contacting .note-red {
  color: #dc0000;
  font: lighter 14px "PT Sans";
  display: inline-block;
  margin: 0 0 10px 0;
}
/* Knowledge */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .knowledge-wrap {
  display: table;
  position: relative;
  width: 100%;
  height: 485px;
}
.main-container .knowledge-wrap .knowledge-search-wrap {
  display: table;
  width: 100%;
  height: 365px;
  padding: 100px 0 0 0;
  text-align: center;
  background: url(../img/knowledge-banner.png) no-repeat scroll top center #000000;
}
.main-container .knowledge-wrap .knowledge-search-wrap .search-title-wrap {
  color: #FFFFFF;
}
.main-container .knowledge-wrap .knowledge-search-wrap .search-title-wrap .title {
  font: bold 30px "PT Sans";
  text-transform: capitalize;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.main-container .knowledge-wrap .knowledge-search-wrap .search-title-wrap .sub-title {
  font: normal 16px "PT Sans";
  display: block;
  width: 100%;
}
.main-container .knowledge-wrap .knowledge-search-wrap .search-input-wrap {
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 30px auto 0;
  position: relative;
}
.main-container .knowledge-wrap .knowledge-search-wrap .search-input-wrap .form-input {
  width: 90%;
  max-width: 805px;
  height: 40px;
  font: normal 16px/55px "PT Sans";
  padding: 0 25px;
  margin-bottom: 15px;
}
.main-container .knowledge-wrap .knowledge-search-wrap .search-input-wrap .search-btn {
  width: 100px;
  position: relative;
}
.main-container .knowledge-wrap .knowledge-search-wrap .search-input-wrap .search-btn img {
  width: 120px;
}
.main-container .knowledge-wrap .knowledge-selection-wrap {
  display: table;
  width: 100%;
  background: #EEEEEE;
  padding: 40px 0;
  text-align: center;
}
.main-container .knowledge-wrap .knowledge-selection-wrap .selection {
  font: bold 20px/110px "PT Sans";
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
  background: #FFFFFF;
  width: 320px;
  height: 110px;
  display: block;
  border: 1px solid #FFFFFF;
  margin: 10px auto;
}
.main-container .knowledge-wrap .knowledge-selection-wrap .selection.light {
  background: url(../img/knowledge-base-icons.png) no-repeat scroll 15px 25px #FFFFFF;
}
.main-container .knowledge-wrap .knowledge-selection-wrap .selection.mail {
  background: url(../img/knowledge-base-icons.png) no-repeat scroll 25px -95px #FFFFFF;
}
.main-container .knowledge-wrap .knowledge-selection-wrap .selection.news {
  background: url(../img/knowledge-base-icons.png) no-repeat scroll 18px -215px #FFFFFF;
}
.main-container .knowledge-wrap .knowledge-selection-wrap .selection:hover {
  border: 1px solid #0033CC;
  box-shadow: 10px 10px 10px #CCCCCC;
}
.main-container .knowledge-wrap .knowledge-content-wrap {
  display: table;
  position: relative;
}
.main-container .knowledge-wrap .knowledge-content-wrap .left-content {
  display: block;
  text-align: center;
  padding: 10px 20px;
  min-width: 200px;
  max-width: 100vw;
}
.main-container .knowledge-wrap .knowledge-content-wrap .left-content .heading {
  display: block;
  padding: 0 0 40px 0;
  font: bold 30px "PT Sans";
  margin: 0;
  color: #666666;
}
.main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading {
  display: block;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #EFEFEF;
}
.main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading ul li {
  width: 130px;
  display: inline-block;
  font: normal 11px "PT Sans";
  text-transform: uppercase;
  text-align: left;
  color: #666666;
  padding: 0 0 0 30px;
}
.main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading ul li.date {
  background: url(../img/icons.png) no-repeat scroll -6px -1780px #FFFFFF;
}
.main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading ul li.category {
  background: url(../img/icons.png) no-repeat scroll -6px -1867px #FFFFFF;
}
.main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading ul li.writer {
  background: url(../img/icons.png) no-repeat scroll -6px -1958px #FFFFFF;
}
.main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading ul li.view {
  background: url(../img/icons.png) no-repeat scroll -6px -2053px #FFFFFF;
}
.main-container .knowledge-wrap .knowledge-content-wrap .left-content .main-content {
  text-align: left;
  padding: 40px 0 0 0;
  font: normal 16px "PT Sans";
  color: #666666;
  min-width: 200px;
  max-width: 100vw;
}
.main-container .knowledge-wrap .knowledge-content-wrap .left-content .main-content ul {
  list-style: outside!important;
  min-width: 200px;
  max-width: 100vw;
}
.main-container .knowledge-wrap .knowledge-content-wrap .right-content {
  display: none;
}
.main-container .knowledge-wrap .knowledge-question-wrap {
  display: table;
  width: 100%;
  max-width: 1100px;
  padding: 40px 0;
  margin: 0 auto;
  text-align: center;
  border-top: 1px solid #EFEFEF;
}
.main-container .knowledge-wrap .knowledge-question-wrap .question-wrap {
  width: 275px;
  margin: 20px;
  display: block;
  vertical-align: top;
}
.main-container .knowledge-wrap .knowledge-question-wrap .question-wrap .heading {
  font: bold 20px "PT Sans";
  text-transform: capitalize;
  padding: 0 0 10px 0;
  display: inline-block;
  text-align: left;
  width: 100%;
}
.main-container .knowledge-wrap .knowledge-question-wrap .question-wrap .question-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-container .knowledge-wrap .knowledge-question-wrap .question-wrap .question-list li {
  border-bottom: 1px solid #EFEFEF;
}
.main-container .knowledge-wrap .knowledge-question-wrap .question-wrap .question-list li a {
  text-decoration: none;
  font: normal 14px/40px "PT Sans";
  color: #333333;
  padding: 0 0 0 24px;
  background: url(../img/icons.png) no-repeat scroll -15px -1680px #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 275px;
  display: block;
}
.main-container .knowledge-wrap .knowledge-question-wrap .question-wrap .question-list li a:hover {
  color: #666666;
}
/* Article Grid */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .article-grid-wrap {
  text-align: center;
  display: block;
  width: 100%;
  background: url(../img/article-bg.png) repeat center top;
}
.main-container .article-grid-wrap .article-nav-wrap {
  display: table;
  width: 100%;
  height: 50px;
  background: #FFFFFF;
  box-shadow: 10px 10px 20px #CCCCCC;
}
.main-container .article-grid-wrap .article-nav-wrap .nav-bar {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  overflow-x: auto;
  overflow-y: none;
  white-space: nowrap;
}
.main-container .article-grid-wrap .article-nav-wrap .nav-bar .article-topic {
  position: relative;
  display: inline-block;
  margin-right: -5px;
}
.main-container .article-grid-wrap .article-nav-wrap .nav-bar .article-topic.active {
  padding: 0;
  background: url(../img/drop-icon.png) no-repeat center 50px;
}
.main-container .article-grid-wrap .article-nav-wrap .nav-bar .article-topic.active a {
  color: #FFFFFF;
  background: #0033CC;
}
.main-container .article-grid-wrap .article-nav-wrap .nav-bar .article-topic a {
  display: inline-block;
  height: 50px;
  padding: 0 10px;
  text-decoration: none;
  font: normal 14px/50px "PT Sans";
  color: #666666;
}
.main-container .article-grid-wrap .article-nav-wrap .nav-bar .article-topic a:hover {
  color: #FFFFFF;
  background: #0033CC;
}
.main-container .article-grid-wrap .article-content-wrap {
  display: table;
  width: 100%;
}
.main-container .article-grid-wrap .article-content-wrap .category-title {
  color: #333333;
  text-transform: capitalize;
  text-align: center;
  padding: 40px 0;
}
.main-container .article-grid-wrap .article-content-wrap .category-title .heading {
  font: bold 48px "PT Sans";
  display: block;
}
.main-container .article-grid-wrap .article-content-wrap .category-title .total {
  font: bold 16px "PT Sans";
}
.main-container .article-grid-wrap .article-content-wrap .article-list {
  display: table;
  width: 100%;
}
.main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap {
  display: block;
  vertical-align: top;
  width: 350px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  margin: 0 auto 20px;
  box-shadow: 1px 1px 1px #CCCCCC;
}
.main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap .article-title {
  font: bold 20px "PT Sans";
  color: #0033CC;
  padding: 10px 10px;
  max-height: 120px;
  min-height: 70px;
  overflow: hidden;
  text-align: left;
}
.main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap .article-image {
  width: 348px;
  height: 248px;
}
.main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap .article-description {
  font: normal 16px "PT Sans";
  color: #666666;
  padding: 0px 10px 10px;
  text-align: left;
}
.main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap .continue-btn {
  display: block;
  width: 170px;
  height: 40px;
  font: lighter 14px/40px "PT Sans";
  text-decoration: none;
  text-transform: capitalize;
  color: #0033CC;
  border: 1px solid #CCCCCC;
  margin: 0 auto;
  font-style: italic;
}
.main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap .share-btn-wrap {
  display: block;
  width: 100%;
  padding: 10px 0 10px;
}
.main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap .share-btn-wrap .share-btn {
  display: inline-block;
}
.main-container .article-grid-wrap .article-content-main {
  display: block;
  position: relative;
  margin: 30px 0 0;
  width: 100%;
}
.main-container .article-grid-wrap .article-content-main .article-info-left {
  display: block;
  text-align: center;
  padding: 40px 0 25px 0;
  background: #FFFFFF;
  margin: 0 0 20px 0;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap {
  display: block;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .heading {
  display: block;
  padding: 0 40px 40px;
  margin: 0;
  font: bold 30px "PT Sans";
  color: #666666;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading {
  display: block;
  padding: 10px 0;
  border-top: 1px solid #EFEFEF;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading ul li {
  min-width: 130px;
  display: inline-block;
  font: normal 11px "PT Sans";
  text-transform: uppercase;
  text-align: left;
  color: #666666;
  padding: 0 0 0 30px;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading ul li.date {
  background: url(../img/icons.png) no-repeat scroll -6px -1780px #FFFFFF;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading ul li.category {
  background: url(../img/icons.png) no-repeat scroll -6px -1867px #FFFFFF;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading ul li.writer {
  background: url(../img/icons.png) no-repeat scroll -6px -1958px #FFFFFF;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading ul li.view {
  background: url(../img/icons.png) no-repeat scroll -6px -2053px #FFFFFF;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .display-image {
  width: 100%;
  max-width: 720px;
  padding: 0 0 40px 0;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .main-content {
  text-align: left;
  padding: 0;
  font: normal 16px "PT Sans";
  color: #666666;
  padding: 0 40px;
  width: 100%;
  display: inline-block;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .main-content table {
  width: 100% !important;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .share-wrap {
  display: block;
  width: 100%;
  padding: 25px 0 0 0;
  margin: 25px 0 0;
  border-top: 1px solid #EFEFEF;
}
.main-container .article-grid-wrap .article-content-main .article-info-left .share-wrap .share-btn {
  display: inline-block;
}
.main-container .article-grid-wrap .article-content-main .article-info-right {
  display: block;
  width: 100%;
  text-align: center;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .mid-ad-wrap {
  width: 350px;
  height: 590px;
  padding: 10px;
  margin: 0 30px 20px;
  background: #FFFFFF;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #CCCCCC;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .mid-ad-wrap .ad {
  width: 100%;
  max-width: 330px;
  height: 570px;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .mid-author-wrap {
  width: 350px;
  height: 590px;
  padding: 0;
  margin: 0 30px 20px;
  background: #FFFFFF;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #CCCCCC;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .mid-author-wrap .author-image {
  width: 100%;
  max-width: 350px;
  max-height: 250px;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .mid-author-wrap .author-description {
  display: block;
  position: relative;
  padding: 20px 40px;
  max-height: 300px;
  text-align: left;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .mid-author-wrap .author-description .title {
  font: bold 20px/20px "PT Sans";
  color: #666666;
  display: block;
  padding: 0 0 10px 0;
  margin: 0;
  width: 100%;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .mid-author-wrap .author-description .content {
  font: normal 14px "PT Sans";
  color: #666666;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap {
  display: inline-block;
  width: 284px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  margin: 0 30px 20px;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .filter-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 40px 30px;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .filter-wrap .filter {
  font: bold 20px "PT Sans";
  color: #666666;
  text-decoration: none;
  text-transform: capitalize;
  margin: 0 10px;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .filter-wrap .active {
  color: #0033CC;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .list-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 10px 0 30px;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .list-wrap li {
  display: table;
  width: 100%;
  padding: 0 0 20px 0;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .list-wrap li a {
  text-decoration: none;
  color: #666666;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .list-wrap li a img {
  float: left;
  width: 50px;
  height: 50px;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .list-wrap li a .info {
  float: left;
  text-align: left;
  width: 172px;
  margin: 0 0 0 20px;
  font: normal 16px/18px "PT Sans";
  padding: 0 0 10px 0;
  border-bottom: 1px solid #EFEFEF;
  min-height: 70px;
}
.main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .list-wrap li a .date {
  font: normal 11px "PT Sans";
  text-transform: uppercase;
  color: #666666;
  padding: 10px 0 10px 70px;
  float: left;
}
.main-container .article-grid-wrap .article-content-main .article-selection-wrap {
  background: #005EEB;
  display: table;
  width: 100%;
}
.main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection {
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  width: 280px;
  margin: 30px 0;
}
.main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection.prev-wrap {
  margin: 10px;
}
.main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection.next-wrap {
  margin: 10px;
}
.main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection .selection-btn {
  font: bold 24px "PT Sans";
  text-decoration: none;
  text-transform: capitalize;
  color: #FFFFFF;
  display: block;
}
.main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection .article-name {
  font: lighter 18px "PT Sans";
}
/* Login Signup */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .login-main-wrap {
  width: 100%;
  display: block;
  position: relative;
}
.main-container .login-main-wrap .login-nav-wrap {
  display: block;
  text-align: center;
  width: 100%;
  height: 40px;
  background: url(../img/nav-repeat-bg.png) repeat-x;
}
.main-container .login-main-wrap .login-nav-wrap .nav-selection {
  text-decoration: none;
  text-transform: uppercase;
  font: bold 12px/46px "PT Sans";
  color: #999999;
  margin: 0 8px;
}
.main-container .login-main-wrap .login-nav-wrap .nav-selection.active {
  color: #0033CC;
}
.main-container .login-main-wrap .login-nav-wrap .nav-selection:hover {
  color: #0033CC;
}
.main-container .login-main-wrap .login-main {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 13px 40px;
  box-sizing: border-box;
  max-width: 480px;
  margin: 0 auto;
}
.main-container .login-main-wrap .login-main .title-wrap {
  text-align: center;
  padding: 30px 0 20px;
  margin: 0 0 20px 0;
}
.main-container .login-main-wrap .login-main .title-wrap .title {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font: bold 1.2rem "PT Sans";
  color: #333333;
  padding: 0 0 6px 0;
}
.main-container .login-main-wrap .login-main .title-wrap .sub-text {
  font: normal 13px "PT Sans";
  color: #666666;
}
.main-container .login-main-wrap .login-main .bottom-wrap {
  display: block !important;
  width: 100% !important;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap {
  display: block;
  width: 100%;
  margin: 0 auto 30px;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap {
  display: block;
  width: 100%;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  margin-bottom: 15px;
  background: #FFFFFF;
  overflow: hidden;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: #F5F5F5;
  border-bottom: 1px solid #EFEFEF;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .section-header .bold-heading {
  font: bold 14px "PT Sans";
  color: #0033CC;
  text-transform: uppercase;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 20px;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-grid .form-field {
  flex-basis: 100%;
  min-width: 0;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-label {
  display: block;
  font-size: 13px;
  color: #333333;
  margin-bottom: 4px;
  text-align: left;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-input {
  display: block;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 8px 10px;
  box-sizing: border-box;
  background: #FFFFFF;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-input:focus {
  outline: none;
  border-color: #0033CC;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-hint {
  padding: 0 20px 16px;
  font: normal 12px "PT Sans";
  color: #444444;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-link {
  display: inline-block;
  text-decoration: none;
  font: normal 13px "PT Sans";
  color: #0033CC;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-link:hover {
  text-decoration: underline;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-textarea {
  display: block;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 8px 10px;
  box-sizing: border-box;
  background: #FFFFFF;
  resize: vertical;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-textarea:focus {
  outline: none;
  border-color: #0033CC;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-select {
  display: block;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 8px 10px;
  box-sizing: border-box;
  background: #FFFFFF;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
  cursor: pointer;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-select:focus {
  outline: none;
  border-color: #0033CC;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font: normal 13px "PT Sans";
  color: #333333;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  flex-shrink: 0;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-checkbox a {
  color: #0033CC;
  text-decoration: none;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-checkbox a:hover {
  text-decoration: underline;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-field-half {
  flex-basis: calc(50% - 6px);
  min-width: 0;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-error {
  display: none;
  font: normal 11px "PT Sans";
  color: #dc0000;
  margin-top: 4px;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .has-error .form-input,
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .has-error .form-textarea,
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .has-error .form-select {
  border-color: #dc0000;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .has-error .form-error {
  display: block;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-input-wrap {
  position: relative;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-input-wrap .form-input {
  padding-right: 50px;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-input-wrap .password-toggle {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  font: normal 11px "PT Sans";
  color: #666666;
  padding: 4px 6px;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-input-wrap .password-toggle:hover {
  color: #0033CC;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .password-strength {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .password-strength .password-strength-bar {
  flex: 1;
  height: 3px;
  background: #EFEFEF;
  border-radius: 3px;
  overflow: hidden;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .password-strength .password-strength-bar .bar-fill {
  height: 100%;
  width: 0;
  border-radius: 3px;
  transition: width 0.3s ease, background 0.3s ease;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .password-strength .password-strength-text {
  font: normal 11px "PT Sans";
  color: #666666;
  white-space: nowrap;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 16px;
  gap: 8px;
  flex-wrap: wrap;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .login-btn-container {
  margin-bottom: 16px;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .login-btn-container .login-btn {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #0033CC;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  font-family: "PT Sans", sans-serif;
  padding: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .login-btn-container .login-btn:hover {
  opacity: 0.85;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .login-btn-container .submit-btn {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #0033CC;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  font-family: "PT Sans", sans-serif;
  padding: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .login-btn-container .submit-btn:hover {
  opacity: 0.85;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .login-btn-container .save-btn {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #009900;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  font-family: "PT Sans", sans-serif;
  padding: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .login-btn-container .save-btn:hover {
  opacity: 0.85;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .hr-sect {
  margin: 20px 0;
}
.main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .social-login-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 0;
}
.main-container .login-main-wrap .login-main .bottom-wrap .right-signup-wrap {
  display: block;
  width: 100%;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  margin-bottom: 15px;
  background: #FFFFFF;
  overflow: hidden;
}
.main-container .login-main-wrap .login-main .bottom-wrap .right-signup-wrap .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: #F5F5F5;
  border-bottom: 1px solid #EFEFEF;
}
.main-container .login-main-wrap .login-main .bottom-wrap .right-signup-wrap .section-header .bold-heading {
  font: bold 14px "PT Sans";
  color: #0033CC;
  text-transform: uppercase;
}
.main-container .login-main-wrap .login-main .bottom-wrap .right-signup-wrap .signup-content {
  padding: 20px;
  text-align: center;
}
.main-container .login-main-wrap .login-main .bottom-wrap .right-signup-wrap .signup-content .sub-text {
  font: bold 14px "PT Sans";
  color: #333333;
  margin-bottom: 10px;
}
.main-container .login-main-wrap .login-main .bottom-wrap .right-signup-wrap .signup-content .description {
  font: normal 13px/20px "PT Sans";
  color: #666666;
  margin-bottom: 20px;
}
.main-container .login-main-wrap .login-main .bottom-wrap .right-signup-wrap .signup-content .description .strong {
  font-weight: bold;
}
.main-container .login-main-wrap .login-main .bottom-wrap .right-signup-wrap .signup-btn {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #009900;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  font-family: "PT Sans", sans-serif;
  padding: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
.main-container .login-main-wrap .login-main .bottom-wrap .right-signup-wrap .signup-btn:hover {
  opacity: 0.85;
}
.main-container .login-main-wrap .login-main .bottom-wrap .welcome-benefits {
  padding: 20px;
}
.main-container .login-main-wrap .login-main .bottom-wrap .welcome-benefits .benefit-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
}
.main-container .login-main-wrap .login-main .bottom-wrap .welcome-benefits .benefit-item:not(:last-child) {
  border-bottom: 1px solid #EFEFEF;
}
.main-container .login-main-wrap .login-main .bottom-wrap .welcome-benefits .benefit-item .benefit-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #009900;
  color: #FFFFFF;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 2px;
}
.main-container .login-main-wrap .login-main .bottom-wrap .welcome-benefits .benefit-item .benefit-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
}
.main-container .login-main-wrap .login-main .bottom-wrap .welcome-benefits .benefit-item .benefit-text .benefit-title {
  font: bold 13px "PT Sans";
  color: #333333;
}
.main-container .login-main-wrap .login-main .bottom-wrap .welcome-benefits .benefit-item .benefit-text .benefit-desc {
  font: normal 12px/18px "PT Sans";
  color: #666666;
}
.main-container .login-main-wrap .login-main .bottom-wrap .welcome-btn-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}
.main-container .login-main-wrap .login-main .bottom-wrap .welcome-btn-group .welcome-btn-primary {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #0033CC;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  font-family: "PT Sans", sans-serif;
  padding: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
.main-container .login-main-wrap .login-main .bottom-wrap .welcome-btn-group .welcome-btn-primary:hover {
  opacity: 0.85;
}
.main-container .login-main-wrap .login-main .bottom-wrap .welcome-btn-group .welcome-btn-secondary {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #009900;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  font-family: "PT Sans", sans-serif;
  padding: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
.main-container .login-main-wrap .login-main .bottom-wrap .welcome-btn-group .welcome-btn-secondary:hover {
  opacity: 0.85;
}
/* My Account */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .login-main-wrap {
  width: 100%;
  display: block;
  position: relative;
}
.main-container .login-main-wrap .my-account-wrap {
  display: block;
  width: 100%;
  padding: 0 13px 40px;
  box-sizing: border-box;
}
.main-container .login-main-wrap .my-account-wrap .title-wrap {
  padding: 20px 0 10px;
  text-align: center;
}
.main-container .login-main-wrap .my-account-wrap .title-wrap .title {
  text-transform: uppercase;
  font: bold 1.2rem "PT Sans";
  color: #333333;
}
.main-container .login-main-wrap .my-account-wrap .content-info-wrap {
  display: block;
  width: 100%;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  margin-bottom: 15px;
  background: #FFFFFF;
  overflow: hidden;
}
.main-container .login-main-wrap .my-account-wrap .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: #F5F5F5;
  border-bottom: 1px solid #EFEFEF;
}
.main-container .login-main-wrap .my-account-wrap .section-header .bold-heading {
  font: bold 14px "PT Sans";
  color: #0033CC;
  text-transform: uppercase;
}
.main-container .login-main-wrap .my-account-wrap .add-address-btn {
  font: normal 13px "PT Sans";
  color: #0033CC;
  text-decoration: none;
  white-space: nowrap;
}
.main-container .login-main-wrap .my-account-wrap .add-address-btn:hover {
  text-decoration: underline;
}
.main-container .login-main-wrap .my-account-wrap .points-card {
  padding: 20px;
}
.main-container .login-main-wrap .my-account-wrap .points-card .points-card-row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
.main-container .login-main-wrap .my-account-wrap .points-card .points-main {
  background: #eef4ff;
  border-radius: 5px;
  padding: 12px 18px;
}
.main-container .login-main-wrap .my-account-wrap .points-card .points-main .points-label {
  display: block;
  font: normal 12px "PT Sans";
  color: #666666;
  text-transform: uppercase;
  margin-bottom: 2px;
}
.main-container .login-main-wrap .my-account-wrap .points-card .points-main .points-value {
  font: bold 36px "PT Sans";
  color: #0033CC;
}
.main-container .login-main-wrap .my-account-wrap .points-card .points-pending {
  background: #fff8e1;
  border: 1px solid #ffe082;
  border-radius: 5px;
  padding: 10px 14px;
  font: normal 13px "PT Sans";
  color: #333333;
}
.main-container .login-main-wrap .my-account-wrap .points-card .points-pending .pending-header {
  font: bold 13px "PT Sans";
}
.main-container .login-main-wrap .my-account-wrap .points-card .points-pending .pending-header strong {
  color: #e67e00;
  font-size: 15px;
}
.main-container .login-main-wrap .my-account-wrap .points-card .points-pending .pending-desc {
  font: normal 11px "PT Sans";
  color: #b08000;
  margin-top: 4px;
}
.main-container .login-main-wrap .my-account-wrap .points-card .points-expiry-row {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #EFEFEF;
  font: normal 13px "PT Sans";
  color: #333333;
  display: flex;
  align-items: center;
  gap: 6px;
  background: #fff0f0;
  border-radius: 5px;
  padding: 10px 14px;
  margin-top: 14px;
}
.main-container .login-main-wrap .my-account-wrap .points-card .points-expiry-row .expiry-icon {
  font-size: 16px;
}
.main-container .login-main-wrap .my-account-wrap .points-card .points-expiry-row strong {
  color: #dc0000;
}
.main-container .login-main-wrap .my-account-wrap .form-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 20px;
}
.main-container .login-main-wrap .my-account-wrap .form-grid .form-field {
  flex-basis: 100%;
  min-width: 0;
}
.main-container .login-main-wrap .my-account-wrap .form-grid .form-field.form-field-full {
  flex-basis: 100%;
}
.main-container .login-main-wrap .my-account-wrap .form-label {
  display: block;
  font-size: 13px;
  color: #333333;
  margin-bottom: 4px;
  text-align: left;
}
.main-container .login-main-wrap .my-account-wrap .form-input {
  display: block;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 8px 10px;
  box-sizing: border-box;
  background: #FFFFFF;
}
.main-container .login-main-wrap .my-account-wrap .form-input:focus {
  outline: none;
  border-color: #0033CC;
}
.main-container .login-main-wrap .my-account-wrap .form-input[disabled] {
  background: #EFEFEF;
  color: #444444;
  cursor: not-allowed;
}
.main-container .login-main-wrap .my-account-wrap .form-select {
  display: block;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 8px 10px;
  box-sizing: border-box;
  background: #FFFFFF;
}
.main-container .login-main-wrap .my-account-wrap .form-select:focus {
  outline: none;
  border-color: #0033CC;
}
.main-container .login-main-wrap .my-account-wrap .form-textarea {
  display: block;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 8px 10px;
  box-sizing: border-box;
  background: #FFFFFF;
  resize: vertical;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.main-container .login-main-wrap .my-account-wrap .form-textarea:focus {
  outline: none;
  border-color: #0033CC;
}
.main-container .login-main-wrap .my-account-wrap .form-checkbox {
  display: flex;
  align-items: center;
  gap: 6px;
  font: normal 13px "PT Sans";
  color: #666666;
  cursor: pointer;
}
.main-container .login-main-wrap .my-account-wrap .form-checkbox input[type="checkbox"] {
  margin: 0;
}
.main-container .login-main-wrap .my-account-wrap .form-hint {
  padding: 0 20px 16px;
  font: normal 12px "PT Sans";
  color: #444444;
}
.main-container .login-main-wrap .my-account-wrap .address-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 20px;
}
.main-container .login-main-wrap .my-account-wrap .address-card {
  flex: 1 1 100%;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  padding: 14px 40px 14px 14px;
  position: relative;
  background: #F5F5F5;
  min-width: 0;
  transition: border-color 0.15s;
}
.main-container .login-main-wrap .my-account-wrap .address-card:hover {
  border-color: #0033CC;
}
.main-container .login-main-wrap .my-account-wrap .address-card .address-card-name {
  font: bold 14px "PT Sans";
  color: #333333;
  margin-bottom: 2px;
}
.main-container .login-main-wrap .my-account-wrap .address-card .address-card-phone {
  font: normal 13px "PT Sans";
  color: #666666;
  margin-bottom: 6px;
}
.main-container .login-main-wrap .my-account-wrap .address-card .address-card-detail {
  font: normal 13px "PT Sans";
  color: #666666;
}
.main-container .login-main-wrap .my-account-wrap .address-card .address-card-location {
  font: normal 13px "PT Sans";
  color: #444444;
}
.main-container .login-main-wrap .my-account-wrap .address-card .address-card-delete {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  border: none;
  background: none;
  font-size: 18px;
  color: #444444;
  cursor: pointer;
  line-height: 24px;
  text-align: center;
}
.main-container .login-main-wrap .my-account-wrap .address-card .address-card-delete:hover {
  color: #dc0000;
}
.main-container .login-main-wrap .my-account-wrap .account-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px 0;
}
.main-container .login-main-wrap .my-account-wrap .save-btn {
  display: block;
  width: 100%;
  max-width: 400px;
  height: 50px;
  text-decoration: none;
  text-align: center;
  font: bold 16px/50px "PT Sans";
  color: #FFFFFF;
  background: #009900;
  border-radius: 5px;
  text-transform: uppercase;
}
.main-container .login-main-wrap .my-account-wrap .save-btn:hover {
  opacity: 0.85;
}
.main-container .login-main-wrap .my-account-wrap .logout-btn {
  display: block;
  width: 100%;
  max-width: 400px;
  height: 50px;
  text-decoration: none;
  text-align: center;
  font: bold 16px/50px "PT Sans";
  color: #FFFFFF;
  background: #dc0000;
  border-radius: 5px;
  text-transform: uppercase;
}
.main-container .login-main-wrap .my-account-wrap .logout-btn:hover {
  opacity: 0.85;
}
.main-container .login-main-wrap .my-account-wrap .alert {
  display: block;
  padding: 10px 14px;
  border-radius: 5px;
  font: normal 13px "PT Sans";
  text-align: center;
}
.main-container .login-main-wrap .my-account-wrap .alert-danger {
  background: #fff0f0;
  border: 1px solid #f5c6cb;
  color: #c62828;
  margin: 24px 0;
}
.main-container .login-main-wrap .my-account-wrap .phone-verify-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-container .login-main-wrap .my-account-wrap .phone-verify-wrap .form-input {
  flex: 1;
}
.main-container .login-main-wrap .my-account-wrap .verify-badge {
  display: inline-block;
  font: bold 11px "PT Sans";
  padding: 4px 10px;
  border-radius: 20px;
  white-space: nowrap;
  flex-shrink: 0;
}
.main-container .login-main-wrap .my-account-wrap .verify-badge.verify-badge--verified {
  background: #e8f5e9;
  color: #2e7d32;
}
.main-container .login-main-wrap .my-account-wrap .verify-badge.verify-badge--unverified {
  background: #fff0f0;
  color: #c62828;
}
.main-container .login-main-wrap .my-account-wrap .phone-verify-btn {
  display: block;
  margin-top: 6px;
  padding: 5px 12px;
  background: #dc0000;
  color: #FFFFFF;
  font: bold 12px "PT Sans";
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  max-width: 260px;
}
.main-container .login-main-wrap .my-account-wrap .phone-verify-btn:hover {
  opacity: 0.85;
}
.main-container .login-main-wrap .my-account-wrap .change-phone-btn {
  display: inline-block;
  padding: 4px 10px;
  font: bold 11px "PT Sans";
  color: #666666;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
}
.main-container .login-main-wrap .my-account-wrap .change-phone-btn:hover {
  background: #e8e8e8;
}
.main-container .login-main-wrap .my-account-wrap .points-zero-wrap {
  padding: 20px;
  text-align: center;
}
.main-container .login-main-wrap .my-account-wrap .points-zero-wrap .points-zero-text {
  font: bold 22px "PT Sans";
  color: #666666;
}
.main-container .login-main-wrap .my-account-wrap .points-zero-wrap .points-zero-text .points-zero-value {
  color: #0033CC;
}
.main-container .login-main-wrap .my-account-wrap .points-zero-wrap .points-zero-hint {
  font: normal 13px "PT Sans";
  color: #444444;
  margin-top: 6px;
}
.main-container .login-main-wrap .my-account-wrap .points-zero-wrap .points-zero-link {
  display: inline-block;
  margin-top: 12px;
  padding: 8px 20px;
  background: #0033CC;
  color: #FFFFFF;
  font: bold 14px "PT Sans";
  text-decoration: none;
  border-radius: 5px;
}
.main-container .login-main-wrap .my-account-wrap .points-zero-wrap .points-zero-link:hover {
  opacity: 0.85;
}
.modal-content {
  border-radius: 5px;
  border: none;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.modal-header {
  border-bottom: 1px solid #EFEFEF;
  padding: 14px 20px;
}
.modal-header .close {
  opacity: 0.5;
  font-size: 24px;
}
.modal-header .modal-title {
  font: bold 16px "PT Sans";
  color: #333333;
}
.modal-body {
  padding: 20px;
}
.modal-footer {
  border-top: 1px solid #EFEFEF;
  padding: 14px 20px;
}
.address-form-wrap {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.address-form-wrap .form-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.address-form-wrap .form-row-2col {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.address-form-wrap .form-row-2col .form-field {
  flex: 1;
  min-width: 0;
}
.address-form-wrap .form-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.address-form-wrap .form-label {
  display: block;
  font-size: 13px;
  color: #333333;
  text-align: left;
}
.address-form-wrap input.form-input,
.address-form-wrap .form-input {
  display: block;
  width: 100%;
  height: auto;
  line-height: normal;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 8px 10px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: none;
}
.address-form-wrap input.form-input:focus,
.address-form-wrap .form-input:focus {
  outline: none;
  border-color: #0033CC;
  box-shadow: none;
}
.address-form-wrap textarea.form-textarea,
.address-form-wrap .form-textarea {
  display: block;
  width: 100%;
  height: auto;
  line-height: normal;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 8px 10px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: none;
  resize: vertical;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.address-form-wrap textarea.form-textarea:focus,
.address-form-wrap .form-textarea:focus {
  outline: none;
  border-color: #0033CC;
  box-shadow: none;
}
.address-form-wrap select.form-select,
.address-form-wrap .form-select {
  display: block;
  width: 100%;
  height: auto;
  line-height: normal;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 8px 10px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: none;
}
.address-form-wrap select.form-select:focus,
.address-form-wrap .form-select:focus {
  outline: none;
  border-color: #0033CC;
  box-shadow: none;
}
.address-form-wrap .form-hint {
  font: normal 12px "PT Sans";
  color: #444444;
  margin-top: 2px;
}
.address-form-wrap button.form-submit-btn,
.address-form-wrap .form-submit-btn {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #0033CC;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  font: bold 16px "PT Sans";
  padding: 0;
  cursor: pointer;
  text-align: center;
  box-shadow: none;
}
.address-form-wrap button.form-submit-btn:hover,
.address-form-wrap .form-submit-btn:hover {
  opacity: 0.85;
}
.address-form-wrap .form-checkbox {
  display: flex;
  align-items: center;
  gap: 6px;
  font: normal 13px "PT Sans";
  color: #666666;
  cursor: pointer;
}
.address-form-wrap .form-checkbox input[type="checkbox"] {
  margin: 0;
}
.otp-phone-display {
  font: normal 14px "PT Sans";
  color: #333333;
  margin-bottom: 8px;
}
.otp-ref-display {
  font: normal 13px "PT Sans";
  color: #666666;
  margin-bottom: 16px;
}
.otp-ref-display .otp-ref-code {
  color: #dc0000;
  font-weight: bold;
}
.otp-input-container {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.otp-input {
  width: 44px;
  height: 48px;
  border: 2px solid #CCCCCC;
  border-radius: 5px;
  text-align: center;
  font: bold 20px "PT Sans";
  color: #333333;
}
.otp-input:focus {
  border-color: #0033CC;
  outline: none;
}
.otp-footer-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.otp-timer {
  font: normal 13px "PT Sans";
  color: #444444;
}
.otp-verify-btn {
  padding: 8px 24px;
  background: #0033CC;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  font: bold 14px "PT Sans";
  cursor: pointer;
}
.otp-verify-btn:hover {
  opacity: 0.85;
}
.change-phone-form .change-phone-current {
  margin-bottom: 16px;
}
.change-phone-form .change-phone-current .form-label {
  display: block;
  font: bold 12px "PT Sans";
  color: #666;
  margin-bottom: 4px;
}
.change-phone-form .change-phone-current .change-phone-current-value {
  font: normal 15px "PT Sans";
  color: #666666;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.change-phone-form .change-phone-new {
  margin-bottom: 12px;
}
.change-phone-form .change-phone-new .form-label {
  display: block;
  font: bold 12px "PT Sans";
  color: #666;
  margin-bottom: 4px;
}
.change-phone-form .change-phone-new .form-input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  color: #222;
}
.change-phone-form .change-phone-new .form-input:focus {
  border-color: #0033CC;
  outline: none;
}
.change-phone-form .change-phone-hint {
  font: normal 12px "PT Sans";
  color: #888;
}
#change-phone-modal .modal-footer {
  padding: 0 15px 15px;
}
#change-phone-modal .form-submit-btn {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #0033CC;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  font: bold 16px "PT Sans";
  padding: 0;
  cursor: pointer;
  text-align: center;
  box-shadow: none;
}
#change-phone-modal .form-submit-btn:hover {
  opacity: 0.85;
}
/* Order History */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .login-main-wrap {
  width: 100%;
  display: block;
  position: relative;
}
.main-container .login-main-wrap .order-history-wrap {
  display: block;
  width: 100%;
  padding: 0 13px 40px;
  box-sizing: border-box;
}
.main-container .login-main-wrap .oh-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 20px 0 15px;
}
.main-container .login-main-wrap .oh-count {
  font: bold 18px "PT Sans";
  color: #333333;
}
.main-container .login-main-wrap .oh-toolbar-right {
  display: flex;
  align-items: center;
  gap: 15px;
}
.main-container .login-main-wrap .oh-per-page-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}
.main-container .login-main-wrap .oh-per-page-wrap label {
  font: normal 13px "PT Sans";
  color: #666666;
}
.main-container .login-main-wrap .oh-per-page-select {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 13px "PT Sans";
  padding: 5px 8px;
  background: #FFFFFF;
}
.main-container .login-main-wrap .oh-page-nav {
  display: flex;
  align-items: center;
  gap: 6px;
}
.main-container .login-main-wrap .oh-page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  text-decoration: none;
  font: bold 16px "PT Sans";
  color: #666666;
  background: #FFFFFF;
}
.main-container .login-main-wrap .oh-page-btn:hover {
  background: #EFEFEF;
  color: #0033CC;
}
.main-container .login-main-wrap .oh-page-current {
  font: bold 14px "PT Sans";
  color: #0033CC;
  min-width: 20px;
  text-align: center;
}
.main-container .login-main-wrap .oh-page-total {
  font: normal 13px "PT Sans";
  color: #444444;
}
.main-container .login-main-wrap .oh-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main-container .login-main-wrap .oh-card {
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  overflow: hidden;
  transition: border-color 0.15s;
}
.main-container .login-main-wrap .oh-card:hover {
  border-color: #0033CC;
}
.main-container .login-main-wrap .oh-card-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 16px;
  background: #F5F5F5;
  border-bottom: 1px solid #EFEFEF;
}
.main-container .login-main-wrap .oh-order-id {
  font: bold 15px "PT Sans";
  color: #0033CC;
  text-decoration: none;
  margin-right: auto;
}
.main-container .login-main-wrap .oh-order-id:hover {
  text-decoration: underline;
}
.main-container .login-main-wrap .oh-date {
  font: normal 12px "PT Sans";
  color: #444444;
}
.main-container .login-main-wrap .oh-status {
  display: inline-block;
  font: bold 11px "PT Sans";
  padding: 3px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.main-container .login-main-wrap .oh-status.oh-status--success {
  background: #e8f5e9;
  color: #2e7d32;
}
.main-container .login-main-wrap .oh-status.oh-status--pending {
  background: #fff8e1;
  color: #e67e00;
}
.main-container .login-main-wrap .oh-status.oh-status--shipped {
  background: #e3f2fd;
  color: #1565c0;
}
.main-container .login-main-wrap .oh-status.oh-status--cancelled {
  background: #ffebee;
  color: #c62828;
}
.main-container .login-main-wrap .oh-card-body {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 16px;
}
.main-container .login-main-wrap .oh-box-image {
  flex-shrink: 0;
}
.main-container .login-main-wrap .oh-box-image img {
  width: 80px;
  height: auto;
}
.main-container .login-main-wrap .oh-card-info {
  flex: 1;
  min-width: 150px;
}
.main-container .login-main-wrap .oh-card-info .oh-tracking {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font: normal 13px "PT Sans";
}
.main-container .login-main-wrap .oh-card-info .oh-tracking-label {
  color: #333333;
  font-weight: bold;
}
.main-container .login-main-wrap .oh-card-info .oh-tracking-link {
  color: #0033CC;
  text-decoration: none;
}
.main-container .login-main-wrap .oh-card-info .oh-tracking-link:hover {
  text-decoration: underline;
}
.main-container .login-main-wrap .oh-card-info .oh-tracking-none {
  color: #444444;
}
.main-container .login-main-wrap .oh-card-actions {
  display: flex;
  gap: 8px;
}
.main-container .login-main-wrap .oh-detail-btn {
  display: inline-block;
  padding: 6px 16px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 13px "PT Sans";
  color: #666666;
  text-decoration: none;
  background: #FFFFFF;
}
.main-container .login-main-wrap .oh-detail-btn:hover {
  border-color: #0033CC;
  color: #0033CC;
}
.main-container .login-main-wrap .oh-review-btn {
  display: inline-block;
  padding: 6px 16px;
  border: 1px solid #0033CC;
  border-radius: 5px;
  font: normal 13px "PT Sans";
  color: #0033CC;
  text-decoration: none;
  background: #FFFFFF;
}
.main-container .login-main-wrap .oh-review-btn:hover {
  background: #0033CC;
  color: #FFFFFF;
}
.main-container .login-main-wrap .oh-page-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 20px 0 10px;
}
.main-container .login-main-wrap .oh-page-bottom .oh-page-btn {
  width: auto;
  padding: 6px 14px;
  font: normal 13px "PT Sans";
}
.main-container .login-main-wrap .oh-notice {
  margin-top: 15px;
  padding: 12px 16px;
  background: #fff8e1;
  border: 1px solid #ffe082;
  border-radius: 5px;
  font: normal 13px "PT Sans";
  color: #b08000;
  text-align: center;
}
/* Order History Detail */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .history-detail-wrap {
  text-align: center;
  display: block;
  width: 100%;
  color: #666666;
}
.main-container .history-detail-wrap .history-detail-title {
  padding: 35px 0;
  display: block;
}
.main-container .history-detail-wrap .history-detail-title .shipping-process {
  max-width: 1100px;
  width: 100%;
  position: relative;
  padding: 0 0 20px 0;
  margin: 0 auto 20px;
  display: none;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .history-detail-wrap .history-detail-title .shipping-process .step-list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: capitalize;
  display: inline-block;
}
.main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step {
  float: left;
  padding: 90px 0 0 0;
  font: bold 16px "PT Sans";
  display: block;
  width: 135px;
}
.main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step.one {
  background: url(../img/payment-step-icons.png) no-repeat 7px -1px rgba(0, 0, 0, 0);
}
.main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step.two {
  background: url(../img/payment-step-icons.png) no-repeat 7px -99px rgba(0, 0, 0, 0);
}
.main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step.three {
  background: url(../img/payment-step-icons.png) no-repeat 7px -209px rgba(0, 0, 0, 0);
}
.main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step.four {
  margin-right: 0;
  background: url(../img/payment-step-icons.png) no-repeat 7px -300px rgba(0, 0, 0, 0);
}
.main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step.line {
  width: 40px;
  padding: 50px 0 0;
  margin: 0 15px;
  border-bottom: 3px solid #0033CC;
}
.main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step.active {
  color: #009900;
}
.main-container .history-detail-wrap .history-detail-title .heading {
  display: block;
  width: 100%;
  font: bold 22px "PT Sans";
  text-transform: uppercase;
  color: #333333;
  padding: 0 0 10px 0;
}
.main-container .history-detail-wrap .history-detail-title .sub-heading {
  display: inline-block;
  font: bold 14px/22px "PT Sans";
  width: 88%;
  text-transform: capitalize;
}
.main-container .history-detail-wrap .history-detail-title .status {
  text-transform: capitalize;
}
.main-container .history-detail-wrap .history-detail-title .status.red {
  color: #dc0000;
}
.main-container .history-detail-wrap .history-detail-title .status.green {
  color: #009900;
}
.main-container .history-detail-wrap .history-detail-title .status.gray {
  color: #999999;
}
.main-container .history-detail-wrap .history-detail-box-wrap {
  padding: 0 13px;
  display: block;
  text-align: center;
}
.main-container .history-detail-wrap .history-detail-box-wrap .top-label {
  display: none;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list {
  min-height: 142px;
  width: 100%;
  text-align: left;
  border: 1px solid #EFEFEF;
  border-bottom: none;
  border-radius: 5px;
  display: table;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .image {
  max-width: 100px;
  float: left;
  padding: 45px 0px;
  height: 240px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .image img {
  width: 80px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .product {
  float: left;
  width: 70%;
  display: table;
  height: 142px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .product .main-text {
  font: bold 14px "PT Sans";
  color: #0033CC;
  vertical-align: middle;
  display: table-cell;
  padding: 10px 0px 10px 10px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .product .main-text .sub-text {
  font: lighter 10px "PT Sans";
  color: #333333;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .price {
  float: left;
  width: 20%;
  font: lighter 16px "PT Sans";
  display: table;
  height: 30px;
  margin-left: 10px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .price span {
  display: table-cell;
  vertical-align: middle;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .quantity {
  float: left;
  width: 10%;
  display: table;
  height: 30px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .quantity span {
  display: table-cell;
  vertical-align: middle;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .sub-total {
  float: left;
  width: 15%;
  font: bold 20px "PT Sans";
  display: table;
  height: 0px;
  margin-right: 10px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .sub-total span {
  display: table-cell;
  vertical-align: middle;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .remove {
  float: left;
  display: table;
  height: 142px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .remove a {
  width: 30px;
  height: 20px;
  background: url(../img/icons.png) no-repeat -4px -1169px rgba(0, 0, 0, 0);
  display: block;
  margin: 60px 0;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap {
  background: #F5F5F5;
  display: block;
  text-align: left;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .confirmation-left-wrap {
  display: block;
  height: 200px;
  padding: 8px 0;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .confirmation-left-wrap .coupon-wrap {
  display: block;
  height: 80px;
  padding: 22px 13px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .confirmation-left-wrap .coupon-wrap span {
  font: lighter 16px/18px "PT Sans";
  color: #333333;
  text-transform: capitalize;
  width: 29%;
  display: table-cell;
  text-align: left;
  float: left;
  vertical-align: middle;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .confirmation-left-wrap .coupon-wrap .coupon-input {
  width: 36%;
  float: left;
  height: 35px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 5px;
  margin-right: 13px;
  font: lighter 16px "PT Sans";
  text-align: left;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .confirmation-left-wrap .coupon-wrap .apply-btn {
  width: 32%;
  height: 35px;
  background: #0033CC;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font: normal 16px/35px "PT Sans";
  border-radius: 5px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .confirmation-left-wrap .points-wrap {
  display: block;
  height: 82px;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .confirmation-left-wrap .points-wrap .fitwhey-points {
  display: inline-block;
  float: left;
  padding: 22px 0;
  width: 70%;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .confirmation-left-wrap .points-wrap .fitwhey-points .points-earn {
  background: url(../img/points-icon.png) no-repeat scroll 10px 0px rgba(0, 0, 0, 0);
  color: #333333;
  font: lighter 13px/18px "PT Sans";
  padding: 10px 0 10px 60px;
  text-transform: capitalize;
  float: left;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .confirmation-left-wrap .points-wrap .fitwhey-points span {
  color: #0033CC;
  float: left;
  font: bold 18px/18px "PT Sans";
  padding: 10px 0 10px 10px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .confirmation-left-wrap .points-wrap .total-points {
  display: inline-block;
  float: left;
  padding: 19px 0;
  text-align: center;
  width: 30%;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .confirmation-left-wrap .points-wrap .total-points .text {
  text-transform: capitalize;
  font: lighter 13px/18px "PT Sans";
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .confirmation-left-wrap .points-wrap .total-points span {
  color: #0033CC;
  font: bold 18px/18px "PT Sans";
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap {
  display: table;
  width: 100%;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .points-left-wrap {
  display: block;
  padding: 8px 0;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .points-left-wrap .points-wrap {
  display: block;
  height: 82px;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  text-align: center;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .points-left-wrap .points-wrap .fitwhey-points {
  display: inline-block;
  padding: 22px 0;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .points-left-wrap .points-wrap .fitwhey-points .points-earn {
  background: url(../img/points-icon.png) no-repeat scroll 10px 0px rgba(0, 0, 0, 0);
  color: #333333;
  font: lighter 13px/18px "PT Sans";
  padding: 10px 0 10px 60px;
  text-transform: capitalize;
  float: left;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .points-left-wrap .points-wrap .fitwhey-points span {
  color: #0033CC;
  float: left;
  font: bold 18px/18px "PT Sans";
  padding: 10px 0 10px 10px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .white-space {
  display: block;
  width: 300px;
  margin: 0 auto;
  padding: 35px 0 25px 0;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .white-space .price-total {
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  padding: 8px 0 8px 80px;
  font: lighter 16px "PT Sans";
  text-transform: capitalize;
  color: #666666;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .white-space .price-total .total {
  font: bold 16px "PT Sans";
  padding-left: 20px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .white-space .table-total {
  font: lighter 24px "PT Sans";
  text-transform: capitalize;
  width: 100%;
  padding: 12px 0 12px 80px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .white-space .table-total .total {
  font: bold 24px "PT Sans";
  padding-left: 20px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .remark-wrap {
  display: block;
  width: 100%;
}
.main-container .history-detail-wrap .history-detail-box-wrap .remark-wrap .remark-box {
  display: table;
  width: 100%;
  margin: 20px 0;
}
.main-container .history-detail-wrap .history-detail-box-wrap .remark-wrap .remark-box .title {
  width: 100%;
  display: block;
  background: #F5F5F5;
  font: bold 18px/45px "PT Sans";
  text-align: left;
  padding-left: 30px;
  text-transform: capitalize;
  border: 1px solid #EFEFEF;
  border-radius: 5px 5px 0 0;
}
.main-container .history-detail-wrap .history-detail-box-wrap .remark-wrap .remark-box .comment-area {
  display: table;
  width: 100%;
  padding: 30px;
  text-align: left;
  text-transform: capitalize;
  border: 1px solid #EFEFEF;
  border-top: none;
  border-radius: 0 0 5px 5px;
}
.main-container .history-detail-wrap .history-detail-box-wrap .remark-wrap .remark-box .comment-area .input-area {
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: none;
  font: lighter 13px "PT Sans";
  padding: 5px;
  width: 100%;
}
.main-container .history-detail-wrap .detail-shipping-wrap {
  display: block;
  width: 100%;
}
.main-container .history-detail-wrap .detail-shipping-wrap .shipping-billing-content {
  display: table;
  width: 100%;
  padding: 0 13px;
  margin: 20px 0;
}
.main-container .history-detail-wrap .detail-shipping-wrap .shipping-billing-content .title {
  width: 100%;
  display: block;
  background: #F5F5F5;
  font: bold 18px/45px "PT Sans";
  text-align: left;
  padding-left: 30px;
  text-transform: capitalize;
  border: 1px solid #EFEFEF;
  border-radius: 5px 5px 0 0;
}
.main-container .history-detail-wrap .detail-shipping-wrap .shipping-billing-content .title .edit-btn {
  display: inline-block;
  padding: 0 30px 0 50px;
  text-align: center;
  text-decoration: none;
  font: normal 14px/45px "PT Sans";
  float: right;
  color: #999999;
  background: url(../img/icons.png) no-repeat 10px -1573px #FFFFFF;
}
.main-container .history-detail-wrap .detail-shipping-wrap .shipping-billing-content .current-shipping-wrap {
  display: table;
  width: 100%;
  padding: 30px;
  text-align: left;
  text-transform: capitalize;
  border: 1px solid #EFEFEF;
  border-top: none;
  border-radius: 0 0 5px 5px;
  height: 150px;
}
.main-container .history-detail-wrap .detail-shipping-wrap .shipping-billing-content .current-shipping-wrap .address-wrap {
  font: normal 16px "PT Sans";
  color: #666666;
}
.main-container .history-detail-wrap .detail-shipping-wrap .shipping-billing-content .current-shipping-wrap .address-wrap .head {
  color: #333333;
  font-weight: bold;
}
.main-container .history-detail-wrap .button-wrap {
  display: table;
  width: 100%;
  padding: 20px 0 40px 0;
  border-bottom: 1px solid #EFEFEF;
}
.main-container .history-detail-wrap .button-wrap .delete-btn {
  display: inline-block;
  width: 250px;
  height: 40px;
  font: bold 18px/40px "PT Sans";
  margin: 0 0 20px 0;
  color: #FFFFFF;
  text-decoration: none;
  background: #dc0000;
  text-transform: capitalize;
  border-radius: 5px;
}
.main-container .history-detail-wrap .button-wrap .continue-btn {
  display: inline-block;
  width: 250px;
  height: 40px;
  font: bold 18px/40px "PT Sans";
  color: #FFFFFF;
  text-decoration: none;
  background: #0033CC;
  text-transform: capitalize;
  border-radius: 5px;
}
.main-container .history-detail-wrap img {
  width: 300px;
}
/* Ingredient List - Card Layout */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .full-listing-wrap {
  text-align: center;
  display: inline-block;
  width: 100%;
}
.main-container .full-listing-wrap .listing-content-main {
  display: flex;
  flex-direction: column;
  margin: 20px 13px 0;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-left {
  display: block;
  text-align: center;
  padding: 0;
  background: #FFFFFF;
  margin: 0;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-left .il-heading {
  display: block;
  width: 100%;
  padding: 0 0 15px;
  font: bold 22px "PT Sans";
  color: #333333;
  text-align: left;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-left .il-search {
  padding: 0 0 12px;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-left .il-search-input {
  width: 100%;
  max-width: 400px;
  padding: 8px 12px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  color: #333333;
  outline: none;
  box-sizing: border-box;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-left .il-search-input:focus {
  border-color: #0033CC;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-left .il-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-left .il-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: calc(50% - 5px);
  overflow: hidden;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  text-decoration: none;
  background: #FFFFFF;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-left .il-card:hover {
  border-color: #0033CC;
  box-shadow: 0 2px 8px rgba(0, 51, 204, 0.1);
}
.main-container .full-listing-wrap .listing-content-main .listing-info-left .il-card-img {
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
  background: #F5F5F5;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-left .il-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-left .il-card-name {
  padding: 8px;
  font: normal 12px "PT Sans";
  color: #333333;
  text-align: center;
  text-decoration: none;
  line-height: 1.3;
  word-break: break-word;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-left .main-listing-wrap {
  display: none;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-right {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-right .mid-ad-wrap {
  display: inline-block;
  width: 310px;
  padding: 10px;
  margin: 0 auto 20px;
  background: #FFFFFF;
  vertical-align: top;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
}
.main-container .full-listing-wrap .listing-content-main .listing-info-right .mid-ad-wrap .ad {
  width: 100%;
}
/* Horizontal Tab */
ul.resp-tabs-list,
p {
  margin: 0px;
  padding: 0px;
}
.resp-tabs-list li {
  font: lighter 14px/14px "PT Sans";
  display: inline-block;
  width: 210px;
  padding: 13px 0;
  text-align: center;
  text-transform: uppercase;
  margin: 0 3px 0 0;
  color: #FFFFFF;
  list-style: none;
  cursor: pointer;
  float: left;
}
.resp-tabs-list .coupon-tab {
  font: lighter 14px/14px "PT Sans";
  display: inline-block;
  width: 363px;
  padding: 13px 0;
  text-align: center;
  text-transform: uppercase;
  margin: 0 3px 0 0;
  color: #FFFFFF;
  list-style: none;
  cursor: pointer;
  float: left;
}
.resp-tabs-list .payment-tab {
  font: lighter 14px/14px "PT Sans";
  display: inline-block !important;
  width: 300px;
  padding: 13px 0;
  text-align: center;
  text-transform: uppercase;
  margin: 0 3px 0 0;
  color: #FFFFFF;
  list-style: none;
  cursor: pointer;
  float: left;
}
.resp-tabs-container {
  padding: 0px;
  background-color: #FFFFFF;
  clear: left;
}
h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}
.resp-tab-content {
  display: none;
  padding: 30px 0;
}
.resp-tab-active {
  border: 1px solid #5AB1D0 !important;
  border-bottom: none;
  margin-bottom: -1px !important;
  border: none !important;
}
.resp-tab-active {
  border: none;
  background-color: #0033CC;
}
.resp-content-active,
.resp-accordion-active {
  display: block;
}
h2.resp-accordion {
  font: lighter 14px "PT Sans";
  text-transform: uppercase;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px;
  color: #FFFFFF;
}
h2.resp-tab-active {
  border: none;
}
/* Vertical Tab */
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 210px;
  margin-right: 20px;
}
.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0 0 4px;
  cursor: pointer;
  float: none;
}
.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #c1c1c1;
  float: left;
  width: 730px;
  min-height: 250px;
  border-radius: 4px;
  clear: none;
}
.resp-vtabs .resp-tab-content {
  border: none;
  word-wrap: break-word;
}
.resp-vtabs li.resp-tab-active {
  position: relative;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
  margin-bottom: 4px !important;
  border-right: 1px #FFF solid !important;
}
.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #EFEFEF;
}
h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #FFF;
}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 1100px) {
  ul.resp-tabs-list {
    display: none;
  }
  h2.resp-accordion {
    display: block;
  }
  .resp-vtabs .resp-tab-content {
    border: none;
  }
  .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none;
  }
  .resp-accordion-closed {
    display: none !important;
  }
  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
  }
}
/* Welcome */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .welcome-blank-main-wrap {
  width: 100%;
  max-width: 1100px;
  height: 800px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.main-container .welcome-blank-main-wrap .welcome-blank-wrap {
  display: table;
  width: 100%;
}
.main-container .welcome-blank-main-wrap .welcome-blank-wrap .title-wrap {
  display: table;
  width: 100%;
  padding: 40px 0 30px;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .welcome-blank-main-wrap .welcome-blank-wrap .title-wrap .title {
  text-transform: uppercase;
  font: bold 25px "PT Sans";
  color: #333333;
  width: 100%;
}
.main-container .welcome-blank-main-wrap .welcome-blank-wrap .text-wrap {
  display: block;
  text-align: center;
  min-width: 320px;
  max-width: 1100px;
  width: 100%;
  color: #666666;
  margin: 40px auto 100px;
  padding: 0 40px;
}
.main-container .welcome-blank-main-wrap .welcome-blank-wrap .text-wrap .sub-text {
  font: bold 16px "PT Sans";
  margin: 0 0 20px 0;
  display: inline-block;
  text-transform: uppercase;
  width: 100%;
}
.main-container .welcome-blank-main-wrap .welcome-blank-wrap .text-wrap .description {
  font: normal 14px/24px "PT Sans";
}
.main-container .welcome-blank-main-wrap .welcome-blank-wrap .text-wrap .description .strong {
  font-weight: bold;
}
.main-container .welcome-blank-main-wrap .welcome-blank-wrap .button-wrap {
  max-width: 1100px;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
.main-container .welcome-blank-main-wrap .welcome-blank-wrap .button-wrap .continue-btn {
  min-width: 280px;
  max-width: 420px;
  width: 80%;
  height: 50px;
  display: inline-block;
  margin: 10px;
  text-decoration: none;
  text-align: center;
  font: bold 20px/50px "PT Sans";
  color: #FFFFFF;
  background: #0033CC;
}
/* Coming Soon */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .blank-main-wrap {
  width: 100%;
  max-width: 1100px;
  height: 800px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.main-container .blank-main-wrap .coming-soon-wrap {
  display: table;
  width: 100%;
}
.main-container .blank-main-wrap .coming-soon-wrap .title-wrap {
  display: table;
  width: 100%;
  padding: 100px 0 30px;
  text-align: center;
}
.main-container .blank-main-wrap .coming-soon-wrap .title-wrap .title {
  text-transform: uppercase;
  font: bold 60px/60px "PT Sans";
  color: #333333;
  width: 100%;
}
.main-container .blank-main-wrap .coming-soon-wrap .button-wrap {
  max-width: 1100px;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
.main-container .blank-main-wrap .coming-soon-wrap .button-wrap .shopping-btn {
  width: 300px;
  height: 60px;
  display: inline-block;
  margin: 10px;
  text-decoration: none;
  text-align: center;
  font: bold 24px/60px "PT Sans";
  color: #FFFFFF;
  background: #0033CC;
}
.main-container .blank-main-wrap .coming-soon-bg {
  width: 100%;
  text-align: center;
}
.main-container .blank-main-wrap .coming-soon-bg img {
  width: 100%;
  max-width: 900px;
  vertical-align: top;
}
/* Notification Popup */
.fancybox-wrap .notification-info-wrap {
  position: absolute;
  display: inline-block;
  width: 320px;
  background: #FFFFFF;
  -moz-box-shadow: 7px 7px 10px #999;
  -webkit-box-shadow: 7px 7px 10px #999;
  box-shadow: 7px 7px 10px #999;
}
.fancybox-wrap .notification-info-wrap .header {
  display: block;
  font: normal 18px "PT Sans";
  color: #333333;
  padding: 15px 0;
  margin: 0 15px;
  border-bottom: 1px solid #CCCCCC;
}
.fancybox-wrap .notification-info-wrap .btn-wrap {
  position: relative;
  display: block;
}
.fancybox-wrap .notification-info-wrap .btn-wrap .continue-btn {
  width: 100px;
  height: 40px;
  float: left;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font: bold 14px/40px "PT Sans";
  color: #FFFFFF;
  background: #0033CC;
  margin: 24px 15px;
}
.fancybox-wrap .notification-info-wrap .btn-wrap .checkout-btn {
  width: 100px;
  height: 40px;
  float: right;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font: bold 14px/40px "PT Sans";
  color: #FFFFFF;
  background: #009900;
  margin: 24px 15px;
}
/* Notification Gift Skip */
.fancybox-wrap .notification-gift-wrap {
  position: absolute;
  display: inline-block;
  width: 320px;
  background: #FFFFFF;
  -moz-box-shadow: 7px 7px 10px #999;
  -webkit-box-shadow: 7px 7px 10px #999;
  box-shadow: 7px 7px 10px #999;
}
.fancybox-wrap .notification-gift-wrap .header {
  display: block;
  font: normal 18px "PT Sans";
  color: #333333;
  padding: 15px 0;
  margin: 0 15px;
  border-bottom: 1px solid #CCCCCC;
}
.fancybox-wrap .notification-gift-wrap .btn-wrap {
  position: relative;
  display: block;
}
.fancybox-wrap .notification-gift-wrap .btn-wrap .continue-btn {
  width: 100px;
  height: 40px;
  float: left;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font: bold 14px/40px "PT Sans";
  color: #FFFFFF;
  background: #0033CC;
  margin: 24px 15px;
}
.fancybox-wrap .notification-gift-wrap .btn-wrap .checkout-btn {
  width: 100px;
  height: 40px;
  float: right;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font: bold 14px/40px "PT Sans";
  color: #FFFFFF;
  background: #009900;
  margin: 24px 15px;
}
/* Money Transfer Notification */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .money-transfer-wrap {
  width: 100%;
  display: table;
  position: relative;
}
.main-container .money-transfer-wrap .transfer-notice-wrap {
  display: table;
  width: 100%;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .title-wrap {
  display: table;
  width: 100%;
  padding: 40px 0 30px;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .title-wrap .title {
  text-transform: uppercase;
  font: bold 25px "PT Sans";
  color: #333333;
  width: 100%;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap {
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 0 0 0;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .left {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .left .head-notice {
  font: bold 14px "PT Sans";
  color: #0033CC;
  text-transform: uppercase;
  display: inline-block;
  text-align: left;
  padding: 15px 0 15px 40px;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .left .list-notice {
  font: normal 12px/28px "PT Sans";
  color: #666666;
  padding: 0 30px 0 50px;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .left .bank-option-wrap {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 30px;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .left .bank-option-wrap img {
  position: relative;
  vertical-align: top;
  margin: 0 20px 10px 0;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .left .bank-option-wrap .text-wrap {
  position: relative;
  display: inline-block;
  font: normal 12px/28px "PT Sans";
  color: #666666;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .head-info {
  display: block;
  width: 100%;
  padding: 15px 0;
  text-align: center;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .head-info .bold-heading {
  font: bold 16px "PT Sans";
  color: #0033CC;
  text-transform: uppercase;
  margin: 0 20px 0 0;
  display: inline-block;
  text-align: right;
  width: 165px;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .head-info .sub-info {
  font: normal 13px "PT Sans";
  color: #999999;
  display: inline-block;
  padding: 0;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .head-info .sub {
  font: normal 13px "PT Sans";
  color: #999999;
  display: inline-block;
  padding: 0 0 0 10px;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px 0;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .input-label {
  text-transform: uppercase;
  font: normal 13px "PT Sans";
  color: #666666;
  margin-right: 10px;
  display: inline-block;
  width: 30%;
  text-align: right;
  vertical-align: top;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .selection-wrap {
  position: relative;
  display: inline-block;
  width: 200px;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .input-box {
  width: 200px;
  height: 27px;
  padding: 5px 30px 5px 5px;
  font: lighter 13px "PT Sans";
  border: 1px solid #999999;
  margin: 0;
  box-shadow: none;
  vertical-align: top;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .input-box.drop-down {
  background: url(../img/icons.png) no-repeat 165px -1091px rgba(0, 0, 0, 0);
  border: 1px solid #999999;
  text-align: left;
  cursor: pointer;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .drop-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  background: #FFFFFF;
  position: absolute;
  top: 26px;
  left: 0px;
  width: 300px;
  max-height: 132px;
  overflow-y: auto;
  border: 1px solid #999999;
  z-index: 1;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .drop-menu .drop-menu-list {
  float: left;
  position: relative;
  width: 100%;
  text-align: left;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .drop-menu .drop-menu-list a {
  display: block;
  text-decoration: none;
  color: #999999;
  width: 100%;
  padding: 0 10px;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .drop-menu .drop-menu-list a:hover {
  background: #F5F5F5;
  color: #666666;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .input-area {
  width: 300px;
  font: lighter 13px "PT Sans";
  border: 1px solid #999999;
  padding: 5px;
  margin: 0;
  box-shadow: none;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .notice {
  width: 340px;
  height: 27px;
  font: normal 13px "PT Sans";
  color: #999999;
  display: none;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .important-notice {
  color: #dc0000;
  font: lighter 12px "PT Sans";
  margin-top: 10px;
  padding-left: 35%;
  max-width: 320px;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .upload-image-wrap {
  display: block;
  width: 100%;
  margin: 15px 0 30px 0;
  padding: 0px 10px 0px 20px;
  text-align: center;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .upload-image-wrap .input-label {
  text-transform: uppercase;
  font: normal 13px "PT Sans";
  color: #666666;
  margin-right: 20px;
  display: inline-block;
  width: 80px;
  text-align: right;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .upload-image-wrap .add-btn {
  display: inline-block;
  background: url(../img/button-icons.png) no-repeat 10px 15px #009900;
  width: 215px;
  height: 55px;
  font: bold 14px/55px "PT Sans";
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  padding: 0 0 0 32px;
  vertical-align: top;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .upload-image-wrap .files-list-wrap {
  display: inline-block;
  width: 200px;
  margin: 0 0 0 30px;
  text-align: left;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .upload-image-wrap .files-list-wrap .files {
  height: 55px;
  background: url(../img/icons.png) no-repeat 0 -347px;
  font: normal 14px/55px "PT Sans";
  padding: 0 0 0 45px;
  text-overflow: ellipsis;
  width: 285px;
  overflow: hidden;
  white-space: nowrap;
  color: #666666;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .upload-image-wrap .important-notice {
  color: #dc0000;
  font: lighter 12px "PT Sans";
  margin-top: 10px;
  padding-left: 0px;
}
.main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .send-btn {
  width: 300px;
  height: 60px;
  display: block;
  margin: 30px auto;
  text-decoration: none;
  text-align: center;
  font: bold 24px/60px "PT Sans";
  color: #FFFFFF;
  background: #0033CC;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-backdrop {
  z-index: 0 !important;
}
#edit-address-modal #comp,
#tax-dialog #comp {
  display: block !important;
}
#edit-address-modal .modal-dialog,
#tax-dialog .modal-dialog {
  max-width: 520px;
  width: 90%;
  display: inline-block !important;
  text-align: left !important;
  vertical-align: middle !important;
}
@media only screen and (min-width: 768px) {
  #edit-address-modal .modal-dialog,
  #tax-dialog .modal-dialog {
    width: 520px;
  }
}
#edit-address-modal .modal-content,
#tax-dialog .modal-content {
  border: none;
  border-radius: 5px;
  overflow: hidden;
}
#edit-address-modal .modal-header,
#tax-dialog .modal-header {
  background: #F5F5F5;
  border-bottom: 1px solid #EFEFEF;
  padding: 16px 20px;
}
#edit-address-modal .modal-header .modal-title,
#tax-dialog .modal-header .modal-title {
  font: bold 18px "PT Sans";
  color: #333333;
  text-transform: capitalize;
}
#edit-address-modal .modal-header .close,
#tax-dialog .modal-header .close {
  font-size: 24px;
  opacity: 0.5;
}
#edit-address-modal .modal-header .close:hover,
#tax-dialog .modal-header .close:hover {
  opacity: 0.8;
}
#edit-address-modal .modal-body,
#tax-dialog .modal-body {
  padding: 20px;
}
#edit-address-modal .address-form-wrap,
#tax-dialog .address-form-wrap {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#edit-address-modal input.form-input,
#tax-dialog input.form-input,
#edit-address-modal .form-input,
#tax-dialog .form-input {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 8px 10px;
  width: 100%;
  height: auto;
  line-height: normal;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: none;
}
#edit-address-modal input.form-input:focus,
#tax-dialog input.form-input:focus,
#edit-address-modal .form-input:focus,
#tax-dialog .form-input:focus {
  outline: none;
  border-color: #0033CC;
  box-shadow: none;
}
#edit-address-modal .form-label,
#tax-dialog .form-label {
  display: block;
  font-size: 13px;
  color: #333333;
  margin-bottom: 4px;
  text-align: left;
}
#edit-address-modal select.form-select,
#tax-dialog select.form-select,
#edit-address-modal .form-select,
#tax-dialog .form-select {
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 8px 10px;
  height: auto;
  line-height: normal;
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: none;
}
#edit-address-modal select.form-select:focus,
#tax-dialog select.form-select:focus,
#edit-address-modal .form-select:focus,
#tax-dialog .form-select:focus {
  outline: none;
  border-color: #0033CC;
  box-shadow: none;
}
#edit-address-modal .form-row,
#tax-dialog .form-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#edit-address-modal .form-row .form-field,
#tax-dialog .form-row .form-field {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#edit-address-modal .form-row-2col,
#tax-dialog .form-row-2col {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
#edit-address-modal .form-row-2col .form-field,
#tax-dialog .form-row-2col .form-field {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#edit-address-modal textarea.form-textarea,
#tax-dialog textarea.form-textarea,
#edit-address-modal .form-textarea,
#tax-dialog .form-textarea {
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 8px 10px;
  height: auto;
  line-height: normal;
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: none;
  resize: vertical;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
#edit-address-modal textarea.form-textarea:focus,
#tax-dialog textarea.form-textarea:focus,
#edit-address-modal .form-textarea:focus,
#tax-dialog .form-textarea:focus {
  outline: none;
  border-color: #0033CC;
  box-shadow: none;
}
#edit-address-modal button.form-submit-btn,
#tax-dialog button.form-submit-btn,
#edit-address-modal .form-submit-btn,
#tax-dialog .form-submit-btn {
  width: 100%;
  height: 48px;
  line-height: 48px;
  font: bold 16px "PT Sans";
  color: #FFFFFF;
  background: #0033CC;
  border: none;
  border-radius: 5px;
  padding: 0;
  cursor: pointer;
  margin-top: 4px;
}
#edit-address-modal button.form-submit-btn:hover,
#tax-dialog button.form-submit-btn:hover,
#edit-address-modal .form-submit-btn:hover,
#tax-dialog .form-submit-btn:hover {
  opacity: 0.85;
}
@media only screen and (max-width: 500px) {
  #edit-address-modal .form-row-2col,
  #tax-dialog .form-row-2col {
    flex-direction: column;
  }
}
/* Welcome */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .payment-complete-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.main-container .payment-complete-main-wrap .payment-complete-wrap {
  display: table;
  width: 100%;
}
.main-container .payment-complete-main-wrap .payment-complete-wrap .title-wrap {
  display: table;
  width: 100%;
  padding: 40px 0 30px;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .payment-complete-main-wrap .payment-complete-wrap .title-wrap .title {
  text-transform: uppercase;
  font: bold 25px/50px "PT Sans";
  width: 320px;
  margin: 0 auto;
  float: none;
  text-align: center;
}
.main-container .payment-complete-main-wrap .payment-complete-wrap .title-wrap .title.successful {
  padding-left: 10px;
  padding-bottom: 70px;
  color: #009900;
  background: url(../img/success-icon.png) no-repeat 120px 30px;
}
.main-container .payment-complete-main-wrap .payment-complete-wrap .title-wrap .title.denied {
  padding-left: 10px;
  padding-bottom: 70px;
  color: #dc0000;
  background: url(../img/denied-icon.png) no-repeat 120px 30px;
}
.main-container .payment-complete-main-wrap .payment-complete-wrap .text-wrap {
  display: block;
  text-align: center;
  min-width: 320px;
  max-width: 1100px;
  width: 100%;
  color: #666666;
  margin: 40px auto 60px;
  padding: 0 40px;
}
.main-container .payment-complete-main-wrap .payment-complete-wrap .text-wrap .sub-text {
  font: bold 16px "PT Sans";
  margin: 0 0 20px 0;
  display: inline-block;
  text-transform: uppercase;
  width: 100%;
}
.main-container .payment-complete-main-wrap .payment-complete-wrap .text-wrap .description {
  font: normal 14px/24px "PT Sans";
}
.main-container .payment-complete-main-wrap .payment-complete-wrap .text-wrap .description .strong {
  font-weight: bold;
}
.main-container .payment-complete-main-wrap .payment-complete-wrap .button-wrap {
  max-width: 1100px;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
.main-container .payment-complete-main-wrap .payment-complete-wrap .button-wrap .continue-btn {
  width: 240px;
  height: 40px;
  display: inline-block;
  margin: 10px;
  text-decoration: none;
  text-align: center;
  font: bold 18px/40px "PT Sans";
  color: #FFFFFF;
  background: #0033CC;
}
/* Coupon Grid */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .navigation-wrap {
  display: none;
}
.main-container .main {
  padding: 0;
  margin-bottom: 30px;
}
.main-container .main .login-main-wrap {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.main-container .main .login-main-wrap .my-coupon-wrap .title-wrap {
  padding: 20px 0 10px;
  text-align: center;
  border-bottom: none;
}
.main-container .main .login-main-wrap .my-coupon-wrap .title-wrap .title {
  text-transform: uppercase;
  font: bold 1.2rem "PT Sans";
  color: #333333;
}
.main-container .main .login-main-wrap .my-coupon-wrap .title-wrap .sub-title {
  display: none;
}
.main-container .main .login-main-wrap .cg-points-banner {
  background: #eef4ff;
  border: 1px solid #d0e0ff;
  border-radius: 5px;
  padding: 16px 20px;
  margin: 0 13px 16px;
  text-align: center;
  overflow: hidden;
  width: auto;
}
.main-container .main .login-main-wrap .cg-points-banner .cg-points-value {
  font: bold 16px "PT Sans";
  color: #333333;
}
.main-container .main .login-main-wrap .cg-points-banner .cg-points-value strong {
  font-size: 28px;
  color: #0033CC;
}
.main-container .main .login-main-wrap .cg-points-banner .cg-points-desc {
  font: normal 12px/1.5 "PT Sans";
  color: #666666;
  margin-top: 6px;
}
.main-container .main .login-main-wrap .cg-points-banner .cg-points-desc a {
  color: #0033CC;
  text-decoration: none;
}
.main-container .main .login-main-wrap .cg-points-banner .cg-points-desc a:hover {
  text-decoration: underline;
}
.main-container .main .login-main-wrap .cg-title-header-wrap {
  display: none;
}
.main-container .main .login-main-wrap .outter-wrap {
  padding: 0 13px;
  clear: both;
  overflow: hidden;
}
.main-container .main .login-main-wrap .outter-wrap .resp-tabs-list {
  display: flex;
  justify-content: center;
}
.main-container .main .login-main-wrap .outter-wrap .resp-tabs-list .coupon-tab {
  float: none;
  display: block;
  flex: 1;
  width: auto;
  font: normal 12px "PT Sans";
  padding: 12px 6px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 2px;
  color: #666666;
  background: #EFEFEF;
  list-style: none;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  border: none;
}
.main-container .main .login-main-wrap .outter-wrap .resp-tabs-list .coupon-tab.resp-tab-active {
  background: #0033CC;
  color: #FFFFFF;
  font-weight: bold;
}
.main-container .main .login-main-wrap .outter-wrap .resp-tabs-container {
  border: 1px solid #EFEFEF;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 0;
  background: #FFFFFF;
}
.main-container .main .login-main-wrap .outter-wrap .resp-tab-content {
  padding: 16px;
}
.main-container .main .login-main-wrap .outter-wrap h2.resp-accordion {
  font: normal 13px "PT Sans";
  text-transform: uppercase;
  border: 1px solid #EFEFEF;
  border-top: 0;
  margin: 0;
  padding: 12px 15px;
  color: #666666;
  background: #EFEFEF;
}
.main-container .main .login-main-wrap .outter-wrap h2.resp-accordion.resp-tab-active {
  background: #0033CC;
  color: #FFFFFF;
  border: none;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list-wrap {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list {
  float: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 155px;
  max-width: none;
  height: auto;
  margin: 0;
  padding: 16px 12px;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  text-align: center;
  background: #FFFFFF;
  cursor: pointer;
  transition: border-color 0.2s;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list:hover {
  border-color: #0033CC;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 8px;
  padding: 0;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-image img {
  width: 100%;
  max-height: 120px;
  object-fit: contain;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-top {
  display: block;
  width: 100%;
  padding: 0;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-top .cg-brand-title,
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-top .cg-name {
  font: bold 22px "PT Sans";
  color: #333333;
  text-decoration: none;
  display: block;
  text-align: center;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-top .cg-exchange {
  font: normal 14px "PT Sans";
  display: block;
  margin: 2px 0;
  color: #0033CC;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-bottom {
  width: 100%;
  text-align: center;
  padding: 0;
  margin-top: 8px;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-bottom .get-now-btn {
  display: block;
  width: 100%;
  background: #0033CC;
  color: #FFFFFF;
  font: bold 13px "PT Sans";
  height: auto;
  padding: 9px 8px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  margin-bottom: 8px;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-bottom .get-now-btn:hover {
  opacity: 0.85;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-bottom .cg-points-earn {
  display: block;
  color: #666666;
  font: normal 12px "PT Sans";
  padding: 0;
  margin: 0;
  background: none;
  text-align: center;
}
.main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-bottom .cg-points-earn .cg-points {
  font: bold 16px "PT Sans";
  color: #0033CC;
}
.main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap,
.main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap {
  display: block;
  width: 100%;
}
.main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .unused-list-title,
.main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .unused-list-title {
  display: none;
}
.main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list,
.main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  margin-bottom: 8px;
  background: #FFFFFF;
  text-transform: none;
  font: normal 13px/1.4 "PT Sans";
  border-top: none;
}
.main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list:first-child,
.main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list:first-child {
  border-top: 1px solid #EFEFEF;
}
.main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .coupon-amount,
.main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .coupon-amount {
  float: none;
  width: 100%;
  text-align: left;
  font: bold 18px "PT Sans";
  color: #0033CC;
  line-height: 1.4;
  margin-bottom: 4px;
}
.main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .date-used,
.main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .date-used {
  float: none;
  width: 50%;
  text-align: left;
  font: normal 12px "PT Sans";
  color: #666666;
  line-height: 1.4;
}
.main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .promo-code,
.main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .promo-code {
  float: none;
  width: 50%;
  text-align: right;
  font: bold 12px "Courier New", monospace;
  line-height: 1.4;
}
.main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .promo-code.red,
.main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .promo-code.red {
  color: #dc0000;
}
.main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .promo-code.green,
.main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .promo-code.green {
  color: #009900;
}
.main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .promo-code-list {
  opacity: 0.7;
}
/* Coupon Popup */
.fancybox-wrap .pop-up-wrap {
  display: inline-block;
  position: absolute;
  width: 100%;
  min-width: 320px;
  max-width: 500px;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  z-index: 2;
  top: 65px;
  box-shadow: 10px 10px 20px #CCCCCC;
}
.fancybox-wrap .pop-up-wrap .pop-up-head-wrap {
  height: 100%;
  background: #F5F5F5;
  position: relative;
  border-bottom: 1px solid #CCCCCC;
}
.fancybox-wrap .pop-up-wrap .pop-up-head-wrap .title {
  display: inline-block;
  font: bold 18px/40px "PT Sans";
  padding: 0 0 0 35px;
  margin: 15px 0;
  width: 240px;
  border-right: 1px solid #CCCCCC;
  text-transform: capitalize;
}
.fancybox-wrap .pop-up-wrap .pop-up-head-wrap .close-btn {
  background: url(../img/button-icons.png) no-repeat scroll 0px -236px;
  right: 35px;
  top: 34px;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap {
  padding: 34px;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .top-content {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .top-content .coupon-image {
  display: inline-block;
  float: left;
  text-align: center;
  width: 100%;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .top-content .coupon-image img {
  width: 100%;
  max-width: 200px;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .top-content .coupon-text {
  float: left;
  width: 100%;
  padding: 10px 20px;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .top-content .coupon-text .amount,
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .top-content .coupon-text .point {
  margin-bottom: 10px;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .bottom-content {
  display: inline-block;
  width: 100%;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .bottom-content .title {
  display: inline-block;
  width: 100%;
  font: bold 16px "PT Sans";
  text-transform: capitalize;
  margin-bottom: 5px;
  color: #000000;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .bottom-content .promo-code-intro {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  color: #009900;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .bottom-content .promo-code-generate {
  display: inline-block;
  width: 100%;
  text-align: center;
  font: bold 28px "PT Sans";
  border: 1px dashed #CCCCCC;
  color: #666666;
  padding: 10px 0;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .bottom-content .condition {
  font: normal 14px "PT Sans";
  color: #dc0000;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .coupon-confirm-btn {
  width: 100%;
  height: 55px;
  font: bold 18px/55px "PT Sans";
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  margin-top: 20px;
  display: block;
  color: #FFFFFF;
  background: #009900;
}
.fancybox-wrap .pop-up-wrap .pop-up-content-wrap .coupon-confirm-btn.blue {
  background: #0033CC;
}
/* Subscribe Popup */
.fancybox-wrap .subscribe-pop-up-wrap {
  display: inline-block;
  position: absolute;
  max-width: 380px;
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  z-index: 2;
  top: 65px;
  box-shadow: 10px 10px 20px #CCCCCC;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-head-wrap {
  height: 75px;
  background: #F5F5F5;
  position: relative;
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  max-width: 380px;
  min-width: 200px;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-head-wrap .title {
  display: inline-block;
  font: bold 16px/55px "PT Sans";
  padding: 0 0 0 80px;
  margin: 10px 0;
  max-width: 300px;
  min-width: 200px;
  width: 100%;
  color: #333333;
  border-right: 1px solid #CCCCCC;
  text-transform: uppercase;
  background: url(../img/mail-icon.png) no-repeat scroll -5px -21px;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-head-wrap .close-btn {
  background: url(../img/button-icons.png) no-repeat scroll 0px -236px;
  right: 30px;
  top: 30px;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap {
  padding: 25px;
  width: 320px;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .top-content {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .top-content .coupon-image {
  display: inline-block;
  float: left;
  text-align: center;
  width: 50%;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .top-content .coupon-image img {
  width: 100%;
  max-width: 200px;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .top-content .coupon-text {
  float: left;
  width: 50%;
  padding: 10px 20px;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .top-content .coupon-text .amount,
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .top-content .coupon-text .point {
  margin-bottom: 10px;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content {
  display: inline-block;
  width: 100%;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .title {
  display: inline-block;
  width: 100%;
  font: bold 16px "PT Sans";
  text-transform: capitalize;
  margin-bottom: 5px;
  color: #000000;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .promo-code-intro {
  display: inline-block;
  min-width: 200px;
  max-width: 325px;
  width: 100%;
  text-align: left;
  margin: 15px 0 10px 0;
  color: #333333;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .goal-wrap {
  position: relative;
  text-transform: capitalize;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .goal-wrap .drop-down {
  background: url(../img/icons.png) no-repeat scroll right -1089px rgba(0, 0, 0, 0);
  border: 1px solid #999999;
  padding: 0 10px;
  text-align: left;
  cursor: pointer;
  min-width: 200px;
  max-width: 325px;
  width: 100%;
  height: 30px;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .goal-wrap .drop-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  background: #FFFFFF;
  position: absolute;
  top: 29px;
  left: 0px;
  max-width: 325px;
  width: 100%;
  min-width: 200px;
  max-height: 132px;
  overflow-y: auto;
  border: 1px solid #999999;
  z-index: 1;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .goal-wrap .drop-menu .drop-menu-list {
  float: left;
  position: relative;
  width: 100%;
  text-align: left;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .goal-wrap .drop-menu .drop-menu-list a {
  display: block;
  text-decoration: none;
  color: #999999;
  width: 100%;
  padding: 0 10px;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .goal-wrap .drop-menu .drop-menu-list a:hover {
  background: #F5F5F5;
  color: #666666;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .promo-code-generate {
  display: inline-block;
  width: 100%;
  text-align: center;
  font: bold 28px "PT Sans";
  border: 1px dashed #CCCCCC;
  color: #666666;
  padding: 10px 0;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .subscribe-box {
  position: relative;
  display: inline-block;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .subscribe-box .search-box {
  color: #333333;
  font: normal 13px/14px "Helvetica";
  height: 30px;
  margin: 0 0 5px 0;
  padding: 0 115px 0 10px;
  max-width: 325px;
  min-width: 200px;
  width: 100%;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .subscribe-box a {
  position: absolute;
  height: 30px;
  top: 0px;
  right: 0px;
  padding: 0 20px;
  background: #009900;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFFFFF;
  font: normal 14px/30px "PT Sans";
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .subscribe-box .drop-menu-active {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: inline-block;
  background: #FFFFFF;
  position: absolute;
  z-index: 1;
  top: 46px;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .subscribe-box .drop-menu-active li {
  display: block;
  width: 100%;
  font: lighter 14px "PT Sans";
  padding: 10px;
  cursor: pointer;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .subscribe-box .drop-menu-active li:hover {
  background: #F5F5F5;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .bottom-content .condition {
  font: normal 14px "PT Sans";
  color: #dc0000;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .coupon-confirm-btn {
  width: 430px;
  height: 55px;
  font: bold 18px/55px "PT Sans";
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  margin-top: 20px;
  display: block;
  color: #FFFFFF;
  background: #009900;
}
.fancybox-wrap .subscribe-pop-up-wrap .pop-up-content-wrap .coupon-confirm-btn.blue {
  background: #0033CC;
}
/* Lab Test */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .navigation-wrap {
  display: none;
}
.main-container .banner-cover {
  background: url(../img/amino-spike-free-cover-mb.webp) no-repeat center top;
  background-size: 100%;
  display: inline-block;
  width: 100%;
  max-width: 2000px;
  height: 300px;
}
.main-container .main {
  padding: 0;
  margin-bottom: 30px;
}
.main-container .main .lt-intro {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
.main-container .main .lt-intro h2.intro-heading {
  text-transform: uppercase;
  padding: 0px 20px 0 20px;
  margin: 0px 0 40px 0;
  font-size: 2em;
  line-height: 1em;
  font-weight: bold;
  color: #a40808;
  text-align: center;
  font-family: Oswald;
}
.main-container .main .lt-intro h3.intro-sub-heading {
  text-transform: uppercase;
  font-size: 1.5em;
  padding: 0 0 0 0;
  margin: 0 0 30px 0;
  text-align: center;
}
.main-container .main .lt-intro .lt-intro-content {
  padding: 0 40px;
  font: normal 14px/34px "PT Sans";
}
.main-container .main .lt-intro .lt-intro-content .lab-image {
  width: 100%;
  float: right;
  margin-left: 40px;
  margin-bottom: 15px;
}
.main-container .main .lt-intro .lt-intro-content a {
  text-decoration: none;
}
.main-container .main .lt-intro .lt-intro-content a .l-lightbox {
  width: 150px;
  box-shadow: 1px 1px 3px #000000;
  margin: 10px 10px 10px 0;
  vertical-align: top;
}
.main-container .main .lt-intro .lt-intro-content a .l-lightbox:hover {
  box-shadow: none;
}
.main-container .main .lt-intro .lt-intro-content .lt-intro-content-box {
  padding: 10px 15px;
  border-radius: 10px;
  border: 3px dotted #CCC;
}
.main-container .main .lt-intro .lt-intro-content .lab-video {
  width: 100%;
  height: 100%;
  margin: 40px auto 10px;
}
.main-container .main .lt-search-by-wrap {
  display: flex;
  text-align: center;
  margin: 0 0 20px 0;
  padding: 0 30px;
  flex-direction: column;
  justify-content: center;
}
.main-container .main .lt-search-by-wrap h3 {
  margin: 25px 0;
  font: bold 24px "PT Sans";
  color: #999999;
  text-transform: capitalize;
}
.main-container .main .lt-search-by-wrap .lab-search {
  border: 1px solid #ccc;
  width: 280px;
  display: inline-block;
  font: bold 14px/23px "PT Sans";
  text-decoration: none;
  color: #666;
  padding: 0 15px;
  margin: 5px 0 10px 0;
}
.main-container .main .lt-search-by-wrap .search-option-wrap {
  display: inline-block;
  margin: 0 10px 0 0;
}
.main-container .main .lt-search-by-wrap .search-option-wrap .title {
  font: lighter 14px/26px "PT Sans";
  color: #666666;
  text-transform: capitalize;
  margin: 0 5px 0 0;
  width: 80px;
  display: inline-block;
  text-align: right;
}
.main-container .main .lt-search-by-wrap .search-option-wrap .search-by-drop-wrap {
  text-transform: capitalize;
  position: relative;
  text-align: left;
}
.main-container .main .lt-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop {
  border: 1px solid #CCCCCC;
  width: 140px;
  display: inline-block;
  font: bold 14px/23px "PT Sans";
  text-decoration: none;
  color: #666666;
  padding: 0 15px;
  background: url(../img/icons.png) no-repeat 106px -769px rgba(0, 0, 0, 0);
  text-align: left;
}
.main-container .main .lt-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  background: #FFFFFF;
  left: 0;
  top: 21px;
  width: 140px;
  padding: 5px 0;
  border: 1px solid #CCCCCC;
  z-index: 2;
}
.main-container .main .lt-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a {
  text-decoration: none;
  font: normal 14px "PT Sans";
  color: #666666;
  display: block;
  padding: 5px 0 5px 15px;
}
.main-container .main .lt-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a:hover {
  color: #CCCCCC;
}
.main-container .main .lt-search-by-wrap .lt-page-wrap-top {
  display: none;
}
.main-container .main .lt-page-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 20px 0 10px 0;
  font-weight: lighter;
}
.main-container .main .lt-page-wrap .lt-prev-next {
  text-decoration: none;
  font: lighter 16px "PT Sans";
  color: #666666;
}
.main-container .main .lt-page-wrap .lt-prev-next:hover {
  color: #0033CC;
}
.main-container .main .lt-page-wrap .lt-page .lt-block {
  display: inline-block;
  border: 1px solid #999999;
  width: 20px;
  margin: 0 5px;
}
.main-container .main .lab-result-content {
  margin: 15px auto;
  text-align: center;
  border-right: 1px solid #999999;
  overflow-x: auto;
  white-space: nowrap;
  display: block;
}
.main-container .main .lab-result-content .table-heading-wrap {
  background: #CCCCCC;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.main-container .main .lab-result-content .table-heading-wrap .table-heading {
  padding: 5px 5px;
  font: bold 8px "PT Sans";
  text-transform: capitalize;
  color: #333333;
  border: 1px solid #999999;
  border-right: none;
  display: table-cell;
  vertical-align: middle;
  height: 51px;
}
.main-container .main .lab-result-content .table-heading-wrap .table-heading.eight {
  width: 8%;
}
.main-container .main .lab-result-content .table-heading-wrap .table-heading.ten {
  width: 10%;
}
.main-container .main .lab-result-content .table-heading-wrap .table-heading.twelve {
  width: 10%;
}
.main-container .main .lab-result-content .table-heading-wrap .table-heading.thirteen {
  width: 10%;
}
.main-container .main .lab-result-content .table-heading-wrap .table-heading.fourteen {
  width: 10%;
}
.main-container .main .lab-result-content .table-heading-wrap .table-heading.twentyfive {
  width: 25%;
}
.main-container .main .lab-result-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-container .main .lab-result-content ul .table-content-wrap {
  background: #FFFFFF;
  width: 100%;
}
.main-container .main .lab-result-content ul .table-content-wrap.gray {
  background: #EFEFEF;
}
.main-container .main .lab-result-content ul .table-content-wrap .table-content {
  padding: 8px 4px;
  font: normal 10px "PT Sans";
  text-transform: capitalize;
  color: #666666;
  border: 1px solid #999999;
  border-top: none;
  border-right: none;
  display: table-cell;
  vertical-align: middle;
  height: 52px;
}
.main-container .main .lab-result-content ul .table-content-wrap .table-content.bold-title {
  color: #333333;
}
.main-container .main .lab-result-content ul .table-content-wrap .table-content.number {
  color: #333333;
  font-style: italic;
}
.main-container .main .lab-result-content ul .table-content-wrap .table-content.eight {
  width: 8%;
}
.main-container .main .lab-result-content ul .table-content-wrap .table-content.eight img {
  width: 30px;
}
.main-container .main .lab-result-content ul .table-content-wrap .table-content.ten {
  width: 10%;
}
.main-container .main .lab-result-content ul .table-content-wrap .table-content.twelve {
  width: 10%;
}
.main-container .main .lab-result-content ul .table-content-wrap .table-content.thirteen {
  width: 10%;
}
.main-container .main .lab-result-content ul .table-content-wrap .table-content.thirteen a {
  text-decoration: none;
  text-transform: uppercase;
  font: bold 10px "Helvetica Neue";
}
.main-container .main .lab-result-content ul .table-content-wrap .table-content.fourteen {
  width: 10%;
}
.main-container .main .lab-result-content ul .table-content-wrap .table-content.twentyfive {
  width: 25%;
}
.main-container .main .lab-result-content .table-content-wrap {
  background: #FFFFFF;
  width: 100%;
}
.main-container .main .lab-result-content .table-content-wrap.gray {
  background: #EFEFEF;
}
.main-container .main .lab-result-content .table-content-wrap .table-content {
  padding: 8px 4px;
  font: normal 10px "PT Sans";
  text-transform: capitalize;
  color: #666666;
  border: 1px solid #999999;
  border-top: none;
  border-right: none;
  vertical-align: middle;
  height: 52px;
}
.main-container .main .lab-result-content .table-content-wrap .table-content img {
  width: 25px;
}
.main-container .main .lab-result-content .table-content-wrap .table-content.bold-title {
  color: #333333;
}
.main-container .main .lab-result-content .table-content-wrap .table-content.number {
  color: #666666;
}
.main-container .main .lab-result-content .table-content-wrap .table-content.eight {
  width: 8%;
}
.main-container .main .lab-result-content .table-content-wrap .table-content.ten {
  width: 10%;
}
.main-container .main .lab-result-content .table-content-wrap .table-content.twelve {
  width: 10%;
}
.main-container .main .lab-result-content .table-content-wrap .table-content.thirteen {
  width: 8%;
}
.main-container .main .lab-result-content .table-content-wrap .table-content.thirteen a {
  text-decoration: none;
  text-transform: uppercase;
  font: bold 10px "Helvetica Neue";
}
.main-container .main .lab-result-content .table-content-wrap .table-content.fourteen {
  width: 10%;
}
.main-container .main .lab-result-content .table-content-wrap .table-content.twentyfive {
  width: 25%;
}
.main-container .main .lab-result-content .table-content-wrap .table-content.success {
  color: #009900;
  font-weight: bold;
}
.main-container .main .lab-result-content .table-content-wrap .table-content.fail {
  color: #dc0000;
  font-weight: bold;
}
.main-container .main .lab-result-content .table-content-wrap .table-content.passed {
  color: #FFFFFF;
  font-weight: bold;
  background: #009900;
}
.main-container .main .lab-result-content .table-content-wrap .table-content.failed {
  color: #FFFFFF;
  font-weight: bold;
  background: #dc0000;
}
/* Coming Soon */
.main-container {
  min-width: 500px;
  background-color: #FFFFFF;
}
.main-container .blank-main-wrap {
  width: 100%;
  max-width: 1100px;
  height: 800px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.main-container .blank-main-wrap .qrcode-wrap {
  display: table;
  width: 100%;
}
.main-container .blank-main-wrap .qrcode-wrap .title-wrap {
  display: table;
  width: 100%;
  padding: 80px 0 30px;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .blank-main-wrap .qrcode-wrap .title-wrap .title {
  text-transform: uppercase;
  font: bold 48px/48px "PT Sans";
  color: #333333;
  width: 100%;
  display: inline-block;
}
.main-container .blank-main-wrap .qrcode-wrap .title-wrap .sub-title {
  font: bold 30px/40px "PT Sans";
  text-transform: uppercase;
  color: #666666;
  width: 100%;
  margin: 0 0 5px 0;
  display: inline-block;
}
.main-container .blank-main-wrap .qrcode-wrap .title-wrap .qrcode-info {
  font: normal 18px/22px "PT Sans";
  color: #666666;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  margin: 10px 0;
}
.main-container .blank-main-wrap .qrcode-wrap .main-signin {
  display: block;
  text-align: center;
}
.main-container .blank-main-wrap .qrcode-wrap .main-signin .get-qr-btn {
  width: 420px;
  height: 60px;
  display: block;
  margin: 30px auto;
  text-decoration: none;
  text-align: center;
  font: bold 24px/60px "PT Sans";
  color: #FFFFFF;
  background: #0033CC;
}
.main-container .blank-main-wrap .qrcode-wrap .main-qr .qrcode-bg {
  width: 100%;
  text-align: center;
}
.main-container .blank-main-wrap .qrcode-wrap .main-qr .qrcode-bg img {
  width: 100%;
  max-width: 400px;
  vertical-align: bottom;
}
.main-container .blank-main-wrap .qrcode-wrap .main-qr .button-wrap {
  max-width: 1100px;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
.main-container .blank-main-wrap .qrcode-wrap .main-qr .button-wrap .print-btn {
  width: 420px;
  height: 60px;
  display: inline-block;
  margin: 10px;
  text-decoration: none;
  text-align: center;
  font: bold 24px/60px "PT Sans";
  color: #FFFFFF;
  background: #0033CC;
}
/* gym */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .gym-wrap {
  display: table;
  position: relative;
  width: 100%;
  height: 485px;
}
.main-container .gym-wrap .gym-banner-wrap {
  display: table;
  width: 100%;
  padding: 0;
  text-align: center;
  background: #000000;
}
.main-container .gym-wrap .gym-banner-wrap img {
  width: 100%;
  max-width: 1440px;
}
.main-container .gym-wrap .gym-content-wrap {
  display: table;
  position: relative;
}
.main-container .gym-wrap .gym-content-wrap .left-content {
  display: block;
  text-align: center;
  padding: 50px 30px 0px 10px;
}
.main-container .gym-wrap .gym-content-wrap .left-content .heading {
  display: block;
  padding-bottom: 10px;
  font: normal 30px "PT Sans";
  margin: 0;
  color: #000000;
  text-transform: uppercase;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .gym-wrap .gym-content-wrap .left-content .heading .text-deep {
  color: #ff4628;
  margin: 0 6px;
  font-weight: bold;
}
.main-container .gym-wrap .gym-content-wrap .left-content .heading .updated {
  font-size: 12px;
  font-weight: normal;
  font-size: 14px;
  color: gray;
  margin-left: 4px;
}
.main-container .gym-wrap .gym-content-wrap .left-content .main-content {
  text-align: center;
  padding: 25px 0 0 0;
  font: normal 16px "PT Sans";
  color: #666666;
}
.main-container .gym-wrap .gym-content-wrap .left-content .main-content h4 {
  margin: 5px 0 10px 0;
  font-size: 16px;
  text-transform: uppercase;
}
.main-container .gym-wrap .gym-content-wrap .left-content .main-content ul {
  list-style: outside!important;
  padding-left: 25px;
  text-align: left;
  max-width: 625px;
}
.main-container .gym-wrap .gym-content-wrap .left-content .main-content ul li {
  margin: 10px 0;
}
.main-container .gym-wrap .gym-content-wrap .left-content .main-content .gym-image {
  width: 100%;
  max-width: 660px;
  margin-bottom: 15px;
}
.main-container .gym-wrap .gym-content-wrap .left-content .gym-price-wrap {
  width: 100%;
  max-width: 660px;
  min-height: 180px;
  color: #FFFFFF;
  display: inline-block;
  text-transform: capitalize;
  font: normal 18px "PT Sans";
  margin: 0 0 15px 0;
}
.main-container .gym-wrap .gym-content-wrap .left-content .gym-price-wrap .price-left {
  min-width: 330px;
  width: 100%;
  height: 180px;
  float: left;
  display: inline-block;
}
.main-container .gym-wrap .gym-content-wrap .left-content .gym-price-wrap .price-left .price-title {
  color: #FECD00;
  font: bold 24px "PT Sans";
  margin: 20px 0 10px 0;
}
.main-container .gym-wrap .gym-content-wrap .left-content .gym-price-wrap .price-left .price-detail {
  margin: 10px 0;
}
.main-container .gym-wrap .gym-content-wrap .left-content .gym-price-wrap .price-right {
  min-width: 330px;
  width: 100%;
  height: 180px;
  background: #000000;
  display: inline-block;
}
.main-container .gym-wrap .gym-content-wrap .left-content .gym-price-wrap .price-right .price-title {
  color: #FECD00;
  font: bold 24px "PT Sans";
  margin: 20px 0 10px 0;
}
.main-container .gym-wrap .gym-content-wrap .right-hours {
  display: block;
  width: 350px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  margin: 0 auto;
  padding: 30px 30px 15px 30px;
}
.main-container .gym-wrap .gym-content-wrap .right-hours .header {
  font: bold 18px "PT Sans";
  text-transform: uppercase;
  color: #FF3000;
  margin: 0 0 10px 0;
}
.main-container .gym-wrap .gym-content-wrap .right-hours .border {
  border-bottom: 1px solid #CCCCCC;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.main-container .gym-wrap .gym-content-wrap .right-hours .info {
  display: block;
  font: normal 16px "PT Sans";
  color: #666666;
  margin: 8px 0;
}
.main-container .gym-wrap .gym-content-wrap .right-location {
  display: block;
  width: 350px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  margin: 0 auto 20px;
  padding: 30px 30px 15px 30px;
}
.main-container .gym-wrap .gym-content-wrap .right-location .header {
  font: bold 18px "PT Sans";
  text-transform: uppercase;
  color: #FF3000;
  margin: 0 0 10px 0;
}
.main-container .gym-wrap .gym-content-wrap .right-location .border {
  border-bottom: 1px solid #CCCCCC;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.main-container .gym-wrap .gym-content-wrap .right-location .info {
  display: block;
  font: normal 16px/30px "PT Sans";
  color: #666666;
  margin: 8px 0;
}
/* Give Away Landing */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .large-bg-ga {
  display: block;
  text-align: center;
  height: 300px;
  width: 100%;
  background: url(../img/giveaway-cover-mb.png) no-repeat scroll center 0px #CCCCCC;
  border-bottom: 100px solid #333333;
  background-size: cover;
}
.main-container .large-bg-ga .gift {
  padding-top: 215px;
  color: #FFFFFF;
  font: bold 16px/32px "Helvetica";
}
.main-container .large-bg-ga .gift .gift-mobile {
  display: block;
}
.main-container .large-bg-ga .gift .gift-mobile img {
  width: 320px;
}
.main-container .large-bg-ga .gift .gift-full {
  display: none;
}
.main-container .blank-main-wrap {
  width: 100%;
  height: 450px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.main-container .blank-main-wrap .giveaway-content {
  width: 100%;
  max-width: 990px;
  display: inherit;
  margin: 0 auto;
  text-align: center;
}
.main-container .blank-main-wrap .giveaway-content h2 {
  text-align: center;
  line-height: 35px;
  padding: 10px 0px;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .blank-main-wrap .giveaway-content .giveaway-block {
  display: table;
  position: relative;
  margin: 0 auto;
  max-width: 500px;
}
.main-container .blank-main-wrap .giveaway-content .giveaway-block .giveaway-left {
  float: left;
  width: 100%;
  padding: 0 20px 20px 20px;
  text-align: left;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .blank-main-wrap .giveaway-content .giveaway-block .giveaway-right {
  float: left;
  width: 100%;
  padding: 20px 20px 30px 20px;
  text-align: left;
}
.main-container .blank-main-wrap .giveaway-content .giveaway-block ul {
  list-style: none;
  padding: 0 0 0 15px;
  margin: 5px 0;
}
.main-container .blank-main-wrap .giveaway-content a {
  margin: 20px auto;
  padding: 10px 30px;
  font: 16px/17px "PT Sans";
  text-transform: uppercase;
  color: #FFFFFF;
  background: #0033CC;
  text-decoration: none;
  display: inline-block;
}
/* eventss Landing */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .events-bg-ga {
  display: block;
  text-align: center;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  background: #CCCCCC;
}
.main-container .events-bg-ga img {
  width: 100%;
}
.main-container .blank-main-wrap {
  width: 100%;
  height: 450px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.main-container .blank-main-wrap .events-content {
  width: 100%;
  max-width: 990px;
  display: inherit;
  margin: 0 auto;
  text-align: center;
}
.main-container .blank-main-wrap .events-content h2 {
  text-align: center;
  line-height: 35px;
  padding: 10px 20px;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .blank-main-wrap .events-content .events-block {
  display: table;
  position: relative;
  margin: 0 auto;
  min-width: 320px;
}
.main-container .blank-main-wrap .events-content .events-block .events-left {
  float: left;
  width: 100%;
  padding: 0 20px 20px 20px;
  text-align: left;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .blank-main-wrap .events-content .events-block .events-right {
  float: left;
  width: 100%;
  padding: 20px 20px 30px 20px;
  text-align: left;
}
.main-container .blank-main-wrap .events-content .events-block ul {
  list-style: none;
  padding: 0 0 0 15px;
  margin: 5px 0;
}
.main-container .blank-main-wrap .events-content a {
  margin: 20px auto;
  padding: 10px 30px;
  font: 16px/17px "PT Sans";
  text-transform: uppercase;
  color: #FFFFFF;
  background: #0033CC;
  text-decoration: none;
  display: inline-block;
}
/* Promotion Set Landing */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .navigation-wrap {
  display: none;
}
.main-container .promotion-main {
  padding: 0;
  margin-bottom: 30px;
}
.main-container .promotion-main .promotion-large-bg {
  display: block;
  width: 100%;
  position: relative;
  background: none;
}
.main-container .promotion-main .promotion-large-bg .promocover-mobile {
  display: block;
  text-align: center;
}
.main-container .promotion-main .promotion-large-bg .promocover-mobile img {
  width: 100%;
  max-width: 800px;
  min-width: 320px;
}
.main-container .promotion-main .promotion-large-bg .promocover {
  display: none;
}
.main-container .promotion-main .promotion-large-bg .promocover-discription {
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 25px;
  max-height: 280px;
  overflow: scroll;
}
.main-container .promotion-main .promotion-large-bg .promocover-discription .npl {
  font: bold 18px "Helvetica Neue";
  text-transform: uppercase;
  margin: 0 0 5px 0;
  color: #0033CC;
}
.main-container .promotion-main .promotion-large-bg .promocover-discription ul {
  margin: 0;
  padding: 10px 0 10px 15px;
}
.main-container .promotion-main .promotion-large-bg .promocover-discription ul li {
  font: normal 14px/24px "Helvetica Neue";
  color: #dc0000;
}
.main-container .promotion-main .pro-product-list-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 auto!important;
  max-width: 500px;
  text-align: center;
  width: 320px;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list {
  float: left;
  position: relative;
  display: block;
  max-width: 150px;
  width: 100%;
  margin: 7px 0 3px 5px;
  padding: 15px 0;
  border: 1px solid #EFEFEF;
  text-align: center;
  height: 340px;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-image {
  position: relative;
  display: block;
  width: 100%;
  height: 100px;
  margin: 0 auto 5px;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-image .pg-float-img {
  bottom: 0px;
  left: 15px;
  position: absolute;
  z-index: 2;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-image .pg-float-img .sure-logo {
  width: 60px;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-image img {
  max-height: 100px;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-brand-title,
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-name {
  font: bold 16px "Helvetica";
  color: #000000;
  text-transform: capitalize;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-name {
  width: 100%;
  display: block;
  margin: 0 0 10px;
  color: #666666;
  font-weight: normal;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-price {
  font: lighter 12px "Helvetica";
  display: inline-block;
  color: #CCCCCC;
  margin-right: 5px;
  text-decoration: line-through;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price {
  font: bold 18px "Helvetica";
  display: inline-block;
  margin: 0px 0 2px;
  color: #0033CC;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price .save {
  padding: 0 10px;
  color: #dc0000;
  font: lighter 14px "Helvetica";
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom {
  text-align: left;
  padding: 0 20px;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn {
  position: relative;
  width: 100%;
  background: #0033CC;
  color: #FFFFFF;
  font: normal 14px/17px "PT Sans";
  height: 35px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 8px 8px 6px;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn:hover {
  opacity: 0.9;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .pg-category {
  font: lighter 14px "Helvetica";
  display: block;
  margin: 8px 0 2px;
  color: #666666;
  text-align: center;
  text-transform: uppercase;
  font-style: italic;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn {
  display: inline-block;
  color: #666666;
  font: lighter 12px "PT Sans";
  padding: 0 0 0 0px;
  margin: 10px 0 0 0;
  width: 100%;
  text-align: center;
  background: url(../img/icons.png) no-repeat 15px -819px rgba(0, 0, 0, 0);
  text-transform: capitalize;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn .pg-points {
  font: bold 15px "PT Sans";
  color: #0033CC;
  width: 130px;
  display: inline-block;
}
.main-container .promotion-main .pro-product-list-wrap .pg-product-list:nth-child(5n) {
  margin-right: 0;
}
.main-container .promotion-main .pg-page-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 20px 0 10px 0;
  font-weight: lighter;
}
.main-container .promotion-main .pg-page-wrap .pg-prev-next {
  text-decoration: none;
  font: lighter 16px "PT Sans";
  color: #666666;
}
.main-container .promotion-main .pg-page-wrap .pg-prev-next:hover {
  color: #0033CC;
}
.main-container .promotion-main .pg-page-wrap .pg-page .pg-block {
  display: inline-block;
  border: 1px solid #999999;
  width: 20px;
  margin: 0 5px;
}
/* Baam Classic */
.baam-main-container {
  min-width: 500px;
  min-height: 1238px;
  background: url(../img/baam-classic-bg.png) no-repeat scroll center 0px #FFFFFF;
}
.baam-main-container .baam-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.baam-main-container .baam-main-wrap .left-wrap {
  display: table;
  text-align: center;
  width: 100%;
}
.baam-main-container .baam-main-wrap .left-wrap .logo {
  margin: 40px 0 10px 0;
}
.baam-main-container .baam-main-wrap .left-wrap .date {
  font: bold 20px/24px "Helvetica Neue";
  margin: 0 0 10px 0;
  display: block;
}
.baam-main-container .baam-main-wrap .left-wrap .qr-btn {
  display: inline-block;
  width: 100%;
  margin: 25px 0 35px 0;
}
.baam-main-container .baam-main-wrap .left-wrap .baam-rule {
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.6);
  padding: 20px;
}
.baam-main-container .baam-main-wrap .left-wrap .baam-rule h2 {
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.baam-main-container .baam-main-wrap .left-wrap .baam-rule .text {
  font: normal 18px "Helvetica Neue";
}
.baam-main-container .baam-main-wrap .left-wrap .baam-rule ul {
  margin-bottom: 0;
}
.baam-main-container .baam-main-wrap .left-wrap .baam-by-wrap {
  max-width: 500px;
  width: 100%;
  margin: 35px auto 0;
  display: inline-block;
}
.baam-main-container .baam-main-wrap .left-wrap .baam-by-wrap .management-name {
  margin: 30px 0 0 0;
}
.baam-main-container .baam-main-wrap .left-wrap .baam-by-wrap .management-image {
  margin: 20px 0 0 0;
}
.baam-main-container .baam-main-wrap .right-wrap {
  display: none;
}
/* QR Code Section */
.baam-qr-container {
  min-width: 500px;
  min-height: 900px;
  background: url(../img/baam-classic-bg.png) no-repeat scroll center 0px #FFFFFF;
}
.baam-qr-container .qr-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.baam-qr-container .qr-main-wrap .qr-wrap {
  text-align: center;
}
.baam-qr-container .qr-main-wrap .qr-wrap .date-qr {
  font: bold 20px/24px "Helvetica Neue";
  margin: 0 0 10px 0;
  display: block;
}
.baam-qr-container .qr-main-wrap .qr-wrap .qr-image {
  max-width: 500px;
  width: 100%;
  display: inline-block;
  max-width: 0 auto;
}
.baam-qr-container .qr-main-wrap .qr-wrap .qr-image img {
  width: 400px;
}
.baam-qr-container .qr-main-wrap .qr-wrap .action-btn {
  margin-bottom: 20px;
}
.baam-qr-container .qr-main-wrap .qr-wrap .action-btn a {
  font: bold 20px "Helvetica Neue";
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  padding: 15px 10px;
  width: 350px;
  display: inline-block;
  background: #000000;
  margin: 15px 20px;
}
.baam-qr-container .qr-main-wrap .qr-wrap .action-btn a:hover {
  background: #FFFFFF;
  color: #000000;
}
.baam-qr-container .qr-main-wrap .qr-wrap .content {
  text-align: left;
  padding: 28px 30px;
  margin: 10px 0 30px 0;
  background: rgba(255, 255, 255, 0.6);
}
/* Pop Up Fitangel Classic */
.popup-main-wrap {
  min-width: 480px;
  max-width: 600px;
  width: 100%;
  background: url(../img/fa-classic-popup-cover.png) no-repeat scroll center 0px #FFFFFF;
  padding: 20px;
  position: relative;
  height: 400px;
}
.popup-main-wrap .fwclogo {
  width: 250px;
  display: block;
  margin: 0 auto;
}
.popup-main-wrap .title {
  font: bold 24px "Helvetica Neue";
  margin-bottom: 7px;
  display: block;
  width: 100%;
  color: #ed008e;
}
.popup-main-wrap p {
  color: #f437a8;
}
.popup-main-wrap .ending {
  text-align: right;
  position: relative;
  color: #ed008e;
}
.popup-main-wrap .closing {
  background-color: #9f0662;
  border: none;
  color: white;
  padding: 10px 32px 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  position: absolute;
  top: 312px;
  left: 40%;
  text-transform: uppercase;
  margin-top: -25px;
  border-radius: 20px;
}
/* Pop Up Fitwhey Classic 6 */
.popup-main-wrap-fwc {
  min-width: 480px;
  max-width: 600px;
  width: 100%;
  background: url(../img/fwc-popup.png) no-repeat scroll center 0px #FFFFFF;
  padding: 20px 30px;
  position: relative;
  height: 400px;
}
.popup-main-wrap-fwc .title {
  font: bold 24px "Kanit";
  margin-bottom: 19px;
  margin-top: 6px;
  display: block;
  width: 100%;
  color: #FFFFFF;
}
.popup-main-wrap-fwc p {
  color: #FFFFFF;
  font-size: 15px;
}
.popup-main-wrap-fwc .ending {
  text-align: left;
  position: relative;
  color: #ed008e;
}
.popup-main-wrap-fwc .closing {
  background-color: #333333;
  font-family: "PT Sans";
  font-weight: bold;
  border: none;
  color: white;
  padding: 10px 32px 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  position: absolute;
  top: 82%;
  left: 5%;
  text-transform: uppercase;
  margin-top: -25px;
  border-radius: 2px;
}
/* Now and Idol Landing */
.main-container {
  min-width: 500px;
  background-color: #FFFFFF;
}
.main-container .campaign-large-bg-ga {
  display: block;
  text-align: center;
  height: 340px;
  width: 100%;
  background: url(../img/now-idol-cover-mb.png) no-repeat scroll center 0px #000000;
}
.main-container .campaign-large-bg-ga .gift {
  padding-top: 330px;
  color: #FFFFFF;
  font: bold 16px/32px "Helvetica";
}
.main-container .campaign-large-bg-ga .gift .gift-mobile {
  display: block;
}
.main-container .campaign-large-bg-ga .gift .gift-full {
  display: none;
}
.main-container .blank-main-wrap {
  width: 100%;
  height: 450px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.main-container .blank-main-wrap .campaign-content {
  width: 100%;
  max-width: 990px;
  display: inherit;
  margin: 0 auto;
  text-align: center;
}
.main-container .blank-main-wrap .campaign-content h2 {
  text-align: center;
  line-height: 35px;
  padding: 10px 20px;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .blank-main-wrap .campaign-content .campaign-block {
  display: table;
  position: relative;
  margin: 0 auto;
  max-width: 500px;
}
.main-container .blank-main-wrap .campaign-content .campaign-block .campaign-left {
  float: left;
  width: 500px;
  padding: 0 20px 20px 20px;
  text-align: left;
  border-bottom: 1px solid #CCCCCC;
  line-height: 30px;
}
.main-container .blank-main-wrap .campaign-content .campaign-block .campaign-right {
  float: left;
  width: 480px;
  padding: 20px 20px 30px 20px;
  text-align: left;
  line-height: 30px;
}
.main-container .blank-main-wrap .campaign-content .campaign-block ul {
  list-style: none;
  padding: 0 0 0 15px;
  margin: 5px 0;
}
.main-container .blank-main-wrap .campaign-content a {
  margin: 20px auto;
  padding: 10px 30px;
  font: 16px/17px "PT Sans";
  text-transform: uppercase;
  color: #FFFFFF;
  background: #0033CC;
  text-decoration: none;
  display: inline-block;
}
/* Fake Whey */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .fake-whey-wrap {
  display: table;
  position: relative;
  width: 100%;
  height: 485px;
}
.main-container .fake-whey-wrap .fake-whey-banner-wrap {
  display: table;
  width: 100%;
  height: 400px;
  padding: 0 0 0 0;
  text-align: center;
  vertical-align: middle;
  background: url(../img/fake-whey-cover.png) no-repeat scroll top center #838383;
}
.main-container .fake-whey-wrap .fake-whey-banner-wrap .title {
  font: bold 60px "PT Sans";
  line-height: 80px;
  text-transform: capitalize;
  display: table-cell;
  width: 100%;
  color: #FFFFFF;
  text-shadow: 4px 2px 5px #000000;
  vertical-align: middle;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap {
  display: table;
  position: relative;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content {
  display: block;
  text-align: center;
  padding: 0px 0px;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .heading {
  display: block;
  padding: 20px 0 20px 20px;
  font: bold 30px "PT Sans";
  margin: 0;
  text-align: left;
  color: #000000;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .section-break {
  padding: 15px;
  font: bold 33px "PT Sans";
  color: #0033CC;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  text-align: left;
  padding-left: 0;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .sub-heading-wrap {
  margin: 30px 0 10px 0;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .sub-heading-wrap .circle-wrapper {
  background-color: #FF3000;
  border-radius: 20px;
  display: inline-block;
  float: left;
  margin: 0 10px 0 0;
  width: 27px;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .sub-heading-wrap .circle-wrapper .circle-number {
  color: #FFFFFF;
  font: bold 20px "PT Sans";
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .sub-heading-wrap .sub-heading {
  margin: 0;
  text-align: left;
  color: #000000;
  line-height: 32px;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .story-img {
  width: 100%;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .main-content-new {
  text-align: left;
  width: 100%;
  padding: 0;
  margin-bottom: 30px;
  padding: 0px 20px 0px 20px;
  font: normal 13px/30px "PT Sans";
  color: #666666;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .main-content-new h3 {
  color: #dc0000;
  font-size: 16px;
  margin-bottom: 20px;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .main-content-new a {
  text-decoration: none;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .main-content-new a .e-lightbox {
  width: 300px;
  box-shadow: 1px 1px 3px #000000;
  margin: 10px 10px 10px 0;
  vertical-align: top;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .main-content-new a .e-lightbox:hover {
  box-shadow: none;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .main-content-new .minor-image {
  margin: 30px 0 15px 0;
  width: 100%;
  max-width: 245px;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .main-content-new .minor-image.five {
  max-width: 400px;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .main-content-new b {
  color: #666666;
}
.main-container .fake-whey-wrap .fake-whey-content-wrap .right-content {
  display: none;
}
/* Credit Card Page */
.main-container {
  background-color: #FFFFFF;
}
.main-container .login-main-wrap {
  display: block;
  width: 100%;
  position: relative;
}
.main-container .login-main-wrap .cc-wrap {
  display: block;
  width: 100%;
  padding: 0 13px 40px;
  box-sizing: border-box;
}
.main-container .login-main-wrap .cc-section-header {
  font: bold 14px "PT Sans";
  color: #0033CC;
  text-transform: uppercase;
  padding: 16px 20px;
  background: #F5F5F5;
  border: 1px solid #EFEFEF;
  border-radius: 5px 5px 0 0;
  margin-bottom: 0;
}
.main-container .login-main-wrap .cc-card-list {
  border: 1px solid #EFEFEF;
  border-top: none;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}
.main-container .login-main-wrap .cc-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  border-bottom: 1px solid #EFEFEF;
  background: #FFFFFF;
  position: relative;
}
.main-container .login-main-wrap .cc-card:last-child {
  border-bottom: none;
}
.main-container .login-main-wrap .cc-card-icon {
  flex-shrink: 0;
  width: 48px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F5F5F5;
  border-radius: 5px;
}
.main-container .login-main-wrap .cc-card-icon img {
  max-width: 36px;
  max-height: 24px;
  object-fit: contain;
}
.main-container .login-main-wrap .cc-card-info {
  flex: 1;
  min-width: 0;
  text-align: left;
}
.main-container .login-main-wrap .cc-card-brand {
  font: bold 13px "PT Sans";
  color: #333333;
  text-transform: capitalize;
}
.main-container .login-main-wrap .cc-card-number {
  font: normal 14px "PT Sans";
  color: #666666;
  letter-spacing: 1px;
}
.main-container .login-main-wrap .cc-card-delete {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  background: #FFFFFF;
  font-size: 16px;
  color: #444444;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-container .login-main-wrap .cc-card-delete:hover {
  border-color: #dc0000;
  color: #dc0000;
}
.main-container .login-main-wrap .cc-empty {
  text-align: center;
  padding: 40px 20px;
  border: 1px solid #EFEFEF;
  border-top: none;
  border-radius: 0 0 5px 5px;
}
.main-container .login-main-wrap .cc-empty-text {
  font: normal 14px "PT Sans";
  color: #444444;
}
/* BMW Campaign */
#campaign-bmw-content {
  font: normal 14px "PT Sans";
  float: left;
  width: 100%;
  background: url(../img/bmw-bg-campaign.png) no-repeat center top #fff;
  min-height: 520px;
  padding-top: 520px;
}
.bmw-pagewarp {
  margin: 0 auto;
  width: 1200px;
  position: relative;
}
.new-white {
  background: #FFF;
}
a#bmw-backtoshop {
  width: 463px;
  height: 77px;
  background: url(../img/bmw-backtoshop.jpg) center top;
  border: none;
  cursor: pointer;
  text-align: center;
  margin: 50px 0;
  border-radius: 20px;
  display: inline-block;
}
.bmw-exclusive-sponser {
  float: left;
  width: 100%;
  background: #000;
  padding: 20px 0;
}
.bmw-video {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 0 0;
  background: rgba(0, 0, 0, 0) url(../img/repeat.png) repeat scroll 0 0;
}
.bmw-rule img {
  display: block;
  width: 100%;
}
.bmw-howto-container {
  width: 30%;
  padding-right: 0;
  float: left;
  text-align: center;
  font: normal 15px "PT Sans";
}
.bmw-howto-container p {
  padding: 0 12px;
}
.bmw-howto-container h1 {
  font-family: impact;
  font-size: 39px;
  margin-bottom: 20px;
}
img.bmw-howto-img {
  margin-right: 0;
}
.bmw-note {
  background: #d9d9d9;
  width: 100%;
  float: left;
  padding: 10px 0;
}
img.bmw-sponser {
  float: left;
  margin-right: 5px;
}
img.bmw-banner-1024 {
  display: none;
  width: 100%;
  float: left;
}
img.bmw-banner-500 {
  display: none;
  width: 100%;
  float: left;
}
@media screen and (max-width: 1024px) {
  #campaign-bmw-content {
    padding: 0;
    background: none;
  }
  img.bmw-banner-1024 {
    display: block;
  }
  .bmw-pagewarp {
    width: 100%;
    float: left;
  }
  .bmw-howto-container {
    padding: 0;
    width: 31%;
    margin: 0 1%;
    margin-top: 30px;
  }
  img.bmw-howto-img {
    float: none;
    margin-right: 0;
  }
  .bmw-howto-container h1 {
    margin-top: 18px;
  }
  .bmw-exclusive-sponser {
    text-align: center;
  }
  img.bmw-sponser {
    float: none;
    margin: 0;
    vertical-align: middle;
    width: 10%;
    margin: 0 1%;
  }
  .bmw-note {
    width: 100%;
    padding: 10px 1%;
  }
  .bmw-rule img {
    display: none;
    width: 100%;
  }
  .bmw-video {
    padding: 15px 0 0 0;
  }
}
@media screen and (max-width: 500px) {
  .bmw-howto-container {
    padding: 0 1%;
    width: 98%;
    text-align: center;
    margin: 20px 0;
  }
  img.bmw-howto-img {
    text-align: center;
    width: 40%;
  }
  .breakk {
    clear: none;
    display: none;
  }
  img.bmw-banner-500 {
    display: block;
  }
  img.bmw-banner-1024 {
    display: none;
  }
  img#bmw-step3 {
    margin-top: 0!important;
  }
  a#bmw-backtoshop {
    height: 75px;
    margin: 0 0 20px;
    width: 86%;
    display: inline-block;
  }
  .bmw-note {
    text-align: center;
  }
  .bmw-span-note {
    float: none!important;
  }
  .bmw-video {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 0 0;
    background: rgba(0, 0, 0, 0) url(../img/repeat.png) repeat scroll 0 0;
  }
}
/* Fitwhey Classic 5 */
.fwc-main-container {
  min-width: 500px;
  min-height: 1238px;
  background: url(../img/fwc5-bg.png) no-repeat scroll center 0px #FFFFFF;
}
.fwc-main-container .fwc-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.fwc-main-container .fwc-main-wrap .left-wrap {
  display: table;
  text-align: center;
  width: 100%;
}
.fwc-main-container .fwc-main-wrap .left-wrap .logo {
  margin: 40px 0 10px 0;
}
.fwc-main-container .fwc-main-wrap .left-wrap .date {
  font: bold 20px/24px "Helvetica Neue";
  margin: 0 0 10px 0;
  display: block;
}
.fwc-main-container .fwc-main-wrap .left-wrap .qr-btn {
  display: inline-block;
  width: 100%;
  margin: 25px 0 35px 0;
}
.fwc-main-container .fwc-main-wrap .left-wrap .fwc-rule {
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.7);
  padding: 20px;
  color: #FFF;
}
.fwc-main-container .fwc-main-wrap .left-wrap .fwc-rule h2 {
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.fwc-main-container .fwc-main-wrap .left-wrap .fwc-rule .text {
  font: normal 18px "Helvetica Neue";
}
.fwc-main-container .fwc-main-wrap .left-wrap .fwc-rule ul {
  margin-bottom: 0;
}
.fwc-main-container .fwc-main-wrap .left-wrap .fwc-by-wrap {
  max-width: 500px;
  width: 100%;
  margin: 35px auto 0;
  display: inline-block;
}
.fwc-main-container .fwc-main-wrap .left-wrap .fwc-by-wrap .management-name {
  margin: 30px 0 0 0;
}
.fwc-main-container .fwc-main-wrap .left-wrap .fwc-by-wrap .management-image {
  margin: 20px 0 0 0;
}
.fwc-main-container .fwc-main-wrap .right-wrap {
  display: none;
}
/* QR Code Section */
.fwc-qr-container {
  min-width: 500px;
  min-height: 900px;
  background: url(../img/fwc5-bg.png) no-repeat scroll center 0px #FFFFFF;
}
.fwc-qr-container .qr-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.fwc-qr-container .qr-main-wrap .qr-wrap {
  text-align: center;
}
.fwc-qr-container .qr-main-wrap .qr-wrap .date-qr {
  font: bold 20px/24px "Helvetica Neue";
  margin: 0 0 10px 0;
  display: block;
}
.fwc-qr-container .qr-main-wrap .qr-wrap .qr-image {
  max-width: 500px;
  width: 100%;
  display: inline-block;
  max-width: 0 auto;
}
.fwc-qr-container .qr-main-wrap .qr-wrap .qr-image img {
  width: 400px;
}
.fwc-qr-container .qr-main-wrap .qr-wrap .action-btn {
  margin-bottom: 20px;
}
.fwc-qr-container .qr-main-wrap .qr-wrap .action-btn a {
  font: bold 20px "Helvetica Neue";
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  padding: 15px 10px;
  width: 350px;
  display: inline-block;
  background: #000000;
  margin: 15px 20px;
}
.fwc-qr-container .qr-main-wrap .qr-wrap .action-btn a:hover {
  background: #FFFFFF;
  color: #000000;
}
.fwc-qr-container .qr-main-wrap .qr-wrap .content {
  text-align: left;
  padding: 28px 30px;
  margin: 10px 0 30px 0;
  background: rgba(255, 255, 255, 0.6);
}
/* SUZUKI Campaign */
#campaign-suzuki-content {
  font: normal 14px "PT Sans";
  float: left;
  width: 100%;
  background: url(../img/suzuki-bg-final.png) no-repeat center top #fff;
  min-height: 765px;
  padding-top: 765px;
}
.suzuki-pagewarp {
  margin: 0 auto;
  width: 1200px;
  position: relative;
  padding-left: 55px;
}
.new-white {
  background: #FFF;
}
a#suzuki-backtoshop {
  width: 463px;
  height: 77px;
  background: url(../img/suzuki-backtoshop.png) center top;
  border: none;
  cursor: pointer;
  text-align: center;
  margin: 30px 0 50px;
  border-radius: 20px;
  display: inline-block;
}
.suzuki-exclusive-sponser {
  float: left;
  width: 100%;
  background: #f1398a;
  padding: 20px 0;
}
.suzuki-howto-container {
  width: 30%;
  padding-right: 0;
  float: left;
  text-align: center;
  font: normal 15px "PT Sans";
}
.suzuki-howto-container p {
  padding: 0 12px;
  font-style: italic;
  font-size: 16.2px;
  line-height: 29px;
}
.suzuki-howto-container h1 {
  color: #f1398a;
  font-family: impact;
  font-size: 39px;
  font-style: italic;
  margin-bottom: 20px;
  text-transform: uppercase;
}
img.suzuki-howto-img {
  margin-right: 0;
}
.suzuki-note {
  background: #d9d9d9;
  width: 100%;
  float: left;
  padding: 10px 0;
}
img.suzuki-sponser {
  float: left;
  margin-right: 5px;
}
img.suzuki-banner-1024 {
  display: none;
  width: 100%;
  float: left;
}
img.suzuki-banner-500 {
  display: none;
  width: 100%;
  float: left;
}
@media screen and (max-width: 1140px) {
  #campaign-suzuki-content {
    padding: 0;
    background: none;
  }
  img.suzuki-banner-1024 {
    display: block;
  }
  .suzuki-pagewarp {
    width: 100%;
    float: left;
    padding-left: 0;
  }
  .suzuki-howto-container {
    padding: 0;
    width: 31%;
    margin: 0 1%;
    margin-top: 30px;
  }
  img.suzuki-howto-img {
    float: none;
    margin-right: 0;
  }
  .suzuki-howto-container h1 {
    margin-top: 18px;
  }
  .suzuki-exclusive-sponser {
    text-align: center;
  }
  img.suzuki-sponser {
    float: none;
    margin: 0;
    vertical-align: middle;
    width: 10%;
    margin: 0 1%;
  }
  .suzuki-note {
    width: 100%;
    padding: 10px 1%;
  }
  .suzuki-rule img {
    display: none;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .suzuki-howto-container {
    padding: 0 1%;
    width: 98%;
    text-align: center;
    margin: 20px 0;
  }
  img.suzuki-howto-img {
    text-align: center;
    width: 40%;
  }
  .break {
    clear: none;
    display: none;
  }
  img.suzuki-banner-500 {
    display: block;
  }
  img.suzuki-banner-1024 {
    display: none;
  }
  img#suzuki-step3 {
    margin-top: 0!important;
  }
  a#suzuki-backtoshop {
    height: 75px;
    margin: 0 0 20px;
    width: 86%;
    display: inline-block;
  }
  .suzuki-note {
    text-align: center;
  }
  .suzuki-span-note {
    float: none!important;
  }
}
/* FitAngel Classic */
.fac-main-container {
  min-width: 320px;
  min-height: 1030px;
  background: url(../img/angel-classic-bg-mb.png) no-repeat scroll center 0px #FFFFFF;
}
.fac-main-container .fac-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.fac-main-container .fac-main-wrap .left-wrap {
  display: table;
  text-align: center;
  width: 100%;
}
.fac-main-container .fac-main-wrap .left-wrap .logo {
  margin: 40px 0 10px 0;
}
.fac-main-container .fac-main-wrap .left-wrap .qr-btn {
  display: inline-block;
  width: 100%;
  margin: 25px 0 35px 0;
}
.fac-main-container .fac-main-wrap .left-wrap .fac-rule {
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
  background: rgba(232, 37, 122, 0.7);
  padding: 20px;
  color: #FFF;
}
.fac-main-container .fac-main-wrap .left-wrap .fac-rule h2 {
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.fac-main-container .fac-main-wrap .left-wrap .fac-rule .text {
  font: normal 18px "Helvetica Neue";
}
.fac-main-container .fac-main-wrap .left-wrap .fac-rule ul {
  margin-bottom: 0;
}
.fac-main-container .fac-main-wrap .right-wrap {
  display: none;
}
/* QR Code Section */
.fac-qr-container {
  min-width: 320px;
  min-height: 900px;
  background: url(../img/angel-classic-bg-mb.png) no-repeat scroll center 0px #FFFFFF;
}
.fac-qr-container .qr-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.fac-qr-container .qr-main-wrap .qr-wrap {
  text-align: center;
}
.fac-qr-container .qr-main-wrap .qr-wrap .logo {
  margin: 40px 0 0 0;
}
.fac-qr-container .qr-main-wrap .qr-wrap .date-qr {
  font: bold 20px/24px "Helvetica Neue";
  margin: 0 0 10px 0;
  display: block;
}
.fac-qr-container .qr-main-wrap .qr-wrap .qr-image {
  max-width: 500px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.fac-qr-container .qr-main-wrap .qr-wrap .qr-image img {
  width: 400px;
}
.fac-qr-container .qr-main-wrap .qr-wrap .code {
  margin: 10px auto;
  width: 69%;
  max-width: 800px;
  font: bold 24px "Helvetica Neue";
  color: #E8257A;
  padding: 10px 10px;
  background: #FFF;
}
.fac-qr-container .qr-main-wrap .qr-wrap .action-btn {
  margin-bottom: 20px;
}
.fac-qr-container .qr-main-wrap .qr-wrap .action-btn a {
  font: bold 20px "Helvetica Neue";
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  padding: 15px 10px;
  width: 350px;
  display: inline-block;
  background: #E8257A;
  margin: 10px 20px;
}
.fac-qr-container .qr-main-wrap .qr-wrap .action-btn a:hover {
  background: #FFFFFF;
  color: #E8257A;
}
.fac-qr-container .qr-main-wrap .qr-wrap .ready img {
  width: 100%;
  max-width: 770px;
}
.fac-qr-container .qr-main-wrap .qr-wrap .travel img {
  margin: 5px 20px;
}
.fac-qr-container .qr-main-wrap .qr-wrap .content {
  text-align: left;
  padding: 28px 30px;
  margin: 10px 0 30px 0;
  background: rgba(255, 255, 255, 0.6);
}
/* Plan Promotion */
.main-container {
  min-width: 500px;
  background-color: #FFFFFF;
}
.main-container .plan-promo-cover {
  text-align: center;
}
.main-container .plan-promo-cover img {
  width: 100%;
  max-width: 1400px;
}
.main-container .plan-title {
  text-transform: uppercase;
  font-size: 30px;
  margin-top: 10px;
}
.main-container .plan-pro-block {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.main-container .plan-pro-block .plan-title {
  padding: 5px 0 0 20px;
  margin-bottom: 15px;
  color: #666666;
  font-size: 35px;
}
.main-container .plan-pro-block .plan-promo-set {
  text-align: center;
  margin: 0 10px 20px 20px;
}
.main-container .plan-pro-block .plan-promo-set a img {
  width: 100%;
  max-width: 1100px;
  margin-bottom: 20px;
}
/* Fitwhey Classic 6 */
.fwc6-main-container {
  min-width: 500px;
  min-height: 1000px;
  background: url(../img/fwc6-bg-mb.png) no-repeat scroll center 0px #FFFFFF;
}
.fwc6-main-container .fwc6-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.fwc6-main-container .fwc6-main-wrap .left-wrap {
  display: table;
  text-align: center;
  width: 100%;
  margin-top: 525px;
}
.fwc6-main-container .fwc6-main-wrap .left-wrap .logo {
  margin: 40px 0 10px 0;
}
.fwc6-main-container .fwc6-main-wrap .left-wrap .date {
  font: bold 20px/24px "Helvetica Neue";
  margin: 0 0 10px 0;
  display: block;
}
.fwc6-main-container .fwc6-main-wrap .left-wrap .qr-btn {
  display: inline-block;
  width: 100%;
  margin: 25px 0 35px 0;
}
.fwc6-main-container .fwc6-main-wrap .left-wrap .fwc6-rule {
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
  background: #a07b09;
  padding: 20px;
  color: #FFF;
}
.fwc6-main-container .fwc6-main-wrap .left-wrap .fwc6-rule h2 {
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.fwc6-main-container .fwc6-main-wrap .left-wrap .fwc6-rule .text {
  font: normal 18px "Helvetica Neue";
}
.fwc6-main-container .fwc6-main-wrap .left-wrap .fwc6-rule ul {
  margin-bottom: 0;
}
.fwc6-main-container .fwc6-main-wrap .left-wrap .fwc6-by-wrap {
  max-width: 500px;
  width: 100%;
  margin: 35px auto 0;
  display: inline-block;
}
.fwc6-main-container .fwc6-main-wrap .left-wrap .fwc6-by-wrap .management-name {
  margin: 30px 0 0 0;
}
.fwc6-main-container .fwc6-main-wrap .left-wrap .fwc6-by-wrap .management-image {
  margin: 20px 0 0 0;
}
.fwc6-main-container .fwc6-main-wrap .right-wrap {
  display: none;
}
/* QR Code Section */
.fwc6-qr-container {
  min-width: 500px;
  min-height: 900px;
  background: url(../img/fwc6-qr.png) no-repeat scroll center 0px #FFFFFF;
}
.fwc6-qr-container .qr-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.fwc6-qr-container .qr-main-wrap .qr-wrap {
  text-align: center;
}
.fwc6-qr-container .qr-main-wrap .qr-wrap .date-qr {
  font: bold 20px/24px "Helvetica Neue";
  margin: 0 0 10px 0;
  display: block;
}
.fwc6-qr-container .qr-main-wrap .qr-wrap .qr-image {
  max-width: 500px;
  width: 100%;
  display: inline-block;
  max-width: 0 auto;
  margin-top: 380px;
}
.fwc6-qr-container .qr-main-wrap .qr-wrap .qr-image img {
  width: 330px;
}
.fwc6-qr-container .qr-main-wrap .qr-wrap .code {
  font-family: 'RSU';
  font-size: 30px;
  text-shadow: 1px 1px 6px #000;
  font-weight: bold;
  color: #FFFFFF;
}
.fwc6-qr-container .qr-main-wrap .qr-wrap .action-btn {
  margin-bottom: 20px;
}
.fwc6-qr-container .qr-main-wrap .qr-wrap .action-btn a {
  font: bold 20px "Helvetica Neue";
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  padding: 15px 10px;
  width: 350px;
  display: inline-block;
  background: #333;
  margin: 15px 20px;
}
.fwc6-qr-container .qr-main-wrap .qr-wrap .action-btn a:hover {
  background: #FFFFFF;
  color: #000000;
}
.fwc6-qr-container .qr-main-wrap .qr-wrap .content {
  text-align: left;
  padding: 28px 30px;
  margin: 10px 0 30px 0;
  background: rgba(255, 255, 255, 0.6);
}
/* Mustang Campaign */
#campaign-mustang-content-th {
  font: normal 14px "PT Sans";
  float: left;
  width: 100%;
  background: url(../img/mustang-bg-final.png) no-repeat center top #fff;
  min-height: 765px;
  padding-top: 765px;
}
#campaign-mustang-content-eng {
  font: normal 14px "PT Sans";
  float: left;
  width: 100%;
  background: url(../img/mustang-bg-final-eng.png) no-repeat center top #fff;
  min-height: 765px;
  padding-top: 765px;
}
.mustang-pagewarp {
  margin: 0 auto;
  width: 1200px;
  position: relative;
  padding-left: 55px;
}
.new-white {
  background: #FFF;
}
a#mustang-backtoshop {
  width: 463px;
  height: 77px;
  background: url(../img/mustangi-backtoshop.png) center top;
  border: none;
  cursor: pointer;
  text-align: center;
  margin: 30px 0 50px;
  border-radius: 20px;
  display: inline-block;
}
.mustang-howto-container {
  width: 32%;
  padding-right: 0;
  float: left;
  text-align: center;
  font: normal 15px "PT Sans";
}
.mustang-howto-container p {
  padding: 0 12px;
  font-style: italic;
  font-size: 16.2px;
  line-height: 29px;
}
.mustang-howto-container h1 {
  color: #333;
  font-family: impact;
  font-size: 39px;
  font-style: italic;
  margin-bottom: 20px;
  text-transform: uppercase;
}
img.mustang-howto-img {
  margin-right: 0;
}
.mustang-note {
  background: #d9d9d9;
  width: 100%;
  float: left;
  padding: 10px 0;
}
img.mustang-banner-1024 {
  display: none;
  width: 100%;
  float: left;
}
img.mustang-banner-500 {
  display: none;
  width: 100%;
  float: left;
}
@media screen and (max-width: 1140px) {
  #campaign-mustang-content-th {
    padding: 0;
    background: none;
  }
  #campaign-mustang-content-eng {
    padding: 0;
    background: none;
  }
  img.mustang-banner-1024 {
    display: block;
  }
  .mustang-pagewarp {
    width: 100%;
    float: left;
    padding-left: 0;
  }
  .mustang-howto-container {
    padding: 0;
    width: 31%;
    margin: 0 1%;
    margin-top: 30px;
  }
  img.mustang-howto-img {
    float: none;
    margin-right: 0;
  }
  .mustang-howto-container h1 {
    margin-top: 18px;
  }
  .mustang-note {
    width: 100%;
    padding: 10px 1%;
  }
  .mustang-rule img {
    display: none;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  #campaign-mustang-content-th {
    min-width: 500px;
  }
  #campaign-mustang-content-eng {
    min-width: 500px;
  }
  .mustang-howto-container {
    padding: 0 1%;
    width: 98%;
    text-align: center;
    margin: 20px 0;
  }
  img.mustang-howto-img {
    text-align: center;
    width: 40%;
  }
  .break {
    clear: none;
    display: none;
  }
  img.mustang-banner-500 {
    display: block;
  }
  img.mustang-banner-1024 {
    display: none;
  }
  img#mustang-step3 {
    margin-top: 0!important;
  }
  a#mustang-backtoshop {
    height: 75px;
    margin: 0 0 20px;
    width: 86%;
    display: inline-block;
  }
  .mustang-note {
    text-align: center;
  }
  .mustang-span-note {
    float: none!important;
  }
}
/* Closing Notice */
.full-bg {
  background: url(../img/closing-landing-page-mb-new.jpg) no-repeat center;
}
.full-bg .main-container-block {
  min-width: 500px;
  max-width: 1000px;
  margin: 0 auto;
  height: 1100px;
  padding: 40px 30px;
}
.full-bg .main-container-block .container-block {
  max-width: 440px;
  float: left;
  margin-left: 20px;
}
.full-bg .main-container-block .container-block .container {
  text-align: left;
  width: 430px;
  font: normal 20px/37px "RSU";
}
.full-bg .main-container-block .container-block .container h2 {
  margin: 0;
  font: bold 45px "RSU";
}
.full-bg .main-container-block .container-block .container a {
  text-decoration: none;
}
.full-bg .main-container-block .container-block .container img {
  float: left;
  display: inline-block;
  margin: -5px 0;
}
/* Valentine */
.main-container {
  min-width: 500px;
  background-color: #FFFFFF;
}
.main-container .navigation-wrap {
  display: none;
}
.main-container .main {
  padding: 0;
  margin-bottom: 30px;
}
.main-container .main .women-banner-cover {
  display: none;
}
.main-container .main .women-banner-mb-cover {
  display: block;
}
.main-container .main .women-banner-mb-cover img {
  width: 100%;
}
.main-container .main .vday-new-arrival-sub {
  display: none;
  width: 100%;
  height: 100px;
  max-width: 1100px;
  border-bottom: 1px solid #EFEFEF;
  margin: 8px auto;
  padding: 0;
  background: #FFFFFF;
}
.main-container .main .vday-new-arrival-sub img {
  height: 100px;
}
.main-container .main .vday-ad-wrap {
  width: 100%;
  position: relative;
  margin: -3px auto 0;
  max-width: 1100px;
  padding: 0 4px 40px;
  text-align: center;
}
.main-container .main .vday-ad-wrap h3 {
  margin: 15px 5px;
  font-size: 1.4em;
  width: 100%;
}
.main-container .main .vday-ad-wrap .vday-ad-promo-wrap {
  display: block;
  text-align: center;
}
.main-container .main .vday-ad-wrap .vday-ad-promo-wrap .vday-ad-promo {
  display: inline-block;
  margin: 0 0 10px 0;
}
.main-container .main .vday-ad-wrap .vday-ad-promo-wrap .vday-ad-promo img {
  border: 1px solid #FFF;
  min-width: 280px;
  max-width: 400px;
  width: 100%;
}
.main-container .main .vday-ad-wrap .vday-ad-promo-wrap .vday-ad-promo img:hover {
  border: 1px solid #EE156C;
}
.main-container .main .vday-ad-wrap .vday-ad-event-wrap .vday-event-promo {
  margin: 0px;
}
.main-container .main .vday-ad-wrap .vday-ad-event-wrap .vday-event-promo img {
  width: 100%;
  min-width: 320px;
  max-width: 354px;
}
/* Track and Trace */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .track-wrap {
  display: table;
  position: relative;
  width: 100%;
  height: 485px;
}
.main-container .track-wrap .track-inner {
  display: inline-block;
  width: 100%;
  background: url(../img/delivery-banner-sm.png) no-repeat scroll top center #000000;
}
.main-container .track-wrap .track-inner .track-search-wrap {
  display: table;
  width: 100%;
  max-width: 660px;
  height: 365px;
  padding: 60px 20px 0;
  margin: 0 auto;
  text-align: left;
}
.main-container .track-wrap .track-inner .track-search-wrap .search-title-wrap {
  color: #FFFFFF;
  display: inline-block;
  text-align: left;
  margin: 0 auto;
}
.main-container .track-wrap .track-inner .track-search-wrap .search-title-wrap .title {
  font: bold 45px/34px "PT Sans";
  text-transform: capitalize;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.main-container .track-wrap .track-inner .track-search-wrap .search-title-wrap .sub-title {
  font: normal 14px "PT Sans";
  display: block;
  width: 100%;
}
.main-container .track-wrap .track-inner .track-search-wrap .search-input-wrap {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 154px auto 0;
  position: relative;
}
.main-container .track-wrap .track-inner .track-search-wrap .search-input-wrap .form-input {
  width: 100%;
  max-width: 805px;
  height: 40px;
  font: normal 3.5vw/55px "PT Sans";
  padding: 0 25px;
}
.main-container .track-wrap .track-inner .track-search-wrap .search-input-wrap .search-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.main-container .track-wrap .track-inner .track-search-wrap .search-input-wrap .search-btn img {
  height: 40px;
}
.main-container .track-wrap .track-content-wrap {
  position: relative;
  display: block;
  width: 100%;
  min-height: 350px;
  margin: 30px auto 60px;
  max-width: 1100px;
  font-size: 12px;
}
.main-container .track-wrap .track-content-wrap .track-content {
  width: 100%;
  position: relative;
  display: inline-block;
}
.main-container .track-wrap .track-content-wrap .track-content .track-left {
  width: 100%;
  text-align: center;
  padding: 10px 0 40px;
}
.main-container .track-wrap .track-content-wrap .track-content .track-left .detail {
  color: #0033CC;
}
.main-container .track-wrap .track-content-wrap .track-content .track-right {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap {
  display: inline-block;
  margin: 0 0 10px 0;
}
.main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .date-wrap {
  display: inline-block;
  width: 120px;
  float: left;
  text-align: right;
  font-size: 12px;
}
.main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .icon {
  float: left;
  margin: 4px 15px 0;
}
.main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .icon img {
  width: 35px;
}
.main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .status-wrap {
  float: left;
  width: 130px;
  text-align: left;
  font-size: 12px;
}
.main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .status-wrap .status {
  color: #0033CC;
}
/* Knowledge */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .job-wrap {
  display: table;
  position: relative;
  width: 100%;
  height: 485px;
}
.main-container .job-wrap .job-search-wrap {
  display: table;
  width: 100%;
  height: 346px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: url(../img/job-cover-banner.webp) no-repeat scroll top center;
}
.main-container .job-wrap .job-search-wrap .search-title-wrap {
  color: #FFFFFF;
}
.main-container .job-wrap .job-search-wrap .search-title-wrap .title {
  font: bold 30px/38px "Prompt";
  text-transform: capitalize;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.main-container .job-wrap .job-search-wrap .search-title-wrap .sub-title {
  font: normal 18px "PT Sans";
  color: #666666;
  background: #FFFFFF;
  padding: 8px 5px 5px 5px;
  display: inline-block;
  width: 100%;
  max-width: 260px;
}
.main-container .job-wrap .selection-main-title {
  font: bold 24px "PT Sans";
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  margin: 30px 0px 0px;
}
.main-container .job-wrap .job-selection-wrap {
  display: table;
  width: 100%;
  max-width: 1100px;
  background: #FFFFFF;
  padding: 5px 0 20px;
  text-align: left;
  margin: 0 auto 30px;
  border-bottom: 1px solid #666666;
}
.main-container .job-wrap .job-selection-wrap .selection {
  font: bold 20px/110px "PT Sans";
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
  background: #FFFFFF;
  width: 300px;
  height: 150px;
  display: block;
  border: 1px solid #666666;
  margin: 10px auto;
}
.main-container .job-wrap .job-selection-wrap .selection.system-admin {
  background: url(../img/job1.png) no-repeat scroll #FFFFFF;
}
.main-container .job-wrap .job-selection-wrap .selection.graphic-designer {
  background: url(../img/job2.png) no-repeat scroll #FFFFFF;
}
.main-container .job-wrap .job-selection-wrap .selection.video-content-team {
  background: url(../img/job3.png) no-repeat scroll #FFFFFF;
}
.main-container .job-wrap .job-selection-wrap .selection.customer-service-thai {
  background: url(../img/job4.png) no-repeat scroll #FFFFFF;
}
.main-container .job-wrap .job-selection-wrap .selection.customer-service-chinese {
  background: url(../img/job5.png) no-repeat scroll #FFFFFF;
}
.main-container .job-wrap .job-selection-wrap .selection.interior-designer {
  background: url(../img/job6.png) no-repeat scroll #FFFFFF;
}
.main-container .job-wrap .job-selection-wrap .selection:hover {
  border: 1px solid #CCCCCC;
  box-shadow: 5px 5px 20px #CCCCCC;
}
.main-container .job-wrap .job-footer {
  display: block;
  text-align: center;
  margin: 0 auto 30px;
}
.main-container .job-wrap .job-image2 {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  text-align: center;
  display: block;
}
.main-container .job-wrap .job-description-wrap {
  margin: 10px auto 50px;
  width: 100%;
  max-width: 1100px;
  padding: 20px 40px;
}
.main-container .job-wrap .job-description-wrap .job-description {
  float: left;
  max-width: 520px;
  width: 100%;
}
.main-container .job-wrap .job-description-wrap .job-description .section {
  font-weight: bold;
  font-size: 14px;
}
.main-container .job-wrap .job-description-wrap .job-description h2 {
  font-size: 20px;
}
.main-container .job-wrap .job-description-wrap .job-description ul li {
  color: #666666;
  font-size: 14px;
}
.main-container .job-wrap .job-description-wrap .how-to-apply {
  float: left;
  max-width: 500px;
  margin: 30px 0;
  padding: 10px 0;
  border-top: 1px solid #CCCCCC;
  font-size: 14px;
}
.main-container .job-wrap .job-description-wrap .how-to-apply .section2 {
  font-weight: bold;
}
/* Fitwhey Classic 7 Coupon Registration */
.fwc7-main-container {
  min-width: 500px;
  min-height: 1000px;
  background: url(../img/fwc7-bg.png) no-repeat scroll center 0px #FFFFFF;
}
.fwc7-main-container .fwc7-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.fwc7-main-container .fwc7-main-wrap .fwc7-logo {
  text-align: center;
  margin: 20px auto 0;
  display: block;
  max-width: 850px;
  width: 100%;
}
.fwc7-main-container .fwc7-main-wrap .howto-regist {
  text-align: center;
  margin: 20px auto 0;
  display: block;
  max-width: 900px;
  width: 100%;
}
.fwc7-main-container .fwc7-main-wrap .regist-wrap {
  width: 100%;
  max-width: 790px;
  background: #fff;
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
  margin: 25px auto 40px;
  padding: 2.9em 2.5em 2.9em 2.5em;
  box-shadow: 5px 5px 20px #666;
}
.fwc7-main-container .fwc7-main-wrap .regist-wrap .regist-title {
  display: block;
  font-size: 39px;
  color: #333333;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 45px;
  text-transform: uppercase;
  font: bold 39px/36px "PT Sans";
}
.fwc7-main-container .fwc7-main-wrap .regist-wrap .regist-input-wrap {
  width: 100%;
  position: relative;
  border-bottom: 2px solid #adadad;
  margin-bottom: 35px;
}
.fwc7-main-container .fwc7-main-wrap .regist-wrap .regist-input-wrap .input-id {
  display: block;
  width: 100%;
  height: 45px;
  font-size: 15px;
  color: #555555;
  line-height: 1.2;
  border: none;
}
.fwc7-main-container .fwc7-main-wrap .regist-wrap .regist-coupon-btn {
  justify-content: center;
  padding: 0 20px;
  min-width: 244px;
  margin-top: 30px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  background: #F86105;
  border-radius: 10px;
  line-height: 1.2;
  text-transform: uppercase;
}
/*flash_sale  */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .navigation-wrap {
  display: none;
}
.main-container .main,
.main-container .flashsale-main-wrap {
  padding: 0;
  margin-bottom: 30px;
  text-align: center;
}
.main-container .main .flash-cover,
.main-container .flashsale-main-wrap .flash-cover {
  width: 100%;
  max-width: 2000px;
  height: 200px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 20px;
  background-size: cover;
}
.main-container .main .flash-cover2,
.main-container .flashsale-main-wrap .flash-cover2 {
  width: 95%;
  max-width: 950px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 20px;
  background-size: cover;
  margin: 10px;
  border-radius: 10px;
}
.main-container .main .flash-cover2 img,
.main-container .flashsale-main-wrap .flash-cover2 img {
  width: 100%;
  border-radius: 10px;
}
.main-container .main .flash-cover2 .mobile,
.main-container .flashsale-main-wrap .flash-cover2 .mobile {
  display: inline-block;
}
.main-container .main .flash-cover2 .desktop,
.main-container .flashsale-main-wrap .flash-cover2 .desktop {
  display: none;
}
.main-container .main .display-fix-top,
.main-container .flashsale-main-wrap .display-fix-top {
  background: white;
  width: 100%;
  padding-bottom: 10px;
  display: inline-block;
  position: sticky;
  top: 0;
  z-index: 19;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
.main-container .main .display-fix-top .navigation-select,
.main-container .flashsale-main-wrap .display-fix-top .navigation-select {
  width: 94%;
  display: inline-block;
  white-space: nowrap;
  overflow: auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  margin: 10px;
}
.main-container .main .display-fix-top .navigation-select .wrap,
.main-container .flashsale-main-wrap .display-fix-top .navigation-select .wrap {
  display: inline-block;
}
.main-container .main .display-fix-top .navigation-select .wrap button,
.main-container .flashsale-main-wrap .display-fix-top .navigation-select .wrap button {
  background: white;
  font-family: 'sarabun';
  font-size: 1rem;
  padding: 5px;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  margin: 0 2px 0 2px;
}
.main-container .main .display-fix-top .navigation-name .left,
.main-container .flashsale-main-wrap .display-fix-top .navigation-name .left {
  width: 40%;
  display: inline-block;
  text-align: left;
  font: bold 1rem "prompt";
}
.main-container .main .display-fix-top .navigation-name .right,
.main-container .flashsale-main-wrap .display-fix-top .navigation-name .right {
  width: 50%;
  display: inline-block;
  text-align: right;
}
.main-container .main .display-fix-top .navigation-name .right .dropbown,
.main-container .flashsale-main-wrap .display-fix-top .navigation-name .right .dropbown {
  font-family: 'prompt';
  font-size: 0.875rem;
}
.main-container .main .display-fix-top .navigation-name .container-select,
.main-container .flashsale-main-wrap .display-fix-top .navigation-name .container-select {
  display: none;
  text-align: left;
  padding: 10px;
}
.main-container .main .display-fix-top .navigation-name .container-select button,
.main-container .flashsale-main-wrap .display-fix-top .navigation-name .container-select button {
  background: white;
  font-family: 'sarabun';
  font-size: 1rem;
  padding: 5px;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  margin: 2px 2px 2px 2px;
}
.main-container .main .display-fix-top .navigation-name .container-select .active,
.main-container .flashsale-main-wrap .display-fix-top .navigation-name .container-select .active {
  border: 1px solid #0033CC;
  background: rgba(71, 172, 255, 0.1);
}
.main-container .main .flash-search-by-wrap,
.main-container .flashsale-main-wrap .flash-search-by-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 0 20px 0;
  position: relative;
}
.main-container .main .flash-search-by-wrap h3,
.main-container .flashsale-main-wrap .flash-search-by-wrap h3 {
  margin: 25px 0;
  font: bold 24px "PT Sans";
  color: #999999;
  text-transform: capitalize;
}
.main-container .main .flash-search-by-wrap .search-option-wrap,
.main-container .flashsale-main-wrap .flash-search-by-wrap .search-option-wrap {
  display: inline-block;
  margin: 0 20px 0 0;
}
.main-container .main .flash-search-by-wrap .search-option-wrap .title,
.main-container .flashsale-main-wrap .flash-search-by-wrap .search-option-wrap .title {
  display: inline-block;
  width: 80px;
  text-align: right;
  font: lighter 13px/26px "PT Sans";
  color: #666666;
  text-transform: capitalize;
  margin: 0 5px 0 0;
}
.main-container .main .flash-search-by-wrap .search-option-wrap .search-by-drop-wrap,
.main-container .flashsale-main-wrap .flash-search-by-wrap .search-option-wrap .search-by-drop-wrap {
  text-transform: capitalize;
  position: relative;
  text-align: left;
}
.main-container .main .flash-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop,
.main-container .flashsale-main-wrap .flash-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop {
  margin-top: 20px;
  border: 1px solid #CCCCCC;
  width: 140px;
  display: inline-block;
  font: bold 14px/23px "PT Sans";
  text-decoration: none;
  color: #666666;
  padding: 0 15px;
  background: url(../img/icons.png) no-repeat 106px -769px rgba(0, 0, 0, 0);
}
.main-container .main .flash-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap,
.main-container .flashsale-main-wrap .flash-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  background: #FFFFFF;
  left: 0;
  top: 21px;
  width: 140px;
  padding: 5px 0;
  border: 1px solid #CCCCCC;
  z-index: 2;
}
.main-container .main .flash-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a,
.main-container .flashsale-main-wrap .flash-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a {
  text-decoration: none;
  font: normal 14px "PT Sans";
  color: #666666;
  display: block;
  padding: 5px 0 5px 15px;
}
.main-container .main .flash-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a:hover,
.main-container .flashsale-main-wrap .flash-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a:hover {
  color: #CCCCCC;
}
.main-container .main .flash-search-by-wrap .pg-page-wrap-top,
.main-container .flashsale-main-wrap .flash-search-by-wrap .pg-page-wrap-top {
  display: none;
}
.main-container .main .flash-product-list-wrap,
.main-container .flashsale-main-wrap .flash-product-list-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 auto!important;
  width: 100%;
}
.main-container .main .flash-product-list-wrap .flash-product-list,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list {
  float: left;
  position: relative;
  display: inline-block;
  max-width: 47%;
  width: 100%;
  margin: 7px 0 3px 6px;
  padding: 15px 0;
  border: 1px solid #EFEFEF;
  text-align: center;
  border-radius: 5px;
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-image,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-image {
  position: relative;
  display: block;
  width: 100%;
  height: 150px;
  margin: 0 auto 0;
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-image img,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-image img {
  max-height: 150px;
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-container-top,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-container-top {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  text-align: center;
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-container-top .flash-brand-title,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-container-top .flash-brand-title {
  font: bold 0.875rem/20px "prompt";
  text-transform: uppercase;
  color: #000000;
  margin-top: 5px;
  text-decoration: none;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 40px;
  margin-bottom: 5px;
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price {
  font: bold 18px "prompt";
  display: table;
  margin: 0px auto 2px;
  color: #dc0000;
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price .save,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price .save {
  padding: 0 10px;
  color: #dc0000;
  font: lighter 14px "prompt";
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price .old-price,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price .old-price {
  padding: 0 10px 0 0;
  text-decoration: line-through;
  color: #999;
  font: lighter 15px "prompt";
  float: left;
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-container-top .flash-code,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-container-top .flash-code {
  width: 100%;
  font: bold 10px "prompt";
  background: #dc0000;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 3px 0;
  margin: 0 auto;
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-countdown-wrap,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-countdown-wrap {
  padding: 0.7em;
  display: inline-block;
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-left,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-left {
  display: inline-block;
  font: bold 0.9em "prompt";
  text-transform: uppercase;
  margin: 5px 10px;
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right {
  display: inline-block;
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap {
  display: inline-block;
}
.main-container .main .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap .timer-box,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap .timer-box {
  padding: 4px;
  font: bold 1.1em "prompt";
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.main-container .main .flash-product-list-wrap .flash-product-list .sold-amount,
.main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .sold-amount {
  width: 100%;
  text-align: right;
  font: 0.8rem "prompt";
  padding-right: 10px;
}
.main-container .main .flash-product-list-wrap .pg-product-list:nth-child(5n),
.main-container .flashsale-main-wrap .flash-product-list-wrap .pg-product-list:nth-child(5n) {
  margin-right: 0;
}
.main-container .main .pg-page-wrap,
.main-container .flashsale-main-wrap .pg-page-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 20px 0 10px 0;
  font-weight: lighter;
}
.main-container .main .pg-page-wrap .pg-prev-next,
.main-container .flashsale-main-wrap .pg-page-wrap .pg-prev-next {
  text-decoration: none;
  font: lighter 16px "PT Sans";
  color: #666666;
}
.main-container .main .pg-page-wrap .pg-prev-next:hover,
.main-container .flashsale-main-wrap .pg-page-wrap .pg-prev-next:hover {
  color: #0033CC;
}
.main-container .main .pg-page-wrap .pg-page .pg-block,
.main-container .flashsale-main-wrap .pg-page-wrap .pg-page .pg-block {
  display: inline-block;
  border: 1px solid #999999;
  width: 20px;
  margin: 0 5px;
}
.main-container .main .product_grid_wrap,
.main-container .flashsale-main-wrap .product_grid_wrap {
  width: 100%;
  display: inline-block;
  text-align: left;
  padding: 10px;
  z-index: 0;
  position: relative;
}
.main-container .main .product_grid_wrap a,
.main-container .flashsale-main-wrap .product_grid_wrap a {
  text-decoration: none;
}
.main-container .main .product_grid_wrap .product-right-box,
.main-container .flashsale-main-wrap .product_grid_wrap .product-right-box {
  text-align: left;
  width: 100%;
  display: inline-block;
  border: 1px solid #CCCCCC;
  margin: 5px 2px 2px 2px;
  border-radius: 10px;
  cursor: pointer;
}
.main-container .main .product_grid_wrap .box-img,
.main-container .flashsale-main-wrap .product_grid_wrap .box-img {
  display: block;
  float: left;
  width: 45%;
  min-width: 100px;
  margin-top: 20px;
  min-height: 150px;
  text-align: center;
  padding-right: 5px;
  margin-bottom: 20px;
}
.main-container .main .product_grid_wrap .box-img .code-top,
.main-container .flashsale-main-wrap .product_grid_wrap .box-img .code-top {
  display: inline-block;
  width: 100px;
  height: 22px;
  background: #dc0000;
  background: linear-gradient(113deg, #dc0000 90%, rgba(71, 172, 255, 0) 90%);
  position: absolute;
  z-index: 10px;
  margin: -20px 0 0 13px;
  color: white;
  padding: 3px;
  font: bold 0.76rem "prompt";
  text-align: center;
  z-index: 1;
  border-radius: 5px 0 0 0;
  left: 0;
}
.main-container .main .product_grid_wrap .box-img .code-bottom,
.main-container .flashsale-main-wrap .product_grid_wrap .box-img .code-bottom {
  display: inline-block;
  width: 130px;
  height: 22px;
  background: #dc0000;
  background: linear-gradient(90deg, #dc0000 75%, rgba(71, 172, 255, 0) 100%);
  position: absolute;
  z-index: 10px;
  margin: 130px 0 0 13px;
  color: white;
  padding: 3px;
  font: bold 0.76rem "prompt";
  z-index: 1;
  text-align: center;
  left: 0;
}
.main-container .main .product_grid_wrap .box-img .code-bottom span,
.main-container .flashsale-main-wrap .product_grid_wrap .box-img .code-bottom span {
  font-weight: lighter;
}
.main-container .main .product_grid_wrap .box-img img,
.main-container .flashsale-main-wrap .product_grid_wrap .box-img img {
  margin-top: 5px;
  width: 100%;
  max-height: 140px;
  max-width: 140px;
  border-radius: 5px;
}
.main-container .main .product_grid_wrap .box-name,
.main-container .flashsale-main-wrap .product_grid_wrap .box-name {
  margin-top: 10px;
  width: 54%;
  text-align: left;
  padding: 0;
  height: 40px;
  font: 0.875rem "prompt";
  color: black;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-container .main .product_grid_wrap .box-description,
.main-container .flashsale-main-wrap .product_grid_wrap .box-description {
  text-align: center;
  display: inline-block;
  font: 0.775rem "prompt-light";
  text-align: left;
  width: 54%;
  color: black;
  margin-top: 3px;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-container .main .product_grid_wrap .box-star,
.main-container .flashsale-main-wrap .product_grid_wrap .box-star {
  width: 54%;
  font-size: 0.875rem;
  color: #f8db03;
  text-align: left;
  display: inline-block;
}
.main-container .main .product_grid_wrap .box-star span,
.main-container .flashsale-main-wrap .product_grid_wrap .box-star span {
  color: black;
}
.main-container .main .product_grid_wrap .box-price-mobile,
.main-container .flashsale-main-wrap .product_grid_wrap .box-price-mobile {
  width: 54%;
  display: inline-block;
  font: bold 1.1rem "prompt";
  color: red;
  text-align: left;
}
.main-container .main .product_grid_wrap .box-price-mobile span,
.main-container .flashsale-main-wrap .product_grid_wrap .box-price-mobile span {
  font: lighter 0.875rem "prompt";
  color: #CCCCCC;
  margin-left: 5px;
  text-decoration: line-through;
}
.main-container .main .product_grid_wrap .box-type,
.main-container .flashsale-main-wrap .product_grid_wrap .box-type {
  width: 100%;
  display: none;
  margin-top: 5px;
  font: 0.675rem "prompt";
  color: #CCCCCC;
}
.main-container .main .product_grid_wrap .box-price,
.main-container .flashsale-main-wrap .product_grid_wrap .box-price {
  width: 100%;
}
.main-container .main .product_grid_wrap .box-price .old-price,
.main-container .flashsale-main-wrap .product_grid_wrap .box-price .old-price {
  width: 45%;
  display: none;
  text-align: right;
  font: 0.875rem "prompt";
  color: #CCCCCC;
  text-decoration: line-through;
}
.main-container .main .product_grid_wrap .box-price .now-price,
.main-container .flashsale-main-wrap .product_grid_wrap .box-price .now-price {
  width: 50%;
  display: none;
  text-align: left;
  font: bold 1.1rem "prompt";
  color: red;
}
.main-container .main .product_grid_wrap .product-right-button,
.main-container .flashsale-main-wrap .product_grid_wrap .product-right-button {
  width: 40%;
  height: 30px;
  border: 1px solid #dc0000;
  border-radius: 5px;
  display: inline-block;
  color: #dc0000;
  text-align: center;
  font: bold 0.675rem/30px "prompt";
  cursor: pointer;
}
.main-container .main .product_grid_wrap .product-right-button:hover,
.main-container .flashsale-main-wrap .product_grid_wrap .product-right-button:hover {
  background: #dc0000;
  color: white;
}
.main-container .main .product_grid_wrap .time,
.main-container .flashsale-main-wrap .product_grid_wrap .time {
  font: bold 0.875rem "prompt";
  color: black;
  margin-top: 10px;
}
.main-container .main .product_grid_wrap .time span,
.main-container .flashsale-main-wrap .product_grid_wrap .time span {
  border: 1px solid #CCCCCC;
  margin-left: 2px;
  padding: 3px;
  font: bold 0.775rem "prompt";
}
.main-container .main .product_grid_wrap .product-right-sold,
.main-container .flashsale-main-wrap .product_grid_wrap .product-right-sold {
  width: 100%;
  display: block;
  text-align: right;
  font: 0.675rem/30px "kanit";
  color: gray;
  padding: 0 10px 0 0px;
}
.main-container .main .wrap-flashsale .product_grid_left,
.main-container .flashsale-main-wrap .wrap-flashsale .product_grid_left {
  display: none;
}
.main-container .main .wrap-flashsale .product_grid_right .head_product_grid_right,
.main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .head_product_grid_right {
  display: none;
}
.main-container .main .wrap-flashsale .product_grid_right .botton-bottom,
.main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .botton-bottom {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.main-container .main .wrap-flashsale .product_grid_right .botton-bottom .botton-wrap,
.main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .botton-bottom .botton-wrap {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.main-container .main .wrap-flashsale .product_grid_right .botton-bottom .botton-wrap button,
.main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .botton-bottom .botton-wrap button {
  width: 80px;
  background: white;
  padding: 5px;
  border: 1px solid #EFEFEF;
  font: 1rem "sarabun";
  display: inline-block;
  border-radius: 5px;
}
.main-container .main .wrap-flashsale .product_grid_right .botton-bottom .input-wrap,
.main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .botton-bottom .input-wrap {
  width: 100%;
  margin-top: 10px;
  display: inline-block;
}
.main-container .main .wrap-flashsale .product_grid_right .botton-bottom .input-wrap input,
.main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .botton-bottom .input-wrap input {
  font: 1rem "sarabun";
  text-align: center;
  width: 40px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #CCCCCC;
}
.fade-box {
  width: 100%;
  height: 100%;
  min-height: 4000px;
  display: none;
  background: rgba(30, 30, 30, 0.5);
  position: absolute;
  z-index: 20;
}
.display {
  display: inline-block;
}
/* 12-12 Campaign */
.sale1212-main-container {
  min-width: 500px;
  min-height: 1000px;
  background: #FFFFFF;
}
.sale1212-main-container .sale1212-main-wrap {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.sale1212-main-container .sale1212-main-wrap a.popup-product {
  display: block;
  width: 100%;
}
.sale1212-main-container .sale1212-main-wrap a.popup-product .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.sale1212-main-container .sale1212-main-wrap a.campaign-12-main-display {
  display: block;
  width: 100%;
  max-width: 1840px;
}
.sale1212-main-container .sale1212-main-wrap a.campaign-12-main-display .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
/* Top Spender */
.topspender-main-container {
  min-width: 320px;
  background: #FFFFFF;
}
.topspender-main-container .topspender-main-wrap {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.topspender-main-container .topspender-main-wrap a.wrap-product {
  display: block;
  width: 100%;
}
.topspender-main-container .topspender-main-wrap a.wrap-product .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
/* Knowledge */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .about-us-wrap {
  display: table;
  position: relative;
  width: 100%;
  height: 485px;
}
.main-container .about-us-wrap .about-us-cover-wrap {
  display: table;
  width: 100%;
  height: 270px;
  padding: 100px 0 0 0;
  text-align: center;
  background: url(../img/about-us-cover.jpg) no-repeat scroll top center #000000;
}
.main-container .about-us-wrap .about-us-cover-wrap .cover-title-wrap {
  color: #FFFFFF;
}
.main-container .about-us-wrap .about-us-cover-wrap .cover-title-wrap .title {
  font: bold 60px "PT Sans";
  text-transform: capitalize;
  display: block;
  width: 100%;
}
.main-container .about-us-wrap .about-us-cover-wrap .cover-title-wrap .sub-title {
  font: normal 16px "PT Sans";
  display: block;
  width: 100%;
}
.main-container .about-us-wrap .about-us-content-wrap {
  display: table;
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.main-container .about-us-wrap .about-us-content-wrap .center-content {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 40px 30px 30px;
}
.main-container .about-us-wrap .about-us-content-wrap .center-content .heading {
  display: block;
  padding: 0 0 20px 0;
  font: bold 30px "PT Sans";
  text-transform: uppercase;
  margin: 0;
  color: #085AD5;
}
.main-container .about-us-wrap .about-us-content-wrap .center-content .sub-heading {
  display: block;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #EFEFEF;
}
.main-container .about-us-wrap .about-us-content-wrap .center-content .main-content {
  text-align: left;
  padding: 10px 0 0 0;
  font: normal 12px/25px "PT Sans";
  color: #333333;
}
.main-container .about-us-wrap .about-us-content-wrap .center-content .main-content .left-25 {
  padding-left: 25px;
}
.main-container .about-us-wrap .about-us-content-wrap .center-content .main-content ul {
  list-style: outside;
}
.main-container .about-us-wrap .about-us-content-wrap .center-content .main-content .new-table {
  margin: 30px 10px;
}
.main-container .about-us-wrap .about-us-content-wrap .center-content .main-content .new-table td {
  padding: 10px;
  min-width: 80px;
}
.main-container .about-us-wrap .about-us-content-wrap .center-content .main-content ol {
  margin: 0;
}
.main-container .about-us-wrap .about-us-content-wrap .about-us-selection-wrap {
  display: inline-block;
  width: 100%;
  padding-top: 40px;
  border-top: 1px solid #ccc;
  margin-bottom: 40px;
}
.main-container .about-us-wrap .about-us-content-wrap .about-us-selection-wrap .about-us-button-left {
  float: left;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 30px;
  text-decoration: none;
  text-transform: uppercase;
  font: bold 16px/27px "PT Sans";
  color: #000000;
  background: #efefef;
  margin: 0;
}
.main-container .about-us-wrap .about-us-content-wrap .about-us-selection-wrap .about-us-button-right {
  float: right;
  border-radius: 5px;
  padding: 10px 30px;
  text-decoration: none;
  text-transform: uppercase;
  font: bold 16px/27px "PT Sans";
  color: #FFFFFF;
  background: #03C;
  margin: 0;
}
/* Fitwhey Classic 7 Coupon Registration */
.lucky-draw-99-main-container {
  min-width: 500px;
  min-height: 1000px;
  background: url("../img/lucky-draw-web-2.jpg");
  background-size: auto;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap {
  width: 100%;
  max-width: 1900px;
  margin: 0 auto;
  position: relative;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-form-wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-form-wrap img {
  width: 100%;
  position: relative;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-content {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 2em;
  background: #FFF;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-content .lucky-draw-input-wrap {
  width: 100%;
  max-width: 480px;
  background: #fff;
  text-align: center;
  display: inline-block;
  margin: 0 1.5em 0;
  padding: 1.5em 2.9em 1.5em 2.9em;
  border: 1px solid #efefef;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-title {
  display: block;
  color: #333333;
  text-decoration: underline;
  line-height: 1.2;
  text-align: left;
  padding-bottom: 15px;
  text-transform: uppercase;
  font: bold 20px/30px "PT Sans";
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap .input-id {
  display: block;
  width: 100%;
  height: 35px;
  font-size: 15px;
  color: #555555;
  line-height: 1.2;
  border-bottom: 1px solid #adadad;
  border-top: none;
  border-left: none;
  border-right: none;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-coupon-btn {
  justify-content: center;
  padding: 0 20px;
  min-width: 244px;
  margin-top: 15px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  background: #d00602;
  border-radius: 10px;
  line-height: 1.2;
  text-transform: uppercase;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-content .lucky-draw-input-wrap .lucky-draw-regist-notice {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  text-align: left;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-content .lucky-draw-rule-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  max-width: 500px;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-content .lucky-draw-rule-wrap .m-title {
  text-align: left;
  margin: 1em 0 0.4em 0;
  font-size: 20px;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul li {
  line-height: 28px;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-form-wrap-2 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  padding: 0;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert {
  position: relative;
  min-width: 500px;
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product {
  position: absolute;
  width: 500px;
  margin-top: 284px;
  z-index: 1;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product img {
  position: relative;
  width: 360px;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-float {
  width: 100%;
  position: relative;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-winner {
  font: bold 18px/22px "PT Sans";
  background: #FFFFFF;
  padding: 10px;
  margin-bottom: 10px;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-total {
  font: bold 25px/30px "PT Sans";
  position: relative;
  margin: 20px 0 10px;
  color: #FFFFFF;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-total .ld-large {
  font: bold 40px/30px "PT Sans";
  border: 1px solid #FFFFFF;
  padding: 5px;
  margin: 2px;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn {
  justify-content: center;
  padding: 20px 25px;
  width: 315px;
  min-width: 244px;
  margin-top: 25px;
  color: #fff;
  background: linear-gradient(356deg, #b60e0e 27%, #ff0000 74%);
  border-radius: 50px;
  border: 2px solid #FFF;
  font: bold 30px/30px "PT Sans";
  line-height: 1.2;
  text-transform: uppercase;
}
.lucky-draw-99-main-container .lucky-draw-99-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn:hover {
  background: linear-gradient(180deg, #b60e0e 27%, #ff0000 74%);
}
/* 9-9 Campaign */
.campaign-99-main-container {
  min-width: 500px;
  min-height: 1000px;
  background: #FFFFFF;
}
.campaign-99-main-container .campaign-99-main-wrap {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.campaign-99-main-container .campaign-99-main-wrap .campaign-99-top {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
.campaign-99-main-container .campaign-99-main-wrap a.campaign-99-main-display {
  display: block;
  width: 100%;
  max-width: 1840px;
}
.campaign-99-main-container .campaign-99-main-wrap a.campaign-99-main-display .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
/* Fitwhey Classic 7 Coupon Registration */
.campaign-11-main-container {
  min-width: 500px;
  min-height: 1000px;
  background: #FFFFFF;
}
.campaign-11-main-container .campaign-11-main-wrap {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.campaign-11-main-container .campaign-11-main-wrap .campaign-11-top {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
.campaign-11-main-container .campaign-11-main-wrap .campaign-11-video {
  background: url(../img/11-11-bg.jpg) no-repeat scroll;
  text-align: center;
  padding: 10px 0px 0px;
  display: block;
  position: relative;
}
.campaign-11-main-container .campaign-11-main-wrap a.campaign-11-main-display {
  display: block;
  width: 100%;
  max-width: 1840px;
}
.campaign-11-main-container .campaign-11-main-wrap a.campaign-11-main-display .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
/* Lucky Draw 11 */
.lucky-draw-11-main-container {
  min-width: 500px;
  min-height: 1000px;
  background: url("../img/lucky-draw-web-2.jpg");
  background-size: auto;
}
.lucky-draw-11-main-container.giveaway {
  min-width: 500px;
  min-height: 1000px;
  background-size: auto;
  background: url("../img/11-lucky-draw-web-2.jpg");
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap {
  width: 100%;
  max-width: 1900px;
  margin: 0 auto;
  position: relative;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-form-wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-form-wrap img {
  width: 100%;
  position: relative;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-content {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 2em;
  background: #FFF;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-content .lucky-draw-input-wrap {
  width: 100%;
  max-width: 480px;
  background: #fff;
  text-align: center;
  display: inline-block;
  margin: 0 1.5em 0;
  padding: 1.5em 2.9em 1.5em 2.9em;
  border: 1px solid #efefef;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-title {
  display: block;
  color: #333333;
  text-decoration: underline;
  line-height: 1.2;
  text-align: left;
  padding-bottom: 15px;
  text-transform: uppercase;
  font: bold 20px/30px "PT Sans";
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap .input-id {
  display: block;
  width: 100%;
  height: 35px;
  font-size: 15px;
  color: #555555;
  line-height: 1.2;
  border-bottom: 1px solid #adadad;
  border-top: none;
  border-left: none;
  border-right: none;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-coupon-btn {
  justify-content: center;
  padding: 0 20px;
  min-width: 244px;
  margin-top: 15px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  background: #d00602;
  border-radius: 10px;
  line-height: 1.2;
  text-transform: uppercase;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-content .lucky-draw-input-wrap .lucky-draw-regist-notice {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  text-align: left;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-content .lucky-draw-rule-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  max-width: 500px;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-content .lucky-draw-rule-wrap .m-title {
  text-align: left;
  margin: 1em 0 0.4em 0;
  font-size: 20px;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul li {
  line-height: 28px;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-form-wrap-2 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  padding: 0;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert {
  position: relative;
  min-width: 500px;
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product {
  position: absolute;
  width: 500px;
  margin-top: 300px;
  z-index: 1;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product img {
  position: relative;
  width: 360px;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-float {
  width: 100%;
  position: relative;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-winner {
  font: bold 18px/22px "PT Sans";
  background: #FFFFFF;
  padding: 10px;
  margin-bottom: 10px;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-total {
  font: bold 25px/30px "PT Sans";
  position: relative;
  margin: 20px 0 10px;
  color: #FFFFFF;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-total .ld-large {
  font: bold 40px/30px "PT Sans";
  border: 1px solid #FFFFFF;
  padding: 5px;
  margin: 2px;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn {
  justify-content: center;
  padding: 15px 25px;
  width: 315px;
  min-width: 244px;
  margin-top: 25px;
  color: #fff;
  background: linear-gradient(356deg, #b60e0e 27%, #ff0000 74%);
  border-radius: 10px;
  border: 2px solid #FFF;
  font: bold 30px/30px "PT Sans";
  line-height: 1.2;
  text-transform: uppercase;
}
.lucky-draw-11-main-container .lucky-draw-11-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn:hover {
  background: linear-gradient(180deg, #b60e0e 27%, #ff0000 74%);
}
/* Fitwhey Family Index */
.fw-family-main-container {
  min-width: 320px;
  min-height: 100%;
  background: #FFFFFF;
}
.fw-family-main-container .fw-family-main-wrap {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.fw-family-main-container .fw-family-main-wrap a.fw-family-main-display {
  display: block;
  width: 100%;
  max-width: 1840px;
}
.fw-family-main-container .fw-family-main-wrap a.fw-family-main-display .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
/* Fitwhey Family Signup */
.fw-family-signup-main-container {
  min-width: 320px;
  min-height: 100%;
  background: url(../img/fw-family-qr-bg-mb.jpg) scroll center 0px #FFFFFF;
}
.fw-family-signup-main-container .fw-family-signup-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap {
  display: table;
  text-align: center;
  width: 100%;
  margin-top: 525px;
}
.fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .logo {
  margin: 40px 0 10px 0;
}
.fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .date {
  font: bold 20px/24px "Helvetica Neue";
  margin: 0 0 10px 0;
  display: block;
}
.fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .qr-btn {
  display: inline-block;
  width: 80%;
  margin: 15px 0 20px 0;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
.fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .qr-btn img {
  max-width: 400px;
  width: 100%;
}
.fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .fwf-rule {
  text-align: left;
  margin: 0 40px 30px;
  background: #333;
  padding: 20px;
  color: #FFF;
}
.fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .fwf-rule h2 {
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .fwf-rule .text {
  font: normal 18px "Helvetica Neue";
}
.fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .fwf-rule ul {
  margin-bottom: 0;
}
.fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-right-wrap {
  display: none;
}
/* QR Code Section */
.fw-family-qr-container {
  min-width: 500px;
  min-height: 900px;
  background: url(../img/fw-family-qr-bg-mb-2.jpg) no-repeat scroll center 0px #FFFFFF;
}
.fw-family-qr-container .qr-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.fw-family-qr-container .qr-main-wrap .qr-wrap {
  text-align: center;
}
.fw-family-qr-container .qr-main-wrap .qr-wrap .date-qr {
  font: bold 20px/24px "Helvetica Neue";
  margin: 0 0 10px 0;
  display: block;
}
.fw-family-qr-container .qr-main-wrap .qr-wrap .qr-image {
  max-width: 500px;
  width: 100%;
  display: inline-block;
  margin-top: 400px;
}
.fw-family-qr-container .qr-main-wrap .qr-wrap .qr-image img {
  width: 320px;
}
.fw-family-qr-container .qr-main-wrap .qr-wrap .code {
  font-family: 'RSU';
  font-size: 30px;
  text-shadow: 1px 1px 6px #000;
  font-weight: bold;
  color: #FFFFFF;
}
.fw-family-qr-container .qr-main-wrap .qr-wrap .action-btn {
  margin-bottom: 20px;
}
.fw-family-qr-container .qr-main-wrap .qr-wrap .action-btn a {
  font: bold 20px "Helvetica Neue";
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  padding: 15px 10px;
  width: 350px;
  display: inline-block;
  background: #333;
  margin: 15px 20px;
}
.fw-family-qr-container .qr-main-wrap .qr-wrap .action-btn a:hover {
  background: #FFFFFF;
  color: #000000;
}
.fw-family-qr-container .qr-main-wrap .qr-wrap .content {
  text-align: left;
  padding: 28px 30px;
  margin: 10px 0 30px 0;
  background: rgba(255, 255, 255, 0.6);
}
/* Lucky Draw 12-12 */
.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}
.snow:nth-child(1) {
  opacity: 0.0322;
  transform: translate(79.6676vw, -10px) scale(0.7899);
  animation: fall-1 20s -9s linear infinite;
}
@keyframes fall-1 {
  35.286% {
    transform: translate(86.5005vw, 35.286vh) scale(0.7899);
  }
  to {
    transform: translate(83.08405vw, 100vh) scale(0.7899);
  }
}
.snow:nth-child(2) {
  opacity: 0.9801;
  transform: translate(46.9676vw, -10px) scale(0.8643);
  animation: fall-2 29s -28s linear infinite;
}
@keyframes fall-2 {
  39.985% {
    transform: translate(51.3609vw, 39.985vh) scale(0.8643);
  }
  to {
    transform: translate(49.16425vw, 100vh) scale(0.8643);
  }
}
.snow:nth-child(3) {
  opacity: 0.0588;
  transform: translate(23.5388vw, -10px) scale(0.1548);
  animation: fall-3 13s -25s linear infinite;
}
@keyframes fall-3 {
  56.416% {
    transform: translate(29.7613vw, 56.416vh) scale(0.1548);
  }
  to {
    transform: translate(26.65005vw, 100vh) scale(0.1548);
  }
}
.snow:nth-child(4) {
  opacity: 0.8306;
  transform: translate(40.9079vw, -10px) scale(0.3067);
  animation: fall-4 23s -2s linear infinite;
}
@keyframes fall-4 {
  78.556% {
    transform: translate(34.0326vw, 78.556vh) scale(0.3067);
  }
  to {
    transform: translate(37.47025vw, 100vh) scale(0.3067);
  }
}
.snow:nth-child(5) {
  opacity: 0.6353;
  transform: translate(81.3756vw, -10px) scale(0.7635);
  animation: fall-5 11s -4s linear infinite;
}
@keyframes fall-5 {
  55.765% {
    transform: translate(72.4235vw, 55.765vh) scale(0.7635);
  }
  to {
    transform: translate(76.89955vw, 100vh) scale(0.7635);
  }
}
.snow:nth-child(6) {
  opacity: 0.968;
  transform: translate(80.0583vw, -10px) scale(0.1095);
  animation: fall-6 21s -20s linear infinite;
}
@keyframes fall-6 {
  30.202% {
    transform: translate(76.2592vw, 30.202vh) scale(0.1095);
  }
  to {
    transform: translate(78.15875vw, 100vh) scale(0.1095);
  }
}
.snow:nth-child(7) {
  opacity: 0.5477;
  transform: translate(62.562vw, -10px) scale(0.9797);
  animation: fall-7 11s -18s linear infinite;
}
@keyframes fall-7 {
  46.499% {
    transform: translate(57.7972vw, 46.499vh) scale(0.9797);
  }
  to {
    transform: translate(60.1796vw, 100vh) scale(0.9797);
  }
}
.snow:nth-child(8) {
  opacity: 0.491;
  transform: translate(5.9002vw, -10px) scale(0.7532);
  animation: fall-8 11s -1s linear infinite;
}
@keyframes fall-8 {
  60.794% {
    transform: translate(-2.7535vw, 60.794vh) scale(0.7532);
  }
  to {
    transform: translate(1.57335vw, 100vh) scale(0.7532);
  }
}
.snow:nth-child(9) {
  opacity: 0.2824;
  transform: translate(53.6245vw, -10px) scale(0.4912);
  animation: fall-9 25s -16s linear infinite;
}
@keyframes fall-9 {
  70.183% {
    transform: translate(49.7708vw, 70.183vh) scale(0.4912);
  }
  to {
    transform: translate(51.69765vw, 100vh) scale(0.4912);
  }
}
.snow:nth-child(10) {
  opacity: 0.7922;
  transform: translate(18.2163vw, -10px) scale(0.2875);
  animation: fall-10 11s -28s linear infinite;
}
@keyframes fall-10 {
  61.737% {
    transform: translate(27.8683vw, 61.737vh) scale(0.2875);
  }
  to {
    transform: translate(23.0423vw, 100vh) scale(0.2875);
  }
}
.snow:nth-child(11) {
  opacity: 0.9711;
  transform: translate(42.4535vw, -10px) scale(0.691);
  animation: fall-11 17s -29s linear infinite;
}
@keyframes fall-11 {
  79.733% {
    transform: translate(44.8744vw, 79.733vh) scale(0.691);
  }
  to {
    transform: translate(43.66395vw, 100vh) scale(0.691);
  }
}
.snow:nth-child(12) {
  opacity: 0.0233;
  transform: translate(77.5153vw, -10px) scale(0.2089);
  animation: fall-12 17s -12s linear infinite;
}
@keyframes fall-12 {
  45.127% {
    transform: translate(82.1402vw, 45.127vh) scale(0.2089);
  }
  to {
    transform: translate(79.82775vw, 100vh) scale(0.2089);
  }
}
.snow:nth-child(13) {
  opacity: 0.062;
  transform: translate(40.111vw, -10px) scale(0.0112);
  animation: fall-13 30s -25s linear infinite;
}
@keyframes fall-13 {
  59.619% {
    transform: translate(41.153vw, 59.619vh) scale(0.0112);
  }
  to {
    transform: translate(40.632vw, 100vh) scale(0.0112);
  }
}
.snow:nth-child(14) {
  opacity: 0.0697;
  transform: translate(90.3988vw, -10px) scale(0.5763);
  animation: fall-14 30s -3s linear infinite;
}
@keyframes fall-14 {
  71.228% {
    transform: translate(89.9927vw, 71.228vh) scale(0.5763);
  }
  to {
    transform: translate(90.19575vw, 100vh) scale(0.5763);
  }
}
.snow:nth-child(15) {
  opacity: 0.6968;
  transform: translate(98.5412vw, -10px) scale(0.017);
  animation: fall-15 19s -22s linear infinite;
}
@keyframes fall-15 {
  58.717% {
    transform: translate(91.6979vw, 58.717vh) scale(0.017);
  }
  to {
    transform: translate(95.11955vw, 100vh) scale(0.017);
  }
}
.snow:nth-child(16) {
  opacity: 0.6282;
  transform: translate(98.6648vw, -10px) scale(0.712);
  animation: fall-16 30s -30s linear infinite;
}
@keyframes fall-16 {
  77.102% {
    transform: translate(105.1356vw, 77.102vh) scale(0.712);
  }
  to {
    transform: translate(101.9002vw, 100vh) scale(0.712);
  }
}
.snow:nth-child(17) {
  opacity: 0.6051;
  transform: translate(67.8969vw, -10px) scale(0.7672);
  animation: fall-17 23s -23s linear infinite;
}
@keyframes fall-17 {
  51.993% {
    transform: translate(64.5473vw, 51.993vh) scale(0.7672);
  }
  to {
    transform: translate(66.2221vw, 100vh) scale(0.7672);
  }
}
.snow:nth-child(18) {
  opacity: 0.7548;
  transform: translate(75.4707vw, -10px) scale(0.0474);
  animation: fall-18 29s -11s linear infinite;
}
@keyframes fall-18 {
  35.269% {
    transform: translate(72.4947vw, 35.269vh) scale(0.0474);
  }
  to {
    transform: translate(73.9827vw, 100vh) scale(0.0474);
  }
}
.snow:nth-child(19) {
  opacity: 0.9629;
  transform: translate(36.8857vw, -10px) scale(0.4379);
  animation: fall-19 28s -14s linear infinite;
}
@keyframes fall-19 {
  59.983% {
    transform: translate(36.7312vw, 59.983vh) scale(0.4379);
  }
  to {
    transform: translate(36.80845vw, 100vh) scale(0.4379);
  }
}
.snow:nth-child(20) {
  opacity: 0.2403;
  transform: translate(88.4575vw, -10px) scale(0.3893);
  animation: fall-20 29s -20s linear infinite;
}
@keyframes fall-20 {
  39.041% {
    transform: translate(81.0899vw, 39.041vh) scale(0.3893);
  }
  to {
    transform: translate(84.7737vw, 100vh) scale(0.3893);
  }
}
.snow:nth-child(21) {
  opacity: 0.2998;
  transform: translate(76.1982vw, -10px) scale(0.9541);
  animation: fall-21 11s -9s linear infinite;
}
@keyframes fall-21 {
  55.08% {
    transform: translate(76.1585vw, 55.08vh) scale(0.9541);
  }
  to {
    transform: translate(76.17835vw, 100vh) scale(0.9541);
  }
}
.snow:nth-child(22) {
  opacity: 0.1425;
  transform: translate(49.2865vw, -10px) scale(0.1787);
  animation: fall-22 13s -9s linear infinite;
}
@keyframes fall-22 {
  51.869% {
    transform: translate(42.1055vw, 51.869vh) scale(0.1787);
  }
  to {
    transform: translate(45.696vw, 100vh) scale(0.1787);
  }
}
.snow:nth-child(23) {
  opacity: 0.741;
  transform: translate(41.0083vw, -10px) scale(0.2336);
  animation: fall-23 23s -7s linear infinite;
}
@keyframes fall-23 {
  57.825% {
    transform: translate(38.2639vw, 57.825vh) scale(0.2336);
  }
  to {
    transform: translate(39.6361vw, 100vh) scale(0.2336);
  }
}
.snow:nth-child(24) {
  opacity: 0.0023;
  transform: translate(11.9682vw, -10px) scale(0.9705);
  animation: fall-24 26s -5s linear infinite;
}
@keyframes fall-24 {
  63.697% {
    transform: translate(11.8669vw, 63.697vh) scale(0.9705);
  }
  to {
    transform: translate(11.91755vw, 100vh) scale(0.9705);
  }
}
.snow:nth-child(25) {
  opacity: 0.0081;
  transform: translate(27.0495vw, -10px) scale(0.3634);
  animation: fall-25 21s -20s linear infinite;
}
@keyframes fall-25 {
  30.602% {
    transform: translate(18.2449vw, 30.602vh) scale(0.3634);
  }
  to {
    transform: translate(22.6472vw, 100vh) scale(0.3634);
  }
}
.snow:nth-child(26) {
  opacity: 0.5783;
  transform: translate(40.4461vw, -10px) scale(0.0222);
  animation: fall-26 12s -4s linear infinite;
}
@keyframes fall-26 {
  77.174% {
    transform: translate(34.299vw, 77.174vh) scale(0.0222);
  }
  to {
    transform: translate(37.37255vw, 100vh) scale(0.0222);
  }
}
.snow:nth-child(27) {
  opacity: 0.4024;
  transform: translate(26.3464vw, -10px) scale(0.3509);
  animation: fall-27 28s -12s linear infinite;
}
@keyframes fall-27 {
  43.079% {
    transform: translate(25.9903vw, 43.079vh) scale(0.3509);
  }
  to {
    transform: translate(26.16835vw, 100vh) scale(0.3509);
  }
}
.snow:nth-child(28) {
  opacity: 0.1555;
  transform: translate(28.4192vw, -10px) scale(0.9248);
  animation: fall-28 13s -2s linear infinite;
}
@keyframes fall-28 {
  58.902% {
    transform: translate(21.6225vw, 58.902vh) scale(0.9248);
  }
  to {
    transform: translate(25.02085vw, 100vh) scale(0.9248);
  }
}
.snow:nth-child(29) {
  opacity: 0.8788;
  transform: translate(47.556vw, -10px) scale(0.2789);
  animation: fall-29 24s -6s linear infinite;
}
@keyframes fall-29 {
  75.646% {
    transform: translate(49.7497vw, 75.646vh) scale(0.2789);
  }
  to {
    transform: translate(48.65285vw, 100vh) scale(0.2789);
  }
}
.snow:nth-child(30) {
  opacity: 0.7141;
  transform: translate(21.3291vw, -10px) scale(0.7445);
  animation: fall-30 10s -10s linear infinite;
}
@keyframes fall-30 {
  31.98% {
    transform: translate(26.4669vw, 31.98vh) scale(0.7445);
  }
  to {
    transform: translate(23.898vw, 100vh) scale(0.7445);
  }
}
.snow:nth-child(31) {
  opacity: 0.1274;
  transform: translate(24.9075vw, -10px) scale(0.9194);
  animation: fall-31 21s -11s linear infinite;
}
@keyframes fall-31 {
  67.391% {
    transform: translate(15.6957vw, 67.391vh) scale(0.9194);
  }
  to {
    transform: translate(20.3016vw, 100vh) scale(0.9194);
  }
}
.snow:nth-child(32) {
  opacity: 0.7191;
  transform: translate(75.2946vw, -10px) scale(0.7128);
  animation: fall-32 17s -14s linear infinite;
}
@keyframes fall-32 {
  68.471% {
    transform: translate(73.5421vw, 68.471vh) scale(0.7128);
  }
  to {
    transform: translate(74.41835vw, 100vh) scale(0.7128);
  }
}
.snow:nth-child(33) {
  opacity: 0.6182;
  transform: translate(55.762vw, -10px) scale(0.0134);
  animation: fall-33 25s -16s linear infinite;
}
@keyframes fall-33 {
  33.538% {
    transform: translate(52.4892vw, 33.538vh) scale(0.0134);
  }
  to {
    transform: translate(54.1256vw, 100vh) scale(0.0134);
  }
}
.snow:nth-child(34) {
  opacity: 0.7217;
  transform: translate(70.4038vw, -10px) scale(0.7242);
  animation: fall-34 30s -21s linear infinite;
}
@keyframes fall-34 {
  62.274% {
    transform: translate(78.9608vw, 62.274vh) scale(0.7242);
  }
  to {
    transform: translate(74.6823vw, 100vh) scale(0.7242);
  }
}
.snow:nth-child(35) {
  opacity: 0.8835;
  transform: translate(83.8872vw, -10px) scale(0.6195);
  animation: fall-35 27s -22s linear infinite;
}
@keyframes fall-35 {
  78.809% {
    transform: translate(92.9923vw, 78.809vh) scale(0.6195);
  }
  to {
    transform: translate(88.43975vw, 100vh) scale(0.6195);
  }
}
.snow:nth-child(36) {
  opacity: 0.7439;
  transform: translate(79.5465vw, -10px) scale(0.7679);
  animation: fall-36 15s -27s linear infinite;
}
@keyframes fall-36 {
  56.691% {
    transform: translate(74.0969vw, 56.691vh) scale(0.7679);
  }
  to {
    transform: translate(76.8217vw, 100vh) scale(0.7679);
  }
}
.snow:nth-child(37) {
  opacity: 0.6974;
  transform: translate(2.7799vw, -10px) scale(0.5399);
  animation: fall-37 18s -30s linear infinite;
}
@keyframes fall-37 {
  32.219% {
    transform: translate(2.1132vw, 32.219vh) scale(0.5399);
  }
  to {
    transform: translate(2.44655vw, 100vh) scale(0.5399);
  }
}
.snow:nth-child(38) {
  opacity: 0.982;
  transform: translate(71.1092vw, -10px) scale(0.1582);
  animation: fall-38 28s -12s linear infinite;
}
@keyframes fall-38 {
  43.156% {
    transform: translate(71.2642vw, 43.156vh) scale(0.1582);
  }
  to {
    transform: translate(71.1867vw, 100vh) scale(0.1582);
  }
}
.snow:nth-child(39) {
  opacity: 0.2018;
  transform: translate(46.811vw, -10px) scale(0.5332);
  animation: fall-39 21s -15s linear infinite;
}
@keyframes fall-39 {
  65.112% {
    transform: translate(40.0351vw, 65.112vh) scale(0.5332);
  }
  to {
    transform: translate(43.42305vw, 100vh) scale(0.5332);
  }
}
.snow:nth-child(40) {
  opacity: 0.9968;
  transform: translate(79.3318vw, -10px) scale(0.483);
  animation: fall-40 27s -20s linear infinite;
}
@keyframes fall-40 {
  57.163% {
    transform: translate(77.442vw, 57.163vh) scale(0.483);
  }
  to {
    transform: translate(78.3869vw, 100vh) scale(0.483);
  }
}
.snow:nth-child(41) {
  opacity: 0.0462;
  transform: translate(12.0691vw, -10px) scale(0.1065);
  animation: fall-41 29s -16s linear infinite;
}
@keyframes fall-41 {
  65.114% {
    transform: translate(8.1959vw, 65.114vh) scale(0.1065);
  }
  to {
    transform: translate(10.1325vw, 100vh) scale(0.1065);
  }
}
.snow:nth-child(42) {
  opacity: 0.8025;
  transform: translate(72.5013vw, -10px) scale(0.972);
  animation: fall-42 11s -29s linear infinite;
}
@keyframes fall-42 {
  55.187% {
    transform: translate(62.5806vw, 55.187vh) scale(0.972);
  }
  to {
    transform: translate(67.54095vw, 100vh) scale(0.972);
  }
}
.snow:nth-child(43) {
  opacity: 0.5994;
  transform: translate(46.3913vw, -10px) scale(0.3641);
  animation: fall-43 17s -23s linear infinite;
}
@keyframes fall-43 {
  66.506% {
    transform: translate(54.2852vw, 66.506vh) scale(0.3641);
  }
  to {
    transform: translate(50.33825vw, 100vh) scale(0.3641);
  }
}
.snow:nth-child(44) {
  opacity: 0.1351;
  transform: translate(62.2651vw, -10px) scale(0.7052);
  animation: fall-44 16s -30s linear infinite;
}
@keyframes fall-44 {
  43.901% {
    transform: translate(52.2825vw, 43.901vh) scale(0.7052);
  }
  to {
    transform: translate(57.2738vw, 100vh) scale(0.7052);
  }
}
.snow:nth-child(45) {
  opacity: 0.1244;
  transform: translate(34.3426vw, -10px) scale(0.5588);
  animation: fall-45 26s -4s linear infinite;
}
@keyframes fall-45 {
  54.444% {
    transform: translate(26.7747vw, 54.444vh) scale(0.5588);
  }
  to {
    transform: translate(30.55865vw, 100vh) scale(0.5588);
  }
}
.snow:nth-child(46) {
  opacity: 0.3699;
  transform: translate(31.9267vw, -10px) scale(0.2845);
  animation: fall-46 24s -19s linear infinite;
}
@keyframes fall-46 {
  31.336% {
    transform: translate(25.5625vw, 31.336vh) scale(0.2845);
  }
  to {
    transform: translate(28.7446vw, 100vh) scale(0.2845);
  }
}
.snow:nth-child(47) {
  opacity: 0.4471;
  transform: translate(47.5792vw, -10px) scale(0.9011);
  animation: fall-47 30s -11s linear infinite;
}
@keyframes fall-47 {
  50.263% {
    transform: translate(55.0386vw, 50.263vh) scale(0.9011);
  }
  to {
    transform: translate(51.3089vw, 100vh) scale(0.9011);
  }
}
.snow:nth-child(48) {
  opacity: 0.9158;
  transform: translate(71.8147vw, -10px) scale(0.1556);
  animation: fall-48 13s -29s linear infinite;
}
@keyframes fall-48 {
  74.294% {
    transform: translate(69.0528vw, 74.294vh) scale(0.1556);
  }
  to {
    transform: translate(70.43375vw, 100vh) scale(0.1556);
  }
}
.snow:nth-child(49) {
  opacity: 0.4486;
  transform: translate(41.739vw, -10px) scale(0.9741);
  animation: fall-49 10s -3s linear infinite;
}
@keyframes fall-49 {
  34.427% {
    transform: translate(38.7576vw, 34.427vh) scale(0.9741);
  }
  to {
    transform: translate(40.2483vw, 100vh) scale(0.9741);
  }
}
.snow:nth-child(50) {
  opacity: 0.8105;
  transform: translate(42.6863vw, -10px) scale(0.4136);
  animation: fall-50 29s -12s linear infinite;
}
@keyframes fall-50 {
  40.196% {
    transform: translate(46.7592vw, 40.196vh) scale(0.4136);
  }
  to {
    transform: translate(44.72275vw, 100vh) scale(0.4136);
  }
}
.snow:nth-child(51) {
  opacity: 0.0946;
  transform: translate(30.8504vw, -10px) scale(0.9332);
  animation: fall-51 11s -21s linear infinite;
}
@keyframes fall-51 {
  38.64% {
    transform: translate(27.4273vw, 38.64vh) scale(0.9332);
  }
  to {
    transform: translate(29.13885vw, 100vh) scale(0.9332);
  }
}
.snow:nth-child(52) {
  opacity: 0.8205;
  transform: translate(21.0267vw, -10px) scale(0.4527);
  animation: fall-52 21s -15s linear infinite;
}
@keyframes fall-52 {
  43.256% {
    transform: translate(14.2944vw, 43.256vh) scale(0.4527);
  }
  to {
    transform: translate(17.66055vw, 100vh) scale(0.4527);
  }
}
.snow:nth-child(53) {
  opacity: 0.5879;
  transform: translate(49.797vw, -10px) scale(0.5704);
  animation: fall-53 17s -17s linear infinite;
}
@keyframes fall-53 {
  33.355% {
    transform: translate(51.4929vw, 33.355vh) scale(0.5704);
  }
  to {
    transform: translate(50.64495vw, 100vh) scale(0.5704);
  }
}
.snow:nth-child(54) {
  opacity: 0.2675;
  transform: translate(9.1281vw, -10px) scale(0.9719);
  animation: fall-54 27s -4s linear infinite;
}
@keyframes fall-54 {
  58.02% {
    transform: translate(8.423vw, 58.02vh) scale(0.9719);
  }
  to {
    transform: translate(8.77555vw, 100vh) scale(0.9719);
  }
}
.snow:nth-child(55) {
  opacity: 0.7907;
  transform: translate(8.2465vw, -10px) scale(0.5076);
  animation: fall-55 29s -11s linear infinite;
}
@keyframes fall-55 {
  70.979% {
    transform: translate(4.1554vw, 70.979vh) scale(0.5076);
  }
  to {
    transform: translate(6.20095vw, 100vh) scale(0.5076);
  }
}
.snow:nth-child(56) {
  opacity: 0.8883;
  transform: translate(34.7662vw, -10px) scale(0.1975);
  animation: fall-56 29s -21s linear infinite;
}
@keyframes fall-56 {
  33.263% {
    transform: translate(28.7047vw, 33.263vh) scale(0.1975);
  }
  to {
    transform: translate(31.73545vw, 100vh) scale(0.1975);
  }
}
.snow:nth-child(57) {
  opacity: 0.8426;
  transform: translate(44.3585vw, -10px) scale(0.0044);
  animation: fall-57 27s -5s linear infinite;
}
@keyframes fall-57 {
  30.984% {
    transform: translate(41.5858vw, 30.984vh) scale(0.0044);
  }
  to {
    transform: translate(42.97215vw, 100vh) scale(0.0044);
  }
}
.snow:nth-child(58) {
  opacity: 0.7485;
  transform: translate(49.5607vw, -10px) scale(0.9108);
  animation: fall-58 19s -23s linear infinite;
}
@keyframes fall-58 {
  66.646% {
    transform: translate(40.2835vw, 66.646vh) scale(0.9108);
  }
  to {
    transform: translate(44.9221vw, 100vh) scale(0.9108);
  }
}
.snow:nth-child(59) {
  opacity: 0.5117;
  transform: translate(83.8011vw, -10px) scale(0.1663);
  animation: fall-59 24s -11s linear infinite;
}
@keyframes fall-59 {
  70.993% {
    transform: translate(75.4405vw, 70.993vh) scale(0.1663);
  }
  to {
    transform: translate(79.6208vw, 100vh) scale(0.1663);
  }
}
.snow:nth-child(60) {
  opacity: 0.8467;
  transform: translate(95.6844vw, -10px) scale(0.6197);
  animation: fall-60 25s -9s linear infinite;
}
@keyframes fall-60 {
  47.864% {
    transform: translate(105.208vw, 47.864vh) scale(0.6197);
  }
  to {
    transform: translate(100.4462vw, 100vh) scale(0.6197);
  }
}
.snow:nth-child(61) {
  opacity: 0.1768;
  transform: translate(31.5156vw, -10px) scale(0.1375);
  animation: fall-61 10s -22s linear infinite;
}
@keyframes fall-61 {
  64.3% {
    transform: translate(37.5342vw, 64.3vh) scale(0.1375);
  }
  to {
    transform: translate(34.5249vw, 100vh) scale(0.1375);
  }
}
.snow:nth-child(62) {
  opacity: 0.8965;
  transform: translate(28.9014vw, -10px) scale(0.7771);
  animation: fall-62 16s -6s linear infinite;
}
@keyframes fall-62 {
  46.308% {
    transform: translate(28.8757vw, 46.308vh) scale(0.7771);
  }
  to {
    transform: translate(28.88855vw, 100vh) scale(0.7771);
  }
}
.snow:nth-child(63) {
  opacity: 0.8251;
  transform: translate(35.7839vw, -10px) scale(0.1439);
  animation: fall-63 18s -23s linear infinite;
}
@keyframes fall-63 {
  59.967% {
    transform: translate(36.1373vw, 59.967vh) scale(0.1439);
  }
  to {
    transform: translate(35.9606vw, 100vh) scale(0.1439);
  }
}
.snow:nth-child(64) {
  opacity: 0.8943;
  transform: translate(76.0776vw, -10px) scale(0.6979);
  animation: fall-64 25s -25s linear infinite;
}
@keyframes fall-64 {
  61.236% {
    transform: translate(75.4936vw, 61.236vh) scale(0.6979);
  }
  to {
    transform: translate(75.7856vw, 100vh) scale(0.6979);
  }
}
.snow:nth-child(65) {
  opacity: 0.0025;
  transform: translate(40.529vw, -10px) scale(0.402);
  animation: fall-65 14s -16s linear infinite;
}
@keyframes fall-65 {
  63.986% {
    transform: translate(32.1477vw, 63.986vh) scale(0.402);
  }
  to {
    transform: translate(36.33835vw, 100vh) scale(0.402);
  }
}
.snow:nth-child(66) {
  opacity: 0.3874;
  transform: translate(89.4884vw, -10px) scale(0.4168);
  animation: fall-66 14s -21s linear infinite;
}
@keyframes fall-66 {
  73.81% {
    transform: translate(83.268vw, 73.81vh) scale(0.4168);
  }
  to {
    transform: translate(86.3782vw, 100vh) scale(0.4168);
  }
}
.snow:nth-child(67) {
  opacity: 0.6656;
  transform: translate(76.6073vw, -10px) scale(0.5455);
  animation: fall-67 22s -4s linear infinite;
}
@keyframes fall-67 {
  36.377% {
    transform: translate(72.3282vw, 36.377vh) scale(0.5455);
  }
  to {
    transform: translate(74.46775vw, 100vh) scale(0.5455);
  }
}
.snow:nth-child(68) {
  opacity: 0.8718;
  transform: translate(70.3496vw, -10px) scale(0.1513);
  animation: fall-68 28s -27s linear infinite;
}
@keyframes fall-68 {
  62.233% {
    transform: translate(61.4705vw, 62.233vh) scale(0.1513);
  }
  to {
    transform: translate(65.91005vw, 100vh) scale(0.1513);
  }
}
.snow:nth-child(69) {
  opacity: 0.1841;
  transform: translate(54.7216vw, -10px) scale(0.8072);
  animation: fall-69 12s -30s linear infinite;
}
@keyframes fall-69 {
  32.015% {
    transform: translate(52.259vw, 32.015vh) scale(0.8072);
  }
  to {
    transform: translate(53.4903vw, 100vh) scale(0.8072);
  }
}
.snow:nth-child(70) {
  opacity: 0.6129;
  transform: translate(62.6523vw, -10px) scale(0.5589);
  animation: fall-70 19s -7s linear infinite;
}
@keyframes fall-70 {
  54.569% {
    transform: translate(55.5262vw, 54.569vh) scale(0.5589);
  }
  to {
    transform: translate(59.08925vw, 100vh) scale(0.5589);
  }
}
.snow:nth-child(71) {
  opacity: 0.4644;
  transform: translate(11.4113vw, -10px) scale(0.6485);
  animation: fall-71 23s -27s linear infinite;
}
@keyframes fall-71 {
  68.8% {
    transform: translate(21.159vw, 68.8vh) scale(0.6485);
  }
  to {
    transform: translate(16.28515vw, 100vh) scale(0.6485);
  }
}
.snow:nth-child(72) {
  opacity: 0.4759;
  transform: translate(13.7496vw, -10px) scale(0.2517);
  animation: fall-72 19s -23s linear infinite;
}
@keyframes fall-72 {
  46.848% {
    transform: translate(16.9547vw, 46.848vh) scale(0.2517);
  }
  to {
    transform: translate(15.35215vw, 100vh) scale(0.2517);
  }
}
.snow:nth-child(73) {
  opacity: 0.6854;
  transform: translate(78.8685vw, -10px) scale(0.9123);
  animation: fall-73 23s -27s linear infinite;
}
@keyframes fall-73 {
  47.257% {
    transform: translate(83.7273vw, 47.257vh) scale(0.9123);
  }
  to {
    transform: translate(81.2979vw, 100vh) scale(0.9123);
  }
}
.snow:nth-child(74) {
  opacity: 0.1045;
  transform: translate(39.7727vw, -10px) scale(0.4671);
  animation: fall-74 22s -7s linear infinite;
}
@keyframes fall-74 {
  49.077% {
    transform: translate(39.932vw, 49.077vh) scale(0.4671);
  }
  to {
    transform: translate(39.85235vw, 100vh) scale(0.4671);
  }
}
.snow:nth-child(75) {
  opacity: 0.2551;
  transform: translate(68.6202vw, -10px) scale(0.8868);
  animation: fall-75 10s -16s linear infinite;
}
@keyframes fall-75 {
  58.406% {
    transform: translate(64.4946vw, 58.406vh) scale(0.8868);
  }
  to {
    transform: translate(66.5574vw, 100vh) scale(0.8868);
  }
}
.snow:nth-child(76) {
  opacity: 0.7643;
  transform: translate(48.8376vw, -10px) scale(0.6237);
  animation: fall-76 22s -21s linear infinite;
}
@keyframes fall-76 {
  79.808% {
    transform: translate(47.1585vw, 79.808vh) scale(0.6237);
  }
  to {
    transform: translate(47.99805vw, 100vh) scale(0.6237);
  }
}
.snow:nth-child(77) {
  opacity: 0.0612;
  transform: translate(54.7784vw, -10px) scale(0.2448);
  animation: fall-77 21s -24s linear infinite;
}
@keyframes fall-77 {
  39.723% {
    transform: translate(54.1527vw, 39.723vh) scale(0.2448);
  }
  to {
    transform: translate(54.46555vw, 100vh) scale(0.2448);
  }
}
.snow:nth-child(78) {
  opacity: 0.7681;
  transform: translate(14.508vw, -10px) scale(0.0687);
  animation: fall-78 14s -27s linear infinite;
}
@keyframes fall-78 {
  41.211% {
    transform: translate(7.1884vw, 41.211vh) scale(0.0687);
  }
  to {
    transform: translate(10.8482vw, 100vh) scale(0.0687);
  }
}
.snow:nth-child(79) {
  opacity: 0.8437;
  transform: translate(62.0911vw, -10px) scale(0.6111);
  animation: fall-79 11s -25s linear infinite;
}
@keyframes fall-79 {
  33.004% {
    transform: translate(53.3714vw, 33.004vh) scale(0.6111);
  }
  to {
    transform: translate(57.73125vw, 100vh) scale(0.6111);
  }
}
.snow:nth-child(80) {
  opacity: 0.7304;
  transform: translate(82.7757vw, -10px) scale(0.6378);
  animation: fall-80 17s -7s linear infinite;
}
@keyframes fall-80 {
  58.978% {
    transform: translate(79.7698vw, 58.978vh) scale(0.6378);
  }
  to {
    transform: translate(81.27275vw, 100vh) scale(0.6378);
  }
}
.snow:nth-child(81) {
  opacity: 0.8537;
  transform: translate(43.147vw, -10px) scale(0.6424);
  animation: fall-81 18s -10s linear infinite;
}
@keyframes fall-81 {
  68.84% {
    transform: translate(46.7482vw, 68.84vh) scale(0.6424);
  }
  to {
    transform: translate(44.9476vw, 100vh) scale(0.6424);
  }
}
.snow:nth-child(82) {
  opacity: 0.2872;
  transform: translate(97.8626vw, -10px) scale(0.9087);
  animation: fall-82 16s -3s linear infinite;
}
@keyframes fall-82 {
  44.105% {
    transform: translate(105.8056vw, 44.105vh) scale(0.9087);
  }
  to {
    transform: translate(101.8341vw, 100vh) scale(0.9087);
  }
}
.snow:nth-child(83) {
  opacity: 0.409;
  transform: translate(25.6856vw, -10px) scale(0.9762);
  animation: fall-83 11s -17s linear infinite;
}
@keyframes fall-83 {
  42.423% {
    transform: translate(27.809vw, 42.423vh) scale(0.9762);
  }
  to {
    transform: translate(26.7473vw, 100vh) scale(0.9762);
  }
}
.snow:nth-child(84) {
  opacity: 0.976;
  transform: translate(97.5383vw, -10px) scale(0.3588);
  animation: fall-84 13s -10s linear infinite;
}
@keyframes fall-84 {
  65.732% {
    transform: translate(90.7027vw, 65.732vh) scale(0.3588);
  }
  to {
    transform: translate(94.1205vw, 100vh) scale(0.3588);
  }
}
.snow:nth-child(85) {
  opacity: 0.943;
  transform: translate(33.4413vw, -10px) scale(0.6422);
  animation: fall-85 21s -28s linear infinite;
}
@keyframes fall-85 {
  40.03% {
    transform: translate(41.9457vw, 40.03vh) scale(0.6422);
  }
  to {
    transform: translate(37.6935vw, 100vh) scale(0.6422);
  }
}
.snow:nth-child(86) {
  opacity: 0.2802;
  transform: translate(23.2239vw, -10px) scale(0.9086);
  animation: fall-86 26s -19s linear infinite;
}
@keyframes fall-86 {
  43.367% {
    transform: translate(20.6923vw, 43.367vh) scale(0.9086);
  }
  to {
    transform: translate(21.9581vw, 100vh) scale(0.9086);
  }
}
.snow:nth-child(87) {
  opacity: 0.8593;
  transform: translate(5.3493vw, -10px) scale(0.2297);
  animation: fall-87 13s -6s linear infinite;
}
@keyframes fall-87 {
  33.313% {
    transform: translate(7.4027vw, 33.313vh) scale(0.2297);
  }
  to {
    transform: translate(6.376vw, 100vh) scale(0.2297);
  }
}
.snow:nth-child(88) {
  opacity: 0.5179;
  transform: translate(71.8588vw, -10px) scale(0.4104);
  animation: fall-88 16s -4s linear infinite;
}
@keyframes fall-88 {
  60.228% {
    transform: translate(73.8196vw, 60.228vh) scale(0.4104);
  }
  to {
    transform: translate(72.8392vw, 100vh) scale(0.4104);
  }
}
.snow:nth-child(89) {
  opacity: 0.1355;
  transform: translate(31.1272vw, -10px) scale(0.2859);
  animation: fall-89 10s -23s linear infinite;
}
@keyframes fall-89 {
  57.052% {
    transform: translate(28.5809vw, 57.052vh) scale(0.2859);
  }
  to {
    transform: translate(29.85405vw, 100vh) scale(0.2859);
  }
}
.snow:nth-child(90) {
  opacity: 0.7298;
  transform: translate(2.0901vw, -10px) scale(0.075);
  animation: fall-90 26s -30s linear infinite;
}
@keyframes fall-90 {
  40.091% {
    transform: translate(9.7615vw, 40.091vh) scale(0.075);
  }
  to {
    transform: translate(5.9258vw, 100vh) scale(0.075);
  }
}
.snow:nth-child(91) {
  opacity: 0.4394;
  transform: translate(69.5595vw, -10px) scale(0.8181);
  animation: fall-91 14s -16s linear infinite;
}
@keyframes fall-91 {
  73.673% {
    transform: translate(66.1919vw, 73.673vh) scale(0.8181);
  }
  to {
    transform: translate(67.8757vw, 100vh) scale(0.8181);
  }
}
.snow:nth-child(92) {
  opacity: 0.7808;
  transform: translate(54.7551vw, -10px) scale(0.4024);
  animation: fall-92 24s -14s linear infinite;
}
@keyframes fall-92 {
  48.384% {
    transform: translate(53.3996vw, 48.384vh) scale(0.4024);
  }
  to {
    transform: translate(54.07735vw, 100vh) scale(0.4024);
  }
}
.snow:nth-child(93) {
  opacity: 0.5014;
  transform: translate(34.2195vw, -10px) scale(0.8452);
  animation: fall-93 27s -28s linear infinite;
}
@keyframes fall-93 {
  38.677% {
    transform: translate(30.6031vw, 38.677vh) scale(0.8452);
  }
  to {
    transform: translate(32.4113vw, 100vh) scale(0.8452);
  }
}
.snow:nth-child(94) {
  opacity: 0.407;
  transform: translate(44.5719vw, -10px) scale(0.1616);
  animation: fall-94 25s -15s linear infinite;
}
@keyframes fall-94 {
  59.884% {
    transform: translate(41.6395vw, 59.884vh) scale(0.1616);
  }
  to {
    transform: translate(43.1057vw, 100vh) scale(0.1616);
  }
}
.snow:nth-child(95) {
  opacity: 0.5749;
  transform: translate(77.2593vw, -10px) scale(0.4134);
  animation: fall-95 28s -21s linear infinite;
}
@keyframes fall-95 {
  58.146% {
    transform: translate(81.7198vw, 58.146vh) scale(0.4134);
  }
  to {
    transform: translate(79.48955vw, 100vh) scale(0.4134);
  }
}
.snow:nth-child(96) {
  opacity: 0.7568;
  transform: translate(92.3553vw, -10px) scale(0.601);
  animation: fall-96 14s -29s linear infinite;
}
@keyframes fall-96 {
  53.204% {
    transform: translate(83.7232vw, 53.204vh) scale(0.601);
  }
  to {
    transform: translate(88.03925vw, 100vh) scale(0.601);
  }
}
.snow:nth-child(97) {
  opacity: 0.2838;
  transform: translate(11.5085vw, -10px) scale(0.9218);
  animation: fall-97 21s -29s linear infinite;
}
@keyframes fall-97 {
  50.823% {
    transform: translate(5.2455vw, 50.823vh) scale(0.9218);
  }
  to {
    transform: translate(8.377vw, 100vh) scale(0.9218);
  }
}
.snow:nth-child(98) {
  opacity: 0.3561;
  transform: translate(41.8175vw, -10px) scale(0.4337);
  animation: fall-98 13s -4s linear infinite;
}
@keyframes fall-98 {
  34.804% {
    transform: translate(43.2297vw, 34.804vh) scale(0.4337);
  }
  to {
    transform: translate(42.5236vw, 100vh) scale(0.4337);
  }
}
.snow:nth-child(99) {
  opacity: 0.3234;
  transform: translate(85.3066vw, -10px) scale(0.5987);
  animation: fall-99 27s -1s linear infinite;
}
@keyframes fall-99 {
  39.787% {
    transform: translate(85.4317vw, 39.787vh) scale(0.5987);
  }
  to {
    transform: translate(85.36915vw, 100vh) scale(0.5987);
  }
}
.snow:nth-child(100) {
  opacity: 0.6877;
  transform: translate(15.4647vw, -10px) scale(0.0013);
  animation: fall-100 30s -16s linear infinite;
}
@keyframes fall-100 {
  64.09% {
    transform: translate(25.3839vw, 64.09vh) scale(0.0013);
  }
  to {
    transform: translate(20.4243vw, 100vh) scale(0.0013);
  }
}
.snow:nth-child(101) {
  opacity: 0.3907;
  transform: translate(0.6229vw, -10px) scale(0.551);
  animation: fall-101 30s -12s linear infinite;
}
@keyframes fall-101 {
  52.846% {
    transform: translate(2.3935vw, 52.846vh) scale(0.551);
  }
  to {
    transform: translate(1.5082vw, 100vh) scale(0.551);
  }
}
.snow:nth-child(102) {
  opacity: 0.0273;
  transform: translate(80.4293vw, -10px) scale(0.2408);
  animation: fall-102 14s -12s linear infinite;
}
@keyframes fall-102 {
  49.289% {
    transform: translate(87.1656vw, 49.289vh) scale(0.2408);
  }
  to {
    transform: translate(83.79745vw, 100vh) scale(0.2408);
  }
}
.snow:nth-child(103) {
  opacity: 0.9538;
  transform: translate(34.8473vw, -10px) scale(0.7253);
  animation: fall-103 12s -10s linear infinite;
}
@keyframes fall-103 {
  39.972% {
    transform: translate(35.2462vw, 39.972vh) scale(0.7253);
  }
  to {
    transform: translate(35.04675vw, 100vh) scale(0.7253);
  }
}
.snow:nth-child(104) {
  opacity: 0.3928;
  transform: translate(90.3289vw, -10px) scale(0.4539);
  animation: fall-104 12s -11s linear infinite;
}
@keyframes fall-104 {
  67.081% {
    transform: translate(84.1377vw, 67.081vh) scale(0.4539);
  }
  to {
    transform: translate(87.2333vw, 100vh) scale(0.4539);
  }
}
.snow:nth-child(105) {
  opacity: 0.265;
  transform: translate(32.331vw, -10px) scale(0.3916);
  animation: fall-105 17s -7s linear infinite;
}
@keyframes fall-105 {
  30.362% {
    transform: translate(39.2464vw, 30.362vh) scale(0.3916);
  }
  to {
    transform: translate(35.7887vw, 100vh) scale(0.3916);
  }
}
.snow:nth-child(106) {
  opacity: 0.154;
  transform: translate(39.2076vw, -10px) scale(0.9517);
  animation: fall-106 18s -9s linear infinite;
}
@keyframes fall-106 {
  52.135% {
    transform: translate(48.7939vw, 52.135vh) scale(0.9517);
  }
  to {
    transform: translate(44.00075vw, 100vh) scale(0.9517);
  }
}
.snow:nth-child(107) {
  opacity: 0.2021;
  transform: translate(78.3674vw, -10px) scale(0.276);
  animation: fall-107 30s -27s linear infinite;
}
@keyframes fall-107 {
  33.607% {
    transform: translate(80.2645vw, 33.607vh) scale(0.276);
  }
  to {
    transform: translate(79.31595vw, 100vh) scale(0.276);
  }
}
.snow:nth-child(108) {
  opacity: 0.4366;
  transform: translate(9.3796vw, -10px) scale(0.0796);
  animation: fall-108 12s -26s linear infinite;
}
@keyframes fall-108 {
  63.203% {
    transform: translate(2.9892vw, 63.203vh) scale(0.0796);
  }
  to {
    transform: translate(6.1844vw, 100vh) scale(0.0796);
  }
}
.snow:nth-child(109) {
  opacity: 0.0922;
  transform: translate(22.4294vw, -10px) scale(0.058);
  animation: fall-109 28s -17s linear infinite;
}
@keyframes fall-109 {
  70.058% {
    transform: translate(15.0354vw, 70.058vh) scale(0.058);
  }
  to {
    transform: translate(18.7324vw, 100vh) scale(0.058);
  }
}
.snow:nth-child(110) {
  opacity: 0.7803;
  transform: translate(87.9282vw, -10px) scale(0.0718);
  animation: fall-110 28s -21s linear infinite;
}
@keyframes fall-110 {
  31.582% {
    transform: translate(82.0239vw, 31.582vh) scale(0.0718);
  }
  to {
    transform: translate(84.97605vw, 100vh) scale(0.0718);
  }
}
.snow:nth-child(111) {
  opacity: 0.7727;
  transform: translate(12.136vw, -10px) scale(0.8681);
  animation: fall-111 28s -2s linear infinite;
}
@keyframes fall-111 {
  66.513% {
    transform: translate(13.8152vw, 66.513vh) scale(0.8681);
  }
  to {
    transform: translate(12.9756vw, 100vh) scale(0.8681);
  }
}
.snow:nth-child(112) {
  opacity: 0.8557;
  transform: translate(6.9598vw, -10px) scale(0.6844);
  animation: fall-112 20s -13s linear infinite;
}
@keyframes fall-112 {
  30.024% {
    transform: translate(3.1305vw, 30.024vh) scale(0.6844);
  }
  to {
    transform: translate(5.04515vw, 100vh) scale(0.6844);
  }
}
.snow:nth-child(113) {
  opacity: 0.2417;
  transform: translate(53.588vw, -10px) scale(0.2236);
  animation: fall-113 14s -30s linear infinite;
}
@keyframes fall-113 {
  53.198% {
    transform: translate(46.7588vw, 53.198vh) scale(0.2236);
  }
  to {
    transform: translate(50.1734vw, 100vh) scale(0.2236);
  }
}
.snow:nth-child(114) {
  opacity: 0.7676;
  transform: translate(67.9102vw, -10px) scale(0.3517);
  animation: fall-114 13s -19s linear infinite;
}
@keyframes fall-114 {
  47.159% {
    transform: translate(70.3851vw, 47.159vh) scale(0.3517);
  }
  to {
    transform: translate(69.14765vw, 100vh) scale(0.3517);
  }
}
.snow:nth-child(115) {
  opacity: 0.0099;
  transform: translate(33.3699vw, -10px) scale(0.4422);
  animation: fall-115 28s -1s linear infinite;
}
@keyframes fall-115 {
  61.434% {
    transform: translate(42.9161vw, 61.434vh) scale(0.4422);
  }
  to {
    transform: translate(38.143vw, 100vh) scale(0.4422);
  }
}
.snow:nth-child(116) {
  opacity: 0.278;
  transform: translate(73.4049vw, -10px) scale(0.0394);
  animation: fall-116 18s -7s linear infinite;
}
@keyframes fall-116 {
  44.262% {
    transform: translate(80.8551vw, 44.262vh) scale(0.0394);
  }
  to {
    transform: translate(77.13vw, 100vh) scale(0.0394);
  }
}
.snow:nth-child(117) {
  opacity: 0.1499;
  transform: translate(14.6332vw, -10px) scale(0.8509);
  animation: fall-117 22s -24s linear infinite;
}
@keyframes fall-117 {
  43.088% {
    transform: translate(20.7599vw, 43.088vh) scale(0.8509);
  }
  to {
    transform: translate(17.69655vw, 100vh) scale(0.8509);
  }
}
.snow:nth-child(118) {
  opacity: 0.7032;
  transform: translate(8.9732vw, -10px) scale(0.7753);
  animation: fall-118 20s -11s linear infinite;
}
@keyframes fall-118 {
  50.925% {
    transform: translate(18.1047vw, 50.925vh) scale(0.7753);
  }
  to {
    transform: translate(13.53895vw, 100vh) scale(0.7753);
  }
}
.snow:nth-child(119) {
  opacity: 0.4316;
  transform: translate(63.7952vw, -10px) scale(0.8929);
  animation: fall-119 24s -1s linear infinite;
}
@keyframes fall-119 {
  50.979% {
    transform: translate(64.8936vw, 50.979vh) scale(0.8929);
  }
  to {
    transform: translate(64.3444vw, 100vh) scale(0.8929);
  }
}
.snow:nth-child(120) {
  opacity: 0.3708;
  transform: translate(66.3557vw, -10px) scale(0.2381);
  animation: fall-120 29s -9s linear infinite;
}
@keyframes fall-120 {
  45.362% {
    transform: translate(60.5738vw, 45.362vh) scale(0.2381);
  }
  to {
    transform: translate(63.46475vw, 100vh) scale(0.2381);
  }
}
.snow:nth-child(121) {
  opacity: 0.7319;
  transform: translate(1.4063vw, -10px) scale(0.7201);
  animation: fall-121 16s -6s linear infinite;
}
@keyframes fall-121 {
  35.83% {
    transform: translate(3.7321vw, 35.83vh) scale(0.7201);
  }
  to {
    transform: translate(2.5692vw, 100vh) scale(0.7201);
  }
}
.snow:nth-child(122) {
  opacity: 0.9549;
  transform: translate(97.4874vw, -10px) scale(0.3267);
  animation: fall-122 12s -19s linear infinite;
}
@keyframes fall-122 {
  38.395% {
    transform: translate(97.526vw, 38.395vh) scale(0.3267);
  }
  to {
    transform: translate(97.5067vw, 100vh) scale(0.3267);
  }
}
.snow:nth-child(123) {
  opacity: 0.5854;
  transform: translate(88.116vw, -10px) scale(0.1724);
  animation: fall-123 28s -10s linear infinite;
}
@keyframes fall-123 {
  33.236% {
    transform: translate(88.7615vw, 33.236vh) scale(0.1724);
  }
  to {
    transform: translate(88.43875vw, 100vh) scale(0.1724);
  }
}
.snow:nth-child(124) {
  opacity: 0.9262;
  transform: translate(51.8566vw, -10px) scale(0.836);
  animation: fall-124 16s -27s linear infinite;
}
@keyframes fall-124 {
  68.477% {
    transform: translate(60.4543vw, 68.477vh) scale(0.836);
  }
  to {
    transform: translate(56.15545vw, 100vh) scale(0.836);
  }
}
.snow:nth-child(125) {
  opacity: 0.7232;
  transform: translate(80.1697vw, -10px) scale(0.4006);
  animation: fall-125 27s -21s linear infinite;
}
@keyframes fall-125 {
  75.636% {
    transform: translate(70.9654vw, 75.636vh) scale(0.4006);
  }
  to {
    transform: translate(75.56755vw, 100vh) scale(0.4006);
  }
}
.snow:nth-child(126) {
  opacity: 0.1754;
  transform: translate(3.0165vw, -10px) scale(0.3729);
  animation: fall-126 21s -28s linear infinite;
}
@keyframes fall-126 {
  39.824% {
    transform: translate(-1.9376vw, 39.824vh) scale(0.3729);
  }
  to {
    transform: translate(0.53945vw, 100vh) scale(0.3729);
  }
}
.snow:nth-child(127) {
  opacity: 0.1653;
  transform: translate(69.0265vw, -10px) scale(0.4231);
  animation: fall-127 23s -18s linear infinite;
}
@keyframes fall-127 {
  58.271% {
    transform: translate(78.1122vw, 58.271vh) scale(0.4231);
  }
  to {
    transform: translate(73.56935vw, 100vh) scale(0.4231);
  }
}
.snow:nth-child(128) {
  opacity: 0.9188;
  transform: translate(36.5009vw, -10px) scale(0.6349);
  animation: fall-128 10s -6s linear infinite;
}
@keyframes fall-128 {
  79.641% {
    transform: translate(44.0351vw, 79.641vh) scale(0.6349);
  }
  to {
    transform: translate(40.268vw, 100vh) scale(0.6349);
  }
}
.snow:nth-child(129) {
  opacity: 0.0011;
  transform: translate(31.9804vw, -10px) scale(0.386);
  animation: fall-129 29s -26s linear infinite;
}
@keyframes fall-129 {
  67.229% {
    transform: translate(41.1453vw, 67.229vh) scale(0.386);
  }
  to {
    transform: translate(36.56285vw, 100vh) scale(0.386);
  }
}
.snow:nth-child(130) {
  opacity: 0.0782;
  transform: translate(36.2865vw, -10px) scale(0.6388);
  animation: fall-130 20s -1s linear infinite;
}
@keyframes fall-130 {
  73.762% {
    transform: translate(28.0669vw, 73.762vh) scale(0.6388);
  }
  to {
    transform: translate(32.1767vw, 100vh) scale(0.6388);
  }
}
.snow:nth-child(131) {
  opacity: 0.8579;
  transform: translate(70.6341vw, -10px) scale(0.5395);
  animation: fall-131 28s -28s linear infinite;
}
@keyframes fall-131 {
  69.138% {
    transform: translate(67.3843vw, 69.138vh) scale(0.5395);
  }
  to {
    transform: translate(69.0092vw, 100vh) scale(0.5395);
  }
}
.snow:nth-child(132) {
  opacity: 0.1976;
  transform: translate(42.6434vw, -10px) scale(0.4322);
  animation: fall-132 25s -26s linear infinite;
}
@keyframes fall-132 {
  51.344% {
    transform: translate(52.575vw, 51.344vh) scale(0.4322);
  }
  to {
    transform: translate(47.6092vw, 100vh) scale(0.4322);
  }
}
.snow:nth-child(133) {
  opacity: 0.333;
  transform: translate(67.9843vw, -10px) scale(0.1042);
  animation: fall-133 14s -16s linear infinite;
}
@keyframes fall-133 {
  56.536% {
    transform: translate(68.5843vw, 56.536vh) scale(0.1042);
  }
  to {
    transform: translate(68.2843vw, 100vh) scale(0.1042);
  }
}
.snow:nth-child(134) {
  opacity: 0.3872;
  transform: translate(1.17vw, -10px) scale(0.8448);
  animation: fall-134 21s -3s linear infinite;
}
@keyframes fall-134 {
  71.522% {
    transform: translate(-6.1358vw, 71.522vh) scale(0.8448);
  }
  to {
    transform: translate(-2.4829vw, 100vh) scale(0.8448);
  }
}
.snow:nth-child(135) {
  opacity: 0.8609;
  transform: translate(12.3525vw, -10px) scale(0.1174);
  animation: fall-135 17s -13s linear infinite;
}
@keyframes fall-135 {
  54.108% {
    transform: translate(14.9917vw, 54.108vh) scale(0.1174);
  }
  to {
    transform: translate(13.6721vw, 100vh) scale(0.1174);
  }
}
.snow:nth-child(136) {
  opacity: 0.7968;
  transform: translate(15.5624vw, -10px) scale(0.0252);
  animation: fall-136 26s -18s linear infinite;
}
@keyframes fall-136 {
  47.713% {
    transform: translate(24.1288vw, 47.713vh) scale(0.0252);
  }
  to {
    transform: translate(19.8456vw, 100vh) scale(0.0252);
  }
}
.snow:nth-child(137) {
  opacity: 0.1849;
  transform: translate(35.6172vw, -10px) scale(0.4897);
  animation: fall-137 27s -30s linear infinite;
}
@keyframes fall-137 {
  52.809% {
    transform: translate(31.5536vw, 52.809vh) scale(0.4897);
  }
  to {
    transform: translate(33.5854vw, 100vh) scale(0.4897);
  }
}
.snow:nth-child(138) {
  opacity: 0.7824;
  transform: translate(82.1553vw, -10px) scale(0.5973);
  animation: fall-138 24s -29s linear infinite;
}
@keyframes fall-138 {
  30.208% {
    transform: translate(87.1249vw, 30.208vh) scale(0.5973);
  }
  to {
    transform: translate(84.6401vw, 100vh) scale(0.5973);
  }
}
.snow:nth-child(139) {
  opacity: 0.4051;
  transform: translate(64.3911vw, -10px) scale(0.7824);
  animation: fall-139 14s -2s linear infinite;
}
@keyframes fall-139 {
  75.253% {
    transform: translate(70.6618vw, 75.253vh) scale(0.7824);
  }
  to {
    transform: translate(67.52645vw, 100vh) scale(0.7824);
  }
}
.snow:nth-child(140) {
  opacity: 0.887;
  transform: translate(60.7331vw, -10px) scale(0.8901);
  animation: fall-140 30s -3s linear infinite;
}
@keyframes fall-140 {
  44.128% {
    transform: translate(51.3822vw, 44.128vh) scale(0.8901);
  }
  to {
    transform: translate(56.05765vw, 100vh) scale(0.8901);
  }
}
.snow:nth-child(141) {
  opacity: 0.5725;
  transform: translate(10.8039vw, -10px) scale(0.6619);
  animation: fall-141 10s -27s linear infinite;
}
@keyframes fall-141 {
  48.697% {
    transform: translate(3.5894vw, 48.697vh) scale(0.6619);
  }
  to {
    transform: translate(7.19665vw, 100vh) scale(0.6619);
  }
}
.snow:nth-child(142) {
  opacity: 0.271;
  transform: translate(29.3846vw, -10px) scale(0.8225);
  animation: fall-142 28s -28s linear infinite;
}
@keyframes fall-142 {
  41.122% {
    transform: translate(32.4454vw, 41.122vh) scale(0.8225);
  }
  to {
    transform: translate(30.915vw, 100vh) scale(0.8225);
  }
}
.snow:nth-child(143) {
  opacity: 0.7785;
  transform: translate(39.1387vw, -10px) scale(0.8813);
  animation: fall-143 30s -12s linear infinite;
}
@keyframes fall-143 {
  32.453% {
    transform: translate(37.4766vw, 32.453vh) scale(0.8813);
  }
  to {
    transform: translate(38.30765vw, 100vh) scale(0.8813);
  }
}
.snow:nth-child(144) {
  opacity: 0.4695;
  transform: translate(13.1305vw, -10px) scale(0.7925);
  animation: fall-144 19s -29s linear infinite;
}
@keyframes fall-144 {
  63.216% {
    transform: translate(8.622vw, 63.216vh) scale(0.7925);
  }
  to {
    transform: translate(10.87625vw, 100vh) scale(0.7925);
  }
}
.snow:nth-child(145) {
  opacity: 0.3983;
  transform: translate(67.0039vw, -10px) scale(0.1602);
  animation: fall-145 26s -21s linear infinite;
}
@keyframes fall-145 {
  52.484% {
    transform: translate(76.1961vw, 52.484vh) scale(0.1602);
  }
  to {
    transform: translate(71.6vw, 100vh) scale(0.1602);
  }
}
.snow:nth-child(146) {
  opacity: 0.2945;
  transform: translate(64.8396vw, -10px) scale(0.0247);
  animation: fall-146 22s -3s linear infinite;
}
@keyframes fall-146 {
  61.878% {
    transform: translate(58.1657vw, 61.878vh) scale(0.0247);
  }
  to {
    transform: translate(61.50265vw, 100vh) scale(0.0247);
  }
}
.snow:nth-child(147) {
  opacity: 0.061;
  transform: translate(57.9093vw, -10px) scale(0.1947);
  animation: fall-147 19s -16s linear infinite;
}
@keyframes fall-147 {
  70.07% {
    transform: translate(48.1618vw, 70.07vh) scale(0.1947);
  }
  to {
    transform: translate(53.03555vw, 100vh) scale(0.1947);
  }
}
.snow:nth-child(148) {
  opacity: 0.8114;
  transform: translate(89.1977vw, -10px) scale(0.9391);
  animation: fall-148 14s -6s linear infinite;
}
@keyframes fall-148 {
  49.997% {
    transform: translate(91.4808vw, 49.997vh) scale(0.9391);
  }
  to {
    transform: translate(90.33925vw, 100vh) scale(0.9391);
  }
}
.snow:nth-child(149) {
  opacity: 0.419;
  transform: translate(91.1229vw, -10px) scale(0.3578);
  animation: fall-149 21s -6s linear infinite;
}
@keyframes fall-149 {
  71.284% {
    transform: translate(84.4963vw, 71.284vh) scale(0.3578);
  }
  to {
    transform: translate(87.8096vw, 100vh) scale(0.3578);
  }
}
.snow:nth-child(150) {
  opacity: 0.832;
  transform: translate(94.0192vw, -10px) scale(0.1521);
  animation: fall-150 30s -13s linear infinite;
}
@keyframes fall-150 {
  32.371% {
    transform: translate(99.9984vw, 32.371vh) scale(0.1521);
  }
  to {
    transform: translate(97.0088vw, 100vh) scale(0.1521);
  }
}
.snow:nth-child(151) {
  opacity: 0.1044;
  transform: translate(87.4065vw, -10px) scale(0.636);
  animation: fall-151 15s -23s linear infinite;
}
@keyframes fall-151 {
  39.998% {
    transform: translate(95.5199vw, 39.998vh) scale(0.636);
  }
  to {
    transform: translate(91.4632vw, 100vh) scale(0.636);
  }
}
.snow:nth-child(152) {
  opacity: 0.261;
  transform: translate(83.6975vw, -10px) scale(0.7593);
  animation: fall-152 10s -17s linear infinite;
}
@keyframes fall-152 {
  53.883% {
    transform: translate(74.9008vw, 53.883vh) scale(0.7593);
  }
  to {
    transform: translate(79.29915vw, 100vh) scale(0.7593);
  }
}
.snow:nth-child(153) {
  opacity: 0.2154;
  transform: translate(93.5086vw, -10px) scale(0.3033);
  animation: fall-153 29s -15s linear infinite;
}
@keyframes fall-153 {
  70.943% {
    transform: translate(98.7625vw, 70.943vh) scale(0.3033);
  }
  to {
    transform: translate(96.13555vw, 100vh) scale(0.3033);
  }
}
.snow:nth-child(154) {
  opacity: 0.7924;
  transform: translate(94.5295vw, -10px) scale(0.2657);
  animation: fall-154 10s -20s linear infinite;
}
@keyframes fall-154 {
  66.734% {
    transform: translate(95.6042vw, 66.734vh) scale(0.2657);
  }
  to {
    transform: translate(95.06685vw, 100vh) scale(0.2657);
  }
}
.snow:nth-child(155) {
  opacity: 0.4207;
  transform: translate(68.6117vw, -10px) scale(0.1017);
  animation: fall-155 22s -14s linear infinite;
}
@keyframes fall-155 {
  76.091% {
    transform: translate(76.5481vw, 76.091vh) scale(0.1017);
  }
  to {
    transform: translate(72.5799vw, 100vh) scale(0.1017);
  }
}
.snow:nth-child(156) {
  opacity: 0.7023;
  transform: translate(62.1497vw, -10px) scale(0.3837);
  animation: fall-156 27s -26s linear infinite;
}
@keyframes fall-156 {
  70.859% {
    transform: translate(57.9161vw, 70.859vh) scale(0.3837);
  }
  to {
    transform: translate(60.0329vw, 100vh) scale(0.3837);
  }
}
.snow:nth-child(157) {
  opacity: 0.6553;
  transform: translate(75.4624vw, -10px) scale(0.1939);
  animation: fall-157 25s -1s linear infinite;
}
@keyframes fall-157 {
  58.545% {
    transform: translate(74.7286vw, 58.545vh) scale(0.1939);
  }
  to {
    transform: translate(75.0955vw, 100vh) scale(0.1939);
  }
}
.snow:nth-child(158) {
  opacity: 0.2803;
  transform: translate(36.863vw, -10px) scale(0.8925);
  animation: fall-158 16s -10s linear infinite;
}
@keyframes fall-158 {
  62.939% {
    transform: translate(41.533vw, 62.939vh) scale(0.8925);
  }
  to {
    transform: translate(39.198vw, 100vh) scale(0.8925);
  }
}
.snow:nth-child(159) {
  opacity: 0.6298;
  transform: translate(70.4377vw, -10px) scale(0.9573);
  animation: fall-159 29s -15s linear infinite;
}
@keyframes fall-159 {
  31.915% {
    transform: translate(65.1304vw, 31.915vh) scale(0.9573);
  }
  to {
    transform: translate(67.78405vw, 100vh) scale(0.9573);
  }
}
.snow:nth-child(160) {
  opacity: 0.0956;
  transform: translate(33.5937vw, -10px) scale(0.5471);
  animation: fall-160 16s -7s linear infinite;
}
@keyframes fall-160 {
  76.108% {
    transform: translate(31.141vw, 76.108vh) scale(0.5471);
  }
  to {
    transform: translate(32.36735vw, 100vh) scale(0.5471);
  }
}
.snow:nth-child(161) {
  opacity: 0.1683;
  transform: translate(9.286vw, -10px) scale(0.6721);
  animation: fall-161 12s -28s linear infinite;
}
@keyframes fall-161 {
  32.896% {
    transform: translate(4.1508vw, 32.896vh) scale(0.6721);
  }
  to {
    transform: translate(6.7184vw, 100vh) scale(0.6721);
  }
}
.snow:nth-child(162) {
  opacity: 0.4979;
  transform: translate(3.2358vw, -10px) scale(0.2548);
  animation: fall-162 26s -5s linear infinite;
}
@keyframes fall-162 {
  73.42% {
    transform: translate(12.8646vw, 73.42vh) scale(0.2548);
  }
  to {
    transform: translate(8.0502vw, 100vh) scale(0.2548);
  }
}
.snow:nth-child(163) {
  opacity: 0.2402;
  transform: translate(90.1303vw, -10px) scale(0.0376);
  animation: fall-163 26s -6s linear infinite;
}
@keyframes fall-163 {
  54.486% {
    transform: translate(99.4009vw, 54.486vh) scale(0.0376);
  }
  to {
    transform: translate(94.7656vw, 100vh) scale(0.0376);
  }
}
.snow:nth-child(164) {
  opacity: 0.7827;
  transform: translate(88.1105vw, -10px) scale(0.9038);
  animation: fall-164 21s -12s linear infinite;
}
@keyframes fall-164 {
  58.171% {
    transform: translate(94.7621vw, 58.171vh) scale(0.9038);
  }
  to {
    transform: translate(91.4363vw, 100vh) scale(0.9038);
  }
}
.snow:nth-child(165) {
  opacity: 0.3901;
  transform: translate(93.0221vw, -10px) scale(0.5202);
  animation: fall-165 16s -18s linear infinite;
}
@keyframes fall-165 {
  41.702% {
    transform: translate(89.5105vw, 41.702vh) scale(0.5202);
  }
  to {
    transform: translate(91.2663vw, 100vh) scale(0.5202);
  }
}
.snow:nth-child(166) {
  opacity: 0.2778;
  transform: translate(54.0948vw, -10px) scale(0.0249);
  animation: fall-166 13s -10s linear infinite;
}
@keyframes fall-166 {
  74.993% {
    transform: translate(59.1104vw, 74.993vh) scale(0.0249);
  }
  to {
    transform: translate(56.6026vw, 100vh) scale(0.0249);
  }
}
.snow:nth-child(167) {
  opacity: 0.1377;
  transform: translate(78.7679vw, -10px) scale(0.1641);
  animation: fall-167 30s -25s linear infinite;
}
@keyframes fall-167 {
  54.35% {
    transform: translate(70.7365vw, 54.35vh) scale(0.1641);
  }
  to {
    transform: translate(74.7522vw, 100vh) scale(0.1641);
  }
}
.snow:nth-child(168) {
  opacity: 0.4348;
  transform: translate(97.0521vw, -10px) scale(0.0516);
  animation: fall-168 24s -28s linear infinite;
}
@keyframes fall-168 {
  34.538% {
    transform: translate(98.5756vw, 34.538vh) scale(0.0516);
  }
  to {
    transform: translate(97.81385vw, 100vh) scale(0.0516);
  }
}
.snow:nth-child(169) {
  opacity: 0.6575;
  transform: translate(44.2001vw, -10px) scale(0.4054);
  animation: fall-169 13s -26s linear infinite;
}
@keyframes fall-169 {
  58.417% {
    transform: translate(53.7056vw, 58.417vh) scale(0.4054);
  }
  to {
    transform: translate(48.95285vw, 100vh) scale(0.4054);
  }
}
.snow:nth-child(170) {
  opacity: 0.2847;
  transform: translate(61.8548vw, -10px) scale(0.1405);
  animation: fall-170 10s -18s linear infinite;
}
@keyframes fall-170 {
  78.504% {
    transform: translate(55.4172vw, 78.504vh) scale(0.1405);
  }
  to {
    transform: translate(58.636vw, 100vh) scale(0.1405);
  }
}
.snow:nth-child(171) {
  opacity: 0.2581;
  transform: translate(54.0381vw, -10px) scale(0.1938);
  animation: fall-171 29s -2s linear infinite;
}
@keyframes fall-171 {
  52.973% {
    transform: translate(46.9083vw, 52.973vh) scale(0.1938);
  }
  to {
    transform: translate(50.4732vw, 100vh) scale(0.1938);
  }
}
.snow:nth-child(172) {
  opacity: 0.9197;
  transform: translate(49.6663vw, -10px) scale(0.7999);
  animation: fall-172 30s -20s linear infinite;
}
@keyframes fall-172 {
  65.375% {
    transform: translate(47.3276vw, 65.375vh) scale(0.7999);
  }
  to {
    transform: translate(48.49695vw, 100vh) scale(0.7999);
  }
}
.snow:nth-child(173) {
  opacity: 0.0208;
  transform: translate(45.5857vw, -10px) scale(0.0789);
  animation: fall-173 16s -25s linear infinite;
}
@keyframes fall-173 {
  42.903% {
    transform: translate(43.195vw, 42.903vh) scale(0.0789);
  }
  to {
    transform: translate(44.39035vw, 100vh) scale(0.0789);
  }
}
.snow:nth-child(174) {
  opacity: 0.8503;
  transform: translate(51.2721vw, -10px) scale(0.5937);
  animation: fall-174 28s -3s linear infinite;
}
@keyframes fall-174 {
  48.001% {
    transform: translate(53.6918vw, 48.001vh) scale(0.5937);
  }
  to {
    transform: translate(52.48195vw, 100vh) scale(0.5937);
  }
}
.snow:nth-child(175) {
  opacity: 0.0107;
  transform: translate(47.1837vw, -10px) scale(0.7652);
  animation: fall-175 26s -2s linear infinite;
}
@keyframes fall-175 {
  54.28% {
    transform: translate(42.9808vw, 54.28vh) scale(0.7652);
  }
  to {
    transform: translate(45.08225vw, 100vh) scale(0.7652);
  }
}
.snow:nth-child(176) {
  opacity: 0.3652;
  transform: translate(22.3461vw, -10px) scale(0.192);
  animation: fall-176 15s -5s linear infinite;
}
@keyframes fall-176 {
  51.902% {
    transform: translate(19.2786vw, 51.902vh) scale(0.192);
  }
  to {
    transform: translate(20.81235vw, 100vh) scale(0.192);
  }
}
.snow:nth-child(177) {
  opacity: 0.0131;
  transform: translate(81.5769vw, -10px) scale(0.0724);
  animation: fall-177 19s -1s linear infinite;
}
@keyframes fall-177 {
  40.56% {
    transform: translate(84.5414vw, 40.56vh) scale(0.0724);
  }
  to {
    transform: translate(83.05915vw, 100vh) scale(0.0724);
  }
}
.snow:nth-child(178) {
  opacity: 0.4332;
  transform: translate(13.846vw, -10px) scale(0.8764);
  animation: fall-178 23s -8s linear infinite;
}
@keyframes fall-178 {
  61.996% {
    transform: translate(5.0716vw, 61.996vh) scale(0.8764);
  }
  to {
    transform: translate(9.4588vw, 100vh) scale(0.8764);
  }
}
.snow:nth-child(179) {
  opacity: 0.8706;
  transform: translate(44.0045vw, -10px) scale(0.3673);
  animation: fall-179 27s -22s linear infinite;
}
@keyframes fall-179 {
  38.937% {
    transform: translate(44.5174vw, 38.937vh) scale(0.3673);
  }
  to {
    transform: translate(44.26095vw, 100vh) scale(0.3673);
  }
}
.snow:nth-child(180) {
  opacity: 0.8068;
  transform: translate(35.9316vw, -10px) scale(0.1932);
  animation: fall-180 27s -26s linear infinite;
}
@keyframes fall-180 {
  41.995% {
    transform: translate(38.3616vw, 41.995vh) scale(0.1932);
  }
  to {
    transform: translate(37.1466vw, 100vh) scale(0.1932);
  }
}
.snow:nth-child(181) {
  opacity: 0.2443;
  transform: translate(78.7562vw, -10px) scale(0.4103);
  animation: fall-181 24s -3s linear infinite;
}
@keyframes fall-181 {
  36.102% {
    transform: translate(82.252vw, 36.102vh) scale(0.4103);
  }
  to {
    transform: translate(80.5041vw, 100vh) scale(0.4103);
  }
}
.snow:nth-child(182) {
  opacity: 0.6425;
  transform: translate(52.1317vw, -10px) scale(0.1042);
  animation: fall-182 11s -2s linear infinite;
}
@keyframes fall-182 {
  36.12% {
    transform: translate(54.7628vw, 36.12vh) scale(0.1042);
  }
  to {
    transform: translate(53.44725vw, 100vh) scale(0.1042);
  }
}
.snow:nth-child(183) {
  opacity: 0.7563;
  transform: translate(46.4816vw, -10px) scale(0.2397);
  animation: fall-183 17s -1s linear infinite;
}
@keyframes fall-183 {
  66.644% {
    transform: translate(50.0932vw, 66.644vh) scale(0.2397);
  }
  to {
    transform: translate(48.2874vw, 100vh) scale(0.2397);
  }
}
.snow:nth-child(184) {
  opacity: 0.773;
  transform: translate(66.2967vw, -10px) scale(0.1519);
  animation: fall-184 16s -9s linear infinite;
}
@keyframes fall-184 {
  56.346% {
    transform: translate(56.829vw, 56.346vh) scale(0.1519);
  }
  to {
    transform: translate(61.56285vw, 100vh) scale(0.1519);
  }
}
.snow:nth-child(185) {
  opacity: 0.7224;
  transform: translate(27.1667vw, -10px) scale(0.3598);
  animation: fall-185 23s -4s linear infinite;
}
@keyframes fall-185 {
  66.727% {
    transform: translate(32.5025vw, 66.727vh) scale(0.3598);
  }
  to {
    transform: translate(29.8346vw, 100vh) scale(0.3598);
  }
}
.snow:nth-child(186) {
  opacity: 0.7162;
  transform: translate(9.7956vw, -10px) scale(0.0656);
  animation: fall-186 25s -11s linear infinite;
}
@keyframes fall-186 {
  75.961% {
    transform: translate(14.8757vw, 75.961vh) scale(0.0656);
  }
  to {
    transform: translate(12.33565vw, 100vh) scale(0.0656);
  }
}
.snow:nth-child(187) {
  opacity: 0.0084;
  transform: translate(65.0668vw, -10px) scale(0.815);
  animation: fall-187 23s -19s linear infinite;
}
@keyframes fall-187 {
  48.132% {
    transform: translate(72.6728vw, 48.132vh) scale(0.815);
  }
  to {
    transform: translate(68.8698vw, 100vh) scale(0.815);
  }
}
.snow:nth-child(188) {
  opacity: 0.9024;
  transform: translate(65.903vw, -10px) scale(0.4541);
  animation: fall-188 19s -22s linear infinite;
}
@keyframes fall-188 {
  58.191% {
    transform: translate(59.9056vw, 58.191vh) scale(0.4541);
  }
  to {
    transform: translate(62.9043vw, 100vh) scale(0.4541);
  }
}
.snow:nth-child(189) {
  opacity: 0.3229;
  transform: translate(47.4572vw, -10px) scale(0.1925);
  animation: fall-189 10s -11s linear infinite;
}
@keyframes fall-189 {
  72.279% {
    transform: translate(56.5341vw, 72.279vh) scale(0.1925);
  }
  to {
    transform: translate(51.99565vw, 100vh) scale(0.1925);
  }
}
.snow:nth-child(190) {
  opacity: 0.2031;
  transform: translate(69.2037vw, -10px) scale(0.5116);
  animation: fall-190 28s -1s linear infinite;
}
@keyframes fall-190 {
  53.86% {
    transform: translate(61.3354vw, 53.86vh) scale(0.5116);
  }
  to {
    transform: translate(65.26955vw, 100vh) scale(0.5116);
  }
}
.snow:nth-child(191) {
  opacity: 0.987;
  transform: translate(74.6472vw, -10px) scale(0.4304);
  animation: fall-191 27s -29s linear infinite;
}
@keyframes fall-191 {
  51.739% {
    transform: translate(81.506vw, 51.739vh) scale(0.4304);
  }
  to {
    transform: translate(78.0766vw, 100vh) scale(0.4304);
  }
}
.snow:nth-child(192) {
  opacity: 0.5209;
  transform: translate(23.8111vw, -10px) scale(0.4121);
  animation: fall-192 10s -2s linear infinite;
}
@keyframes fall-192 {
  50.692% {
    transform: translate(30.8673vw, 50.692vh) scale(0.4121);
  }
  to {
    transform: translate(27.3392vw, 100vh) scale(0.4121);
  }
}
.snow:nth-child(193) {
  opacity: 0.0506;
  transform: translate(69.398vw, -10px) scale(0.1168);
  animation: fall-193 21s -29s linear infinite;
}
@keyframes fall-193 {
  34.624% {
    transform: translate(67.6772vw, 34.624vh) scale(0.1168);
  }
  to {
    transform: translate(68.5376vw, 100vh) scale(0.1168);
  }
}
.snow:nth-child(194) {
  opacity: 0.2104;
  transform: translate(9.8661vw, -10px) scale(0.0162);
  animation: fall-194 16s -8s linear infinite;
}
@keyframes fall-194 {
  46.647% {
    transform: translate(18.0105vw, 46.647vh) scale(0.0162);
  }
  to {
    transform: translate(13.9383vw, 100vh) scale(0.0162);
  }
}
.snow:nth-child(195) {
  opacity: 0.4291;
  transform: translate(95.864vw, -10px) scale(0.3102);
  animation: fall-195 25s -16s linear infinite;
}
@keyframes fall-195 {
  74.23% {
    transform: translate(104.966vw, 74.23vh) scale(0.3102);
  }
  to {
    transform: translate(100.415vw, 100vh) scale(0.3102);
  }
}
.snow:nth-child(196) {
  opacity: 0.0668;
  transform: translate(0.4152vw, -10px) scale(0.3629);
  animation: fall-196 24s -7s linear infinite;
}
@keyframes fall-196 {
  47.854% {
    transform: translate(5.933vw, 47.854vh) scale(0.3629);
  }
  to {
    transform: translate(3.1741vw, 100vh) scale(0.3629);
  }
}
.snow:nth-child(197) {
  opacity: 0.7915;
  transform: translate(54.9289vw, -10px) scale(0.1466);
  animation: fall-197 29s -3s linear infinite;
}
@keyframes fall-197 {
  57.028% {
    transform: translate(53.6801vw, 57.028vh) scale(0.1466);
  }
  to {
    transform: translate(54.3045vw, 100vh) scale(0.1466);
  }
}
.snow:nth-child(198) {
  opacity: 0.8516;
  transform: translate(71.5273vw, -10px) scale(0.3219);
  animation: fall-198 14s -28s linear infinite;
}
@keyframes fall-198 {
  45.231% {
    transform: translate(64.6348vw, 45.231vh) scale(0.3219);
  }
  to {
    transform: translate(68.08105vw, 100vh) scale(0.3219);
  }
}
.snow:nth-child(199) {
  opacity: 0.5983;
  transform: translate(90.9778vw, -10px) scale(0.0974);
  animation: fall-199 11s -5s linear infinite;
}
@keyframes fall-199 {
  54.553% {
    transform: translate(94.6807vw, 54.553vh) scale(0.0974);
  }
  to {
    transform: translate(92.82925vw, 100vh) scale(0.0974);
  }
}
.snow:nth-child(200) {
  opacity: 0.424;
  transform: translate(4.6115vw, -10px) scale(0.2909);
  animation: fall-200 18s -14s linear infinite;
}
@keyframes fall-200 {
  75.777% {
    transform: translate(9.8842vw, 75.777vh) scale(0.2909);
  }
  to {
    transform: translate(7.24785vw, 100vh) scale(0.2909);
  }
}
.lucky-draw-main-container {
  min-width: 320px;
  min-height: 1000px;
  background: url("https://bucket.fitwhey.com/editor/61c418bdd292c.jpg");
  background-size: auto;
}
.lucky-draw-main-container.giveaway {
  min-width: 320px;
  min-height: 1000px;
  background-size: auto;
  background: url("https://bucket.fitwhey.com/editor/61c418bdd292c.jpg");
}
.lucky-draw-main-container .lucky-draw-main-wrap {
  width: 100%;
  max-width: 1900px;
  margin: 0 auto;
  position: relative;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap img {
  width: 100%;
  position: relative;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 2em;
  background: #FFF;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap {
  width: 100%;
  max-width: 480px;
  background: #fff;
  text-align: center;
  display: inline-block;
  margin: 0;
  padding: 10px;
  border: 1px solid #efefef;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-title {
  display: block;
  color: #333333;
  line-height: 1.2;
  text-align: left;
  padding-bottom: 15px;
  text-transform: uppercase;
  font: bold 23px/30px "prompt";
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap .input-id {
  display: block;
  width: 100%;
  height: 35px;
  font-size: 15px;
  color: #555555;
  line-height: 1.2;
  border-bottom: 1px solid #adadad;
  border-top: none;
  border-left: none;
  border-right: none;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-coupon-btn {
  justify-content: center;
  padding: 0 20px;
  min-width: 200px;
  margin-top: 5px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  background: #0033CC;
  border-radius: 10px;
  line-height: 1.2;
  border: none;
  text-transform: uppercase;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .lucky-draw-regist-notice {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  text-align: left;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  max-width: 500px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap .m-title {
  text-align: left;
  margin: 1em 0 0.4em 0;
  font-size: 20px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul li {
  line-height: 28px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  padding: 0;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert {
  position: relative;
  min-width: 320px;
  max-width: 500px;
  padding: 10px;
  text-align: center;
  margin: 0 auto;
  padding-top: 30px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product {
  position: absolute;
  width: 100%;
  max-width: 800px;
  margin-top: 150px;
  z-index: 1;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product img {
  position: relative;
  width: 200px;
  margin: -84px 0 0 0;
  cursor: pointer;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-float {
  width: 320px;
  position: relative;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-winner {
  font: bold 18px/22px "prompt";
  background: #313131;
  padding: 15px;
  margin-top: 50px;
  margin-bottom: 10px;
  border-radius: 5px;
  color: #FFFFFF;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-total {
  font: bold 25px/30px "prompt";
  position: relative;
  margin: 20px 0 10px;
  margin-top: 40px;
  color: #444444;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-total .ld-large {
  font: bold 40px/30px "prompt";
  border: 1px solid #FFFFFF;
  padding: 5px;
  margin: 2px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn {
  justify-content: center;
  padding: 10px 15px;
  width: 285px;
  min-width: 244px;
  margin-top: 25px;
  color: #fa005c;
  background: #313131;
  border-radius: 10px;
  font: bold 20px/20px "prompt";
  line-height: 1.2;
  text-transform: uppercase;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn:hover {
  background: #FFF;
  color: #333;
  border: 2px solid #333;
}
@media only screen and (min-width: 500px) {
  .lucky-draw-main-container {
    min-width: 320px;
    min-height: 1000px;
    background: url("https://bucket.fitwhey.com/editor/61c418bdd292c.jpg");
    background-size: auto;
  }
  .lucky-draw-main-container.giveaway {
    min-width: 320px;
    min-height: 1000px;
    background-size: auto;
    background: url("https://bucket.fitwhey.com/editor/61c418bdd292c.jpg");
  }
  .lucky-draw-main-container .lucky-draw-main-wrap {
    width: 100%;
    max-width: 1900px;
    margin: 0 auto;
    position: relative;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap img {
    width: 100%;
    position: relative;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 2em;
    background: #FFF;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap {
    width: 100%;
    max-width: 480px;
    background: #fff;
    text-align: center;
    display: inline-block;
    margin: 0 1.5em 0;
    padding: 1.5em 2.9em 1.5em 2.9em;
    border: 1px solid #efefef;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-title {
    display: block;
    color: #333333;
    line-height: 1.2;
    text-align: left;
    padding-bottom: 15px;
    text-transform: uppercase;
    font: bold 23px/30px "prompt";
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap .input-id {
    display: block;
    width: 100%;
    height: 35px;
    font-size: 15px;
    color: #555555;
    line-height: 1.2;
    border-bottom: 1px solid #adadad;
    border-top: none;
    border-left: none;
    border-right: none;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-coupon-btn {
    justify-content: center;
    padding: 0 20px;
    min-width: 244px;
    margin-top: 15px;
    height: 50px;
    font-size: 18px;
    color: #fff;
    background: #0033CC;
    border-radius: 10px;
    line-height: 1.2;
    text-transform: uppercase;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .lucky-draw-regist-notice {
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    text-align: left;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: 500px;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap .m-title {
    text-align: left;
    margin: 1em 0 0.4em 0;
    font-size: 20px;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul li {
    line-height: 28px;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    padding: 0;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert {
    position: relative;
    min-width: 320px;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product {
    position: absolute;
    width: 100%;
    max-width: 500px;
    margin-top: 110px;
    z-index: 1;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product img {
    position: relative;
    width: 250px;
    margin: 0px 0 0 0;
    cursor: pointer;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-float {
    width: 500px;
    position: relative;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-total {
    font: bold 25px/30px "prompt";
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn {
    justify-content: center;
    padding: 15px 25px;
    width: 315px;
    min-width: 244px;
    margin-top: 25px;
    border-radius: 10px;
    border: 2px solid white;
    font: bold 30px/30px "prompt";
    line-height: 1.2;
    text-transform: uppercase;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn:hover {
    background: #FFF;
    color: #333;
    border: 2px solid #333;
  }
}
@media only screen and (min-width: 800px) {
  .lucky-draw-main-container {
    min-width: 320px;
    min-height: 1000px;
    background: url("https://bucket.fitwhey.com/editor/61c418bdd292c.jpg");
    background-size: auto;
  }
  .lucky-draw-main-container.giveaway {
    min-width: 320px;
    min-height: 1000px;
    background-size: auto;
    background: url("https://bucket.fitwhey.com/editor/61c418bdd292c.jpg");
  }
  .lucky-draw-main-container .lucky-draw-main-wrap {
    width: 100%;
    max-width: 1900px;
    margin: 0 auto;
    position: relative;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap img {
    width: 100%;
    position: relative;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 2em;
    background: #FFF;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap {
    width: 100%;
    max-width: 480px;
    background: #fff;
    text-align: center;
    display: inline-block;
    margin: 0 1.5em 0;
    padding: 1.5em 2.9em 1.5em 2.9em;
    border: 1px solid #efefef;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-title {
    display: block;
    color: #333333;
    line-height: 1.2;
    text-align: left;
    padding-bottom: 15px;
    text-transform: uppercase;
    font: bold 23px/30px "prompt";
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap .input-id {
    display: block;
    width: 100%;
    height: 35px;
    font-size: 15px;
    color: #555555;
    line-height: 1.2;
    border-bottom: 1px solid #adadad;
    border-top: none;
    border-left: none;
    border-right: none;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-coupon-btn {
    justify-content: center;
    padding: 0 20px;
    min-width: 244px;
    margin-top: 15px;
    height: 50px;
    font-size: 18px;
    color: #fff;
    background: #0033CC;
    border-radius: 10px;
    line-height: 1.2;
    text-transform: uppercase;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .lucky-draw-regist-notice {
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    text-align: left;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: 500px;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap .m-title {
    text-align: left;
    margin: 1em 0 0.4em 0;
    font-size: 20px;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul li {
    line-height: 28px;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    padding: 0;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert {
    position: relative;
    min-width: 320px;
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product {
    position: absolute;
    width: 100%;
    max-width: 800px;
    margin-top: 180px;
    z-index: 1;
    text-align: center;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product img {
    position: relative;
    width: 400px;
    margin: 0px 0 0 0;
    cursor: pointer;
    text-align: center;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-float {
    width: 800px;
    position: relative;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-total {
    margin-top: 30px;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn {
    justify-content: center;
    padding: 15px 25px;
    width: 315px;
    min-width: 244px;
    margin-top: 25px;
    border-radius: 10px;
    border: 2px solid white;
    font: bold 30px/30px "prompt";
    line-height: 1.2;
    text-transform: uppercase;
  }
  .lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn:hover {
    background: #FFF;
    color: #333;
    border: 2px solid #333;
  }
}
/* store locator */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .store-locator-wrap {
  display: table;
  position: relative;
  width: 100%;
  height: 485px;
  background: #FFFFFF;
}
.main-container .store-locator-wrap .store-banner-wrap {
  display: table;
  width: 100%;
  padding: 0;
  text-align: center;
  background: #000000;
}
.main-container .store-locator-wrap .store-banner-wrap img {
  width: 100%;
  max-width: 1440px;
}
.main-container .store-locator-wrap .store-content-wrap {
  display: table;
  position: relative;
  width: 100%;
  background: #FFFFFF;
  padding: 30px 0px 40px 0px;
}
.main-container .store-locator-wrap .store-content-wrap .store-heading {
  padding: 20px 0 0 0;
  display: inline-block;
  width: 100%;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
  font: bold 20px/20px "PT Sans";
  color: #666666;
}
.main-container .store-locator-wrap .store-content-wrap .heading {
  display: inline-block;
  width: 100%;
  font: bold 25px/28px "PT Sans";
  padding: 40px 0 10px 0;
  margin: 0 10px 10px 10px;
  border-bottom: 1px solid #CCCCCC;
  color: #000000;
  text-transform: uppercase;
  text-align: left;
}
.main-container .store-locator-wrap .store-content-wrap .main-store-content {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  padding: 0 40px 0;
}
.main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-wrap {
  text-align: left;
  margin: 25px 0 0 0;
  width: 100%;
  font: normal 16px/26px "PT Sans";
  color: #666666;
  display: inline-block;
}
.main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-wrap .fw-info {
  float: left;
  padding: 0 0 0 10px;
}
.main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-wrap .fw-info h4 {
  margin: 0 0 10px 0;
  font-size: 18px;
  text-transform: uppercase;
  color: #000000;
  background: url(../img/blue-marker.png) no-repeat left / 25px;
  padding-left: 28px;
}
.main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-wrap .fw-map {
  position: relative;
  display: inline-block;
  margin-top: 30px;
  width: 100%;
  height: 300px;
  background: #000000;
}
.main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-x-wrap {
  text-align: left;
  margin: 25px 0 0 0;
  width: 100%;
  font: normal 16px/26px "PT Sans";
  color: #666666;
}
.main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-x-wrap .fw-info {
  border-left: 10px solid #0033CC;
  padding: 0 0 0 15px;
}
.main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-x-wrap .fw-info h4 {
  margin: 0 0 10px 0;
  font-size: 18px;
  text-transform: uppercase;
  color: #000000;
  background: url(../img/blue-marker.png) no-repeat left / 25px;
  padding-left: 28px;
}
.main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-x-wrap .social-wrap {
  display: flex;
}
.main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-x-wrap .social-wrap .social-btn {
  margin: 10px 10px 10px 0;
}
.main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-x-wrap .social-wrap .social-btn img {
  width: 25px;
  height: 25px;
}
/* health-day Campaign */
.health-day-main-container {
  min-width: 320px;
  min-height: 100%;
  background: #FFFFFF;
}
.health-day-main-container .health-day-main-wrap {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.health-day-main-container .health-day-main-wrap a.popup-product {
  display: block;
  width: 100%;
}
.health-day-main-container .health-day-main-wrap a.popup-product .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.health-day-main-container .health-day-main-wrap a.hd-main-display {
  display: block;
  width: 100%;
  max-width: 1840px;
}
.health-day-main-container .health-day-main-wrap a.hd-main-display .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
/* Product Grid Promo2 */
.main-container {
  min-width: 500px;
  background-color: #FFFFFF;
}
.main-container .navigation-wrap {
  display: none;
}
.main-container .main {
  padding: 0;
  margin-bottom: 30px;
}
.main-container .main .large-bg {
  display: none;
  width: 100%;
  height: 330px;
  background: #4b4b4b;
}
.main-container .main .large-bg.no-bg {
  background: none;
}
.main-container .main .large-bg .category-brand-intro {
  display: none;
  width: 100%;
  min-height: 331px;
  max-width: 1100px;
  border-bottom: 1px solid #EFEFEF;
  margin: 0 auto;
  padding: 0;
  background: url(../img/intro-bg.png) no-repeat right bottom rgba(0, 0, 0, 0);
}
.main-container .main .large-bg .category-brand-intro .intro-image {
  float: left;
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 600px;
  height: 330px;
}
.main-container .main .large-bg .category-brand-intro .intro-image img {
  max-width: 600px;
}
.main-container .main .large-bg .category-brand-intro .intro-category {
  display: inline-block;
  position: relative;
  float: left;
  height: 330px;
  padding: 25px 50px;
  width: 500px;
  background: rgba(255, 255, 255, 0.2);
}
.main-container .main .large-bg .category-brand-intro .intro-category h2 {
  margin: 0 0 10px 0;
  font: bold 24px/24px "Helvetica";
  color: #FFFFFF;
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-container .main .large-bg .category-brand-intro .intro-category h3 {
  margin: 0 0 10px 0;
  font: normal 16px/16px "Helvetica";
  color: #CCCCCC;
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-container .main .large-bg .category-brand-intro .intro-category .intro-description {
  display: block;
  color: #F5F5F5;
  font: normal 14px/22px "Helvetica";
  text-align: left;
  overflow-y: auto;
  height: 210px;
  margin-top: 15px;
}
.main-container .main .large-bg .category-brand-intro .intro-category .close-btn {
  position: absolute;
  top: 0;
  left: 0;
}
.main-container .main .category-brand-intro-sub {
  display: none;
  width: 100%;
  height: 100px;
  max-width: 1100px;
  border-bottom: 1px solid #EFEFEF;
  margin: 8px auto;
  padding: 0;
  background: #FFFFFF;
}
.main-container .main .category-brand-intro-sub img {
  height: 100px;
}
.main-container .main .pg-search-by-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 100px 0;
  position: relative;
}
.main-container .main .pg-search-by-wrap h3 {
  margin: 25px 0;
  font: bold 24px "Helvetica";
  color: #999999;
  text-transform: capitalize;
}
.main-container .main .pg-search-by-wrap .sm-logo {
  display: block;
}
.main-container .main .pg-search-by-wrap .sm-logo img {
  width: 300px;
}
.main-container .main .pg-search-by-wrap .search-option-wrap {
  display: inline-block;
  margin: 0 20px 0 0;
  padding-top: 20px;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .title {
  font: lighter 13px/26px "Helvetica";
  color: #666666;
  text-transform: capitalize;
  margin: 0 5px 0 0;
  width: 60px;
  position: relative;
  display: inline-block;
  text-align: right;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap {
  text-transform: capitalize;
  position: relative;
  text-align: left;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop {
  border: 1px solid #CCCCCC;
  width: 140px;
  display: inline-block;
  font: bold 14px/23px "Helvetica";
  text-decoration: none;
  color: #666666;
  padding: 0 15px;
  background: url(../img/icons.png) no-repeat 106px -769px rgba(0, 0, 0, 0);
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  background: #FFFFFF;
  left: 0;
  top: 21px;
  width: 140px;
  padding: 5px 0;
  border: 1px solid #CCCCCC;
  z-index: 2;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a {
  text-decoration: none;
  font: normal 14px "Helvetica";
  color: #666666;
  display: block;
  padding: 5px 0 5px 15px;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a:hover {
  color: #CCCCCC;
}
.main-container .main .pg-search-by-wrap .pg-page-wrap-top {
  display: none;
}
.main-container .main .filter-nav-bar2 {
  list-style: none;
  margin: 5px auto;
  padding: 0;
  display: flex;
  text-align: center;
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
}
.main-container .main .filter-nav-bar2 li {
  list-style-type: none;
  margin: 0;
}
.main-container .main .filter-nav-bar2 li a {
  text-decoration: none;
  padding: 10px 10px;
  text-transform: capitalize;
  display: inline-block;
  font: 0.875rem "Helvetica";
  background: white;
  color: #0033CC;
  border: 1px solid #0033CC;
  margin: 0 0px 10px 0px;
  border-radius: 3px;
}
.main-container .main .filter-nav-bar2 li a:hover {
  background: #0033CC;
  color: white;
}
.main-container .main .filter-nav-bar {
  flex-direction: column;
  list-style: none;
  margin: 5px auto;
  padding: 0;
  display: flex;
  text-align: center;
  max-width: 800px;
}
.main-container .main .filter-nav-bar li {
  list-style-type: none;
  margin: 0;
  border-top: 1px solid #CCCCCC;
}
.main-container .main .filter-nav-bar li a {
  text-decoration: none;
  color: #000000;
  padding: 10px 10px;
  text-transform: capitalize;
  display: block;
  font: bold 14px "Helvetica";
}
.main-container .main .pg-grid-wrap {
  width: 100%;
  margin: 0 auto;
}
.main-container .main .pg-grid-wrap .pg-grid-promo {
  display: grid;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap {
  max-height: 435px;
  float: left;
  text-align: left;
  margin: 0 1em 0 1em;
  background: #fff;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter {
  text-transform: capitalize;
  display: inline-block;
  min-width: 240px;
  width: 100%;
  border: 1px solid #ccc;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-title {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  margin: 0 10px 10px;
  font-weight: bold;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  margin: 2px 0 15px 5px;
  font: normal 14px/23px "Helvetica";
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .filter-sub-title {
  padding: 0 0 6px 10px;
  display: block;
  font: bold 14px/23px "Helvetica";
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin: 0 15px 10px 15px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font: normal 14px/23px "Helvetica";
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector:hover input ~ .checkmark {
  background-color: #efefef;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector input:checked ~ .checkmark {
  background-color: #fff;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector input:checked ~ .checkmark:after {
  display: block;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 auto;
  width: 100%;
  text-align: left;
  padding-left: 5px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 {
  position: relative;
  display: block;
  float: left;
  width: 47%;
  margin: 7px 0 3px 5px;
  padding: 15px 0;
  border: 1px solid #EFEFEF;
  text-align: center;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-discount-arrow-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  opacity: 0.9;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-discount-arrow-wrap .pg-discount-wrap {
  text-align: center;
  position: relative;
  background: #dc0000;
  color: #FFFFFF;
  padding: 5px 0px 5px 0px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
  font: bold 5px/15px "Helvetica";
  text-transform: uppercase;
  color: #efefef;
  border-radius: 2px 10px 10px 2px;
  padding-bottom: 2px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
  font: bold 16px/23px "Helvetica";
  text-shadow: 1px 1px 2px #333;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-discount-arrow-wrap .pg-bottom-arrow {
  border-top: 9px solid #dc0000;
  border-bottom: none;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  position: relative;
  z-index: 1;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image {
  position: relative;
  display: block;
  width: 100%;
  height: 120px;
  margin: 0 auto 5px;
  text-align: center;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image .pg-promo-code-float {
  bottom: 10px;
  left: 0;
  text-align: left;
  position: absolute;
  z-index: 2;
  min-width: 130px;
  max-width: 150px;
  height: 30px;
  background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
  box-shadow: -3px 2px 2px #333;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 4px 10px;
  font: bold italic 14px/24px "Arial";
  overflow: hidden;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image .pg-float-img {
  top: -10px;
  right: 2px;
  position: absolute;
  z-index: 1;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image .pg-float-img .sure-logo {
  width: 110px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image img {
  max-height: 120px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-brand-title,
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-name {
  font: bold 14px/20px "Helvetica";
  color: #000000;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 4px;
  min-height: 42px;
  text-decoration: none;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-name {
  width: 100%;
  display: block;
  margin: 0 0 10px;
  color: #666666;
  font-weight: normal;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .expiredate {
  color: #dc0000;
  text-transform: uppercase;
  font: normal 12px "Helvetica Neue";
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-price {
  font: lighter 14px "Helvetica";
  display: inline-block;
  color: #CCCCCC;
  margin-right: 5px;
  text-decoration: line-through;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-sale-price {
  font: bold 20px "Helvetica";
  display: inline-block;
  margin: 0px 0 2px;
  color: #dc0000;
  text-align: left;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-sale-price .save {
  padding: 0 10px;
  color: #dc0000;
  font: lighter 14px "Helvetica";
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-sale-price .old-price {
  padding: 3px 10px 0 0;
  text-decoration: line-through;
  color: #999;
  font: lighter 14px "Helvetica";
  float: left;
  display: block;
  width: 100%;
  padding: 5px 0 5px 0;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom {
  text-align: left;
  padding: 0 20px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom .add-to-cart-btn {
  position: relative;
  width: 100%;
  background: #dc0000;
  color: #FFFFFF;
  font: bold 14px/17px "Helvetica";
  height: 35px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 8px 8px 6px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom .add-to-cart-btn:hover {
  opacity: 0.9;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom .pg-category {
  font: 0.775rem/20px "Helvetica";
  margin: 10px 0 2px 0 ;
  color: #333;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom .pg-points-earn {
  display: inline-block;
  color: #666666;
  font: lighter 12px "Helvetica";
  padding: 0 0 0 29px;
  margin: 10px 0 0 0;
  width: 100%;
  text-align: center;
  background: url(../img/icons.png) no-repeat -7px -830px rgba(0, 0, 0, 0);
  text-transform: capitalize;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom .pg-points-earn .pg-points {
  font: bold 20px "Helvetica";
  color: #0033CC;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding-left: 5px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 {
  position: relative;
  display: block;
  float: left;
  max-width: 45%;
  width: 100%;
  margin: 7px 0 3px 10px;
  padding: 15px 0;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  text-align: center;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  opacity: 0.9;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap .pg-discount-wrap {
  text-align: center;
  position: relative;
  background: #dc0000;
  color: #FFFFFF;
  padding: 5px 0px 5px 0px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
  font: bold 5px/15px "Helvetica";
  text-transform: uppercase;
  color: #efefef;
  border-radius: 2px 10px 10px 2px;
  padding-bottom: 2px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
  font: bold 16px/23px "Helvetica";
  text-shadow: 1px 1px 2px #333;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap .pg-bottom-arrow {
  border-top: 9px solid #dc0000;
  border-bottom: none;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  position: relative;
  z-index: 1;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto 5px;
  text-align: center;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image .pg-promo-code-float {
  bottom: 10px;
  left: 0;
  text-align: left;
  position: absolute;
  z-index: 2;
  min-width: 130px;
  max-width: 150px;
  height: 30px;
  background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
  box-shadow: -3px 2px 2px #333;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 4px 10px;
  font: bold italic 14px/24px "Arial";
  overflow: hidden;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image .pg-float-img {
  top: -10px;
  right: 2px;
  position: absolute;
  z-index: 1;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image .pg-float-img .sure-logo {
  width: 110px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image img {
  width: 100%;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-ontop-dm {
  width: 135px;
  text-align: right;
  position: relative;
  margin: -40px 0 0 0;
  background: url(../img/ontopbg.png) no-repeat;
  color: white;
  padding: 2px 5px 2px 0;
  float: right;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-ontop-dm .text {
  font: bold 0.675rem/20px "Helvetica";
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-ontop-dm .discount {
  font: bold 1.1rem/20px "Helvetica";
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-brand-title {
  font: bold 0.875rem/20px "Helvetica";
  color: #000000;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 4px;
  min-height: 42px;
  text-decoration: none;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: left;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-category {
  font: 0.8rem/20px "Helvetica";
  color: #444444;
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 4px;
  min-height: 40px;
  text-decoration: none;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-price {
  width: 100%;
  display: inline-block;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-price .old-price {
  text-decoration: line-through;
  color: #CCCCCC;
  margin-right: 5px;
  font: 0.8rem "Helvetica";
  display: inline-block;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-price .old-price2 {
  text-decoration: line-through;
  color: #444444;
  margin-right: 5px;
  font: 0.9rem "Helvetica";
  display: inline-block;
  margin-left: 5px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-price .now-price {
  font: bold 1.3rem "Helvetica";
  color: #dc0000;
  width: 100%;
  display: inline-block;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-bottom {
  width: 80%;
  height: 30px;
  border-radius: 3px;
  padding: 3px 0 0px 0;
  margin: 10px 0 10px 0;
  display: inline-block;
  background: #dc0000;
  font: 1.1rem "Helvetica";
  color: white;
  cursor: pointer;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-seller {
  font: 0.7rem "Helvetica";
  width: 100%;
  text-align: right;
  padding-right: 10px;
}
.main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 a {
  text-decoration: none;
}
.main-container .main .pg-page-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 20px 0 10px 0;
  font-weight: lighter;
}
.main-container .main .pg-page-wrap .pg-prev-next {
  text-decoration: none;
  font: lighter 16px "Helvetica";
  color: #666666;
}
.main-container .main .pg-page-wrap .pg-prev-next:hover {
  color: #0033CC;
}
.main-container .main .pg-page-wrap .pg-page .pg-block {
  display: inline-block;
  border: 1px solid #999999;
  width: 20px;
  margin: 0 5px;
}
/* 4-4 Sale Campaign */
.april-day-main-container {
  min-width: 500px;
  min-height: 1000px;
  background: #FFFFFF;
}
.april-day-main-container .april-day-main-wrap {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.april-day-main-container .april-day-main-wrap a.hd-main-display {
  display: block;
  width: 100%;
  max-width: 1840px;
}
.april-day-main-container .april-day-main-wrap a.hd-main-display .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
/* co-promotion */
.co-promotion-container {
  min-width: 320px;
  background: #FFFFFF;
}
.co-promotion-container .co-promotion-main-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.co-promotion-container .co-promotion-main-wrap a.hd-main-display {
  display: block;
  width: 100%;
  max-width: 1840px;
}
.co-promotion-container .co-promotion-main-wrap a.hd-main-display .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
/* Co Promotion Grid */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .co-promotion-grid-wrap {
  display: block;
  width: 100%;
  margin-bottom: 25px;
  background: #FFFFFF;
}
.main-container .co-promotion-grid-wrap .co-promotion-content-wrap {
  display: table;
  width: 100%;
  text-align: center;
}
.main-container .co-promotion-grid-wrap .co-promotion-content-wrap .category-title {
  color: #333333;
  text-transform: capitalize;
  text-align: center;
  margin: 30px auto;
}
.main-container .co-promotion-grid-wrap .co-promotion-content-wrap .category-title .heading {
  font: bold 44px "PT Sans";
  display: block;
}
.main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list {
  display: table;
  width: 100%;
}
.main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list .co-promotion-wrap {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  margin: 0 auto 20px;
  padding: 0 0 30px 0;
}
.main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list .co-promotion-wrap .co-promotion-title {
  font: bold 18px/21px "PT Sans";
  color: #666666;
  padding: 20px 22px;
  max-height: 120px;
  min-height: 105px;
  overflow: hidden;
}
.main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list .co-promotion-wrap .co-promotion-image {
  width: 100%;
}
.main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list .co-promotion-wrap .co-promotion-period {
  font: normal 16px "PT Sans";
  color: #666666;
  padding: 20px 30px 20px;
  text-align: center;
}
.main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list .co-promotion-wrap .co-promo-btn {
  display: block;
  width: 170px;
  height: 40px;
  font: normal 14px/42px "PT Sans";
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #dc0000;
  margin: 0 auto;
}
/* birthday Campaign */
.birthday-main-container {
  min-width: 320px;
  min-height: 100%;
  background: #FFFFFF;
}
.birthday-main-container .birthday-main-wrap {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.birthday-main-container .birthday-main-wrap a.hd-main-display {
  display: block;
  width: 100%;
  max-width: 1840px;
}
.birthday-main-container .birthday-main-wrap a.hd-main-display .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
/* Product Grid */
.main-container {
  min-width: 320px;
  background-color: #FFFFFF;
}
.main-container .navigation-wrap {
  display: none;
}
.main-container .main {
  padding: 0;
  margin-bottom: 30px;
  /*
		.pg-product-list-2-wrap {
			.reset;
			margin: 0 auto!important;
			max-width: 500px;
			width: 100%;
			.pg-product-list-2 {
				float: left;
				position: relative;
				display: block;
				max-width: 210px;
				width: 100%;
				margin: 7px 0 3px 26px;
				padding: 15px 0;
				border: 1px solid @light-gray;
				background: linear-gradient(360deg, @light-white, @white);
				text-align: center;
				.pg-image {
					position: relative;
					display: block;
					width: 100%;
					height: 200px;
					margin: 0 auto 5px;
					img {
						max-height: 200px;
					}
				}
				.pg-container-top {
					display: inline-block;
					width: 100%;
					padding: 0 10px;
					.pg-brand-title, .pg-name {
						font: bold 16px "PT Sans";
						color: @dark;
						text-transform: capitalize;
						margin-top: 10px;
						display: inline-block;
						text-decoration: none;
						width: 100%;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.pg-name {
						width: 100%;
						display: block;
						margin: -4px 0 5px;
					}
					.pg-price {
						font: lighter 14px "PT Sans";
						display: inline-block;
						color: @gray;
						margin-right: 5px;
						text-decoration: line-through;
					}
					.pg-sale-price {
						font: bold 20px "PT Sans";
						display: inline-block;
						margin: 0px 0 2px;
						color: @blue;
					}
				}
				.pg-container-bottom {
					text-align: left;
					padding: 0 15px;
					.add-to-cart-btn {
						position: relative;
						width: 100%;
						background: @blue;
						color: @white;
						font: normal 14px/23px "PT Sans";
						height: 30px;
						text-align: center;
						text-decoration: none;
						text-transform: uppercase;
						display: inline-block;
						padding: 5px 0;
					}
					.add-to-cart-btn:hover {
						opacity: 0.9;
					}
				}
			}
			.pg-product-list-2:nth-child(5n) {
				margin-right: 0;
			}
		}
		*/
}
.main-container .main .large-bg {
  display: none;
  width: 100%;
  height: 330px;
  background: #4b4b4b;
}
.main-container .main .large-bg.no-bg {
  background: none;
}
.main-container .main .large-bg .category-brand-intro {
  display: none;
  width: 100%;
  min-height: 331px;
  max-width: 1100px;
  border-bottom: 1px solid #EFEFEF;
  margin: 0 auto;
  padding: 0;
  background: url(../img/intro-bg.png) no-repeat right bottom rgba(0, 0, 0, 0);
}
.main-container .main .large-bg .category-brand-intro .intro-image {
  float: left;
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 600px;
  height: 330px;
}
.main-container .main .large-bg .category-brand-intro .intro-image img {
  max-width: 600px;
}
.main-container .main .large-bg .category-brand-intro .intro-category {
  display: inline-block;
  position: relative;
  float: left;
  height: 330px;
  padding: 25px 50px;
  width: 500px;
  background: rgba(255, 255, 255, 0.2);
}
.main-container .main .large-bg .category-brand-intro .intro-category h2 {
  margin: 0 0 10px 0;
  font: bold 24px/24px "PT Sans";
  color: #FFFFFF;
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-container .main .large-bg .category-brand-intro .intro-category h3 {
  margin: 0 0 10px 0;
  font: normal 16px/16px "PT Sans";
  color: #CCCCCC;
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-container .main .large-bg .category-brand-intro .intro-category .intro-description {
  display: block;
  color: #F5F5F5;
  font: normal 14px/22px "PT Sans";
  text-align: left;
  overflow-y: auto;
  height: 210px;
  margin-top: 15px;
}
.main-container .main .large-bg .category-brand-intro .intro-category .close-btn {
  position: absolute;
  top: 0;
  left: 0;
}
.main-container .main .category-brand-intro-sub {
  display: none;
  width: 100%;
  height: 100px;
  max-width: 1100px;
  border-bottom: 1px solid #EFEFEF;
  margin: 8px auto;
  padding: 0;
  background: #FFFFFF;
}
.main-container .main .category-brand-intro-sub img {
  height: 100px;
}
.main-container .main .pg-search-by-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 0 20px 0;
  position: relative;
}
.main-container .main .pg-search-by-wrap h3 {
  margin: 25px 0;
  font: bold 24px "PT Sans";
  color: #999999;
  text-transform: capitalize;
}
.main-container .main .pg-search-by-wrap .sm-logo {
  display: block;
}
.main-container .main .pg-search-by-wrap .sm-logo img {
  width: 300px;
}
.main-container .main .pg-search-by-wrap .search-option-wrap {
  display: inline-block;
  margin: 0 20px 0 0;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .title {
  font: lighter 13px/26px "PT Sans";
  color: #666666;
  text-transform: capitalize;
  margin: 0 5px 0 0;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap {
  text-transform: capitalize;
  position: relative;
  text-align: left;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop {
  border: 1px solid #CCCCCC;
  width: 140px;
  display: inline-block;
  font: bold 14px/23px "PT Sans";
  text-decoration: none;
  color: #666666;
  padding: 0 15px;
  background: url(../img/icons.png) no-repeat 106px -769px rgba(0, 0, 0, 0);
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  background: #FFFFFF;
  left: 0;
  top: 21px;
  width: 140px;
  padding: 5px 0;
  border: 1px solid #CCCCCC;
  z-index: 2;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a {
  text-decoration: none;
  font: normal 14px "PT Sans";
  color: #666666;
  display: block;
  padding: 5px 0 5px 15px;
}
.main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a:hover {
  color: #CCCCCC;
}
.main-container .main .pg-search-by-wrap .pg-page-wrap-top {
  display: none;
}
.main-container .main .pg-grid-2-wrap {
  width: 100%;
  margin: 0 auto;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 {
  display: inline-block;
  width: 100%;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  margin: 0 auto;
  width: 100%;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 {
  float: left;
  position: relative;
  display: block;
  width: 48%;
  margin: 7px 0 3px 5px;
  padding: 15px 0;
  border: 1px solid #EFEFEF;
  text-align: center;
  min-height: 300px;
  border-radius: 3px;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-discount-arrow-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  opacity: 0.9;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-discount-arrow-wrap .pg-discount-wrap {
  position: relative;
  background: #dc0000;
  color: #FFFFFF;
  padding: 5px 0px 5px 0px;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
  font: bold 8px/15px "PT Sans";
  text-transform: uppercase;
  color: #efefef;
  border-radius: 2px 10px 10px 2px;
  padding-bottom: 2px;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
  font: bold 18px/23px "PT Sans";
  text-shadow: 1px 1px 2px #333;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-discount-arrow-wrap .pg-bottom-arrow {
  border-top: 9px solid #dc0000;
  border-bottom: none;
  border-right: 27px solid transparent;
  border-left: 27px solid transparent;
  position: relative;
  z-index: 1;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto 5px;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image .pg-promo-code-float {
  bottom: 10px;
  left: 0;
  text-align: left;
  position: absolute;
  z-index: 2;
  min-width: 190px;
  max-width: 210px;
  height: 30px;
  background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
  box-shadow: -3px 2px 2px #333;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 4px 10px;
  font: bold italic 14px/24px "Arial";
  overflow: hidden;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image .pg-float-img {
  top: -10px;
  right: 2px;
  position: absolute;
  z-index: 1;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image .pg-float-img .sure-logo {
  width: 50px;
  height: 50px;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image .pg-float-img .sure-logo img {
  height: 100%;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image img {
  height: 150px;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-brand-title {
  font: bold 0.875rem/20px "Helvetica";
  color: #000000;
  text-transform: capitalize;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 40px;
  margin-bottom: 5px;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-name {
  font: bold 14px/17px "Helvetica";
  color: #000000;
  text-transform: capitalize;
  margin-top: 10px;
  text-decoration: none;
  width: 100%;
  display: block;
  margin: 0 0 10px;
  color: #666666;
  height: 32px;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .expiredate {
  color: #dc0000;
  text-transform: uppercase;
  font: normal 12px "Helvetica Neue";
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-price {
  font: lighter 14px "Helvetica";
  display: inline-block;
  color: #CCCCCC;
  margin-right: 5px;
  text-decoration: line-through;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-sale-price {
  font: bold 18px/20px "Helvetica";
  display: inline-block;
  margin: 0px 0 2px;
  color: #dc0000;
  height: 30px;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-sale-price .save {
  padding: 0 10px;
  color: #dc0000;
  font: lighter 14px "Helvetica";
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-sale-price .old-price {
  padding: 0 10px 0 0;
  text-decoration: line-through;
  color: #999;
  font: lighter 14px "Helvetica";
  float: left;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-bottom {
  text-align: left;
  padding: 0 20px;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-bottom .add-to-cart-btn {
  position: relative;
  width: 100%;
  background: #dc0000;
  color: #FFFFFF;
  font: 0.875rem/20px "PT Sans";
  height: 35px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 8px 8px 8px;
  border-radius: 3px;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-bottom .add-to-cart-btn:hover {
  opacity: 0.8;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-bottom .pg-category {
  font: lighter 14px "Helvetica";
  display: block;
  margin: 8px 0 2px;
  color: #666666;
  text-align: left;
  text-transform: uppercase;
  font-style: italic;
}
.main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2:nth-child(5n) {
  margin-right: 0;
}
.main-container .main .pg-grid-3-wrap {
  width: 100%;
  margin: 0 auto;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 {
  display: inline-block;
  width: 100%;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  margin: 0 auto;
  width: 100%;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 {
  float: left;
  position: relative;
  display: block;
  width: 48%;
  margin: 7px 0 3px 5px;
  padding: 15px 0;
  border: 1px solid #EFEFEF;
  text-align: center;
  min-height: 300px;
  border-radius: 3px;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  opacity: 0.9;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap .pg-discount-wrap {
  position: relative;
  background: #dc0000;
  color: #FFFFFF;
  padding: 5px 0px 5px 0px;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
  font: bold 8px/15px "PT Sans";
  text-transform: uppercase;
  color: #efefef;
  border-radius: 2px 10px 10px 2px;
  padding-bottom: 2px;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
  font: bold 18px/23px "PT Sans";
  text-shadow: 1px 1px 2px #333;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap .pg-bottom-arrow {
  border-top: 9px solid #dc0000;
  border-bottom: none;
  border-right: 27px solid transparent;
  border-left: 27px solid transparent;
  position: relative;
  z-index: 1;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto 5px;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image .pg-promo-code-float {
  bottom: 10px;
  left: 0;
  text-align: left;
  position: absolute;
  z-index: 2;
  min-width: 190px;
  max-width: 210px;
  height: 30px;
  background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
  box-shadow: -3px 2px 2px #333;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 4px 10px;
  font: bold italic 14px/24px "Arial";
  overflow: hidden;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image .pg-float-img {
  top: -10px;
  right: 2px;
  position: absolute;
  z-index: 1;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image .pg-float-img .sure-logo {
  width: 50px;
  height: 50px;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image .pg-float-img .sure-logo img {
  height: 100%;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image img {
  height: 150px;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .pg-brand-title {
  font: bold 0.875rem/20px "Helvetica";
  color: #000000;
  text-transform: capitalize;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 40px;
  margin-bottom: 5px;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .expiredate {
  color: #dc0000;
  text-transform: uppercase;
  font: normal 12px "Helvetica Neue";
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .pg-price {
  font: lighter 14px "Helvetica";
  display: inline-block;
  color: #CCCCCC;
  margin-right: 5px;
  text-decoration: line-through;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .pg-sale-price {
  font: bold 16px "Helvetica";
  display: inline;
  margin: 0px 0 2px;
  color: #dc0000;
  height: 30px;
  text-align: center;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .pg-sale-price .save {
  padding: 0 10px;
  color: #dc0000;
  font: lighter 14px "Helvetica";
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .pg-sale-oldprice {
  text-decoration: line-through;
  font: 12px "Helvetica";
  color: #999;
  display: inline;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .text {
  padding: 0 0px 0 0;
  color: #999;
  font: lighter 14px "Helvetica";
  width: 100%;
  text-align: center;
  display: inline-block;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-bottom {
  text-align: left;
  padding: 0 20px;
  margin-top: 10px;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-bottom .add-to-cart-btn {
  position: relative;
  width: 100%;
  background: #dc0000;
  color: #FFFFFF;
  font: 0.875rem/20px "PT Sans";
  height: 35px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 8px 8px 8px;
  border-radius: 3px;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-bottom .add-to-cart-btn:hover {
  opacity: 0.8;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-bottom .pg-category {
  font: lighter 14px "Helvetica";
  display: block;
  margin: 8px 0 2px;
  color: #666666;
  text-align: left;
  text-transform: uppercase;
  font-style: italic;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .amount-sold {
  width: 100%;
  display: inline-block;
  text-align: right;
  font: 0.8rem "Helvetica";
  margin-top: 10px;
  padding-right: 5px;
}
.main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-2:nth-child(5n) {
  margin-right: 0;
}
.main-container .main .pg-page-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 20px 0 10px 0;
  font-weight: lighter;
}
.main-container .main .pg-page-wrap .pg-prev-next {
  text-decoration: none;
  font: lighter 16px "PT Sans";
  color: #666666;
}
.main-container .main .pg-page-wrap .pg-prev-next:hover {
  color: #0033CC;
}
.main-container .main .pg-page-wrap .pg-page .pg-block {
  display: inline-block;
  border: 1px solid #999999;
  width: 20px;
  margin: 0 5px;
}
/* Lucky Draw 8-8 */
.lucky-draw-88-main-container {
  min-width: 500px;
  min-height: 1000px;
  background: url("../img/8-8-lucky-draw-web-2.jpg");
  background-size: auto;
}
.lucky-draw-88-main-container.giveaway {
  min-width: 500px;
  min-height: 1000px;
  background-size: auto;
  background: url("../img/8-8-lucky-draw-web-2.jpg");
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap {
  width: 100%;
  max-width: 1900px;
  margin: 0 auto;
  position: relative;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-form-wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-form-wrap img {
  width: 100%;
  position: relative;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-content {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 2em;
  background: #FFF;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-content .lucky-draw-input-wrap {
  width: 100%;
  max-width: 480px;
  background: #fff;
  text-align: center;
  display: inline-block;
  margin: 0 1.5em 0;
  padding: 1.5em 2.9em 1.5em 2.9em;
  border: 1px solid #efefef;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-title {
  display: block;
  color: #333333;
  line-height: 1.2;
  text-align: left;
  padding-bottom: 15px;
  text-transform: uppercase;
  font: bold 23px/30px "PT Sans";
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap .input-id {
  display: block;
  width: 100%;
  height: 35px;
  font-size: 15px;
  color: #555555;
  line-height: 1.2;
  border-bottom: 1px solid #adadad;
  border-top: none;
  border-left: none;
  border-right: none;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-coupon-btn {
  justify-content: center;
  padding: 0 20px;
  min-width: 244px;
  margin-top: 15px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  background: #d00602;
  border-radius: 10px;
  line-height: 1.2;
  text-transform: uppercase;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-content .lucky-draw-input-wrap .lucky-draw-regist-notice {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  text-align: left;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-content .lucky-draw-rule-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  max-width: 500px;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-content .lucky-draw-rule-wrap .m-title {
  text-align: left;
  margin: 1em 0 0.4em 0;
  font-size: 20px;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul li {
  line-height: 28px;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-form-wrap-2 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  padding: 0;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert {
  position: relative;
  min-width: 500px;
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product {
  position: absolute;
  width: 500px;
  margin-top: 240px;
  z-index: 1;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product img {
  position: relative;
  width: 360px;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-float {
  width: 100%;
  position: relative;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-winner {
  font: bold 18px/22px "PT Sans";
  background: #FFFFFF;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-total {
  font: bold 25px/30px "PT Sans";
  position: relative;
  margin: 20px 0 10px;
  color: #FFFFFF;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-total .ld-large {
  font: bold 40px/30px "PT Sans";
  border: 1px solid #FFFFFF;
  padding: 5px;
  margin: 2px;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn {
  justify-content: center;
  padding: 15px 25px;
  width: 315px;
  min-width: 244px;
  margin-top: 25px;
  color: #fff;
  background: #333;
  border-radius: 10px;
  border: 1px solid #FFF;
  font: bold 30px/30px "PT Sans";
  line-height: 1.2;
  text-transform: uppercase;
}
.lucky-draw-88-main-container .lucky-draw-88-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn:hover {
  background: #FFF;
  color: #333;
  border: 2px solid #333;
}
/* 8-8 Campaign */
.sale88-main-container {
  min-width: 500px;
  min-height: 1000px;
  background: #FFFFFF;
}
.sale88-main-container .sale88-main-wrap {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.sale88-main-container .sale88-main-wrap a.popup-product {
  display: block;
  width: 100%;
}
.sale88-main-container .sale88-main-wrap a.popup-product .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.sale88-main-container .sale88-main-wrap a.campaign-88-main-display {
  display: block;
  width: 100%;
  max-width: 1840px;
}
.sale88-main-container .sale88-main-wrap a.campaign-88-main-display .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
/* font_size */
/* order_history_detail_back */
.header-container {
  min-width: 320px;
}
.header-container .main-header-wrap-back {
  width: 100%;
  background: #0033CC;
  position: fixed;
  top: 0;
  z-index: 10;
}
.header-container .main-header-wrap-back .drop-menu-back {
  background: url(../img/back_icon.png) no-repeat 0px 2px rgba(0, 0, 0, 0);
  background-size: 100%;
  cursor: pointer;
  z-index: 10px;
  width: 50px;
  height: 60px;
}
.header-container .main-header-wrap-back .drop-menu-text {
  color: #FFFFFF;
  padding-left: 20px;
}
.header-container .main-header-box {
  width: 100;
  height: 60px;
}
/*@import 'lucky_draw.less';*/
/* 11-11-2020 Campaign */
.countdow-main-container {
  min-width: 320px;
  background-image: linear-gradient(to right, #e70000, #d30004, #be0007, #ab0008, #970109);
  text-align: center;
}
.countdow-main-container .countdow-main-wrap {
  width: 100%;
  display: inline-block;
}
.countdow-main-container .countdow-main-wrap .countdow-wrap-box {
  text-align: center;
  display: inline-block;
  padding: 0px;
  margin: 0px;
  min-width: 320px;
}
.countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-left {
  display: block;
  float: left;
  width: 100%;
}
.countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-left img {
  width: 100%;
}
.countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right {
  width: 100%;
  display: block;
  float: left;
  margin-top: 20px;
}
.countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-right-title {
  background: #3f3f3f;
  color: white;
  font: bold 20px/30px "Oswald";
  display: inline-block;
  padding: 10px;
}
.countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap {
  display: block;
  margin-top: 10px;
  width: 100%;
}
.countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap .countdow-box {
  width: 40px;
  border-radius: 10px;
  display: inline-block;
  text-align: center;
  margin: 10px;
}
.countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap .countdow-box .number {
  font: bold 45px/50px "Oswald";
  color: white;
}
.countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap .countdow-box .title {
  font: 10px/15px "Oswald";
  color: #aeaeae;
  text-align: center;
  display: block;
  width: 100%;
  margin: -15px 0 0 0;
  letter-spacing: 2px;
}
.countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-break {
  display: inline-block;
  font: bold 50px/80px "Oswald";
  color: white;
}
.sale11-11-2020-main-container {
  min-width: 320px;
  background: #FFFFFF;
}
.sale11-11-2020-main-container .sale11-main-wrap {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.sale11-11-2020-main-container .sale11-main-wrap a.popup-product {
  display: block;
  width: 100%;
}
.sale11-11-2020-main-container .sale11-main-wrap a.popup-product .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.sale11-11-2020-main-container .sale11-main-wrap a.campaign-11-main-display {
  display: block;
  width: 100%;
  max-width: 1840px;
}
.sale11-11-2020-main-container .sale11-main-wrap a.campaign-11-main-display .main-display {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
/* Header mobile */
.header-container-mobile {
  min-width: 320px;
}
.header-container-mobile .main-header-wrap-mobile {
  display: none;
}
.header-container-mobile .mob-topbar {
  display: flex;
  align-items: center;
  height: 50px;
  background: #dc0000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.header-container-mobile .mob-topbar .mob-topbar-left {
  flex-shrink: 0;
}
.header-container-mobile .mob-topbar .mob-topbar-left .hamburger {
  width: 50px;
  height: 50px;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header-container-mobile .mob-topbar .mob-topbar-left .hamburger span {
  display: block;
  width: 20px;
  height: 2px;
  background: #FFFFFF;
  margin: 2px 0;
  transition: all 0.3s ease;
}
.header-container-mobile .mob-topbar .mob-topbar-left .hamburger.is-open span:nth-child(1) {
  transform: rotate(45deg) translate(3px, 3px);
}
.header-container-mobile .mob-topbar .mob-topbar-left .hamburger.is-open span:nth-child(2) {
  opacity: 0;
}
.header-container-mobile .mob-topbar .mob-topbar-left .hamburger.is-open span:nth-child(3) {
  transform: rotate(-45deg) translate(3px, -3px);
}
.header-container-mobile .mob-topbar .mob-topbar-center {
  flex: 1;
  text-align: center;
}
.header-container-mobile .mob-topbar .mob-topbar-center img {
  height: 28px;
}
.header-container-mobile .mob-topbar .mob-topbar-right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.header-container-mobile .mob-topbar .mob-topbar-right a,
.header-container-mobile .mob-topbar .mob-topbar-right div {
  width: 50px;
  height: 50px;
  display: block;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.header-container-mobile .mob-topbar .mob-topbar-right .mob-cart {
  background-image: url(../img/shop_icon.png);
}
.header-container-mobile .mob-topbar .mob-topbar-right .cart-badge {
  position: absolute;
  top: 8px;
  right: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #dc0000;
  color: #FFFFFF;
  font: bold 9px/16px "PT Sans";
  text-align: center;
}
.header-container-mobile .menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 200;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header-container-mobile .menu-overlay.is-open {
  opacity: 1;
  visibility: visible;
}
.header-container-mobile .menu-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  background: #FFFFFF;
  z-index: 210;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.header-container-mobile .menu-sidebar.is-open {
  transform: translateX(0);
}
.header-container-mobile .menu-sidebar .menu-sidebar-head {
  background: #dc0000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  height: 50px;
}
.header-container-mobile .menu-sidebar .menu-sidebar-head img {
  height: 26px;
}
.header-container-mobile .menu-sidebar .menu-sidebar-head .menu-close-btn {
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
}
.header-container-mobile .menu-sidebar .menu-sidebar-head .menu-close-btn span {
  display: block;
  position: absolute;
  left: 4px;
  top: 50%;
  width: 22px;
  height: 2px;
  background: #FFFFFF;
}
.header-container-mobile .menu-sidebar .menu-sidebar-head .menu-close-btn span:nth-child(1) {
  transform: rotate(45deg);
}
.header-container-mobile .menu-sidebar .menu-sidebar-head .menu-close-btn span:nth-child(2) {
  transform: rotate(-45deg);
}
.header-container-mobile .menu-sidebar .menu-search-box {
  padding: 10px 12px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.header-container-mobile .menu-sidebar .menu-search-box input {
  flex: 1;
  padding: 8px 10px;
  font: normal 14px "PT Sans";
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  outline: none;
}
.header-container-mobile .menu-sidebar .menu-search-box input:focus {
  border-color: #0033CC;
}
.header-container-mobile .menu-sidebar .menu-search-box button {
  margin-left: 6px;
  padding: 0 12px;
  background: #dc0000;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font: bold 13px "PT Sans";
}
.header-container-mobile .menu-sidebar .menu-search-box .menu-search-suggestions {
  display: none;
  width: 100%;
  margin: 0;
  margin-top: 4px;
  padding: 0;
  list-style: none;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.header-container-mobile .menu-sidebar .menu-search-box .menu-search-suggestions.is-open {
  display: block;
}
.header-container-mobile .menu-sidebar .menu-search-box .menu-search-suggestions .menu-search-item {
  padding: 10px 12px;
  font: normal 14px "PT Sans";
  color: #333333;
  cursor: pointer;
  border-bottom: 1px solid #F5F5F5;
}
.header-container-mobile .menu-sidebar .menu-search-box .menu-search-suggestions .menu-search-item:last-child {
  border-bottom: none;
}
.header-container-mobile .menu-sidebar .menu-search-box .menu-search-suggestions .menu-search-item:active {
  background: #F5F5F5;
}
.header-container-mobile .menu-sidebar .menu-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-container-mobile .menu-sidebar .menu-nav li {
  border-bottom: 1px solid #EFEFEF;
}
.header-container-mobile .menu-sidebar .menu-nav li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 14px;
  font: bold 14px "PT Sans";
  color: #333333;
  text-decoration: none;
  text-transform: uppercase;
}
.header-container-mobile .menu-sidebar .menu-nav li > a:hover,
.header-container-mobile .menu-sidebar .menu-nav li > a:active {
  background: #F5F5F5;
}
.header-container-mobile .menu-sidebar .menu-nav li > a.has-sub::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 10px;
  color: #999999;
}
.header-container-mobile .menu-sidebar .menu-nav li .click-sub {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #F5F5F5;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.header-container-mobile .menu-sidebar .menu-nav li .click-sub li {
  border-bottom: 1px solid #EEEEEE;
}
.header-container-mobile .menu-sidebar .menu-nav li .click-sub li:last-child {
  border-bottom: none;
}
.header-container-mobile .menu-sidebar .menu-nav li .click-sub li a {
  font: normal 13px "PT Sans";
  padding: 10px 14px 10px 28px;
  text-transform: capitalize;
  color: #666666;
}
.header-container-mobile .menu-sidebar .menu-nav li .click-sub.is-open {
  max-height: 800px;
}
.header-container-mobile .menu-sidebar .menu-user-section {
  border-top: 1px solid #EFEFEF;
  display: none;
}
.header-container-mobile .menu-sidebar .menu-user-section .menu-user-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #F5F5F5;
}
.header-container-mobile .menu-sidebar .menu-user-section .menu-user-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #FFFFFF;
  padding: 4px;
}
.header-container-mobile .menu-sidebar .menu-user-section .menu-user-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.header-container-mobile .menu-sidebar .menu-user-section .menu-user-name {
  font: bold 14px "PT Sans";
  color: #333333;
}
.header-container-mobile .menu-sidebar .menu-user-section .menu-user-email {
  font: normal 11px "PT Sans";
  color: #999;
}
.header-container-mobile .menu-sidebar .menu-user-section .menu-user-links {
  padding: 6px 0;
}
.header-container-mobile .menu-sidebar .menu-user-section .menu-user-link {
  display: block;
  padding: 12px 20px;
  color: #333333;
  font: normal 14px "PT Sans";
  text-decoration: none;
  transition: background 0.2s;
}
.header-container-mobile .menu-sidebar .menu-user-section .menu-user-link:active {
  background: #F5F5F5;
}
.header-container-mobile .menu-sidebar .menu-user-section .menu-user-logout {
  color: #dc0000;
}
.header-container-mobile .menu-sidebar .menu-sidebar-footer {
  border-top: 1px solid #EFEFEF;
  padding: 12px 14px;
}
.header-container-mobile .menu-sidebar .menu-sidebar-footer .menu-login-btn {
  display: block;
  width: 100%;
  padding: 12px;
  background: #dc0000;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  text-align: center;
  font: bold 14px "PT Sans";
  text-decoration: none;
  margin-bottom: 12px;
}
.header-container-mobile .menu-sidebar .menu-sidebar-footer .menu-login-btn i {
  margin-right: 6px;
}
.header-container-mobile .menu-sidebar .menu-sidebar-footer .menu-toggle-auth {
  text-align: center;
  padding-top: 10px;
  border-top: 1px solid #EFEFEF;
  margin-top: 10px;
}
.header-container-mobile .menu-sidebar .menu-sidebar-footer .menu-toggle-auth small {
  color: #999;
  font: normal 10px "PT Sans";
}
.header-container-mobile .menu-sidebar .menu-sidebar-footer .menu-lang-row {
  display: flex;
  gap: 12px;
}
.header-container-mobile .menu-sidebar .menu-sidebar-footer .menu-lang-row .menu-lang-opt {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  color: #333333;
  font: normal 12px "PT Sans";
  text-decoration: none;
}
.header-container-mobile .menu-sidebar .menu-sidebar-footer .menu-lang-row .menu-lang-opt.active {
  border-color: #0033CC;
  color: #0033CC;
  font-weight: bold;
}
.header-container-mobile .menu-sidebar .menu-sidebar-footer .menu-lang-row .menu-lang-opt img {
  width: 18px;
}
.header-container-mobile .main-top-notice {
  display: none;
  background-color: #009900;
  width: 100%;
  padding: 10px;
}
.header-container-mobile .main-top-notice .main-top-notice-center {
  display: none;
  text-align: center;
  max-width: 1100px;
  width: 100%;
  display: block;
  color: #FFFFFF;
  margin: 0 auto;
  padding-top: 9px;
  font: italic 1em/20px "PT Sans";
}
.header-container-mobile .main-top-notice .main-top-notice-center a {
  text-decoration: none;
  color: #FFFFFF;
}
.header-container-mobile .main-top-notice .main-top-notice-center .mini-arrow {
  width: 21px;
  margin: 0 0 0 8px;
}
.header-container-mobile .main-sub-top-wrap {
  display: none;
}
.header-container-mobile .list-drop {
  position: absolute;
}
.header-container-mobile .list-drop .drop-search {
  display: inline-block;
  position: relative;
  display: block;
  width: 320px;
  top: 50px;
  z-index: 1;
}
.header-container-mobile .list-drop .drop-search .search-box {
  position: relative;
  right: 0;
  padding: 16px 70px 16px 16px;
  font: normal 18px/20px "PT Sans";
  color: #666666;
  max-width: 500px;
  width: 100%;
  box-shadow: none;
  border: none;
}
.header-container-mobile .list-drop .drop-search .ok-btn {
  position: absolute;
  display: inline-block;
  width: 53px;
  height: 53px;
  right: 0px;
  background: url(../img/ok-btn.png) no-repeat 0px 0px rgba(0, 0, 0, 0);
}
.header-container-mobile .list-drop .onclick-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  min-width: 320px;
  top: 50px;
  z-index: 2;
  overflow-y: scroll;
}
.header-container-mobile .list-drop .onclick-menu li .sub-top {
  height: 50px;
  color: #FFFFFF;
  background: #0033CC;
  text-decoration: none;
  font: bold 12px/50px "PT Sans";
  text-transform: uppercase;
  padding: 0;
  display: inline-block;
  width: 100%;
  text-align: center;
  border-top: 1px solid #005CDC;
  border-right: 1px solid #005CDC;
}
.header-container-mobile .list-drop .onclick-menu li .sub-top:hover {
  opacity: 0.9;
}
.header-container-mobile .list-drop .onclick-menu li .click-sub {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #EEEEEE;
}
.header-container-mobile .list-drop .onclick-menu li .click-sub li {
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
.header-container-mobile .list-drop .onclick-menu li .click-sub li .sub-bottom {
  height: 60px;
  font: normal 12px/50px "PT Sans";
  text-decoration: none;
  text-transform: capitalize;
  color: #666666;
}
.header-container-mobile .list-drop .onclick-menu li .click-sub li:hover {
  background: #F5F5F5;
}
.header-container-mobile .main-header-wrap-mobile {
  background-color: #0033CC;
  width: 100%;
  z-index: 10000;
  position: static;
}
.header-container-mobile .main-header-wrap-mobile .wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  padding-bottom: 10px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .head-logo {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 320px;
  margin: 0 auto 0;
  text-align: center;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .head-logo img {
  width: 100px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .mblogo {
  display: inline-block;
  position: absolute;
  width: 100%;
  min-width: 320px;
  margin: 10px auto 0;
  padding-left: 60px;
  text-align: center;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .mblogo img {
  width: 70px;
  margin: 0 0 0 -70px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-left {
  display: inline-block;
  position: relative;
  float: left;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-left .drop-menu {
  width: 50px;
  height: 50px;
  float: left;
  position: absolute;
  background: url(../img/menu_icon.png) no-repeat 0px -3px rgba(0, 0, 0, 0);
  background-size: 100%;
  cursor: pointer;
  z-index: 10px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-left .drop-menu-back {
  width: 50px;
  height: 50px;
  float: left;
  position: absolute;
  background: url("https://bucket.fitwhey.com/editor/614db4117a7d8.png") no-repeat 0px -3px rgba(0, 0, 0, 0);
  background-size: 100%;
  cursor: pointer;
  z-index: 10px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  left: 70px;
  cursor: pointer;
  color: #CCCCCC;
  margin-left: -20px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language a {
  color: white;
  text-decoration: none;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language img {
  width: 18px;
  margin: 2px;
  box-shadow: 0 0 2px #000000ac;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language .border {
  display: none;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language .modal-language {
  width: 135px;
  background: white;
  border: 1px solid #b3b3b3;
  flex-direction: column;
  text-align: left;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language .modal-language .lang-wrap {
  z-index: 9;
  cursor: pointer;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language .modal-language .lang-wrap .lang-img {
  margin: 0 6px;
  margin-left: 15px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language .modal-language .lang-wrap .lang-text {
  color: black;
  font: 400 14px prompt;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language .modal-language hr {
  margin: 0;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right {
  display: inline-block;
  position: relative;
  float: right;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right .cart-menu {
  width: 50px;
  height: 50px;
  float: left;
  background: url(../img/shop_icon.png) no-repeat rgba(0, 0, 0, 0);
  background-size: 100%;
  float: right;
  cursor: pointer;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right .cart-menu .cart-noti {
  position: absolute;
  right: 13px;
  top: 10px;
  padding: 0.5px 5px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #0033CC;
  font: 10px/15px "PT Sans";
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu {
  width: 50px;
  height: 50px;
  float: left;
  background: url(../img/card_icon.png) no-repeat rgba(0, 0, 0, 0);
  background-size: 100%;
  cursor: pointer;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup {
  width: 278px;
  padding: 17px;
  border-top: 1px solid #FFFFFF;
  position: absolute;
  display: inline-block;
  background: #dc0000;
  right: 62px;
  top: 70px;
  width: 258px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .notice {
  display: inline-block;
  font: normal 14px/18px "PT Sans";
  color: #F5F5F5;
  margin-bottom: 10px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .signup-box {
  width: 100%;
  padding: 7px 5px;
  font: 14px/14px "PT Sans";
  color: #666666;
  margin-bottom: 15px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .login-btn {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font: 14px "PT Sans";
  color: #FFFFFF;
  background: #005CDC;
  padding: 7px 25px;
  border-radius: 1px;
  margin-right: 5px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .fb-signin-btn {
  display: block;
  position: relative;
  border: 1px solid #FFFFFF;
  margin: 15px 0;
  line-height: 40px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  background: url(../img/fb-signin-btn-mobile.png) no-repeat;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .fg-password {
  font: 13px "PT Sans";
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .my-account {
  font: 13px/33px "PT Sans";
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 20px 10px 0;
  border-right: 1px solid #F5F5F5;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .signup {
  font: lighter 13px "PT Sans";
  text-transform: capitalize;
  color: #CCCCCC;
  text-align: center;
  margin-top: 10px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .signup a {
  color: #F5F5F5;
  text-decoration: none;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-main {
  display: none;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-search-input {
  width: 100%;
  padding: 60px 10px 0 10px;
  display: block;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-search-input span {
  display: block;
  float: left;
  width: 10%;
  text-align: center;
  background: #295eff;
  padding: 1% 0 1% 0px;
  margin-left: 10px;
  border-radius: 10px 0px 0px 10px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-search-input span img {
  width: 20px;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-search-input input {
  font: 20px/20px "pt sans";
  border: 0px;
  border-radius: 0 10px 10px 0px;
  width: 85%;
  margin: 0 0 0 0;
  padding: 1% 0 1% 10px;
  display: block;
  float: left;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-search-input .header-search-banner {
  width: 100%;
}
.header-container-mobile .main-header-wrap-mobile .wrapper .header-search-input .header-search-banner img {
  margin-top: 15px;
  width: 100%;
  max-width: 800px;
  min-width: 320px;
  border-radius: 30px;
}
.header-container-mobile .main-sub-header-wrap {
  display: none;
}
.header-container-mobile .tier-drop-menu {
  display: none;
}
@media only screen and (min-width: 500px) {
  .header-container-mobile {
    min-width: 320px;
  }
  .header-container-mobile .main-top-notice {
    display: none;
    background-color: #009900;
    width: 100%;
    padding: 10px;
  }
  .header-container-mobile .main-top-notice .main-top-notice-center {
    display: none;
    text-align: center;
    max-width: 1100px;
    width: 100%;
    display: block;
    color: #FFFFFF;
    margin: 0 auto;
    padding-top: 9px;
    font: italic 1em/20px "PT Sans";
  }
  .header-container-mobile .main-top-notice .main-top-notice-center a {
    text-decoration: none;
    color: #FFFFFF;
  }
  .header-container-mobile .main-top-notice .main-top-notice-center .mini-arrow {
    width: 21px;
    margin: 0 0 0 8px;
  }
  .header-container-mobile .main-sub-top-wrap {
    display: none;
  }
  .header-container-mobile .list-drop {
    position: absolute;
  }
  .header-container-mobile .list-drop .drop-search {
    display: inline-block;
    position: relative;
    display: block;
    width: 320px;
    top: 50px;
    z-index: 1;
  }
  .header-container-mobile .list-drop .drop-search .search-box {
    position: relative;
    right: 0;
    padding: 16px 70px 16px 16px;
    font: normal 18px/20px "PT Sans";
    color: #666666;
    max-width: 500px;
    width: 100%;
    box-shadow: none;
    border: none;
  }
  .header-container-mobile .list-drop .drop-search .ok-btn {
    position: absolute;
    display: inline-block;
    width: 53px;
    height: 53px;
    right: 0px;
    background: url(../img/ok-btn.png) no-repeat 0px 0px rgba(0, 0, 0, 0);
  }
  .header-container-mobile .list-drop .onclick-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    position: relative;
    min-width: 320px;
    top: 50px;
    z-index: 2;
    overflow-y: scroll;
  }
  .header-container-mobile .list-drop .onclick-menu li .sub-top {
    height: 50px;
    color: #FFFFFF;
    background: #0033CC;
    text-decoration: none;
    font: bold 12px/50px "PT Sans";
    text-transform: uppercase;
    padding: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #005CDC;
    border-right: 1px solid #005CDC;
  }
  .header-container-mobile .list-drop .onclick-menu li .sub-top:hover {
    opacity: 0.9;
  }
  .header-container-mobile .list-drop .onclick-menu li .click-sub {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #EEEEEE;
  }
  .header-container-mobile .list-drop .onclick-menu li .click-sub li {
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
  }
  .header-container-mobile .list-drop .onclick-menu li .click-sub li .sub-bottom {
    height: 60px;
    font: normal 12px/50px "PT Sans";
    text-decoration: none;
    text-transform: capitalize;
    color: #666666;
  }
  .header-container-mobile .list-drop .onclick-menu li .click-sub li:hover {
    background: #F5F5F5;
  }
  .header-container-mobile .main-header-wrap-mobile {
    background-color: #0033CC;
    width: 100%;
    z-index: 10000;
    position: static;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    padding-bottom: 10px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .head-logo {
    display: none;
    position: absolute;
    width: 100%;
    min-width: 320px;
    margin: 0 auto 0;
    text-align: center;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .head-logo img {
    width: 100px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .mblogo {
    display: inline-block;
    position: absolute;
    width: 100%;
    min-width: 320px;
    margin: 10px auto 0;
    padding-left: 60px;
    text-align: center;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .mblogo img {
    width: 70px;
    margin: 0 0 0 -70px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-left {
    display: inline-block;
    position: relative;
    float: left;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-left .drop-menu {
    width: 50px;
    height: 50px;
    float: left;
    position: absolute;
    background: url(../img/menu_icon.png) no-repeat 0px -3px rgba(0, 0, 0, 0);
    background-size: 100%;
    cursor: pointer;
    z-index: 10px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-left .drop-menu-back {
    width: 50px;
    height: 50px;
    float: left;
    position: absolute;
    background: url("https://bucket.fitwhey.com/editor/614db4117a7d8.png") no-repeat 0px -3px rgba(0, 0, 0, 0);
    background-size: 100%;
    cursor: pointer;
    z-index: 10px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 70px;
    cursor: pointer;
    color: #CCCCCC;
    margin-left: -20px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language a {
    color: white;
    text-decoration: none;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language img {
    width: 18px;
    margin: 2px;
    box-shadow: 0 0 2px #000000ac;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language .border {
    display: none;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language .modal-language {
    width: 135px;
    background: white;
    border: 1px solid #b3b3b3;
    flex-direction: column;
    text-align: left;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language .modal-language .lang-wrap {
    z-index: 9;
    cursor: pointer;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language .modal-language .lang-wrap .lang-img {
    margin: 0 6px;
    margin-left: 15px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language .modal-language .lang-wrap .lang-text {
    color: black;
    font: 400 14px prompt;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-left .sub-language .modal-language hr {
    margin: 0;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right {
    display: inline-block;
    position: relative;
    float: right;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right .cart-menu {
    width: 50px;
    height: 50px;
    float: left;
    background: url(../img/shop_icon.png) no-repeat rgba(0, 0, 0, 0);
    background-size: 100%;
    float: right;
    cursor: pointer;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right .cart-menu .cart-noti {
    position: absolute;
    right: 13px;
    top: 10px;
    padding: 0.5px 5px;
    border-radius: 50%;
    background: #FFFFFF;
    color: #0033CC;
    font: 10px/15px "PT Sans";
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu {
    width: 50px;
    height: 50px;
    float: left;
    background: url(../img/card_icon.png) no-repeat rgba(0, 0, 0, 0);
    background-size: 100%;
    cursor: pointer;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup {
    width: 278px;
    padding: 17px;
    border-top: 1px solid #FFFFFF;
    position: absolute;
    display: inline-block;
    background: #dc0000;
    right: 62px;
    top: 70px;
    width: 258px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .notice {
    display: inline-block;
    font: normal 14px/18px "PT Sans";
    color: #F5F5F5;
    margin-bottom: 10px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .signup-box {
    width: 100%;
    padding: 7px 5px;
    font: 14px/14px "PT Sans";
    color: #666666;
    margin-bottom: 15px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .login-btn {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font: 14px "PT Sans";
    color: #FFFFFF;
    background: #005CDC;
    padding: 7px 25px;
    border-radius: 1px;
    margin-right: 5px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .fb-signin-btn {
    display: block;
    position: relative;
    border: 1px solid #FFFFFF;
    margin: 15px 0;
    line-height: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    background: url(../img/fb-signin-btn-mobile.png) no-repeat;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .fg-password {
    font: 13px "PT Sans";
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .my-account {
    font: 13px/33px "PT Sans";
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 20px 10px 0;
    border-right: 1px solid #F5F5F5;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .signup {
    font: lighter 13px "PT Sans";
    text-transform: capitalize;
    color: #CCCCCC;
    text-align: center;
    margin-top: 10px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-right .signup-menu .drop-signup .signup a {
    color: #F5F5F5;
    text-decoration: none;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-main {
    display: none;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-search-input {
    width: 100%;
    padding: 60px 10px 0 10px;
    display: block;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-search-input span {
    display: block;
    float: left;
    width: 10%;
    margin-top: 10px;
    text-align: center;
    background: #295eff;
    padding: 1% 0 1% 0px;
    margin-left: 10px;
    border-radius: 10px 0px 0px 10px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-search-input span img {
    width: 20px;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-search-input input {
    font: 20px/20px "pt sans";
    border: 0px;
    border-radius: 0 10px 10px 0px;
    width: 85%;
    margin: 0 0 0 0;
    padding: 1% 0 1% 10px;
    display: block;
    float: left;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-search-input .header-search-banner {
    width: 100%;
  }
  .header-container-mobile .main-header-wrap-mobile .wrapper .header-search-input .header-search-banner img {
    margin-top: 15px;
    width: 100%;
    max-width: 800px;
    min-width: 320px;
    border-radius: 30px;
  }
  .header-container-mobile .main-sub-header-wrap {
    display: none;
  }
  .header-container-mobile .tier-drop-menu {
    display: none;
  }
}
@media only screen and (min-width: 1100px) {
  .header-container-mobile {
    display: none;
  }
  .header-container .main-top-notice {
    background-color: #009900;
    width: 100%;
  }
  .header-container .main-top-notice .main-top-notice-center {
    max-width: 1400px;
    font: italic 20px/20px "PT Sans";
  }
  .header-container .list-drop {
    display: none;
  }
  .header-container .main-sub-top-wrap {
    display: block;
    color: #FFFFFF;
    height: 32px;
    background: #323232;
    -moz-box-shadow: 0 1px 5px 1px #999;
    -webkit-box-shadow: 0 1px 5px 1px #999;
    box-shadow: 0 1px 5px 1px #999;
  }
  .header-container .main-sub-top-wrap .wrapper {
    margin: 0 auto;
    padding: 0;
    width: 1100px;
    position: relative;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu {
    width: 100%;
    display: inline-block;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .promo-text {
    color: #FFFFFF;
    display: inline-block;
    font: italic 14px/32px "PT Sans";
    margin: 0;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 2px;
    text-transform: capitalize;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new .social-top {
    position: relative;
    margin-left: 35px;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new .social-top a img {
    width: 18px;
    margin-left: 5px;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new .language {
    display: inline-block;
    top: 0px;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new .language a {
    font: lighter 13px "PT Sans";
    text-decoration: none;
    color: #FFFFFF;
    padding-left: 7px;
    text-transform: uppercase;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new .language a:nth-child(1) {
    border-right: 1px solid #CCCCCC;
    padding-right: 10px;
  }
  .header-container .main-sub-top-wrap .wrapper .sub-menu .header-top-new .call-center {
    font: lighter 13px "PT Sans";
    font-style: italic;
    color: #FFFFFF;
    margin-left: 35px;
  }
  .header-container .main-header-wrap {
    background: #dc0000;
    border-bottom: 0px solid #FFFFFF;
  }
  .header-container .main-header-wrap .wrapper {
    margin: 0 auto;
    padding: 0;
    width: 1100px;
  }
  .header-container .main-header-wrap .wrapper .head-logo {
    display: inline-block;
    left: 0;
    margin: 56px 0 0;
    padding: 0;
    position: relative;
    min-width: 0;
    width: 130px;
    z-index: 1;
  }
  .header-container .main-header-wrap .wrapper .head-logo img {
    width: 140px!important;
  }
  .header-container .main-header-wrap .wrapper .mblogo {
    display: none;
  }
  .header-container .main-header-wrap .wrapper .header-left,
  .header-container .main-header-wrap .wrapper .header-right {
    display: none;
  }
  .header-container .main-header-wrap .wrapper .header-main {
    display: inline-block;
    position: absolute;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top {
    display: inline-block;
    position: relative;
    float: left;
    width: 970px;
    height: 60px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .promo-text {
    color: #FFFFFF;
    display: inline-block;
    font: italic 14px "PT Sans";
    left: 40px;
    margin: 0;
    position: relative;
    text-transform: capitalize;
    top: 2px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left {
    display: inline-block;
    position: absolute;
    left: 40px;
    top: -1px;
    height: 60px;
    line-height: 60px;
    text-transform: capitalize;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left .subscribe-now {
    display: none;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left .subscribe-container {
    display: inline-block;
    padding: 0 20px 0 0;
    text-align: right;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left .subscribe-container .subscribe-text {
    text-transform: capitalize;
    font: lighter 12px "Arial";
    color: #CCCCCC;
    border-radius: 3px;
    display: inline-block;
    width: 160px;
    text-align: center;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon {
    display: inline-block;
    position: absolute;
    left: 40px;
    top: -1px;
    height: 60px;
    line-height: 60px;
    text-transform: capitalize;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon .signup-now {
    display: none;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon .signup-container {
    display: inline-block;
    padding: 0 20px 0 0;
    text-align: right;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon .signup-container .signup-text {
    text-transform: capitalize;
    font: lighter 12px "Arial";
    color: #CCCCCC;
    border-radius: 3px;
    display: inline-block;
    width: 160px;
    text-align: center;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right {
    display: inline-block;
    position: absolute;
    right: 10px;
    height: 60px;
    margin: 15px 0 0 0;
    text-transform: capitalize;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .sub-menu-right {
    position: relative;
    display: inline-block;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .sub-menu-right .search-box {
    color: #333333;
    font: normal 13px/14px "Helvetica";
    height: 30px;
    margin: 0;
    padding: 0 40px 0 10px;
    width: 300px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .sub-menu-right a {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0px;
    right: 0px;
    background: url(../img/search-btn-new.png) no-repeat 0px 0px rgba(0, 0, 0, 0);
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .sub-menu-right .drop-menu-active {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 300px;
    display: inline-block;
    background: #FFFFFF;
    position: absolute;
    z-index: 1;
    top: 46px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .sub-menu-right .drop-menu-active li {
    display: block;
    width: 100%;
    font: lighter 14px "PT Sans";
    padding: 10px;
    cursor: pointer;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .sub-menu-right .drop-menu-active li:hover {
    background: #F5F5F5;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .login-signup {
    position: relative;
    margin-left: 35px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .login-signup a {
    font: normal 16px "PT Sans";
    text-decoration: none;
    color: #EFEFEF;
    padding: 5px 0 5px 7px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .login-signup a:nth-child(1) {
    border-right: 1px solid #CCCCCC;
    padding-right: 10px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .login-signup a:hover {
    color: #FFFFFF;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .points {
    background: url(../img/points-icon-white.png) no-repeat -3px -1px;
    color: #FFFFFF;
    padding: 5px 0px 5px 40px;
    margin-left: 30px;
    font-weight: bold;
    font: bold 18px "PT Sans";
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-right .cart-menu {
    display: inline-block;
    text-decoration: none;
    font: bold 18px "PT Sans";
    color: #FFFFFF;
    margin-left: 15px;
    padding: 0 0 0 40px;
    background: url(../img/icons.png) no-repeat -2px -2218px rgba(0, 0, 0, 0);
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom {
    display: inline-block;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu {
    background: none repeat scroll 0 0 #323232;
    display: block;
    height: 66px;
    list-style: none outside none;
    margin: 0;
    min-width: 970px;
    padding: 0;
    position: relative;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li {
    float: left;
    text-align: center;
    margin: 0;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li a {
    font: bold italic 17px "PT Sans";
    line-height: 14px;
    text-transform: uppercase;
    text-decoration: none;
    display: table;
    color: #FFFFFF;
    height: 18px;
    padding: 26px 13px;
    border-right: 1px solid #666666;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li a:hover {
    background: linear-gradient(-180deg, #E9E9E9, #FFFFFF);
    color: #dc0000;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu .active {
    background: linear-gradient(-180deg, #E9E9E9, #FFFFFF);
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu .active a {
    color: #dc0000;
    border-right: 1px solid #FFFFFF;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li:nth-child(1) a {
    padding: 18px 30px 18px 50px!important;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li:nth-child(1):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 66px 35px 0px 0px;
    border-style: solid;
    border-color: #dc0000 transparent transparent #dc0000;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li:nth-child(2n+1) a {
    line-height: 30px;
    padding: 18px 17px;
  }
  .header-container .main-sub-header-wrap {
    display: block;
    background: #FFFFFF;
    color: #FFFFFF;
    height: 8px;
  }
  .header-container .main-sub-header-wrap .wrapper {
    margin: 0 auto;
    padding: 0;
    width: 1100px;
    position: relative;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left {
    color: #999999;
    position: absolute;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    font: lighter 12px "PT Sans";
    position: relative;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul li {
    position: relative;
    float: left;
    padding: 11px 8px 8px;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .sub-menu {
    display: table;
    z-index: 1;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .sub-menu a {
    position: relative;
    text-decoration: none;
    color: #999999;
    padding: 0 5px 0 10px;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .sub-menu a:hover {
    color: #666666;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .sub-menu .drop-icon {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: url(../img/icons.png) no-repeat -13px -662px rgba(0, 0, 0, 0);
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu {
    position: absolute;
    width: 185px;
    padding: 20px 25px 15px;
    background: #FFFFFF;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu ul li {
    padding: 0;
    float: none;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu ul li a {
    font: normal 13px "Myriad pro";
    text-transform: capitalize;
    padding: 2px 0;
    display: block;
    color: #666666;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu ul li a:hover {
    color: #005CDC;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu ul li:nth-last-child(2) a {
    padding: 2px 0 10px 0;
  }
  .header-container .main-sub-header-wrap .wrapper .sub-menu-left ul .drop-menu ul li:last-child a {
    font-weight: normal;
    color: #005CDC;
    text-transform: capitalize;
    padding: 10px 0 0 0;
    border-top: 1px solid #CCCCCC;
  }
  .header-container .tier-drop-menu {
    display: block;
    width: 100%;
    position: absolute;
    min-height: 355px;
    background: #FFFFFF;
    z-index: 10000;
    background: linear-gradient(-360deg, #E9E9E9, #FFFFFF);
  }
  .header-container .tier-drop-menu.brand {
    display: block;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap {
    position: relative;
    display: inline-block;
    float: left;
    margin: 20px 0 25px 25px;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu {
    float: left;
    margin: 0 50px 0 0;
    width: 200px;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li {
    font: normal 16px "Arial";
    margin: 6px 0;
    display: inline-block;
    width: 100%;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li h3 {
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    padding: 0 0 10px 0;
    margin: 5px 0 10px 0;
    border-bottom: 1px solid #CCCCCC;
    font-size: 15px;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li a {
    text-decoration: none;
    text-transform: capitalize;
    color: #000000;
    width: 100%;
    display: inline-block;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li .no-cap {
    text-transform: none;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li a:hover {
    color: #0033CC;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li:last-child .view-more {
    color: #FFFFFF;
    background: #0033CC;
    padding: 15px 0;
    margin-top: 10px;
    text-align: center;
  }
  .header-container .tier-drop-menu .wrapper .shopby-wrap .shopby-menu ul li:last-child .view-more:hover {
    opacity: 0.9;
  }
  .header-container .tier-drop-menu .wrapper .persona-wrap {
    bottom: 0;
    float: left;
    position: relative;
  }
  .header-container .tier-drop-menu .wrapper .persona-wrap .help-title {
    font: bold 30px "PT Sans";
    text-transform: uppercase;
    color: #666666;
    margin: 20px 0 2px 10px;
  }
  .header-container .tier-drop-menu .wrapper .persona-wrap .sub {
    text-transform: uppercase;
    font: bold 18px "Arial";
    margin-bottom: 20px;
    margin-left: 35px;
    color: #CCCCCC;
  }
  .header-container .tier-drop-menu .wrapper .persona-wrap .strong-text {
    font: normal 16px "Arial";
    margin-top: 20px;
    margin-left: 35px;
  }
  .header-container .tier-drop-menu .wrapper .persona-wrap .strong-text .mail {
    text-decoration: none;
    font-weight: bold;
  }
  .header-container .tier-drop-menu .wrapper .persona-wrap .fb-nav {
    display: inline-block;
    margin-top: 10px;
    margin-left: 35px;
  }
}
@media only screen and (min-width: 1440px) {
  .header-container .main-header-wrap .wrapper {
    width: 1440px;
  }
  .header-container .main-header-wrap .wrapper .head-logo {
    padding: 0 15px 0 15px;
    width: 140px;
    background: #dc0000;
  }
  .header-container .main-header-wrap .wrapper .head-logo img {
    width: 140px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top {
    width: 1130px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left {
    left: 40px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left .subscribe-now {
    font: lighter 16px/30px "PT Sans";
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0 10px 0 0;
    position: relative;
    top: 2px;
    display: inline-block;
    border-right: 1px solid #CCCCCC;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left .subscribe-container {
    padding: 0 0 0 10px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left .subscribe-container .subscribe-text {
    text-transform: capitalize;
    font: lighter 12px "Arial";
    color: #CCCCCC;
    border-radius: 3px;
    display: inline-block;
    width: 160px;
    text-align: center;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon {
    left: 40px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon .signup-now {
    font: lighter 16px/30px "PT Sans";
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0 10px 0 0;
    margin-right: 10px;
    position: relative;
    top: 2px;
    display: inline-block;
    border-right: 1px solid #CCCCCC;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon .signup-container {
    padding: 0 0 0 10px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .header-top-left-coupon .signup-container .signup-text {
    text-transform: capitalize;
    font: lighter 12px "Arial";
    color: #CCCCCC;
    border-radius: 3px;
    display: inline-block;
    width: 160px;
    text-align: center;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-top .promo-text {
    left: 69px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu {
    min-width: 1130px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li a {
    padding: 26px 23px;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li:nth-child(1) a {
    padding: 18px 38px 18px 60px!important;
  }
  .header-container .main-header-wrap .wrapper .header-main .header-bottom .main-menu li:nth-child(2n+1) a {
    padding: 18px 38px;
  }
}
/* === Real site mobile header (.header-container scope) === */
.header-container .mob-topbar {
  display: flex;
  align-items: center;
  height: 50px;
  background: #dc0000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10002;
  padding: 0 4px;
  padding-top: env(safe-area-inset-top);
}
.header-container .mob-topbar-left {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.header-container .mob-topbar-left .hamburger {
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.header-container .mob-topbar-left .hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background: #FFFFFF;
  margin: 2px 0;
  border-radius: 1px;
  transition: all 0.3s ease;
}
.header-container .mob-topbar-left .hamburger.is-open span:nth-child(1) {
  transform: rotate(45deg) translate(4px, 4px);
}
.header-container .mob-topbar-left .hamburger.is-open span:nth-child(2) {
  opacity: 0;
}
.header-container .mob-topbar-left .hamburger.is-open span:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
}
.header-container .mob-topbar-center {
  flex: 1;
  text-align: center;
}
.header-container .mob-topbar-center a {
  display: inline-block;
}
.header-container .mob-topbar-center img {
  height: 36px;
  width: auto;
}
.header-container .mob-topbar-right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.header-container .mob-topbar-right a,
.header-container .mob-topbar-right div {
  width: 50px;
  height: 50px;
  display: block;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.header-container .mob-topbar-right .mob-cart {
  background-image: url(../img/shop_icon.png);
}
.header-container .mob-topbar-right .cart-badge {
  position: absolute;
  top: 8px;
  right: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #dc0000;
  color: #FFFFFF;
  font: bold 9px/16px "PT Sans";
  text-align: center;
}
.header-container .menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10003;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.header-container .menu-overlay.is-open {
  opacity: 1;
  visibility: visible;
}
.header-container .menu-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  background: #FFFFFF;
  z-index: 10004;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.header-container .menu-sidebar.is-open {
  transform: translateX(0);
}
.header-container .menu-sidebar .menu-sidebar-head {
  background: #dc0000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  height: 50px;
}
.header-container .menu-sidebar .menu-sidebar-head img {
  height: 26px;
}
.header-container .menu-sidebar .menu-sidebar-head .menu-close-btn {
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
}
.header-container .menu-sidebar .menu-sidebar-head .menu-close-btn span {
  display: block;
  position: absolute;
  left: 4px;
  top: 50%;
  width: 22px;
  height: 2px;
  background: #FFFFFF;
}
.header-container .menu-sidebar .menu-sidebar-head .menu-close-btn span:nth-child(1) {
  transform: rotate(45deg);
}
.header-container .menu-sidebar .menu-sidebar-head .menu-close-btn span:nth-child(2) {
  transform: rotate(-45deg);
}
.header-container .menu-sidebar .menu-search-box {
  padding: 10px 12px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.header-container .menu-sidebar .menu-search-box input {
  flex: 1;
  padding: 8px 10px;
  font: normal 14px "PT Sans";
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  outline: none;
}
.header-container .menu-sidebar .menu-search-box input:focus {
  border-color: #0033CC;
}
.header-container .menu-sidebar .menu-search-box button {
  margin-left: 6px;
  padding: 0 12px;
  background: #dc0000;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font: bold 13px "PT Sans";
}
.header-container .menu-sidebar .menu-search-box .menu-search-suggestions {
  display: none;
  width: 100%;
  margin: 0;
  margin-top: 4px;
  padding: 0;
  list-style: none;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.header-container .menu-sidebar .menu-search-box .menu-search-suggestions.is-open {
  display: block;
}
.header-container .menu-sidebar .menu-search-box .menu-search-suggestions .menu-search-item {
  padding: 10px 12px;
  font: normal 14px "PT Sans";
  color: #333333;
  cursor: pointer;
  border-bottom: 1px solid #F5F5F5;
}
.header-container .menu-sidebar .menu-search-box .menu-search-suggestions .menu-search-item:last-child {
  border-bottom: none;
}
.header-container .menu-sidebar .menu-search-box .menu-search-suggestions .menu-search-item:active {
  background: #F5F5F5;
}
.header-container .menu-sidebar .menu-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-container .menu-sidebar .menu-nav li {
  border-bottom: 1px solid #EFEFEF;
}
.header-container .menu-sidebar .menu-nav li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 14px;
  font: bold 14px "PT Sans";
  color: #333333;
  text-decoration: none;
  text-transform: uppercase;
}
.header-container .menu-sidebar .menu-nav li > a:hover,
.header-container .menu-sidebar .menu-nav li > a:active {
  background: #F5F5F5;
}
.header-container .menu-sidebar .menu-nav li > a.has-sub::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 10px;
  color: #999999;
}
.header-container .menu-sidebar .menu-nav li .click-sub {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #F5F5F5;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.header-container .menu-sidebar .menu-nav li .click-sub li {
  border-bottom: 1px solid #EEEEEE;
}
.header-container .menu-sidebar .menu-nav li .click-sub li:last-child {
  border-bottom: none;
}
.header-container .menu-sidebar .menu-nav li .click-sub li a {
  font: normal 13px "PT Sans";
  padding: 10px 14px 10px 28px;
  text-transform: capitalize;
  color: #666666;
}
.header-container .menu-sidebar .menu-nav li .click-sub.is-open {
  max-height: 800px;
}
.header-container .menu-sidebar .menu-user-section {
  border-top: 1px solid #EFEFEF;
  display: none;
}
.header-container .menu-sidebar .menu-user-section.is-logged-in {
  display: block;
}
.header-container .menu-sidebar .menu-user-section .menu-user-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #F5F5F5;
}
.header-container .menu-sidebar .menu-user-section .menu-user-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #FFFFFF;
  padding: 4px;
}
.header-container .menu-sidebar .menu-user-section .menu-user-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.header-container .menu-sidebar .menu-user-section .menu-user-name {
  font: bold 14px "PT Sans";
  color: #333333;
}
.header-container .menu-sidebar .menu-user-section .menu-user-email {
  font: normal 11px "PT Sans";
  color: #999;
}
.header-container .menu-sidebar .menu-user-section .menu-user-links {
  padding: 6px 0;
}
.header-container .menu-sidebar .menu-user-section .menu-user-link {
  display: block;
  padding: 12px 20px;
  color: #333333;
  font: normal 14px "PT Sans";
  text-decoration: none;
  transition: background 0.2s;
}
.header-container .menu-sidebar .menu-user-section .menu-user-link:active {
  background: #F5F5F5;
}
.header-container .menu-sidebar .menu-user-section .menu-user-logout {
  color: #dc0000;
}
.header-container .menu-sidebar .menu-sidebar-footer {
  border-top: 1px solid #EFEFEF;
  padding: 12px 14px;
}
.header-container .menu-sidebar .menu-sidebar-footer .menu-login-btn {
  display: block;
  width: 100%;
  padding: 12px;
  background: #dc0000;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  text-align: center;
  font: bold 14px "PT Sans";
  text-decoration: none;
  margin-bottom: 12px;
}
.header-container .menu-sidebar .menu-sidebar-footer .menu-login-btn i {
  margin-right: 6px;
}
.header-container .menu-sidebar .menu-sidebar-footer .menu-lang-row {
  display: flex;
  gap: 12px;
}
.header-container .menu-sidebar .menu-sidebar-footer .menu-lang-row .menu-lang-opt {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  color: #333333;
  font: normal 12px "PT Sans";
  text-decoration: none;
}
.header-container .menu-sidebar .menu-sidebar-footer .menu-lang-row .menu-lang-opt.active {
  border-color: #0033CC;
  color: #0033CC;
  font-weight: bold;
}
.header-container .menu-sidebar .menu-sidebar-footer .menu-lang-row .menu-lang-opt img {
  width: 18px;
}
.header-container .ui-autocomplete {
  position: static !important;
  width: 100% !important;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #EFEFEF;
  border-radius: 0 0 5px 5px;
  background: #FFFFFF;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 10;
}
.header-container .ui-autocomplete .ui-menu-item {
  padding: 10px 12px;
  border-bottom: 1px solid #F5F5F5;
  font: normal 14px "PT Sans";
  color: #333333;
  cursor: pointer;
}
.header-container .ui-autocomplete .ui-menu-item:last-child {
  border-bottom: none;
}
.header-container .ui-autocomplete .ui-menu-item.ui-state-hover,
.header-container .ui-autocomplete .ui-menu-item.ui-state-active {
  background: #F5F5F5;
  border: none;
  margin: 0;
}
@media only screen and (min-width: 1100px) {
  .header-container .mob-topbar,
  .header-container .menu-overlay,
  .header-container .menu-sidebar {
    display: none !important;
  }
}
@media only screen and (max-width: 1099px) {
  .header-container .main-header-wrap,
  .header-container .main-sub-top-wrap,
  .header-container .list-drop {
    display: none;
  }
  .header-container .mob-topbar {
    display: flex;
  }
}
@media only screen and (max-width: 1099px) {
  .main-container {
    padding-top: 50px;
  }
}
/* Home_mobile */
.main-container-mobile {
  min-width: 320px !important;
  background-color: #FFFFFF;
}
.main-container-mobile .main-banner-wrap {
  text-align: center;
  width: 100%;
}
.main-container-mobile .main-banner-wrap .top-banner {
  display: block;
  text-align: center;
}
.main-container-mobile .main-banner-wrap .top-banner .pre-slide-btn {
  display: none;
}
.main-container-mobile .main-banner-wrap .top-banner .next-slide-btn {
  display: none;
}
.main-container-mobile .main-banner-wrap .top-banner .banner {
  display: block;
}
.main-container-mobile .main-banner-wrap .top-banner .banner .main-banner {
  display: none;
  width: 100%;
  margin: 0 auto;
  max-height: 480px;
  max-width: 1920px;
}
.main-container-mobile .main-banner-wrap .top-banner .dod-banner .sub-banner {
  display: none;
  width: 100%;
  margin: 0 auto;
  max-height: 145px;
  max-width: 1440px;
}
.main-container-mobile .main-banner-wrap .top-banner .dod-banner-mobile .sub-banner-mobile {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  max-height: 145px;
  max-width: 800px;
}
.main-container-mobile .main-banner-wrap .top-banner .banner-mobile {
  display: block;
  text-align: center;
  background: #0033CC;
  padding: 0 10px 15px 10px;
  border-radius: 0 0 20px 20px;
}
.main-container-mobile .main-banner-wrap .top-banner .banner-mobile .main-banner-mobile {
  width: 100%;
  margin: 0 auto;
  max-height: 480px;
  max-width: 800px;
  border-radius: 20px;
}
.main-container-mobile .main-banner-wrap a {
  text-decoration: none;
}
.main-container-mobile .main-banner-wrap .banner-icon-wrap {
  text-align: center;
  margin: 15px 0 10px 0;
}
.main-container-mobile .main-banner-wrap .banner-icon-wrap .icon {
  margin: 0 10px 0 10px;
  display: inline-block;
}
.main-container-mobile .main-banner-wrap .banner-icon-wrap .icon img {
  width: 50px;
  height: 50px;
  border: 0.5px solid #EFEFEF;
  border-radius: 10px;
}
.main-container-mobile .main-banner-wrap .banner-icon-wrap .icon p {
  font: 8px/10px "Pt sans";
  margin: 10px 0 10px 0;
  color: black;
}
.main-container-mobile .square-banner-wrap {
  display: block;
  width: 100%;
  text-align: center;
}
.main-container-mobile .square-banner-wrap .square-banner-left,
.main-container-mobile .square-banner-wrap .square-banner-right {
  display: inline-block;
  width: 45%;
  max-width: 545px;
  margin: 0;
  text-align: center;
}
.main-container-mobile .square-banner-wrap .square-banner-left img,
.main-container-mobile .square-banner-wrap .square-banner-right img {
  width: 100%;
  max-width: 545px;
  border-radius: 15px;
}
.main-container-mobile .square-banner-wrap .square-banner-left .shopnow,
.main-container-mobile .square-banner-wrap .square-banner-right .shopnow {
  width: 100px;
  height: 25px;
  background-color: #0033CC;
  border-radius: 30px;
  display: inline-block;
  top: -15px;
  position: relative;
  border: 1px solid white;
  font: bold 10px/25px "Pt sans";
  color: white;
}
.main-container-mobile .square-banner-wrap .square-banner-left .shopnow .shopnow_go,
.main-container-mobile .square-banner-wrap .square-banner-right .shopnow .shopnow_go {
  font: bold 13px/16px "Pt sans";
  width: 15px;
  height: 15px;
  background: white;
  color: #0033CC;
  display: inline-block;
  border-radius: 30px;
  margin-left: 5px;
}
.main-container-mobile .square-banner-wrap .square-banner-right {
  margin-right: 0!important;
}
.main-container-mobile .section-break {
  display: none;
  width: 100%;
  text-align: center;
  height: 20px;
}
.main-container-mobile .section-break img {
  max-width: 1100px;
  width: 100%;
  text-align: center;
}
.main-container-mobile .section-break-mobile {
  width: 100%;
  height: 10px;
  background: #EFEFEF;
}
.main-container-mobile .home-flash-wrap {
  position: relative;
  text-align: center;
  margin: 10px auto 5px;
}
.main-container-mobile .home-flash-wrap .home-flash-box {
  display: inline-block;
  width: 100%;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-header {
  width: 100%;
  display: inline-block;
  background: white;
  margin: -5px 0 -10px 0;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-header .flash-header-title {
  float: left;
  color: #FF3000;
  font: bold 12px "Helvetica";
  text-transform: uppercase;
  margin: 3px;
  padding: 3px;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-header .flash-header-title img {
  width: 15px;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-header .flash-countdown {
  display: block;
  float: left;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-header .flash-countdown .countdown-timer-wrap .timer-box {
  width: 15px;
  height: 17px;
  background: black;
  color: white;
  font: bold 14px/18px "Helvetica";
  display: inline-block;
  border-radius: 2px;
  margin-top: 7px;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-header .flash-countdown .countdown-timer-wrap .time-break {
  color: black;
  font: bold 18px/14px "PT SANS";
  display: inline-block;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-header a {
  font: 12px/5px "pt sans";
  color: #000000;
  text-decoration: none;
  float: right;
  border-radius: 10px;
  padding: 0px 5px;
  margin: 14px;
  background: #FFFFFF;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 4px auto!important;
  width: 100%;
  background-image: url(../img/11-11-2020-lucky-draw-web-2.jpg);
  background-size: cover;
  overflow-x: scroll;
  white-space: nowrap;
  padding: 10px 0 10px 0;
  height: 200px;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .pg-product-list.promotion-list {
  height: 460px;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list {
  position: relative;
  display: inline-block;
  max-width: 140px;
  max-height: 140px;
  width: 100%;
  margin-bottom: 4px;
  margin: 10px;
  text-align: center;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list a {
  text-decoration: none;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-box {
  position: relative;
  display: block;
  width: 100%;
  height: 140px;
  margin: 0 10px 0 10px;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-box img {
  max-height: 140px;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-box .flag {
  background-image: url(../img/free_flag.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 36px;
  height: 50px;
  position: absolute;
  left: 5px;
  color: white;
  font: bold 12px/16px "Helvetica";
  padding: 5px;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-box .status_sale_box {
  margin-top: 10px;
  width: 100%;
  height: 10px;
  background-color: white;
  background-repeat: no-repeat;
  background-size: 4px 100%;
  border: 0.5px solid white;
  border-radius: 20px;
  font: 8px "Helvetica";
  color: #CCCCCC;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-box .status_sale_box .text {
  background: none;
  display: block;
  position: absolute;
  width: 100%;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-box .status_sale_box .status {
  width: 50%;
  background-color: #dc0000;
  border-radius: 10px 0 0 10px;
  height: 9px;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-shopnow {
  width: 80%;
  font: bold 16px "Helvetica";
  color: #dc0000;
  text-transform: uppercase;
  padding: 10px 0 7px 0;
  margin: 0 auto;
  margin-top: 10px;
  border-radius: 30px;
  border: 1px solid #dc0000;
  display: inline-block;
  cursor: pointer;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-shopnow:hover {
  background: #dc0000;
  color: white;
}
.main-container-mobile .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .pg-product-list:nth-child(5n) {
  margin-right: 0;
}
.main-container-mobile .plan-selection-wrap {
  display: none;
  width: 100%;
  height: auto;
  background: #FFFFFF;
  border: none;
  margin: 30px auto 10px;
  padding: 10px 0;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover {
  background: #FFFFFF;
  width: 100%;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-left-content {
  padding: 0 15px 15px;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-header {
  font: bold 25px "PT Sans";
  text-transform: uppercase;
  color: #dc0000;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-title {
  font: bold 18px "PT Sans";
  text-transform: uppercase;
  color: #333333;
  border-bottom: 1px solid #CCC;
  padding: 4px 0 8px 0;
  margin-bottom: 9px;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-link {
  display: none;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-right-content {
  background: url(../img/plan-blue-bg.jpg);
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide {
  display: block;
  text-align: center;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-text-goal {
  font: bold 30px "PT Sans";
  text-transform: uppercase;
  text-decoration: underline;
  color: #FFFFFF;
  padding: 15px 0 0;
  margin: 0 0 15px;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class {
  display: inline-block;
  cursor: pointer;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box {
  float: left;
  width: 105px;
  height: 180px;
  opacity: 0.7;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box img {
  width: 80px;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box .plan-class-text {
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font: bold 15px "PT Sans";
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box:hover {
  opacity: 1;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-step {
  padding: 0 0 0 0;
  margin: 0;
  list-style: none;
  text-align: center;
  z-index: 15;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-step .step {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 8px;
  text-indent: -999px;
  border: 8px solid black;
  border-radius: 10px;
  cursor: pointer;
}
.main-container-mobile .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-step .active {
  margin: 8px;
  width: 15px;
  height: 15px;
  border: 8px solid white;
}
.main-container-mobile .main-title {
  display: none;
  font: bold 30px "PT Sans";
  font-style: italic;
  text-transform: uppercase;
  color: #ADADAD;
  text-align: center;
  padding: 40px 0 20px!important;
}
.main-container-mobile .goal-menu-wrap {
  display: none;
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.main-container-mobile .goal-menu-wrap .goal-menu {
  display: inline-block;
  position: relative;
}
.main-container-mobile .goal-menu-wrap .goal-menu .goal {
  width: 100%;
  max-width: 320px;
}
.main-container-mobile .goal-menu-wrap .goal-menu .action-over {
  display: none;
}
.main-container-mobile .goal-menu-wrap .goal-menu:hover .action-over {
  display: inline-block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.main-container-mobile .plan-selection-wrap-mobile {
  width: 100%;
  min-width: 320px;
  background-color: white;
  margin: 10px 0 10px 0;
  text-align: center;
}
.main-container-mobile .plan-selection-wrap-mobile .plan-selection-box {
  background-image: linear-gradient(to right bottom, #0233cc, #0038cc, #003ecc, #0042cc, #0247cc);
  width: 100%;
  max-width: 600px;
  height: 100px;
  display: inline-block;
}
.main-container-mobile .plan-selection-wrap-mobile .plan-selection-box .plan-selection-text {
  width: 50%;
  text-align: center;
  display: inline-block;
}
.main-container-mobile .plan-selection-wrap-mobile .plan-selection-box .plan-selection-text .title {
  font: bold 12px "Kanit";
  color: white;
  padding-top: 10px;
}
.main-container-mobile .plan-selection-wrap-mobile .plan-selection-box .plan-selection-text .data {
  font: 8px "Kanit";
  color: white;
  padding: 5px;
}
.main-container-mobile .plan-selection-wrap-mobile .plan-selection-box .img-wrap {
  width: 25%;
  display: inline-block;
}
.main-container-mobile .plan-selection-wrap-mobile .plan-selection-box .img-wrap img {
  width: 100%;
  margin-top: -25px;
  display: inline-block;
}
.main-container-mobile .plan-selection-wrap-mobile .plan-selection-box a {
  text-decoration: none;
}
.main-container-mobile .plan-selection-wrap-mobile .plan-selection-box .button-wrap {
  width: 20%;
  height: 25px;
  background-color: #0033CC;
  border-radius: 30px;
  display: inline-block;
  top: -15px;
  position: relative;
  border: 1px solid white;
  font: bold 10px/25px "Pt sans";
  color: white;
  text-align: center;
}
.main-container-mobile .plan-selection-wrap-mobile .plan-selection-box .button-wrap .shopnow_go {
  font: bold 13px/16px "Pt sans";
  width: 15px;
  height: 15px;
  background: white;
  color: #0033CC;
  display: inline-block;
  border-radius: 30px;
  margin-left: 5px;
}
.main-container-mobile .timer-wrap {
  display: none;
  position: relative;
  height: 145px;
  width: 100%;
  background: #0033CC;
}
.main-container-mobile .timer-wrap .timer-center-wrap {
  max-width: 500px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  display: block;
}
.main-container-mobile .timer-wrap .timer-center-wrap .timer-wrap-left {
  background: #EFEFEF;
  float: left;
  padding: 38px 0 37px 4%;
  position: relative;
}
.main-container-mobile .timer-wrap .timer-center-wrap .timer-wrap-left .title-heading {
  text-transform: uppercase;
  font: bold 15px/22px "PT Sans";
  width: 110%;
  height: 70px;
}
.main-container-mobile .timer-wrap .timer-center-wrap .timer-wrap-left:before {
  content: "";
  position: absolute;
  top: 0;
  left: -60px;
  border-width: 145px 60px 0px 0px;
  border-style: solid;
  border-color: transparent #EFEFEF #EFEFEF transparent;
}
.main-container-mobile .timer-wrap .timer-center-wrap .timer-wrap-right {
  position: relative;
  float: left;
  padding: 10px 0px 16px 14%;
}
.main-container-mobile .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap {
  color: #FFFFFF;
}
.main-container-mobile .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap .timer-info {
  font: bold 15px/17px "PT Sans";
  text-transform: uppercase;
  display: inline-block;
  width: 180px;
}
.main-container-mobile .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap .date-info {
  display: none;
}
.main-container-mobile .timer-wrap .timer-center-wrap .timer-wrap-right .shipping-timer {
  display: inline-block;
  margin-top: 5px;
}
.main-container-mobile .timer-wrap .timer-center-wrap .timer-wrap-right .shipping-timer .timer-box {
  float: left;
  position: relative;
  background: #FFFFFF;
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
  padding: 7px;
}
.main-container-mobile .timer-wrap .timer-center-wrap .timer-wrap-right .shipping-timer .timer-box .time {
  font: bold 25px/37px "PT Sans";
  color: #666666;
  padding: 2px;
}
.main-container-mobile .timer-wrap .timer-center-wrap .timer-wrap-right:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  border-width: 150px 40px 0px 0px;
  border-style: solid;
  border-color: #EFEFEF transparent transparent #EFEFEF;
}
.main-container-mobile .best_seller {
  display: block;
  width: 100%;
  padding: 10px 0 10px 0;
}
.main-container-mobile .best_seller a {
  text-decoration: none;
}
.main-container-mobile .best_seller .best_seller_wrap .best_seller_head {
  display: table;
  width: 100%;
}
.main-container-mobile .best_seller .best_seller_wrap .best_seller_head .best_seller_title {
  font: bold 14px/35px "Helvetica";
  padding-left: 10px;
  display: block;
  float: left;
}
.main-container-mobile .best_seller .best_seller_wrap .best_seller_head .best_seller_more {
  font: 12px/5px "pt sans";
  color: #000000;
  display: block;
  float: right;
  border-radius: 10px;
  padding: 0px 5px;
  margin: 14px;
  background: #FFFFFF;
}
.main-container-mobile .best_seller .best_seller_wrap .best_seller_main {
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow-x: scroll;
  padding-bottom: 10px;
}
.main-container-mobile .best_seller .best_seller_wrap .best_seller_main .best_seller_wrap_box {
  width: 120px;
  display: inline-block;
  margin: 2px;
}
.main-container-mobile .best_seller .best_seller_wrap .best_seller_main .best_seller_wrap_box .best_seller_box {
  width: 100%;
  border: 1px solid #EFEFEF;
  border-radius: 10px;
}
.main-container-mobile .best_seller .best_seller_wrap .best_seller_main .best_seller_wrap_box .best_seller_box img {
  width: 100%;
}
.main-container-mobile .best_seller .best_seller_wrap .best_seller_main .best_seller_wrap_box .best_seller_box .best_seller_name {
  font: 12px/20px "PT SANS";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px 0 5px;
}
.main-container-mobile .best_seller .best_seller_wrap .best_seller_main .best_seller_wrap_box .best_seller_box .best_seller_price {
  font: bold 16px/35px "PT SANS";
  color: red;
  width: 100%;
  text-align: center;
}
.main-container-mobile .best_seller .best_seller_wrap .best_seller_main .best_seller_wrap_box .best_seller_shopnow {
  margin-top: 10px;
  width: 100%;
  font: bold 12px/26px "Helvetica";
  border-radius: 30px;
  color: #0033CC;
  border: 1px solid #0033CC;
}
.main-container-mobile .best_seller .best_seller_wrap .best_seller_main .best_seller_wrap_box .best_seller_shopnow:hover {
  background: #0033CC;
  color: white;
}
.main-container-mobile .top-banner-mobile {
  display: block;
  width: 100%;
  padding: 5px 0 5px 0;
}
.main-container-mobile .top-banner-mobile .dod-banner-mobile img {
  width: 100%;
  border-radius: 100px;
}
.main-container-mobile .random-product-main {
  margin: 15px 5px 15px 5px;
}
.main-container-mobile .random-product-main .random-product-wrap {
  width: 100%;
  text-align: center;
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box {
  display: block;
  float: left;
  width: 48%;
  border-radius: 10px;
  border: 1px solid #EFEFEF;
  text-align: center;
  margin: 3px;
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box img {
  width: 80%;
  display: inline-block;
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box .product-name {
  font: bold 12px/20px "Helvetica";
  margin: 5px 0px 5px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box .product-price {
  font: bold 22px/20px "PT SANS";
  padding: 5px 5px 5px 5px;
  color: red;
  text-align: left;
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box .product-old-price {
  font: 14px/20px "PT SANS";
  padding: 0px 5px 0px 5px;
  color: gray;
  text-align: left;
  text-decoration: line-through;
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box .random-product-footer {
  width: 100%;
  padding: 0 5px 5px 5px;
  display: inline-block;
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box .random-product-footer .reviwe-product {
  display: block;
  float: left;
  font: 8px "Pt sans";
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box .random-product-footer .reviwe-product img {
  width: 10px;
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box .random-product-footer .product-type {
  display: block;
  float: right;
  border: 0.5px solid #EFEFEF;
  padding: 2px;
  border-radius: 20px;
  width: 30px;
  height: 30px;
  margin-bottom: 3px;
  margin-top: -20px;
  text-align: center;
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box .random-product-footer .product-type .whey {
  padding: 2px;
  background-image: url(../img/whey_icon.jpg);
  background-size: cover;
  width: 20px;
  height: 20px;
  display: -webkit-inline-box;
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box .random-product-footer .product-type .fatburner {
  padding: 12px;
  background-image: url(../img/fatburner_icon.jpg);
  background-size: cover;
  width: 20px;
  height: 20px;
  display: -webkit-inline-box;
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box .random-product-footer .product-type .gainmass {
  padding: 12px;
  background-image: url(../img/mass_icon.jpg);
  background-size: cover;
  width: 20px;
  height: 20px;
  display: -webkit-inline-box;
}
.main-container-mobile .random-product-main .random-product-wrap .random-product-box .random-product-footer .product-type .preworkout {
  padding: 12px;
  background-image: url(../img/pre_icon.jpg);
  background-size: cover;
  width: 20px;
  height: 20px;
  display: -webkit-inline-box;
}
.main-container-mobile .main {
  display: none;
  padding: 0;
  margin-bottom: 30px;
  text-align: center;
  /* Version 2 */
  /* Version 1 */
  /*
		.product-list-wrap {
			.reset;
			margin: 0 auto!important;
			max-width: 500px;
			width: 100%;
			.product-list {
				float: left;
				position: relative;
				display: block;
				max-width: 235px;
				width: 100%;
				margin: 7px 0 3px 10px;
				padding: 15px 0;
				border: 1px solid @light-gray;
				background: linear-gradient(360deg, @light-white, @white);
				a {
					text-decoration: none;
					text-transform: uppercase;
					color: @dark;
					text-align: center;
					.p-image {
						position: relative;
						display: block;
						margin: 0 auto;
						width: 200px;
						height: 200px;
						vertical-align: bottom;
						img {
							max-height: 200px;
						}
					}
					.p-container-top {
						display: inline-block;
						width: 100%;
						padding: 0 10px;
						.p-brand-title {
							font: lighter 14px "PT Sans";
							margin-top: 10px;
							display: inline-block;
						}
						.p-name {
							font: bold 20px/20px "PT Sans";
							width: 100%;
							display: inline-block;
							margin: 0 0 10px;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}
						.p-price {
							font: lighter 16px "PT Sans";
							display: inline-block;
						}
						.p-sale-price {
							font: bold 16px "PT Sans";
							display: block;
							margin: -8px 0 15px;
							color: @red;
						}
					}
					.p-container-bottom {
						text-align: left;
						.buy-now {
							position: relative;
							left: -3px;
						}
						.p-best-seller {
						    display: inline-block;
						    font-weight: bold;
						    padding: 15px 10px 0;
						    width: 100%;
						    .pound-sign {
					    	    color: #ccc;
							    font-size: 30px;
							    font-weight: lighter;
							    position: absolute;
						    }
						    .number {
						    	display: inline-block;
							    font-size: 42px;
							    margin: 5px 5px 0 18px;
							    position: relative;
						    }
						    .text {
					    	    bottom: 10px;
							    color: #ccc;
							    position: relative;
						    }
						}
					}
				}
			}
		}
		*/
}
.main-container-mobile .main .product-list-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 auto!important;
}
.main-container-mobile .main .product-list-wrap .product-list {
  display: inline-block;
  width: 160px;
  margin: 0px 0 3px 0px;
  padding: 15px 0;
  border: 1px solid #CCCCCC;
  height: 330px;
}
.main-container-mobile .main .product-list-wrap .product-list a {
  text-decoration: none;
  text-transform: uppercase;
  color: #333333;
  text-align: center;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-image {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  vertical-align: bottom;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-image .pg-float-img {
  position: absolute;
  right: -20px;
  top: -11px;
  z-index: 1;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-image .pg-float-img .sure-logo {
  width: 50px;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-image img {
  max-height: 100px;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-container-top {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-container-top .p-brand-title {
  font: lighter 14px "PT Sans";
  margin-top: 10px;
  display: inline-block;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-container-top .p-name {
  font: bold 20px/20px "PT Sans";
  width: 100%;
  display: inline-block;
  margin: 15px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-container-top .p-name-sub {
  margin: 0;
  display: inline-block;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-container-top .p-price {
  font: lighter 12px "PT Sans";
  display: inline-block;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-container-top .p-sale-price {
  font: bold 14px "Helvetica";
  display: block;
  margin: 0 0 15px;
  color: #dc0000;
  width: 100%;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-container-bottom {
  text-align: center;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-container-bottom .buy-now {
  background: none repeat scroll 0 0 #0033CC;
  color: #FFFFFF;
  display: inline-block;
  font: normal 16px/16px "PT Sans";
  padding: 10px 10px 8px;
  text-decoration: none;
  text-transform: uppercase;
  width: 85%;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-container-bottom .p-best-seller {
  display: inline-block;
  font-weight: bold;
  padding: 15px 10px 0;
  width: 100%;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-container-bottom .p-best-seller .pound-sign {
  color: #ccc;
  font-size: 30px;
  font-weight: lighter;
  position: absolute;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-container-bottom .p-best-seller .number {
  display: inline-block;
  font-size: 42px;
  margin: 5px 5px 0 18px;
  position: relative;
}
.main-container-mobile .main .product-list-wrap .product-list a .p-container-bottom .p-best-seller .text {
  display: block;
  bottom: 10px;
  color: #ccc;
  position: relative;
}
/* product detell popup */
.main-container-product-popup {
  display: block;
  position: absolute;
  width: 100%;
  z-index: 10;
  text-align: center;
  top: 100px;
}
.main-container-product-popup .product-popup-wrap {
  max-width: 800px;
  min-width: 320px;
  width: 90%;
  display: inline-block;
  background: white;
  box-shadow: -1px 0px 11px -5px rgba(0, 0, 0, 0.45);
}
.main-container-product-popup .product-popup-wrap .close {
  display: block;
  float: right;
  width: 50px;
  height: 30px;
  font: bold 20px/40px "PT SANS";
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box {
  margin: 10px 0 10px 0px;
  display: inline-block;
  width: 100%;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left {
  width: 100%;
  text-align: left;
  padding: 0 10px 10px 10px;
  display: block;
  float: left;
  border-bottom: 1px solid #EFEFEF;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .title {
  font: bold 20px/30px "kanit";
  width: 100%;
  display: table;
  padding: 5px 0 0px 0;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap {
  width: 100%;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap .product-left {
  display: -webkit-box;
  position: relative;
  white-space: nowrap;
  overflow-x: scroll;
  width: 100%;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap .product-left .product-popup-left-box {
  width: 140px;
  height: 165px;
  border: 1px solid #EFEFEF;
  border-radius: 10px;
  margin: 10px 10px 10px 0;
  display: block;
  float: left;
  text-align: center;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap .product-left .product-popup-left-box .popup-flag {
  width: 35px;
  height: 50px;
  position: absolute;
  background-image: url(../img/free_flag.png);
  background-size: cover;
  margin-left: 10px;
  color: white;
  font: bold 12px "kanit";
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap .product-left .product-popup-left-box img {
  width: 80px;
  display: inline-block;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap .product-left .product-popup-left-box .name {
  font: 13px "kanit";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px 0px 5px;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap .product-left .product-popup-left-box .popup-price {
  width: 100%;
  text-align: center;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap .product-left .product-popup-left-box .popup-price .old-price {
  font: 10px "kanit";
  color: #CCCCCC;
  text-decoration: line-through;
  display: inline-block;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap .product-left .product-popup-left-box .popup-price .now-price {
  font: bold 18px "kanit";
  display: inline-block;
  color: #dc0000;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap .product-left .product-popup-left-box .button-addtocard {
  width: 80%;
  display: inline-block;
  background: white;
  color: #0033CC;
  font: bold 12px/28px "Kanit";
  height: 30px;
  border-radius: 20px;
  border: 1px solid #0033CC;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap .product-left .product-popup-left-box .button-addtocard:hover {
  background: #0033CC;
  color: white;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right {
  width: 100%;
  padding: 10px;
  display: inline-block;
  border-left: 1px solid #EFEFEF;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .title {
  display: table;
  font: bold 20px/30px "kanit";
  padding: 5px 0 0px 0;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .product-popup-right-wrap {
  display: table;
  width: 100%;
  padding: 10px 0 10px 0;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .product-popup-right-wrap .product-popup-right-box {
  width: 50px;
  height: 50px;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  display: block;
  float: left;
  margin: 3px;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .product-popup-right-wrap .product-popup-right-box img {
  width: 100%;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .product-popup-right-wrap .product-popup-right-box .popup-right-close {
  width: 20px;
  height: 20px;
  background: #dc0000;
  border-radius: 20px;
  position: absolute;
  color: white;
  margin-top: -7px;
  margin-left: 35px;
  font: 15px/20px "Kanit";
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .text-price {
  width: 100%;
  padding: 5px;
  display: block;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .text-price .text {
  color: black;
  font: bold 20px/30px "Kanit";
  display: block;
  float: left;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .text-price .price {
  color: red;
  font: bold 25px/30px "Kanit";
  display: block;
  float: right;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .popup-right-button-wrap {
  width: 100%;
  display: inline-block;
  margin: 15px 0 10px 0 ;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .popup-right-button-wrap .popup-button {
  margin: 3px;
  width: 45%;
  height: 40px;
  border: 1px solid #0033CC;
  font: bold 14px/35px "kanit";
  border-radius: 5px;
  display: inline-block;
}
.main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .popup-right-button-wrap .popup-button.active {
  background: #0033CC;
  color: white;
}
/* card new */
.main-container-card {
  min-width: 320px;
  background: #EFEFEF;
}
.main-container-card .card-head-wrap {
  width: 100%;
  background: white;
  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.44);
  text-align: center;
  padding: 10px 10px 10px 20px;
}
.main-container-card .card-head-wrap .card-head,
.main-container-card .card-head-wrap .bill-head {
  font: bold 20px/30px "Helvetica";
  display: inline-block;
  width: 100%;
  max-width: 1100px;
  text-align: left;
}
.main-container-card .card-head-wrap .order-id {
  font: bold 22px/40px "Helvetica";
  color: #0033CC;
  display: inline-block;
  width: 100%;
  max-width: 1100px;
  text-align: left;
}
.main-container-card .main-card {
  width: 100%;
  text-align: center;
}
.main-container-card .main-card .card-wrap {
  width: 100%;
  max-width: 1200px;
  display: inline-block;
  text-align: center;
}
.main-container-card .main-card .card-wrap .card-left {
  width: 100%;
  display: inline-block;
  padding: 10px 0 10px 0;
  background: white;
  /* payment */
}
.main-container-card .main-card .card-wrap .card-left .wrap {
  display: block;
  float: left;
  width: 100%;
  min-height: 500px;
  background: white;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-head-table {
  display: none;
  width: 100%;
  background: white;
  padding: 10px;
  margin-bottom: 10px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table {
  width: 100%;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr {
  font: 0.875rem "Helvetica";
  color: gray;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .product {
  width: 10%;
  display: block;
  float: left;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .detell {
  width: 30%;
  display: block;
  float: left;
  text-align: center;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .price {
  width: 20%;
  display: block;
  float: left;
  text-align: center;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .amount {
  width: 20%;
  display: block;
  float: left;
  text-align: center;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .price-total {
  width: 20%;
  display: block;
  float: left;
  text-align: center;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .head-mobile {
  display: inline-block;
  width: 100%;
  font: bold 0.9rem "Helvetica";
  text-align: left;
  padding-left: 20px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 20px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box {
  width: 100%;
  background: white;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 10px;
  padding: 10px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box .rub-product {
  font: bold 0.7rem "Helvetica";
  color: #EFEFEF;
  width: 20px;
  height: 20px;
  text-align: center;
  display: block;
  float: right;
  background: gray;
  padding-top: 3px;
  border-radius: 25px;
  margin-right: 10px;
  position: absolute;
  right: 0;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table {
  width: 100%;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr {
  font-size: 0.875rem;
  text-align: left;
  width: 100%;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .product {
  width: 30%;
  display: inline-block;
  text-align: center;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .product img {
  width: 70px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .detell {
  width: 65%;
  display: inline-block;
  text-align: center;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .detell .card-name {
  font: bold 0.675rem "Helvetica";
  color: #0033CC;
  text-align: left;
  margin-bottom: 5px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .detell .card-detell {
  font: 0.575rem/13px "Helvetica";
  color: gray;
  text-align: left;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .price {
  width: 35%;
  display: inline-block;
  text-align: center;
  font: 0.875rem/25px "Helvetica";
  height: 100%;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .price .discount-price {
  color: gray;
  text-decoration: line-through;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount {
  width: 30%;
  display: inline-block;
  text-align: center;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap {
  display: inline-block;
  font: 0.875rem/25px "Helvetica";
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .reduce {
  width: 20px;
  height: 25px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  border-right: none;
  border-radius: 3px 0 0 3px ;
  cursor: pointer;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .reduce:active {
  background: gray;
  color: white;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .number {
  width: 40px;
  height: 25px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  text-align: center;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .plus {
  width: 20px;
  height: 25px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  border-left: none;
  border-radius: 0 3px 3px 0 ;
  cursor: pointer;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .plus:active {
  background: gray;
  color: white;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .noactive {
  color: #CCCCCC !important;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .price-total,
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .price-total-payment {
  width: 30%;
  display: inline-block;
  text-align: center;
  font: bold 1rem/25px "Helvetica";
  color: #dc0000;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .price-total-payment {
  color: #444444;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box .card-cordion {
  border-top: 1px solid #EFEFEF;
  padding: 10px;
  text-align: left;
  font: 0.7rem "Helvetica";
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary {
  width: 100%;
  display: inline-block;
  text-align: right;
  padding-right: 20px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap {
  width: 60%;
  display: inline-block;
  text-transform: uppercase;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-subtotal {
  color: gray;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EFEFEF;
  font: 0.9rem "Helvetica";
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-subtotal .text {
  width: 50%;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-subtotal .number {
  width: 48%;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-discount {
  color: gray;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EFEFEF;
  font: 0.9rem "Helvetica";
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-discount .text {
  width: 50%;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-discount .number {
  width: 48%;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-total {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EFEFEF;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-total .text {
  font: bold 0.9rem "Helvetica";
  color: #444444;
  width: 50%;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-total .number {
  font: bold 0.9rem "Helvetica";
  color: #dc0000;
  width: 48%;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point {
  width: 100%;
  display: inline-block;
  padding-top: 20px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 20px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point p {
  font: 0.9rem "Helvetica";
  margin-right: 10px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point span img {
  width: 30px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point .point {
  font: bold 1.4rem "Helvetica";
  color: #0033CC;
  vertical-align: middle;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point button {
  padding: 10px;
  font: bold 0.9rem "Helvetica";
  border: 1.1px solid #0033CC;
  border-radius: 5px;
  background: white;
  margin-left: 10px;
  color: #0033CC;
  text-transform: uppercase;
  display: block;
  float: right;
  margin-right: 20px;
  margin-top: 10px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point button:active {
  background: #0033CC;
  color: white;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point .remark {
  width: 90%;
  display: inline-block;
  margin-top: 20px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point .remark p {
  width: 100%;
  text-align: left;
  font: bold 1rem "Helvetica";
  padding-left: 10px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point .remark textarea {
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  margin-top: 10px;
  height: 100px;
  padding: 10px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .nonactive {
  color: gray!important;
}
.main-container-card .main-card .card-wrap .card-left .wrap .nonactive img {
  filter: grayscale(100%) !important;
}
.main-container-card .main-card .card-wrap .card-left .wrap .nonactive .card-name,
.main-container-card .main-card .card-wrap .card-left .wrap .nonactive .price-total {
  color: gray!important;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-nonactive {
  width: 100%;
  margin-top: 5px;
  font: bold 1rem/30px "Helvetica";
  text-align: left;
  color: gray;
  margin-bottom: 5px;
  display: inline-block;
  padding: 5px;
  margin-left: 20px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition {
  padding: 10px;
  display: inline-block;
  width: 100%;
  background: white;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .back-botton {
  width: 25px;
  height: 25px;
  color: gray;
  display: inline-block;
  font-size: 1.5rem;
  left: 0;
  position: absolute;
  margin: 135px 5px 0 5px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .next-botton {
  width: 25px;
  height: 25px;
  color: gray;
  display: inline-block;
  font-size: 1.5rem;
  position: absolute;
  right: 0;
  margin: 135px 5px 0 5px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap {
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: left;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box {
  width: 160px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 10px;
  padding-top: 0px!important;
  display: inline-block;
  white-space: normal;
  margin: 0 5px 0 5px;
  text-align: center;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .detail-condition {
  width: 20px;
  height: 20px;
  border: 1px solid #dc0000;
  color: #dc0000;
  position: absolute;
  font: bold 0.875rem/19px "Helvetica";
  border-radius: 10px;
  margin: 10px 0 0 115px;
  cursor: pointer;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-img img {
  max-height: 100px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-name {
  font: 0.675rem/18px "Helvetica";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 10px;
  height: 38px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-select {
  width: 100%;
  border: 1px solid #CCCCCC;
  height: 20px;
  display: inline-block;
  border-radius: 3px;
  margin-top: 5px;
  font: 0.775rem "Helvetica";
  color: #444444;
  background: url(../img/new-landing-page/select.png) no-repeat 120px 5px;
  background-size: 8%;
  margin-top: 10px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-price {
  color: #dc0000;
  width: 100%;
  display: inline-block;
  text-align: center;
  font: bold 1.075rem/20px "Helvetica";
  margin-top: 10px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-price .old-price {
  font: 0.675rem/20px "Helvetica";
  color: gray;
  text-decoration: line-through;
  margin-right: 5px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount {
  display: inline-block;
  font: 0.875rem/20px "Helvetica";
  margin-top: 8px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount .reduce {
  width: 20px;
  height: 20px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  border-right: none;
  border-radius: 3px 0 0 3px ;
  cursor: pointer;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount .reduce:active {
  background: gray;
  color: white;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount .number {
  width: 30px;
  height: 20px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  text-align: center;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount .plus {
  width: 20px;
  height: 20px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  border-left: none;
  border-radius: 0 3px 3px 0 ;
  cursor: pointer;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount .plus:active {
  background: gray;
  color: white;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-amount .noactive {
  color: #EFEFEF !important;
  background: #EFEFEF !important;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-button {
  border-radius: 3px;
  width: 70%;
  display: inline-block;
  height: 25px;
  color: #0033CC;
  border: 1px solid #0033CC;
  font: bold 0.775rem/20px "Helvetica";
  text-align: center;
  cursor: pointer;
  padding: 3px;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-button:hover {
  background: #0033CC;
  color: white;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-wrap .card-condition-box .card-condition-total {
  font: 0.775rem/20px "Helvetica";
  display: inline-block;
  color: #CCCCCC;
  text-align: right;
  width: 100%;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-text {
  width: 100%;
  background: white;
  display: block;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: rgba(155, 255, 127, 0.2);
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-text .condition-point1 {
  font: 0.875rem/20px "Helvetica";
  display: inline-block;
  text-align: right;
  width: 100%;
  color: #009900;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-text .condition-point2 {
  display: none;
}
.main-container-card .main-card .card-wrap .card-left .wrap .main-card-condition .card-condition-text .condition-text {
  font: 0.875rem/20px "Helvetica";
  display: inline-block;
  text-align: left;
  width: 100%;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-noactive img {
  filter: grayscale(100%);
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-noactive .card-condition-wrap .card-condition-box .card-condition-button {
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
  cursor: not-allowed;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-noactive .card-condition-wrap .card-condition-box .card-condition-button:hover {
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
  background: white;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-noactive .card-condition-text .condition-point1 {
  display: none;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-noactive .card-condition-text .condition-point2 {
  display: inline-block;
  width: 100%;
  text-align: right;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-noactive .card-condition-text .condition-point2 .status-border {
  border: 1px solid #CCCCCC;
  width: 200px;
  height: 15px;
  border-radius: 20px;
  display: inline-block;
  text-align: left;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-noactive .card-condition-text .condition-point2 .status-border .text {
  width: 100%;
  position: relative;
  display: block;
  font: 0.575rem "Helvetica";
  text-align: center;
  z-index: 1;
  color: #CCCCCC;
}
.main-container-card .main-card .card-wrap .card-left .wrap .card-noactive .card-condition-text .condition-point2 .status-border .status {
  width: 50%;
  background: #009900;
  display: inline-block;
  height: 12.5px;
  position: relative;
  top: -19.5px;
  left: 0px;
  border-radius: 10px;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address,
.main-container-card .main-card .card-wrap .card-left .bill-right-address {
  width: 100%;
  display: inline-block;
  float: left;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 30px;
  background: white;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address a,
.main-container-card .main-card .card-wrap .card-left .bill-right-address a {
  text-decoration: none;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-title,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-title {
  text-align: left;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 10px;
  width: 100%;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-title .title,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-title .title {
  width: 46%;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-title .edit,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-title .edit {
  text-align: right;
  width: 50%;
  display: inline-block;
  color: #0033CC;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-title .edit div,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-title .edit div {
  cursor: pointer;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-title .edit .edit-address,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-title .edit .edit-address {
  display: none;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-title .edit .add-address,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-title .edit .add-address {
  display: none;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .text-remark,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .text-remark {
  text-align: left;
  margin-bottom: 10px;
  width: 100%;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail {
  text-align: left;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-select .address-box,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-select .address-box {
  width: 100%;
  display: block;
  float: left;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-select .address-box .name-phone,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-select .address-box .name-phone {
  font: bold 0.875rem "Helvetica";
  margin-bottom: 5px;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-select .address-box .address,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-select .address-box .address {
  font: 0.775rem "Helvetica";
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-edit,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-edit {
  display: none;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-edit .address-checkbox,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-edit .address-checkbox {
  width: 30px;
  display: block;
  float: left;
  margin-top: 20px;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-edit .address-box,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-edit .address-box {
  width: 85%;
  display: block;
  float: left;
  margin-top: 20px;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-edit .address-box .name-phone,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-edit .address-box .name-phone {
  font: bold 0.875rem "Helvetica";
  margin-bottom: 5px;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-edit .address-box .address,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-edit .address-box .address {
  font: 0.775rem "Helvetica";
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-edit button,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-edit button {
  width: 100px;
  padding: 2px;
  border-radius: 5px;
  margin-right: 5px;
  margin-top: 10px;
  float: right;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-edit .confirm,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-edit .confirm {
  background: #0033CC;
  color: white;
  border: none;
}
.main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-edit .cancel,
.main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-edit .cancel {
  border: 1px solid #EFEFEF;
  background: white;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill {
  background: white;
  width: 100%;
  display: block;
  float: left;
  padding: 10px;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill a {
  text-decoration: none;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .card-bill-title {
  text-align: left;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 10px;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap {
  text-align: right;
  padding-bottom: 10px;
  width: 100%;
  border-bottom: 3px solid #EFEFEF;
  border-style: hidden hidden dotted hidden;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .code-box {
  margin-bottom: 10px;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .code-box input {
  width: 65%;
  display: block;
  float: left;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .code-box .code-button {
  width: 30%;
  height: 30px;
  background: #0033CC;
  color: white;
  display: block;
  float: left;
  margin-left: 10px;
  text-align: center;
  border-radius: 5px;
  font: bold 0.875rem/35px "Helvetica";
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .copon-box {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .copon-box .copon-button {
  width: 100%;
  height: 30px;
  margin-top: 10px;
  background: #0033CC;
  color: white;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  font: bold 0.875rem/35px "Helvetica";
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .result-coppon {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .result-coppon .selected-copon {
  width: 50%;
  display: block;
  float: left;
  text-align: left;
  font: bold 0.875rem/35px "Helvetica";
  color: #0033CC;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .result-coppon .remove-coppon {
  width: 49%;
  display: block;
  float: right;
  text-align: right;
  font: 0.875rem/35px "Helvetica";
  color: grey;
  cursor: pointer;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .fans-discount {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
  border-bottom: 3px solid #EFEFEF;
  border-style: hidden hidden dotted hidden;
  padding-bottom: 10px;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .fans-discount .fans-text {
  width: 40%;
  display: block;
  float: left;
  text-align: left;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .fans-discount .fans-discount-detail {
  width: 60%;
  display: block;
  float: right;
  text-align: center;
  background: #e6bc09;
  border-radius: 5px;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
  padding-bottom: 10px;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-left {
  width: 60%;
  display: inline-block;
  font: 0.875rem "Helvetica";
  text-align: left;
  color: gray;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-right {
  width: 37%;
  display: inline-block;
  font: 0.875rem "Helvetica";
  text-align: right;
  color: gray;
}
.main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-sum {
  display: none;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap {
  display: table;
  width: 100%;
  margin: 0 auto;
  background: white;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content {
  display: table;
  text-align: center;
  color: #666666;
  height: 140px;
  padding: 0 10px;
  width: 100%;
  /* 2c2p */
  /* Tabs */
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content p {
  font: bold 1rem "Helvetica";
  width: 100%;
  display: inline-block;
  text-align: left;
  padding: 10px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .title-heading {
  padding: 35px 0;
  display: block;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .title-heading .heading {
  display: block;
  width: 100%;
  font: bold 30px "PT Sans";
  padding: 0 0 10px 0;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .title-heading .sub-heading {
  display: inline-block;
  font: normal 16px/22px "PT Sans";
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap {
  padding: 0;
  display: inline-block;
  position: relative;
  width: 100%;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap .container {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap {
  border: 1px solid #EFEFEF;
  padding: 20px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap input {
  widht: 40px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .drop-menu {
  width: 100%;
  max-width: 280px;
  margin-top: 10px;
  margin-left: 10px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .payment-icon {
  width: 100%;
  max-width: 480px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .payment-icon-other {
  width: 100%;
  max-width: 600px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .delete-btn {
  width: 20px;
  height: 20px;
  background: #dc0000;
  padding: 5px 10px;
  text-decoration: none;
  margin-left: 10px;
  color: #FFF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap {
  padding: 0 60px;
  display: inline-block;
  position: relative;
  width: 100%;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block {
  width: 100%;
  font: normal 16px "PT Sans";
  text-align: left;
  padding: 15px 25px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-total {
  display: block;
  border: 1px solid #CCCCCC;
  padding: 20px;
  margin: 0;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-total .bold {
  margin: 0 80px 0 20px;
  font-weight: bold;
  text-transform: capitalize;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment {
  display: block;
  text-transform: capitalize;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .select-card {
  display: block;
  padding: 10px 0 10px 0;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .select-card .option-select {
  margin-right: 15px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .select-card b {
  margin-right: 20px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .select-card .drop-down {
  background: #FFFFFF;
  border: 1px solid #999;
  cursor: pointer;
  text-align: left;
  width: 230px;
  box-shadow: none;
  font: lighter 13px "PT Sans";
  height: 27px;
  margin: 10px 0 0 0;
  padding: 5px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .new-card-wrap {
  display: inline-block;
  width: 100%;
  border: 1px solid #CCCCCC;
  margin: 10px 0 0 0;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .new-card-wrap h3 {
  color: #666666;
  margin: 0;
  padding: 15px;
  background: #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .new-card-wrap .bottom-card-wrap {
  padding: 20px 30px 20px 40px;
  position: relative;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .new-card-wrap .bottom-card-wrap .new-card-info {
  display: block;
  padding: 10px 0 10px 0;
  margin: 5px 0;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .new-card-wrap .bottom-card-wrap .new-card-info .info {
  width: 220px;
  margin: 0 0 10px 0;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .new-card-wrap .bottom-card-wrap .new-card-info .input-box {
  background: #FFFFFF;
  border: 1px solid #999;
  text-align: left;
  width: 230px;
  box-shadow: none;
  font: lighter 13px "PT Sans";
  height: 27px;
  margin: 0;
  padding: 5px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .new-card-wrap .bottom-card-wrap .new-card-info .input-box.half {
  width: 40px;
  display: inline-block;
  margin: 0 2px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .new-card-wrap .bottom-card-wrap .new-card-info .drop-down {
  background: #FFFFFF;
  border: 1px solid #999;
  cursor: pointer;
  text-align: left;
  width: 230px;
  box-shadow: none;
  font: lighter 13px "PT Sans";
  height: 27px;
  margin: 0;
  padding: 5px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .new-card-wrap .bottom-card-wrap .support {
  text-align: right;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .credit-card-payment .new-card-wrap .bottom-card-wrap .security-link {
  text-decoration: none;
  color: #0033CC;
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-left: 30px;
  background: url(../img/key-lock.png) no-repeat left 0;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .image {
  display: inline-block;
  width: 120px;
  height: 90px;
  vertical-align: top;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .image.visa {
  background: url(../img/payment-bank-icon.png) no-repeat scroll -38px 0px #FFFFFF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .image.master {
  background: url(../img/payment-bank-icon.png) no-repeat scroll -38px -101px #FFFFFF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .image.american-express {
  background: url(../img/payment-bank-icon.png) no-repeat scroll -38px -195px #FFFFFF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .image.paypal {
  background: url(../img/payment-bank-icon2.png) no-repeat scroll -32px -295px #FFFFFF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .image.bill-payment {
  background: url(../img/payment-bank-icon2.png) no-repeat scroll -38px -375px #FFFFFF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .image.flexi-payment {
  background: url(../img/payment-bank-icon2.png) no-repeat scroll -38px -469px #FFFFFF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .image.smartpay-payment {
  background: url(../img/payment-bank-icon2.png) no-repeat scroll -38px -566px #FFFFFF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .image.counter-service {
  background: url(../img/payment-bank-icon2.png) no-repeat scroll -35px -205px #FFFFFF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .image.smart-plan {
  background: url(../img/payment-bank-icon2.png) no-repeat scroll -38px -672px #FFFFFF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .image.krung-thai {
  background: url(../img/payment-bank-icon2.png) no-repeat scroll -37px -784px #FFFFFF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box {
  display: inline-block;
  width: 100%;
  max-width: 550px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .head {
  color: #333333;
  display: block;
  font-weight: bold;
  text-transform: capitalize;
  padding: 0 0 20px 0;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .selection-wrap {
  position: relative;
  display: inline-block;
  width: 300px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .selection-wrap .input-box {
  width: 150px;
  height: 27px;
  padding: 5px;
  font: lighter 13px "PT Sans";
  border: 1px solid #999999;
  margin: 0 0 10px 0;
  box-shadow: none;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .selection-wrap .input-box.drop-down {
  background: url(../img/icons.png) no-repeat 115px -1091px rgba(0, 0, 0, 0);
  border: 1px solid #999999;
  text-align: left;
  cursor: pointer;
  padding: 5px 30px 5px 5px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .selection-wrap .drop-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  background: #FFFFFF;
  position: absolute;
  top: 26px;
  left: 0px;
  width: 150px;
  max-height: 132px;
  overflow-y: auto;
  border: 1px solid #999999;
  z-index: 1;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .selection-wrap .drop-menu .drop-menu-list {
  float: left;
  position: relative;
  width: 100%;
  text-align: left;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .selection-wrap .drop-menu .drop-menu-list a {
  display: block;
  text-decoration: none;
  color: #999999;
  width: 100%;
  padding: 0 10px;
  font: lighter 13px "PT Sans";
  padding: 5px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .selection-wrap .drop-menu .drop-menu-list a:hover {
  background: #F5F5F5;
  color: #666666;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .text {
  color: #666666;
  display: block;
  padding: 0 0 20px 0;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .alert {
  color: #dc0000;
  display: block;
  padding: 0 0 20px 0;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .bank-option-wrap {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .bank-option-wrap img {
  position: relative;
  vertical-align: top;
  margin: 0 20px 10px 0;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-tabs-wrap .right-block .mid-box .bank-option-wrap .text-wrap {
  position: relative;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .button-wrap {
  display: table;
  width: 100%;
  padding: 30px 0 25px 0;
  margin-bottom: 20px;
  margin-top: 30px;
  border-top: 1px solid #EFEFEF;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .button-wrap .btn {
  width: 100%;
  height: 55px;
  font: bold 16px/55px "PT Sans";
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  display: block;
  border-radius: 10px;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .button-wrap .btn.back {
  color: #666666;
  background: url(../img/icons.png) no-repeat scroll 25px -1408px #FFFFFF;
  border: 1px solid #CCCCCC;
  float: left;
}
.main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .button-wrap .btn.order {
  color: #FFFFFF;
  background: #009900;
  float: right;
}
.main-container-card .main-card .card-wrap .card-detail-sum-mobile {
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  padding: 20px;
  display: inline-block;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: white;
  border-top: 2px solid #EFEFEF;
}
.main-container-card .main-card .card-wrap .card-detail-sum-mobile .card-detail-left-sum {
  width: 60%;
  display: inline-block;
  font: bold 1rem "Helvetica";
  text-align: left;
  color: #0033CC;
}
.main-container-card .main-card .card-wrap .card-detail-sum-mobile .card-detail-right-sum {
  width: 37%;
  display: inline-block;
  font: bold 1rem "Helvetica";
  text-align: right;
  color: #0033CC;
}
.main-container-card .main-card .card-wrap .card-detail-sum-mobile .card-right-button-wrap {
  width: 100%;
  display: inline-block;
  padding: 10px 10px 0 10px;
}
.main-container-card .main-card .card-wrap .card-detail-sum-mobile .card-right-button-wrap .card-right-button {
  background: #009900;
  width: 100%;
  color: white;
  font: bold 1.3rem "Helvetica";
  border-radius: 5px;
  padding: 5px;
  text-decoration: none;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .product-recoment {
  display: none;
  width: 100%;
  text-align: left;
  padding: 10px;
}
.main-container-card .main-card .card-wrap .product-recoment .product-recoment-head {
  width: 100%;
  margin-top: 20px;
  font: bold 1rem/30px "Helvetica";
  text-align: left;
  color: gray;
  margin-bottom: 20px;
  display: inline-block;
}
.main-container-card .main-card .card-wrap .product-recoment .product-recoment-wrap {
  white-space: nowrap;
  overflow-x: auto;
}
.main-container-card .main-card .card-wrap .product-recoment .product-recoment-wrap .product-recoment-box {
  width: 160px;
  height: 160px;
  background: white;
  border: 1px solid #EFEFEF;
  display: inline-block;
  border-radius: 5px;
  margin: 10px;
}
/* home new landing page*/
.main-container-new {
  min-width: 320px;
  text-align: center;
  left: 0;
}
.main-container-new .wrap {
  width: 100%;
  display: inline-block;
}
.main-container-new .wrap .main-banner-wrap {
  max-width: 800px;
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}
.main-container-new .wrap .main-banner-wrap .banner-left {
  width: 100%;
  padding: 10px;
  display: block;
  text-align: left;
  border-radius: 5px;
}
.main-container-new .wrap .main-banner-wrap .banner-left .img_mobile {
  display: inline-block;
}
.main-container-new .wrap .main-banner-wrap .banner-left .img_desktop {
  display: none;
}
.main-container-new .wrap .main-banner-wrap .banner-left img {
  width: 100%;
  cursor: pointer;
  border-radius: 5px;
}
.main-container-new .wrap .main-banner-wrap .banner-left .navigater-wrap {
  position: relative;
  top: -30px;
  left: 30px;
}
.main-container-new .wrap .main-banner-wrap .banner-left .navigater-wrap .navigater {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background: white;
  display: inline-block;
  margin-left: 5px;
}
.main-container-new .wrap .main-banner-wrap .banner-left .navigater-wrap .active {
  width: 30px!important;
}
.main-container-new .wrap .main-banner-wrap .sub-nanner {
  width: 100%;
  display: inline-block;
  margin: 0px 0 10px 0 ;
  padding: 0px 10px 10px 10px;
}
.main-container-new .wrap .main-banner-wrap .sub-nanner img {
  width: 100%;
  border-radius: 10px;
}
.main-container-new .wrap .goals-head {
  font: bold 0.975rem "Helvetica";
  margin: 0 0 20px 20px;
  text-align: left;
}
.main-container-new .wrap .main-categories {
  padding: 0 10px 0 10px;
  width: 100%;
  max-width: 800px;
  display: inline-block;
  white-space: nowrap;
  overflow: auto;
}
.main-container-new .wrap .main-categories .main-categories-wrap {
  width: 100%;
  min-width: 550px;
}
.main-container-new .wrap .main-categories .main-categories-wrap a {
  text-decoration: none;
}
.main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap {
  display: inline-block;
  width: 23%;
  margin: 0 5px 0 5px;
  cursor: pointer;
}
.main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .goals-icon-box {
  display: inline-block;
  width: 100%;
  margin: 0 5px 0 5px;
  padding: 5px 5px 5px 5px;
  border-radius: 10px;
  border: 1px solid #CCCCCC;
  cursor: pointer;
  background: url("../img/new-landing-page/bg.jpg");
}
.main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .goals-icon-box .goals-img img {
  width: 100%;
}
.main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .goals-icon-box .goals-icon {
  margin: 0px 0 0px 0;
  text-align: right;
}
.main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .goals-icon-box .goals-icon img {
  width: 20px;
  margin-right: 5px;
  display: inline-block;
}
.main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .name-categories {
  font: bold 0.875rem "Arial";
  margin-top: 10px;
  color: black;
}
.main-container-new .wrap .main-break {
  width: 100%;
  max-width: 1100px;
  display: none;
}
.main-container-new .wrap .main-break img {
  width: 100%;
}
.main-container-new .wrap .main-break-mobile {
  display: inline-block;
  background: #EFEFEF;
  width: 100%;
  height: 15px;
}
.main-container-new .wrap .main-flashsale-wrap {
  width: 100%;
  display: inline-block;
  max-width: 1100px;
  padding: 10px;
}
.main-container-new .wrap .main-flashsale-wrap .name-mobile {
  width: 100%;
  display: inline-block;
  padding-bottom: 10px;
}
.main-container-new .wrap .main-flashsale-wrap .name-mobile .name-left {
  width: 70%;
  display: inline-block;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
}
.main-container-new .wrap .main-flashsale-wrap .name-mobile .name-right {
  width: 28%;
  display: inline-block;
  text-align: right;
}
.main-container-new .wrap .main-flashsale-wrap .name-mobile .name-right a {
  text-decoration: none;
  color: black;
  cursor: pointer;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap {
  width: 20%;
  display: block;
  float: left;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box {
  width: 130px;
  background-image: url(../img/new-landing-page/bgflashsale.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  height: 200px;
  padding: 10px;
  padding-top: 20px;
  text-align: center;
  border-radius: 5px;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box .title {
  color: white;
  font: 18px/30px "Helvetica";
  display: inline-block;
  width: 60%;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box .icon {
  display: inline-block;
  padding-top: 5px;
  width: 40%;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box .icon img {
  width: 100%;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box .flashsale-button {
  border: 2px solid #CCCCCC;
  color: white;
  font: bold 15px "Helvetica";
  padding: 10px;
  width: 100%;
  border-radius: 5px;
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow-x: auto;
  text-align: left;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap a {
  color: black;
  text-decoration: none;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box {
  width: 130px;
  display: inline-block;
  height: 260px;
  border: 1px solid #CCCCCC;
  margin: 0 2px 0 2px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-img {
  display: block;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-img img {
  margin-top: 5px;
  width: 70%;
  max-height: 110px;
  max-width: 110px;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-name {
  margin-top: 10px;
  height: 30px;
  width: 100%;
  padding: 0 10px 0 10px;
  font: bold 0.875rem "Helvetica";
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-description {
  margin-top: 5px;
  font: 0.675rem "Helvetica";
  color: black;
  white-space: normal;
  height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0 5px 0 5px;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-price .old-price {
  width: 49%;
  display: inline-block;
  text-align: right;
  font: 0.875rem "Helvetica";
  color: #CCCCCC;
  text-decoration: line-through;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-price .now-price {
  width: 50%;
  display: inline-block;
  text-align: left;
  font: bold 1.1rem "Helvetica";
  color: red;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-countdown {
  width: 100%;
  padding: 0 10px 0 10px;
  margin-top: 5px;
  display: table;
  text-align: center;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-countdown .countdown-text {
  width: 30%;
  font: bold 0.575rem "Helvetica";
  display: inline-block;
  margin-right: 5px;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-countdown .countdown-wrap {
  width: 60%;
  display: inline-block;
  text-align: center;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-countdown .countdown-wrap .box {
  width: 20px;
  height: 20px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  color: #dc0000;
  font-weight: bold;
  font: bold 0.975rem "Helvetica";
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .amount-sold {
  font: 0.7rem "kanit";
  width: 100%;
  display: inline-block;
  text-align: right;
  padding-right: 5px;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .view-more {
  height: 148px;
  padding-top: 120px;
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .view-more p {
  font: bold 1rem "Helvetica";
}
.main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .sub-fix-box {
  height: 92px;
  display: inline-block;
}
.main-container-new .wrap .main-topsale-wrap {
  width: 100%;
  display: inline-block;
  max-width: 1100px;
  padding: 10px;
}
.main-container-new .wrap .main-topsale-wrap .name-mobile {
  width: 100%;
  display: inline-block;
  padding-bottom: 10px;
}
.main-container-new .wrap .main-topsale-wrap .name-mobile .name-left {
  width: 70%;
  display: inline-block;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
}
.main-container-new .wrap .main-topsale-wrap .name-mobile .name-right {
  width: 28%;
  display: inline-block;
  text-align: right;
}
.main-container-new .wrap .main-topsale-wrap .name-mobile .name-right a {
  text-decoration: none;
  color: black;
  cursor: pointer;
}
.main-container-new .wrap .main-topsale-wrap .topsale-left-wrap {
  width: 20%;
  display: block;
  float: left;
}
.main-container-new .wrap .main-topsale-wrap .topsale-left-wrap .topsale-left-box {
  width: 160px;
  background-image: url(../img/new-landing-page/bgtopsale.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  height: 240px;
  padding: 30px;
  padding-top: 50px;
  text-align: center;
  border-radius: 5px;
}
.main-container-new .wrap .main-topsale-wrap .topsale-left-wrap .topsale-left-box .title {
  color: white;
  font: 18px/30px "Helvetica";
  display: inline-block;
  width: 100%;
}
.main-container-new .wrap .main-topsale-wrap .topsale-left-wrap .topsale-left-box .topsale-button {
  border: 2px solid #CCCCCC;
  color: white;
  font: bold 15px "Helvetica";
  padding: 10px;
  width: 100%;
  border-radius: 5px;
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap {
  width: 100%;
  height: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow-x: auto;
  text-align: left;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap a {
  text-decoration: none;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box {
  text-align: center;
  width: 130px;
  display: inline-block;
  height: 265px;
  border: 1px solid #CCCCCC;
  margin: 0 2px 0 2px;
  border-radius: 5px;
  cursor: pointer;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-img {
  display: block;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-img img {
  margin-top: 5px;
  width: 70%;
  max-height: 110px;
  max-width: 110px;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-name {
  margin-top: 10px;
  width: 100%;
  height: 35px;
  padding: 0 10px 0 10px;
  font: bold 0.875rem "Helvetica";
  color: black;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-description {
  margin-top: 5px;
  font: 0.675rem "Helvetica";
  color: black;
  white-space: normal;
  height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0 5px 0 5px;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-price .rang-price {
  width: 100%;
  display: inline-block;
  text-align: center;
  font: bold 1rem "Helvetica";
  color: red;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .topsale-button {
  width: 70%;
  height: 30px;
  border: 1px solid #dc0000;
  border-radius: 5px;
  display: inline-block;
  color: #dc0000;
  text-align: center;
  font: bold 0.675rem/30px "Helvetica";
  cursor: pointer;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .topsale-button:hover {
  background: #dc0000;
  color: white;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .topsale-sold {
  width: 100%;
  display: block;
  text-align: right;
  font: 0.675rem/30px "Helvetica";
  color: gray;
  padding: 0 10px 0 0px;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .view-more {
  height: 152px;
  padding-top: 120px;
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .view-more p {
  font: bold 1rem "Helvetica";
}
.main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .sub-fix-box {
  height: 92px;
  display: inline-block;
}
.main-container-new .wrap .shopby-category-wrap {
  display: inline-block;
  width: 100%;
  max-width: 950px;
  padding: 10px;
}
.main-container-new .wrap .shopby-category-wrap .shopby-category-head {
  width: 100%;
  display: inline-block;
  padding: 10px;
}
.main-container-new .wrap .shopby-category-wrap .shopby-category-head .title {
  text-align: left;
  display: inline-block;
  width: 80%;
  font: bold 1.1rem "Helvetica";
}
.main-container-new .wrap .shopby-category-wrap .shopby-category-head .seemore {
  text-align: right;
  display: inline-block;
  width: 20%;
  cursor: pointer;
}
.main-container-new .wrap .shopby-category-wrap .category {
  width: 100%;
  padding: 10px;
  white-space: nowrap;
  overflow-x: auto;
  display: inline-block;
}
.main-container-new .wrap .shopby-category-wrap .category a {
  text-decoration: none;
}
.main-container-new .wrap .shopby-category-wrap .category .category-box {
  display: inline-block;
  padding: 5px 10px 15px 10px;
  border: 1px solid gray;
  color: gray;
  cursor: pointer;
  margin: 0 5px 0 5px;
}
.main-container-new .wrap .shopby-category-wrap .category .category-box:hover {
  background: gray;
  color: white;
}
.main-container-new .wrap .shopby-category-wrap .category-product-wrap {
  width: 100%;
  text-align: left;
  display: inline-block;
  white-space: nowrap;
  overflow-x: auto;
  padding: 10px 10px 20px 10px;
}
.main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product {
  width: 160px;
  display: inline-block;
  height: 240px;
  border: 1px solid #CCCCCC;
  margin: 0 5px 0 5px;
  text-align: center;
}
.main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-img {
  display: block;
}
.main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-img img {
  margin-top: 5px;
  width: 70%;
  max-height: 110px;
  max-width: 110px;
}
.main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-name {
  margin-top: 10px;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px 0 10px;
  font: bold 0.875rem "Helvetica";
}
.main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-description {
  margin-top: 5px;
  font: 0.675rem "Helvetica";
  color: black;
  white-space: normal;
  height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0 5px 0 5px;
}
.main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-price {
  width: 100%;
}
.main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-price .old-price {
  width: 47%;
  display: inline-block;
  text-align: right;
  font: 0.875rem "Helvetica";
  color: #CCCCCC;
  text-decoration: line-through;
}
.main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-price .now-price {
  width: 50%;
  display: inline-block;
  text-align: left;
  font: bold 1.1rem "Helvetica";
  color: red;
}
.main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .category-button {
  width: 60%;
  height: 30px;
  border: 1px solid #dc0000;
  border-radius: 5px;
  display: inline-block;
  color: #dc0000;
  text-align: center;
  font: bold 0.675rem/30px "Helvetica";
  cursor: pointer;
}
.main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .category-button:hover {
  background: #dc0000;
  color: white;
}
.main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .category-sold {
  width: 100%;
  display: block;
  text-align: right;
  font: 0.675rem/30px "Helvetica";
  color: gray;
  padding: 0 10px 0 0px;
}
.main-container-new .wrap .plan-selection-wrap {
  width: 100%;
  height: auto;
  background: #FFFFFF;
  border: none;
  margin: 10px auto 10px;
  padding: 10px 0;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover {
  background: #FFFFFF;
  width: 100%;
  padding: 0px 10px 10px;
  border-radius: 10px;
  text-align: left;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content {
  padding: 0 15px 15px;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-header {
  font: bold 25px "PT Sans";
  text-transform: uppercase;
  color: #444444;
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 10px;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-title {
  font: bold 16px "PT Sans";
  text-transform: uppercase;
  color: #333333;
  margin-bottom: 9px;
  margin-top: 10px;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-link {
  display: none;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content {
  background: url("../img/new-landing-page/bg-plan.png") no-repeat;
  background-size: cover;
  border-radius: 10px;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide {
  display: block;
  text-align: center;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-text-goal {
  font: bold 30px "PT Sans";
  text-transform: uppercase;
  text-decoration: underline;
  color: #FFFFFF;
  padding: 15px 0 0;
  margin: 0 0 15px;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class {
  display: inline-block;
  cursor: pointer;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box {
  float: left;
  width: 105px;
  height: 180px;
  opacity: 0.7;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box img {
  width: 80px;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box .plan-class-text {
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font: bold 15px "PT Sans";
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box:hover {
  opacity: 1;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-step {
  padding: 0 0 0 0;
  margin: 0;
  list-style: none;
  text-align: center;
  z-index: 15;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-step .step {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 8px;
  text-indent: -999px;
  border: 8px solid black;
  border-radius: 10px;
  cursor: pointer;
}
.main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-step .active {
  margin: 8px;
  width: 15px;
  height: 15px;
  border: 8px solid white;
}
.main-container-new .wrap .sub-banner-wrap {
  margin: 30px 0 30px 0;
  width: 100%;
  display: inline-block;
}
.main-container-new .wrap .sub-banner-wrap img {
  width: 100%;
}
.main-container-new .wrap .popular-brand-wrap {
  width: 100%;
  display: inline-block;
  max-width: 950px;
  padding-bottom: 20px;
  white-space: nowrap;
  overflow: auto;
}
.main-container-new .wrap .popular-brand-wrap .popular-brand-head {
  padding: 10px;
}
.main-container-new .wrap .popular-brand-wrap .popular-brand-head .title {
  width: 70%;
  display: inline-block;
  text-align: left;
  font: bold 1.1rem "Helvetica";
}
.main-container-new .wrap .popular-brand-wrap .popular-brand-head .SeeMore {
  width: 28%;
  display: inline-block;
  text-align: right;
  cursor: pointer;
}
.main-container-new .wrap .popular-brand-wrap .popular-brand {
  width: 100%;
  text-align: center;
}
.main-container-new .wrap .popular-brand-wrap .popular-brand .popular-brand-box {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.main-container-new .wrap .popular-brand-wrap .popular-brand .popular-brand-box img {
  width: 60%;
  display: inline-block;
}
.main-container-new .wrap .fitwhey-in-number-wrap {
  width: 100%;
  display: inline-block;
  padding: 10px;
}
.main-container-new .wrap .fitwhey-in-number-wrap .fitwhey-in-number-head {
  width: 100%;
  text-align: center;
  font: bold 1.1rem "Helvetica";
}
.main-container-new .wrap .fitwhey-in-number-wrap .fitwhey-in-number {
  width: 100%;
  margin: 10px 0 10px 0;
}
.main-container-new .wrap .fitwhey-in-number-wrap .fitwhey-in-number .fitwhey-in-number-box {
  display: inline-block;
  margin: 10px;
  border-right: 2px solid #CCCCCC;
  text-align: center;
  padding-right: 30px;
}
.main-container-new .wrap .fitwhey-in-number-wrap .fitwhey-in-number .fitwhey-in-number-box .bold-text {
  font: 5rem "Impact";
  color: #0033CC;
  text-align: center;
  display: inline-block;
}
.main-container-new .wrap .fitwhey-in-number-wrap .fitwhey-in-number .fitwhey-in-number-box .sub-text {
  font: 0.875rem "Helvetica";
  color: #444444;
}
.main-container-new .wrap .fitwhey-in-number-wrap .fitwhey-in-number .Vertical-text {
  display: inline-block;
  filter: flipv fliph;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  width: 20px;
  white-space: nowrap;
  font: 0.875rem "Helvetica";
  letter-spacing: 4px;
  color: #444444;
}
.main-container-new .wrap .fitwhey-in-number-wrap .noborder {
  border-right: 0px!important;
}
.main-container-new .wrap .fitwhey-in-number-wrap .nopadding {
  padding-right: 0px!important;
}
.main-container-new .wrap .square-banner-wrap2 {
  display: inline-block;
  max-width: 1300px;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
}
.main-container-new .wrap .square-banner-wrap2 .back-botton {
  width: 25px;
  height: 25px;
  color: gray;
  display: inline-block;
  font-size: 1.5rem;
  left: 0;
  position: absolute;
  margin: 35px 5px 0 5px;
}
.main-container-new .wrap .square-banner-wrap2 .next-botton {
  width: 25px;
  height: 25px;
  color: gray;
  display: inline-block;
  font-size: 1.5rem;
  position: absolute;
  right: 0;
  margin: 35px 5px 0 5px;
}
.main-container-new .wrap .square-banner-wrap2 .square-banner {
  transition: all 0.5s ease;
  width: 100%;
  min-width: 400px;
  padding-left: 15px;
}
.main-container-new .wrap .square-banner-wrap2 .square-banner a {
  text-decoration: none;
}
.main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-left,
.main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right {
  width: 32%;
  margin: 0;
  display: inline-block;
}
.main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right {
  margin-left: -5px !important;
  margin: 5px 5px 0 0 ;
}
.main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right img {
  width: 95%;
  max-width: none;
  display: block;
  border-radius: 3px;
}
.main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right .Promotion {
  font: bold 0.775rem "kanit";
  display: block;
  width: 100%;
  color: #0033CC;
  height: 20px;
}
.main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right .name {
  font: 0.6rem "kanit";
  display: block;
  width: 90%;
  color: black;
  height: 20px;
}
.main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right .description {
  font: 0.675rem "sarabun";
  display: none;
  width: 100%;
  color: #444444;
}
/* card new popup */
.main-container-cart-popup {
  display: inline-block;
  background: white;
  min-width: 320px;
  max-width: 500px;
  height: 568px;
  width: 100%;
  display: none;
  position: fixed;
  box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.44);
  z-index: 10;
  transition: all 0.6s ease-in-out;
  border-radius: 5px 5px 0px 0px;
}
.main-container-cart-popup .cart-popup-wrap {
  display: inline-block;
  width: 100%;
  max-width: 500px;
  min-width: 320px;
  /*
    .tabcontent {
        display: none;
        padding: 20px 25px;
        border: 1px solid #ccc;
        border: none;
        width: 100%;
        background: white;
    }
    */
}
.main-container-cart-popup .cart-popup-wrap .cart-popup-head {
  padding: 10px 10px 20px 40px;
  text-align: center;
}
.main-container-cart-popup .cart-popup-wrap .cart-popup-head .close-popup-coupon {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  background: white;
  border-radius: 30px;
  margin-right: 10px;
  text-align: center;
  font-weight: bold;
  font: bold 1rem/-1px "kanit";
  border: none;
  -webkit-box-shadow: 0px 0px 2px 0px #000000;
  box-shadow: 0px 0px 2px 0px #000000;
}
.main-container-cart-popup .cart-popup-wrap .cart-popup-head .tablinks {
  color: #0033CC;
  display: inline-block;
  height: 30px;
  border: none;
  background: none;
  width: 45%;
  padding: 10px;
  transition: all 0.3s;
}
.main-container-cart-popup .cart-popup-wrap .cart-popup-head .tablinks:focus {
  outline: none;
}
.main-container-cart-popup .cart-popup-wrap .cart-popup-head .active {
  background: #EFEFEF;
  border-radius: 30px;
  font-weight: bold;
}
.main-container-cart-popup .cart-popup-wrap .cart-popup-head .active:focus {
  outline: none;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content {
  padding: 15px;
  padding-top: 0px;
  margin-top: -20px;
  display: inline-block;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap {
  height: 530px;
  overflow: auto;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .add-code {
  background: #EFEFEF;
  width: 100%;
  display: inline-block;
  padding: 10px 5px 10px 5px;
  border-radius: 3px;
  color: #0033CC;
  font: bold 0.875rem "prompt";
  text-align: center;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .add-code input {
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  font: 0.875rem "prompt";
  padding: 3px;
  width: 45%;
  margin-left: 5px;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .add-code .botton-code {
  font: 0.875rem "prompt";
  background: #0033CC;
  color: white;
  width: 20%;
  display: inline-block;
  padding: 3px;
  text-align: center;
  border-radius: 3px;
  margin-left: 5px;
  cursor: pointer;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .add-code .botton-code:active {
  background: #444444;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion {
  margin-top: 20px;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .title {
  padding-left: 20px;
  width: 100%;
  display: inline-block;
  font: bold 0.9rem "kanit";
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code {
  width: 98%;
  display: inline-block;
  box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.44);
  background: white;
  margin-top: 10px;
  border-radius: 3px;
  cursor: pointer;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .discount-display {
  background: #0033CC;
  width: 25%;
  height: 84px;
  display: block;
  float: left;
  text-align: center;
  font: bold 1rem "prompt";
  color: white;
  padding: 10px;
  border-radius: 3px 0px 0 3px;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .discount-display i {
  font-size: 1.4rem;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .detail-code {
  display: inline-block;
  padding-left: 10px;
  color: #0033CC;
  width: 70%;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .detail-code .name {
  width: 100%;
  display: inline-block;
  font: bold 0.875rem "prompt";
  padding-top: 10px;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .detail-code .condition {
  width: 100%;
  font: 0.875rem "prompt";
  display: inline-block;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .detail-code .condition span {
  color: #dc0000;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .detail-code .end-code {
  width: 100%;
  font: 0.675rem "prompt";
  display: inline-block;
  text-align: right;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .no-active {
  cursor: no-drop;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .no-active .discount-display {
  background: #EFEFEF;
  color: gray;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .no-active .detail-code {
  color: gray;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion {
  margin-top: 20px;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .title {
  padding-left: 20px;
  width: 100%;
  display: inline-block;
  font: bold 0.9rem "kanit";
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon {
  width: 100%;
  display: inline-block;
  box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.44);
  margin-top: 10px;
  border-radius: 3px;
  cursor: pointer;
  background: #0033CC;
  text-align: center;
  padding: 20px 10px 20px 10px;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .icon {
  width: 8%;
  display: inline-block;
  text-align: center;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .icon img {
  width: 30px;
  display: inline-block;
  vertical-align: bottom;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .icon i {
  font-size: 1.8rem;
  color: white;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .discount-code {
  width: 60%;
  display: inline-block;
  text-align: center;
  font: bold 1.1rem "prompt";
  color: white;
  padding: 10px;
  border-radius: 3px 0px 0 3px;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .discount-display {
  width: 20%;
  display: inline-block;
  text-align: center;
  font: bold 1.1rem "prompt";
  color: white;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .detail-coupon {
  width: 60%;
  display: inline-block;
  font: bold 1.4rem "prompt";
  color: white;
  text-align: left;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .status-coupon {
  width: 30%;
  display: inline-block;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .status-coupon .text {
  font: 0.875rem "prompt";
  color: white;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .status-coupon .status {
  width: 100%;
  height: 15px;
  border: 1px solid white;
  background: white;
  border-radius: 20px;
  margin-top: 5px;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .status-coupon .status .status-value {
  width: 100%;
  height: 13px;
  background: #0033CC;
  border-radius: 20px;
  margin-top: 5px;
  position: relative;
  margin: 0 0 0 0;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .no-active {
  cursor: no-drop;
  background: #EFEFEF;
  color: gray;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .no-active .detail-coupon {
  color: gray;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .no-active .status-coupon .text {
  color: gray;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .title-point {
  padding-left: 20px;
  width: 100%;
  display: inline-block;
  color: #0033CC;
}
.main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .title-point p {
  font: bold 1.5rem "kanit";
  display: inline-block;
  margin: 0 5px 0 5px;
}
.open_popup_coupon {
  bottom: 0;
  display: block;
}
/* V1 landing page */
.main-baam-mass-v1 {
  padding-top: 30px;
  display: inline-block;
  width: 100%;
  text-align: center;
  /*
-webkit-user-select: none;    /* Chrome all / Safari all */
  /*  -moz-user-select: none;     /* Firefox all */
  /*  -ms-user-select: none;      /* IE 10+ */
  /*  user-select: none;          /* Likely future */
  background: white;
}
.main-baam-mass-v1 .name-promotion-set {
  display: inline-block;
  width: 100%;
  font: bold 2rem "Kanit";
}
.main-baam-mass-v1 .name-promotion-set p {
  display: inline-block;
  font: bold 2rem "Kanit";
  color: #CDDD00;
}
.main-baam-mass-v1 .img {
  width: 100%;
}
.main-baam-mass-v1 .v1-break {
  display: inline-block;
  width: 100%;
  height: 20px;
  background: url(../img/v1-new/break.png) no-repeat;
  background-size: 90%;
  background-position: center;
}
.main-baam-mass-v1 .head-text {
  margin: 0;
  font: bold 2.05rem "Kanit";
  padding: 0 20px 0 20px;
}
.main-baam-mass-v1 .subhead-text {
  font: bold 1.2rem "Kanit";
  padding: 0 10px 0 10px;
}
.main-baam-mass-v1 .sub-text {
  font: 1rem "Kanit";
  padding: 0 10px 0 10px;
}
.main-baam-mass-v1 .description-text {
  font: 0.875rem "Helvetica";
  padding: 0 10px 0 10px;
}
.main-baam-mass-v1 .text {
  font: 0.875rem "Helvetica";
  padding: 0 10px 0 10px;
}
.main-baam-mass-v1 .margin-top {
  margin: 20px 0 0 0;
}
.main-baam-mass-v1 .margin-bottom {
  margin: 0 0 20px 0;
}
.main-baam-mass-v1 .img-slide-wrap {
  white-space: nowrap;
  overflow-x: auto;
}
.main-baam-mass-v1 .img-slide-wrap .img-slide {
  display: inline-block;
  width: 100%;
}
.main-baam-mass-v1 .img-slide-wrap .img-slide .img {
  width: 100%;
}
.main-baam-mass-v1 .v1-gold {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
.main-baam-mass-v1 .v1-gold .gold-box {
  display: block;
  float: left;
  width: 32%;
}
.main-baam-mass-v1 .v1-gold .gold-box img {
  width: 50%;
}
.main-baam-mass-v1 .v1-gold .gold-box P {
  display: inline-block;
  color: #CDDD00;
  margin: 0 5px 0 5px;
}
.main-baam-mass-v1 .v1-gold .gold-box-2 {
  display: block;
  float: left;
  width: 48%;
}
.main-baam-mass-v1 .v1-gold .gold-box-2 .subhead-text {
  margin: 0;
  margin-top: 20px;
}
.main-baam-mass-v1 .benefit {
  width: 70%;
  display: inline-block;
  padding: 0 10px 10px 10px;
  text-align: center;
  background-size: 100%;
}
.main-baam-mass-v1 .benefit .subject {
  width: 335px;
  display: inline-block;
  text-align: left;
}
.main-baam-mass-v1 .benefit .subject .sub-text {
  margin: 15px 0 0px 0;
  display: inline-block;
  background: linear-gradient(90deg, #d6d6d6 0%, #d6d6d6 32%, rgba(0, 212, 255, 0) 100%);
}
.main-baam-mass-v1 .content-wrap {
  width: 100%;
  display: inline-block;
}
.main-baam-mass-v1 .content-wrap .content-subject-wrap {
  width: 100%;
  display: block;
  position: relative;
  margin: -200px 0 0 0;
}
.main-baam-mass-v1 .content-wrap .content-subject-wrap .subhead-text {
  display: block;
  float: left;
  padding: 3px;
  background: #CDDD00;
  width: 46%;
  text-align: left;
  padding-left: 10px;
  border-radius: 5px;
  margin-left: 10px;
}
/* win-back-campaign */
.win-back-campaign {
  min-width: 320px;
  width: 100%;
  display: inline-block;
  padding-bottom: 50px;
  text-align: center;
}
.win-back-campaign .win-back-banner {
  display: none;
}
.win-back-campaign .win-back-banner-mb {
  display: inline-block;
  width: 100%;
}
.win-back-campaign .win-back-banner-mb .img {
  width: 100%;
}
.win-back-campaign .detail-campaign-wrap {
  width: 100%;
  background: url(../img/win-back/bg.jpg) no-repeat;
  background-size: cover;
  padding: 30px 20px 30px 20px;
  text-align: center;
}
.win-back-campaign .detail-campaign-wrap .detail-campaign {
  max-width: 1100px;
  display: inline-block;
}
.win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-left {
  width: 100%;
  color: white;
  display: inline-block;
  padding-left: 20px;
  text-align: left;
}
.win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-left .head-text {
  font: bold 1.2rem "Kanit";
  font-style: italic;
  display: inline-block;
}
.win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-left .description-text {
  font: 0.875rem "Kanit";
  display: inline-block;
}
.win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-right {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 20px;
}
.win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-right .start-button {
  text-decoration: none;
  background: linear-gradient(180deg, #65d047 0%, #47992e 100%);
  border-radius: 15px;
  display: inline-block;
  font: bold 1rem "Kanit";
  color: white;
  text-align: center;
  padding: 10px 20px 10px 20px;
  cursor: pointer;
}
.win-back-campaign .win-back-step {
  width: 100%;
  padding: 20px;
  text-align: center;
}
.win-back-campaign .win-back-step .tablinks {
  cursor: pointer;
  width: 29%;
  display: block;
  float: left;
  margin-left: 10px;
}
.win-back-campaign .win-back-step .tablinks .Element {
  display: block;
  float: left;
  width: 100%;
}
.win-back-campaign .win-back-step .tablinks .Element .number {
  font: bold 0.875rem "Kanit";
  width: 30px;
  height: 30px;
  display: inline-block;
  padding: 6px 1px 6px 1px;
  background: #CCCCCC;
  border-radius: 30px;
}
.win-back-campaign .win-back-step .tablinks .subject {
  font: bold 0.775rem "Kanit";
  display: block;
  float: left;
  width: 100%;
}
.win-back-campaign .win-back-step .tablinks .description {
  font: 0.775rem "Kanit";
}
.win-back-campaign .win-back-step .active .Element .number {
  background: linear-gradient(180deg, #65d047 0%, #47992e 100%);
  color: white;
}
.win-back-campaign .tabcontent {
  width: 100%;
  text-align: center;
  display: none;
}
.win-back-campaign .tabcontent .main-win-back-step {
  max-width: 1100px;
  display: inline-block;
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #CCCCCC;
  padding-bottom: 20px;
  margin-top: 20px;
  transition: all 0.3s;
}
.win-back-campaign .tabcontent .main-win-back-step .highlight-text {
  font: bold 1.4rem "Kanit";
  margin-top: 40px;
}
.win-back-campaign .tabcontent .main-win-back-step .main-content-wrap {
  width: 100%;
  text-align: center;
}
.win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box {
  text-decoration: none;
  color: black;
  cursor: pointer;
  width: 32.5%;
  display: block;
  float: left;
  padding: 10px 0 0 10px;
}
.win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box .img {
  width: 100%;
}
.win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box .description {
  margin: 20px 0 30px 0;
  font: bold 0.875rem "Kanit";
}
.win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box2 {
  text-decoration: none;
  color: black;
  cursor: pointer;
  width: 48%;
  display: block;
  float: left;
  padding: 20px 0 0 20px;
}
.win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box2 .img {
  width: 80%;
  max-width: 350px;
}
.win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box2 .description {
  margin: 20px 0 30px 0;
  font: bold 1rem "Kanit";
}
.win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .promotion-set {
  width: 100%;
  text-decoration: none;
  cursor: pointer;
}
.win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .promotion-set .img {
  width: 100%;
  display: none;
}
.win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .promotion-set .img-mb {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #EFEFEF;
}
.win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .promotion-set .img-contact {
  width: 100%;
}
/* new landing page */
.landing-page {
  padding-top: 30px;
  display: inline-block;
  width: 100%;
  text-align: center;
  /*
-webkit-user-select: none;    /* Chrome all / Safari all */
  /*  -moz-user-select: none;     /* Firefox all */
  /*  -ms-user-select: none;      /* IE 10+ */
  /*  user-select: none;          /* Likely future */
  background: white;
}
.landing-page .name-promotion-set {
  display: inline-block;
  width: 100%;
  font: bold 2rem "Kanit";
}
.landing-page .name-promotion-set p {
  display: inline-block;
  font: bold 2rem "Kanit";
  color: #CDDD00;
}
.landing-page .img {
  width: 100%;
}
.landing-page .v1-break {
  display: inline-block;
  width: 100%;
  height: 20px;
  background: url(../img/v1-new/break.png) no-repeat;
  background-size: 90%;
  background-position: center;
}
.landing-page .head-text {
  margin: 0;
  font: bold 2.05rem "Kanit";
  padding: 0 20px 0 20px;
}
.landing-page .subhead-text {
  font: bold 1.2rem "Kanit";
  padding: 0 10px 0 10px;
}
.landing-page .sub-text {
  font: 1rem "Kanit";
  padding: 0 10px 0 10px;
}
.landing-page .description-text {
  font: 0.875rem/22px "sarabun";
  padding: 0 10px 0 10px;
}
.landing-page .text {
  font: 0.875rem/22px "sarabun";
  padding: 0 10px 0 10px;
}
.landing-page .margin-top {
  margin: 20px 0 0 0;
}
.landing-page .margin-bottom {
  margin: 0 0 20px 0;
}
.landing-page .img-slide-wrap {
  white-space: nowrap;
  overflow-x: auto;
}
.landing-page .img-slide-wrap .img-slide {
  display: inline-block;
  width: 100%;
}
.landing-page .img-slide-wrap .img-slide .img {
  width: 100%;
}
.landing-page .v1-gold {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
.landing-page .v1-gold .gold-box {
  display: block;
  float: left;
  width: 32%;
}
.landing-page .v1-gold .gold-box img {
  width: 50%;
}
.landing-page .v1-gold .gold-box P {
  display: inline-block;
  color: #CDDD00;
  margin: 0 5px 0 5px;
}
.landing-page .v1-gold .gold-box-2 {
  display: block;
  float: left;
  width: 48%;
}
.landing-page .v1-gold .gold-box-2 .subhead-text {
  margin: 0;
  margin-top: 20px;
}
.landing-page .benefit {
  width: 70%;
  display: inline-block;
  padding: 0 10px 10px 10px;
  text-align: center;
  background-size: 100%;
}
.landing-page .benefit .subject {
  width: 360px;
  display: inline-block;
  text-align: left;
}
.landing-page .benefit .subject .img-subject {
  width: 25px;
}
.landing-page .benefit .subject .sub-text {
  margin: 15px 0 0px 0;
  display: inline-block;
  background: linear-gradient(90deg, #d6d6d6 0%, #d6d6d6 32%, rgba(0, 212, 255, 0) 100%);
}
.landing-page .content-wrap {
  width: 100%;
  display: inline-block;
}
.landing-page .content-wrap .content-subject-wrap {
  width: 100%;
  display: block;
  position: relative;
  margin: -200px 0 0 0;
}
.landing-page .content-wrap .content-subject-wrap .subhead-text {
  display: block;
  float: left;
  padding: 3px;
  background: #CDDD00;
  width: 46%;
  text-align: left;
  padding-left: 10px;
  border-radius: 5px;
  margin-left: 10px;
}
/* valentine2021 */
.valentine2021 {
  width: 100%;
  display: inline-block;
  background: url(../img/valentine2021/bg.png) no-repeat;
  background-size: cover;
  background-position: top;
  text-align: center;
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v17/nKKU-Go6G5tXcr4-OSWg.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v17/nKKU-Go6G5tXcr5KPyWg.ttf) format('truetype');
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v17/DtVmJx26TKEr37c9YL5rulw.ttf) format('truetype');
}
.valentine2021 .valentine2021-wrap {
  max-width: 1100px;
  display: inline-block;
  min-height: 1100px;
}
.valentine2021 .valentine2021-wrap .img {
  width: 100%;
  max-width: 600px;
  display: inline-block;
  margin-top: 30px;
}
.valentine2021 .valentine2021-wrap .flip-card-wrap {
  width: 100%;
  display: inline-block;
}
.valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card {
  background-color: transparent;
  width: 100px;
  height: 130px;
  perspective: 1000px;
  display: inline-block;
}
.valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-front {
  position: absolute;
  width: 100px;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: black;
}
.valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-front .img-cart {
  max-width: 100px;
  width: 100%;
}
.valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-back {
  position: absolute;
  width: 100px;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateY(180deg);
  background: url(../img/valentine2021/cart4.png) no-repeat;
  background-size: cover;
}
.valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-back .img-cart {
  max-width: 100px;
  width: 80%;
  display: inline-block;
  margin: 30px 0 0 0;
}
.valentine2021 .valentine2021-wrap .Cny_nameuse {
  width: 100%;
  display: inline-block;
  margin: 30px 0 20px 0;
}
.valentine2021 .valentine2021-wrap .Cny_nameuse .text {
  padding: 10px 15px;
  background: #444444;
  color: white;
  font: bold 1.8rem "Kanit";
  text-align: center;
  display: inline-block;
  border-radius: 5px;
}
.valentine2021 .valentine2021-wrap .Cny_time_use {
  width: 100%;
  display: inline-block;
  margin: 0px 0 40px 0;
}
.valentine2021 .valentine2021-wrap .Cny_time_use .time_use_text {
  color: white;
  font: bold 1.8rem "Kanit";
  text-align: center;
  display: inline-block;
  letter-spacing: 1px;
}
.valentine2021 .valentine2021-wrap .Cny_time_use .time_use_text span {
  font: bold 2.2rem "Kanit";
  margin: 0 10px 0 10px;
}
@media only screen and (min-width: 500px) {
  .valentine2021 {
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .valentine2021 .valentine2021-wrap {
    max-width: 915px;
    display: inline-block;
  }
  .valentine2021 .valentine2021-wrap .img {
    width: 100%;
    max-width: 600px;
    display: inline-block;
    margin-top: 30px;
  }
  .valentine2021 .valentine2021-wrap .flip-card-wrap {
    width: 100%;
    display: inline-block;
  }
  .valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card {
    background-color: transparent;
    width: 200px;
    height: 250px;
    perspective: 1000px;
    display: inline-block;
    padding: 20px;
    /*&:hover .flip-card-inner{
        transform: rotateY(180deg);
      }
      */
  }
  .valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card .flip-card-inner {
    position: relative;
    width: 155px;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
  }
  .valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-front {
    position: absolute;
    width: 155px;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: black;
  }
  .valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-front .img-cart {
    max-width: 150px;
    width: 100%;
  }
  .valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-back {
    position: absolute;
    width: 155px;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    text-align: center;
  }
  .valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-back .img-cart {
    max-width: 125px;
    width: 100%;
    display: inline-block;
    margin: 30px 0 0 0;
  }
  .valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-back .img-cart img {
    width: 80%;
  }
  .valentine2021 .valentine2021-wrap .flip-card-wrap .flip-card:hover {
    border: 1px solid white;
    border-radius: 10px;
    cursor: pointer!important;
  }
}
/* Product grid new ver.*/
.main-container {
  width: 100%;
  min-width: 320px;
  text-align: center;
  padding-bottom: 50px;
}
.main-container .product_grid_new {
  width: 100%;
  max-width: 1100px;
  display: inline-block;
  text-align: center;
}
.main-container .product_grid_new .product_grid_left {
  width: 100%;
  display: block;
  float: left;
  text-align: left;
  margin-right: 20px;
}
.main-container .product_grid_new .product_grid_left .product_grid_fillter {
  display: none;
  padding: 10px;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
}
.main-container .product_grid_new .product_grid_left .product_grid_fillter .fillter_name {
  font: bold 1rem "PT Sans";
  border-bottom: 1px solid #444444;
  padding-bottom: 10px;
}
.main-container .product_grid_new .product_grid_left .product_grid_fillter .fillter_box {
  padding-top: 10px;
}
.main-container .product_grid_new .product_grid_left .product_grid_fillter .fillter_box input {
  margin-right: 10px;
}
.main-container .product_grid_new .product_grid_left .product_grid_fillter_mobile {
  width: 100%;
  display: inline-block;
}
.main-container .product_grid_new .product_grid_left .product_grid_fillter_mobile .dropdown {
  display: block;
  float: left;
  margin: 0 5px 0 5px;
  width: 30%;
}
.main-container .product_grid_new .product_grid_left .product_grid_fillter_mobile .dropdown .dropdown-box {
  width: 100%;
  text-align: center;
  display: block;
  float: left;
  padding: 5px;
  border-radius: 5px;
  text-transform: uppercase;
}
.main-container .product_grid_new .display-fix-top {
  background: white;
  width: 100%;
  padding-bottom: 10px;
  display: inline-block;
  position: sticky;
  top: 50px;
  z-index: 10;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 500px) and (max-width: 1100px) {
  .main-container .product_grid_new .display-fix-top {
    top: 70px;
  }
}
.main-container .product_grid_new .display-fix-top .navigation-select {
  width: 94%;
  display: inline-block;
  white-space: nowrap;
  overflow: auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  margin: 10px;
}
.main-container .product_grid_new .display-fix-top .navigation-select .wrap {
  display: inline-block;
}
.main-container .product_grid_new .display-fix-top .navigation-select .wrap button {
  background: white;
  font-family: 'sarabun';
  font-size: 1rem;
  padding: 5px;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  margin: 0 2px 0 2px;
}
.main-container .product_grid_new .display-fix-top .navigation-name {
  display: none;
}
.main-container .product_grid_new .display-fix-top .pg-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
}
.main-container .product_grid_new .display-fix-top .pg-toolbar .pg-toolbar-left {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.main-container .product_grid_new .display-fix-top .pg-toolbar .pg-toolbar-left .pg-category-name {
  font: bold 1rem "Helvetica";
  color: #333333;
}
.main-container .product_grid_new .display-fix-top .pg-toolbar .pg-toolbar-left .pg-result-count {
  font: normal 12px "PT Sans";
  color: #666666;
}
.main-container .product_grid_new .display-fix-top .pg-toolbar .pg-toolbar-right .pg-sort-select {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 6px 30px 6px 10px;
  background: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  cursor: pointer;
  color: #333333;
}
.main-container .product_grid_new .display-fix-top .pg-toolbar .pg-toolbar-right .pg-sort-select:focus {
  outline: none;
  border-color: #0033CC;
}
.main-container .product_grid_new .product_grid_right {
  width: 100%;
  display: block;
  float: left;
}
.main-container .product_grid_new .product_grid_right .head_product_grid_right {
  width: 100%;
  display: none;
  padding: 10px;
}
.main-container .product_grid_new .product_grid_right .head_product_grid_right .head_grid_name {
  display: none;
  float: left;
  width: 100%;
  font: bold 1.5rem "PT sans";
  text-align: left;
}
.main-container .product_grid_new .product_grid_right .head_product_grid_right .head_grid_sort {
  display: none;
  float: left;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.main-container .product_grid_new .product_grid_right .head_product_grid_right .head_grid_sort .pg-desktop-sort {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-container .product_grid_new .product_grid_right .head_product_grid_right .head_grid_sort .pg-desktop-sort .pg-sort-label {
  font: 1rem "PT Sans";
  color: #333333;
}
.main-container .product_grid_new .product_grid_right .head_product_grid_right .head_grid_sort .pg-desktop-sort .pg-sort-select {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  padding: 6px 30px 6px 10px;
  background: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  cursor: pointer;
}
.main-container .product_grid_new .product_grid_right .head_product_grid_right .head_grid_sort .pg-desktop-sort .pg-sort-select:focus {
  outline: none;
  border-color: #0033CC;
}
.main-container .product_grid_new .product_grid_right .head_product_grid_right .head_grid_sort .pg-desktop-pagination {
  display: flex;
  align-items: center;
  gap: 4px;
}
.main-container .product_grid_new .product_grid_right .banner_grid {
  width: 98%;
  display: inline-block;
  border-radius: 10px;
  padding: 10px;
}
.main-container .product_grid_new .product_grid_right .banner_grid img {
  width: 100%;
  display: inline-block;
  border-radius: 10px;
}
.main-container .product_grid_new .product_grid_right .banner_grid .mobile {
  display: inline-block;
}
.main-container .product_grid_new .product_grid_right .banner_grid .desktop {
  display: none;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap {
  width: 100%;
  display: inline-block;
  text-align: left;
  padding: 10px;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap a {
  text-decoration: none;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .product-right-box {
  text-align: left;
  width: 100%;
  display: inline-block;
  border: 1px solid #CCCCCC;
  margin: 5px 2px 2px 2px;
  border-radius: 5px;
  cursor: pointer;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-img {
  display: block;
  float: left;
  width: 40%;
  min-width: 100px;
  margin-top: 20px;
  min-height: 150px;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-img .code-top {
  display: inline-block;
  width: 100px;
  height: 22px;
  background: #dc0000;
  background: linear-gradient(113deg, #dc0000 90%, rgba(71, 172, 255, 0) 90%);
  position: absolute;
  z-index: 10px;
  margin: -14px 0 0 0;
  color: white;
  padding: 3px;
  font: bold 0.76rem "Helvetica";
  text-align: center;
  z-index: 1;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-img .code-bottom {
  display: inline-block;
  width: 90px;
  height: 22px;
  background: #dc0000;
  background: linear-gradient(90deg, #dc0000 75%, rgba(71, 172, 255, 0) 100%);
  position: absolute;
  z-index: 10px;
  margin: 130px 0 0 0px;
  color: white;
  padding: 3px;
  font: bold 0.76rem "Helvetica";
  z-index: 1;
  text-align: center;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-img img {
  margin-top: 5px;
  width: 100%;
  max-height: 130px;
  max-width: 130px;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-name {
  margin-top: 10px;
  width: 59%;
  text-align: left;
  padding: 0;
  font: bold 0.875rem "Helvetica";
  color: black;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-description {
  text-align: center;
  display: inline-block;
  font: 0.775rem "sarabun";
  text-align: left;
  width: 59%;
  color: black;
  margin-top: 3px;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-star {
  width: 59%;
  font-size: 0.875rem;
  color: #f8db03;
  text-align: left;
  display: inline-block;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-star span {
  color: black;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-price-mobile {
  width: 59%;
  display: inline-block;
  font: bold 1.1rem "Helvetica";
  color: red;
  text-align: left;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-type {
  display: none;
  margin-top: 5px;
  font: 0.675rem "Helvetica";
  color: #CCCCCC;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-price {
  width: 100%;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-price .old-price {
  width: 45%;
  display: none;
  text-align: right;
  font: 0.875rem "Helvetica";
  color: #CCCCCC;
  text-decoration: line-through;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .box-price .now-price {
  width: 50%;
  display: none;
  text-align: left;
  font: bold 1.1rem "Helvetica";
  color: red;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .product-right-button {
  width: 50%;
  height: 30px;
  border: 1px solid #dc0000;
  border-radius: 5px;
  display: inline-block;
  color: #dc0000;
  text-align: center;
  font: bold 0.675rem/30px "Helvetica";
  cursor: pointer;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .product-right-button:hover {
  background: #dc0000;
  color: white;
}
.main-container .product_grid_new .product_grid_right .product_grid_wrap .product-right-sold {
  width: 100%;
  display: block;
  text-align: right;
  font: 0.675rem/30px "kanit";
  color: gray;
  padding: 0 10px 0 0px;
}
.main-container .product_grid_new .product_grid_right .pg-pagination-bottom {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 20px;
  padding: 10px;
}
.main-container .product_grid_new .product_grid_right .pg-load-more {
  display: none;
}
.pg-page-btn,
.pg-page-num,
.pg-page-dots {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 5px;
  font: normal 14px "PT Sans";
  color: #333333;
  text-decoration: none;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  padding: 0 6px;
  cursor: pointer;
}
.pg-page-btn:hover,
.pg-page-num:hover,
.pg-page-dots:hover {
  border-color: #0033CC;
  color: #0033CC;
}
.pg-page-num.active {
  background: #0033CC;
  border-color: #0033CC;
  color: #FFFFFF;
}
.pg-page-dots {
  border: none;
  background: none;
  cursor: default;
}
.pg-page-dots:hover {
  border: none;
  color: #333333;
}
.pg-page-btn {
  font-size: 18px;
  line-height: 28px;
}
/* Product detail*/
.modal-wrap {
  position: fixed;
  background: #000000ab;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 15;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.modal-wrap .review-wrap {
  border: 1px solid #EFEFEF;
  background-color: white;
  margin: auto;
  max-width: 800px;
  margin-top: 10%;
  border-radius: 5px;
  box-shadow: 0 0 10px;
  padding: 15px 5px;
}
.modal-wrap .review-wrap .modal-review-wrap {
  display: block;
}
.modal-wrap .review-wrap .modal-review-wrap .modal-picture-cancel {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0;
  width: 25px;
  padding: 0 8px;
  margin: 10px;
  height: 25px;
  background: red;
  color: white;
  font-size: 12px;
  line-height: 26px;
  font-weight: normal;
  cursor: pointer;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox {
  display: flex;
  position: relative;
  justify-content: center;
  padding: 5px;
  margin: 0 10px;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top {
  font-size: 12px;
  font-weight: normal;
  flex-flow: column;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate {
  display: flex;
  font-size: 20px;
  font-weight: bold;
  margin-top: 4px;
  gap: 10px;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .rate {
  float: left;
  height: 26px;
  display: flex;
  gap: 4px;
  flex-direction: row-reverse;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .rate:not(:checked) > input {
  position: absolute;
  display: none;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .rate:not(:checked) > label {
  float: right;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  color: #F2F2F2;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .rate > input:checked ~ label {
  color: #ffc700;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .rate:not(:checked) > label:hover,
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .rate:not(:checked) > label:hover ~ label {
  color: #ffad15;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .rate > input:checked + label:hover,
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .rate > input:checked + label:hover ~ label,
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .rate > label:hover ~ input:checked ~ label {
  color: #ffc700;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .fa-star {
  color: #f2f2f2;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .fa-star::before {
  font-size: 22px;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .checked {
  color: #FFC451;
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .buyer-review {
  right: 10%;
  color: #22ac5b;
  font-size: 13px;
  font-weight: normal;
}
@media (max-width: 370px) {
  .modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .buyer-review {
    position: absolute;
    bottom: -15px;
    left: 40%;
  }
}
.modal-wrap .review-wrap .modal-review-wrap .review-mainbox .review-top .review-top-rate .buyer-review i {
  margin-right: 4px;
}
.modal-wrap .review-wrap .review-textarea {
  display: flex;
  position: relative;
  padding: 5px;
  margin: 0 10px;
}
.modal-wrap .review-wrap .review-textarea .textarea-input {
  margin: 8px 0;
  width: 100%;
}
.modal-wrap .review-wrap .review-textarea .textarea-input textarea {
  padding: 10px 20px;
  width: 100%;
  height: 140px;
  resize: none;
  font-size: 12px;
}
.modal-wrap .review-wrap .review-textarea .textarea-input .textarea-input-max {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 12px;
  color: lightgray;
}
.modal-wrap .review-wrap .review-picture-arrow-left {
  justify-content: center;
  text-align: center;
  display: flex;
  position: absolute;
  align-content: center;
  left: 5px;
  width: 25px;
  margin-top: 20px;
  height: 100px;
  background: #EFEFEF;
  box-shadow: 1px 0 1px #00000048;
  cursor: pointer;
}
.modal-wrap .review-wrap .review-picture-arrow-left .review-picture-arrow-text {
  display: flex;
  text-align: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  color: black;
  font-size: 18px;
}
.modal-wrap .review-wrap .review-picture-arrow-right {
  justify-content: center;
  text-align: center;
  display: flex;
  position: absolute;
  align-content: center;
  right: 5px;
  width: 25px;
  margin-top: 20px;
  height: 100px;
  background: #EFEFEF;
  box-shadow: 1px 0 1px #00000048;
  cursor: pointer;
}
.modal-wrap .review-wrap .review-picture-arrow-right .review-picture-arrow-text {
  display: flex;
  text-align: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  color: black;
  font-size: 18px;
}
.modal-wrap .review-wrap .review-picture-arrow-wrap {
  display: block;
  position: relative;
}
.modal-wrap .review-wrap .review-picture-arrow-wrap .review-picture {
  display: flex;
  position: relative;
  padding: 5px;
  margin: 0 50px;
  max-height: 170px;
  overflow: auto;
  gap: 12px;
}
.modal-wrap .review-wrap .review-picture-arrow-wrap .review-picture .review-picture-wrap {
  display: flex;
  position: inherit;
  height: 140px;
  width: 140px;
  min-width: 140px;
  align-items: center;
}
.modal-wrap .review-wrap .review-picture-arrow-wrap .review-picture .review-picture-wrap img {
  max-width: 140px;
  max-height: 140px;
}
.modal-wrap .review-wrap .review-picture-arrow-wrap .review-picture .review-picture-wrap .review-picture-cancel {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0;
  width: 25px;
  height: 25px;
  background: red;
  color: white;
  font-size: 12px;
  line-height: 26px;
  padding: 0px 9px;
  font-weight: normal;
  cursor: pointer;
}
.modal-wrap .review-wrap .review-textarea-button {
  display: flex;
  position: relative;
  padding: 5px;
  margin: 0 10px;
  flex-direction: column;
}
.modal-wrap .review-wrap .review-textarea-button .upload-button {
  flex-direction: row;
  margin-bottom: 6px;
  display: flex;
}
.modal-wrap .review-wrap .review-textarea-button .upload-button button {
  width: 100%;
  padding: 10px;
  border: none;
  background-color: black;
  font-size: 14px;
  color: white;
  cursor: pointer;
}
.modal-wrap .review-wrap .review-textarea-button .upload-button .upload-media i {
  margin-right: 6px;
}
.modal-wrap .review-wrap .review-textarea-button .confirm-review {
  width: 100%;
  padding: 10px;
  border: none;
  background-color: #002EC0;
  font-size: 14px;
  color: white;
  cursor: pointer;
}
.main-container {
  width: 100%;
  display: block;
  text-align: center;
}
.main-container .wrap {
  width: 100%;
  display: block;
  max-width: 1100px;
}
.main-container .wrap .head-product-detail-wrap {
  width: 100%;
  display: inline-block;
  background: white;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left {
  width: 100%;
  display: block;
  float: left;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img {
  width: 90%;
  display: none;
  max-width: 400px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img img {
  width: 100%;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img {
  width: 100%;
  display: none;
  margin: 0;
  padding: 0;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .button-navigat-wrap {
  width: 450px;
  position: absolute;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .button-navigat-wrap .back-button {
  width: 30px;
  height: 30px;
  border-radius: 20px;
  font-size: 1.5rem;
  color: #444444;
  background: white;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  text-align: center;
  display: block;
  float: left;
  margin: 9% 0 0 15px;
  padding: 3px 0 0 0px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .button-navigat-wrap .next-button {
  text-align: center;
  font-size: 1.5rem;
  color: #444444;
  display: block;
  float: right;
  margin: 9% 15px 0 0px;
  background: white;
  width: 30px;
  height: 30px;
  padding: 3px 0 0 3px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .sub-img-box-wrap {
  width: 100%;
  display: none;
  white-space: nowrap;
  overflow: auto;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .sub-img-box-wrap .sub-img-box {
  width: 120px;
  height: 120px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .sub-img-box-wrap .sub-img-box img {
  width: 100%;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img-mobile {
  display: inline-block;
  width: 100%;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img-mobile .button-navigat-wrap {
  width: 100%;
  position: absolute;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img-mobile .button-navigat-wrap .back-button {
  width: 30px;
  height: 30px;
  border-radius: 20px;
  font-size: 1.5rem;
  color: #444444;
  background: white;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  text-align: center;
  display: block;
  float: left;
  margin: 30% 0 0 15px;
  padding: 3px 0 0 0px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img-mobile .button-navigat-wrap .next-button {
  text-align: center;
  font-size: 1.5rem;
  color: #444444;
  display: block;
  float: right;
  margin: 30% 50px 0 0px;
  background: white;
  width: 30px;
  height: 30px;
  padding: 3px 0 0 3px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img-mobile .main-img-mobile-wrap {
  overflow: auto;
  white-space: nowrap;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img-mobile .main-img-mobile-wrap .img-box-mb {
  width: 100%;
  display: inline-block;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img-mobile .main-img-mobile-wrap .img-box-mb img {
  width: 80%;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .supfact {
  width: 100%;
  display: none;
  margin-top: 30px;
  text-align: center;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .supfact button {
  width: 90%;
  display: inline-block;
  background: #EFEFEF;
  font: bold 1rem "prompt";
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  padding: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .supfact .disable {
  background: #CCCCCC;
  color: gray;
  cursor: no-drop;
  border: none;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap {
  display: inline-block;
  position: relative;
  width: 100%;
  background: #FFFFFF;
  padding: 0;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder {
  display: block;
  width: 100%;
  min-width: 320px;
  position: relative;
  text-align: center;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main {
  position: relative;
  max-width: 500px;
  display: none;
  vertical-align: top;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .pd-float-img {
  z-index: 1;
  position: absolute;
  bottom: -8px;
  left: 15px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .pd-float-img .sure-logo {
  width: 100px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main img {
  width: 100%;
  max-width: 400px;
  position: relative;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap {
  width: 100%;
  display: block;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap {
  width: 450px;
  position: absolute;
  z-index: 1;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap .back-button {
  width: 25px;
  height: 25px;
  border-radius: 20px;
  font-size: 1.2rem;
  color: #444444;
  background: white;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  text-align: center;
  display: block;
  float: left;
  margin: 9% 0 0 15px;
  padding: 0px 0 0 0px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap .next-button {
  text-align: center;
  font-size: 1.2rem;
  color: #444444;
  display: block;
  float: right;
  margin: 9% 50px 0 3px;
  background: white;
  width: 25px;
  height: 25px;
  padding: 0px 0 0 3px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img {
  white-space: nowrap;
  overflow: auto;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img .multi-img-box {
  width: 100px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #EFEFEF;
  border-radius: 10px;
  margin-right: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img .multi-img-box img {
  width: 100%;
  max-width: 150px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup {
  display: none;
  position: absolute;
  width: 100%;
  height: 500%;
  background-color: rgba(48, 48, 48, 0.7);
  z-index: 40;
  left: 0;
  padding-top: 10%;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .button-navigat-wrap {
  width: 450px;
  position: absolute;
  z-index: 1;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .button-navigat-wrap .next-button {
  text-align: center;
  font-size: 1.2rem;
  color: white;
  display: block;
  float: left;
  margin: 33% 50px 0 -10px;
  background: #CCCCCC;
  width: 40px;
  height: 35px;
  padding: 5px 0 0 3px;
  border-radius: 0px 5px 5px 0px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .multi-img-mb-wrap {
  white-space: nowrap;
  overflow: auto;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .multi-img-mb-wrap .multi-img-box {
  display: inline-block;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .multi-img-mb-wrap .multi-img-box img {
  width: 100%;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .multi-img-mb-wrap .multi-img-box video {
  width: 100%;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .count-img {
  width: 60px;
  height: 20px;
  border-radius: 30px;
  display: inline-block;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: rgba(0, 0, 0, 0.47);
  margin: 536% 0 0 0;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup .count-img .count-number {
  font: 0.875rem 'kanit';
  text-align: center;
  color: white;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile {
  width: 100%;
  display: inline-block;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile .button-navigat-wrap {
  width: 450px;
  position: absolute;
  z-index: 1;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile .button-navigat-wrap .next-button {
  text-align: center;
  font-size: 1.2rem;
  color: white;
  display: block;
  float: left;
  margin: 33% 50px 0 -10px;
  background: #CCCCCC;
  width: 40px;
  height: 35px;
  padding: 5px 0 0 3px;
  border-radius: 0px 5px 5px 0px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile .multi-img-mb-wrap {
  white-space: nowrap;
  overflow-x: scroll;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile .multi-img-mb-wrap .multi-img-box {
  display: inline-block;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile .multi-img-mb-wrap .multi-img-box img {
  width: 100%;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile .multi-img-mb-wrap .multi-img-box video {
  width: 100%;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile .count-img {
  width: 60px;
  height: 20px;
  border-radius: 30px;
  display: inline-block;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: rgba(0, 0, 0, 0.47);
  margin: 536% 0 0 0;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile .count-img .count-number {
  font: 0.875rem 'kanit';
  text-align: center;
  color: white;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile {
  width: 100%;
  display: block;
  padding: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile .button-navigat-wrap {
  width: 97%;
  position: absolute;
  z-index: 1;
  left: 0;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile .button-navigat-wrap .back-button {
  width: 25px;
  height: 25px;
  border-radius: 20px;
  font-size: 1.2rem;
  color: #444444;
  background: white;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  text-align: center;
  display: block;
  float: left;
  margin: 9% 0 0 15px;
  padding: 0px 0 0 0px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile .button-navigat-wrap .next-button {
  text-align: center;
  font-size: 1.2rem;
  color: #444444;
  display: block;
  float: right;
  margin: 9% 0px 0 3px;
  background: white;
  width: 25px;
  height: 25px;
  padding: 0px 0 0 3px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile .multi-img {
  white-space: nowrap;
  overflow: auto;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile .multi-img .multi-img-box {
  width: 100px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #EFEFEF;
  border-radius: 10px;
  margin-right: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile .multi-img .multi-img-box img {
  width: 100%;
  max-width: 150px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap {
  max-width: 260px;
  width: 90%;
  display: inline-block;
  color: #333333;
  text-transform: uppercase;
  padding: 15px 0;
  text-align: left;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-brand {
  text-align: left;
  display: block;
  font: 0.875rem/16px "prompt";
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-name {
  display: block;
  width: 100%;
  font: bold 15px/15px "prompt";
  margin: 0;
  display: inline-block;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .selection-points-new {
  color: #666666;
  display: block;
  font: lighter 13px "prompt";
  padding: 10px 0 0 0;
  margin: 10px 0;
  text-transform: capitalize;
  border-top: 1px solid #EFEFEF;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .selection-points-new .points {
  color: #0033CC;
  font: bold 20px "prompt";
  padding-left: 30px;
  background: url(../img/icons.png) no-repeat scroll -5px -832px rgba(0, 0, 0, 0);
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-description {
  display: block;
  font: lighter 14px/16px "prompt";
  text-transform: capitalize;
  margin: 15px 0;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-supplement-btn {
  color: #FFFFFF;
  display: block;
  background: url(../img/button-icons.png) no-repeat 180px -160px #0033CC;
  text-decoration: none;
  width: 220px;
  padding: 13px 10px 13px 20px;
  margin-top: 20px;
  font: normal 12px "prompt";
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-supplement-btn:hover {
  opacity: 0.9;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10;
  top: 0;
  left: 0;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap {
  width: 90%;
  max-width: 400px;
  background: white;
  margin-top: 5%;
  display: inline-block;
  padding: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 5px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .product-select {
  padding: 5px 5px 5px 5px;
  font: 1rem 'prompt';
  width: 100%;
  max-width: 450px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .supfact-fda {
  width: 100%;
  display: inline-block;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .supfact-fda .fda-text {
  margin-top: 10px;
  font: bold 1.3rem 'prompt';
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .supfact-fda .fda-number {
  margin: 5px auto 15px;
  padding: 7px 0 5px 30px;
  font-size: 18px;
  letter-spacing: 1px;
  background: url(../img/fda-bg.png) no-repeat center;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .supfact-img {
  width: 100%;
  height: 320px;
  overflow: auto;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .supfact-img img {
  max-width: 450px;
  width: 100%;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .close_popup_supfact {
  width: 50px;
  height: 50px;
  font: bold 1.3rem 'kanit';
  float: right;
  display: inline-block;
  cursor: pointer;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-bottom-holder {
  display: none;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right {
  width: 100%;
  display: block;
  float: left;
  padding: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap {
  width: 100%;
  display: inline-block;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail {
  text-align: left;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .brand {
  font: 1rem "prompt";
  color: gray;
  text-transform: uppercase;
  text-align: left;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .name-product {
  font: bold 1.2rem/25px "prompt";
  color: #444444;
  text-transform: uppercase;
  text-align: left;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .get-points {
  font: 1rem "prompt";
  color: gray;
  text-transform: uppercase;
  text-align: left;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .get-points span {
  color: #0033CC;
  font: bold 1.2rem "prompt";
  margin: 0 10px 0 10px ;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .review {
  margin-top: 10px;
  color: #0033CC;
  font: 0.875rem "prompt";
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .review i {
  color: #f8b203;
  margin: 0 2px 0 0 ;
  font-size: 1rem;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .review .sold-out-amount {
  padding-left: 10px;
  font: 1.2rem "prompt";
  color: black;
  width: 100%;
  display: block;
  margin-top: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail {
  width: 100%;
  display: block;
  text-align: left;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-price {
  display: flex;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-price .non-member-price-wrap {
  display: flex;
  flex-direction: row;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-price .non-member-price-wrap .now-price {
  display: inline-block;
  font: bold 2rem "prompt";
  color: #dc0000;
  margin-right: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-price .non-member-price-wrap .old-price {
  font: 1.2rem "prompt";
  color: #CCCCCC;
  margin-right: 10px;
  text-decoration: line-through;
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product {
  width: 100%;
  display: block;
  text-align: left;
  padding-top: 5px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product .old-price {
  display: inline-block;
  font: lighter 1.2rem "prompt";
  color: #CCCCCC;
  margin-right: 10px;
  text-decoration: line-through;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product .now-price {
  display: inline-block;
  font: bold 2rem "prompt";
  color: #dc0000;
  margin-right: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product .discount-promotion {
  display: inline-block;
  font: bold 0.785rem "prompt";
  color: white;
  margin: 0 0 0 0;
  background: #ef2200;
  border-radius: 2px 0 0 2px;
  padding: 7px;
  position: relative;
  vertical-align: bottom;
  text-align: center;
  height: 32px;
  width: unset;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product .discount-promotion::after {
  width: 34px;
  height: 32px;
  display: inline-block;
  position: absolute;
  background: url("https://bucket.fitwhey.com/editor/613cbee3171f8.png") no-repeat;
  background-size: 100%;
  margin: -7px 0 0 7px;
  content: '';
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product span {
  display: inline-block;
  margin: 0 0 0 -10px;
  padding-top: 5px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product span img {
  height: 32px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale {
  width: 100%;
  display: block;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale {
  width: 100%;
  display: inline-block;
  height: 65px;
  background: url(https://bucket.fitwhey.com/editor/613cb59e1aa21.jpg);
  background-size: cover;
  padding: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .text {
  display: block;
  float: left;
  font: bold 1rem 'prompt';
  letter-spacing: 1px;
  color: white;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .text p {
  font: 1rem 'prompt';
  display: inline-block;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .text .code {
  font: bold 1.2rem 'prompt';
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .time-wrap {
  display: block;
  float: right;
  font: bold 0.8rem 'prompt';
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .time-wrap p {
  display: block;
  float: left;
  padding: 5px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .time-wrap .time-text {
  font: 0.8rem 'prompt';
  display: none;
  float: left;
  padding: 2px;
  margin-right: 5px;
  color: white;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .time-wrap .time-box {
  display: block;
  float: left;
  background: white;
  padding: 3px;
  border-radius: 5px;
  width: 25px;
  height: 25px;
  text-align: center;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-discount-manager {
  width: 100%;
  display: block;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-discount-manager .head-price-discount-manager {
  width: 100%;
  display: inline-block;
  height: 45px;
  background: url(https://bucket.fitwhey.com/editor/61446e9a091ef.jpg);
  background-size: cover;
  padding: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-discount-manager .head-price-discount-manager .text {
  display: block;
  float: left;
  font: bold 1.2rem 'prompt';
  letter-spacing: 1px;
  color: white;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-discount-manager .head-price-discount-manager .text p {
  font: 1rem 'prompt';
  display: inline-block;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-discount-manager .head-price-discount-manager .count-manager-value {
  display: block;
  float: right;
  font: bold 1rem 'prompt';
  color: white;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-discount-manager .head-price-discount-manager .count-manager-value span {
  font: bold 1.2rem 'prompt';
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion {
  margin: 10px 0 10px 0 ;
  display: block;
  font: 0.875rem "prompt";
  overflow: hidden;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion i {
  color: #dc0000;
  margin-right: 2px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion span {
  color: #dc0000;
  margin: 0 5px 0 5px;
  font: 1rem "prompt";
  background: rgba(208, 1, 27, 0.08);
  padding: 5px;
  border-radius: 3px;
  width: 80px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .head-code-promotion {
  width: 100%;
  display: none;
  font: 0.8rem "prompt";
  margin-top: 15px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .head-code-promotion p {
  font: bold 1rem "prompt";
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .code-promotion-wrap {
  width: 100%;
  max-width: 450px;
  display: none;
  padding: 20px;
  height: 200px;
  overflow-y: auto;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .code-promotion-wrap .coupon-box {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  width: 100%;
  display: inline-block;
  padding: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .code-promotion-wrap .coupon-box .coupon-box-left {
  width: 70%;
  display: block;
  float: left;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .code-promotion-wrap .coupon-box .coupon-box-left p span {
  background: none;
  margin: 0;
  padding: 0;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .code-promotion-wrap .coupon-box .coupon-box-right {
  width: 30%;
  display: block;
  float: left;
  text-align: center;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .code-promotion-wrap .coupon-box .coupon-box-right button {
  font: bold 0.8rem "prompt";
  color: white;
  background: #dc0000;
  padding: 5px;
  border: none;
  border-radius: 5px;
  margin-top: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion:hover .head-code-promotion {
  display: inline-block !important;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion:hover .code-promotion-wrap {
  display: inline-block !important;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-promotion {
  width: 100%;
  display: none;
  margin-top: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-promotion .product-promotion-name {
  font: bold 1rem "prompt";
  display: block;
  float: left;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-promotion .product-promotion-exp {
  display: block;
  float: right;
  font: 0.8rem "prompt";
  color: gray;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-promotion select {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  padding: 5px;
  font: 0.9rem "prompt";
  border: 1px solid gray;
  border-radius: 5px;
  background: #EFEFEF;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product,
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product {
  width: 100%;
  display: none;
  margin: 10px 0 10px 0;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .text-size-wrap,
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .text-size-wrap {
  width: 100%;
  display: block;
  float: left;
  font: bold 1rem "prompt";
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap,
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap {
  width: 100%;
  display: block;
  float: left;
  padding-top: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap button,
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap button {
  padding: 10px;
  background: white;
  font: 1rem "prompt";
  border: 1px solid gray;
  border-radius: 5px;
  margin: 0 0 10px 10px;
  cursor: pointer;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap .disable,
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap .disable {
  background: #EFEFEF;
  cursor: no-drop;
  color: gray;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap .active,
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap .active {
  background: #0033CC;
  color: white;
  border: none;
  cursor: pointer;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap .disable,
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap .disable {
  background: #CCCCCC;
  color: gray;
  border: none;
  cursor: no-drop;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .EXP {
  text-align: left;
  font: 1rem "prompt";
  color: gray;
  display: none;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .supfact-mobile {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
  text-align: center;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .supfact-mobile button {
  width: 90%;
  display: inline-block;
  background: #EFEFEF;
  font: bold 1rem "prompt";
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  padding: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .supfact-mobile .disable {
  background: #CCCCCC;
  color: gray;
  cursor: no-drop;
  border: none;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity {
  margin-top: 20px;
  width: 100%;
  display: none;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity p {
  width: 40%;
  display: block;
  float: left;
  font: bold 1rem "prompt";
  text-transform: uppercase;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap {
  width: 49%;
  display: block;
  float: left;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap span,
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap input {
  padding-top: 5px;
  width: 40px;
  height: 40px;
  font: bold 1.3rem "prompt";
  display: block;
  float: left;
  text-align: center;
  cursor: pointer;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap span:active,
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap input:active {
  background: #444444;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap span {
  background: #EFEFEF;
  border: 1px solid gray;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap input {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  border-left: none;
  border-right: none;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap .plus {
  border-right: none;
  border-radius: 5px 0 0 5px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap .rub {
  border-left: none;
  border-radius: 0 5px 5px 0;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .add-to-cart {
  width: 100%;
  display: none;
  margin-top: 20px;
  text-align: center;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .add-to-cart button {
  width: 135px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid gray;
  font: 1rem "prompt";
  cursor: pointer;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .add-to-cart .add {
  background: white;
  border: 1px solid #0033CC;
  color: #0033CC;
  margin-right: 10px;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .add-to-cart .buy {
  border: none;
  background: #009900;
  color: white;
  font-weight: bold;
}
.main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .add-to-cart .disable {
  background: #CCCCCC;
  color: gray;
  cursor: no-drop;
  border: none;
}
.main-container .wrap .main-product-detail-right-mobile {
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  display: inline-block;
  background: #f3f3f3;
}
.main-container .wrap .main-product-detail-wrap {
  width: 100%;
  display: inline-block;
  background: white;
  margin-top: 30px;
  padding-bottom: 20px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left {
  width: 100%;
  display: block;
  float: left;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set {
  padding: 10px;
  width: 100%;
  display: inline-block;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set p,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set p {
  width: 100%;
  text-align: left;
  font: bold 1rem "prompt";
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap {
  width: 100%;
  border: 1px solid gray;
  border-radius: 10px;
  text-align: center;
  margin-top: 10px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap {
  width: 100%;
  display: block;
  position: relative;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap .back-button,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap .back-button {
  font-size: 1.5rem;
  color: #444444;
  text-align: left;
  display: block;
  float: left;
  margin: 8% 0 0 15px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap .next-button,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap .next-button {
  text-align: right;
  font-size: 1.5rem;
  color: #444444;
  display: block;
  float: right;
  margin: 8% 15px 0 0px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box {
  width: 250px;
  display: inline-block;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-img,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-img {
  width: 100px;
  display: block;
  float: left;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-img img,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-img img {
  width: 100%;
  padding-top: 5px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail {
  padding-top: 20px;
  display: block;
  float: left;
  width: 150px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .name,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .name {
  font: bold 0.9rem "prompt";
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price .old-price,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price .old-price {
  font: 0.8rem "prompt";
  color: #CCCCCC;
  text-decoration: line-through;
  display: inline-block;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price .now-price,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price .now-price {
  font: bold 0.9rem "prompt";
  color: #dc0000;
  text-decoration: line-through;
  display: inline-block;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .buy-button,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .buy-button {
  margin-top: 10px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .buy-button button,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .buy-button button {
  width: 100px;
  background: #dc0000;
  padding: 5px;
  border-radius: 10px;
  border: none;
  color: white;
  font: bold 0.9rem "prompt";
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap {
  padding: 10px;
  width: 100%;
  display: inline-block;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tab,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tab {
  margin-top: 10px;
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: auto;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tab .tablinks,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tab .tablinks {
  background: #EFEFEF;
  font: 1rem "prompt";
  border: none;
  padding: 10px;
  min-width: 150px;
  text-transform: uppercase;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tab .active,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tab .active {
  background: #0033CC;
  color: white;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent,
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent {
  width: 100%;
  display: none;
  padding: 10px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent .title-wrap,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent .title-wrap,
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent .title-wrap,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent .title-wrap {
  display: flex;
  justify-content: flex-start;
  text-align: center;
  align-items: center;
  margin: 10px 0 0 10px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent .title-wrap .title,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent .title-wrap .title,
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent .title-wrap .title,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent .title-wrap .title {
  font: 600 18px "prompt";
  margin-right: 10px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent .title-wrap .title-side,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent .title-wrap .title-side,
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent .title-wrap .title-side,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent .title-wrap .title-side {
  font: 100 16px "prompt";
  color: #ec6425;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent .box-wrap,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent .box-wrap,
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  text-align: left;
  border-bottom: 1px solid #dddddd;
  padding: 20px 0 20px 0;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent .box-wrap .q-wrap,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent .box-wrap .q-wrap,
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap .q-wrap,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap .q-wrap {
  margin-bottom: 8px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent .box-wrap .q-wrap .q-icon,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent .box-wrap .q-wrap .q-icon,
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap .q-wrap .q-icon,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap .q-wrap .q-icon {
  font: 600 18px "prompt";
  background: #ec6425;
  padding: 0 6px;
  color: white;
  border-radius: 8px;
  margin-right: 8px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent .box-wrap .q-wrap .q-text,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent .box-wrap .q-wrap .q-text,
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap .q-wrap .q-text,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap .q-wrap .q-text {
  font: 600 15px "prompt";
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent .box-wrap .a-wrap,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent .box-wrap .a-wrap,
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap .a-wrap,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap .a-wrap {
  display: flex;
  flex-direction: row;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent .box-wrap .a-wrap .a-icon,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent .box-wrap .a-wrap .a-icon,
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap .a-wrap .a-icon,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap .a-wrap .a-icon {
  font: 600 18px "prompt";
  background: gray;
  padding: 0 6px;
  color: white;
  border-radius: 8px;
  margin-right: 13px;
  height: fit-content;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent .box-wrap .a-wrap .a-text,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent .box-wrap .a-wrap .a-text,
.main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap .a-wrap .a-text,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent .box-wrap .a-wrap .a-text {
  font: 400 14px "prompt";
  color: #848484;
}
.main-container .wrap .main-product-detail-wrap .product-content {
  width: 100%;
  display: inline-block;
  margin-top: 30px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap {
  width: 100%;
  display: inline-block;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap p {
  font: bold 1.1rem "prompt";
  width: 100%;
  text-align: left;
  display: inline-block;
  padding: 20px;
  background: #EFEFEF;
  border-radius: 5px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap table {
  width: 100%;
  display: inline-block;
  border: 1px solid #EFEFEF;
  height: 500px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap {
  border: 1px solid #EFEFEF;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-wrap-hide-box {
  display: flex;
  position: relative;
  padding: 5px;
  margin: 10px;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1100px) {
  .main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-wrap-hide-box {
    flex-direction: row;
    justify-content: flex-end;
  }
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-wrap-hide-box .review-wrap-hide-text {
  margin-top: 11px;
  font-size: 14px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-wrap-hide-box .review-button-wrap {
  display: flex;
  width: 90%;
  gap: 5px;
}
@media (min-width: 1100px) {
  .main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-wrap-hide-box .review-button-wrap {
    width: 45%;
  }
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-wrap-hide-box .review-button-wrap .review-wrap-hide {
  width: 90%;
  padding: 10px;
  border: none;
  background-color: #002EC0;
  font-weight: bold;
  font-size: 14px;
  color: white;
  cursor: pointer;
  border-radius: 2px;
  margin: 0 0 0 20px;
}
@media (min-width: 1100px) {
  .main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-wrap-hide-box .review-button-wrap .review-wrap-hide {
    width: 70%;
    max-width: 220px;
  }
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-wrap-hide-box .review-button-wrap .review-wrap-hide .fa {
  margin-left: 5px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-wrap-hide-box .review-button-wrap .review-notification {
  background: white;
  color: #002EC0;
  padding: 5px;
  border: 2px solid #002EC0;
  border-radius: 2px;
  font-size: 17px;
  font-weight: bold;
  width: 37px;
  cursor: pointer;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap {
  display: none;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox {
  display: flex;
  position: relative;
  justify-content: center;
  padding: 5px;
  margin: 0 10px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top {
  font-size: 12px;
  font-weight: normal;
  flex-flow: column;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate {
  display: flex;
  font-size: 20px;
  font-weight: bold;
  margin-top: 4px;
  gap: 10px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .rate {
  float: left;
  height: 26px;
  display: flex;
  gap: 4px;
  flex-direction: row-reverse;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .rate:not(:checked) > input {
  position: absolute;
  display: none;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .rate:not(:checked) > label {
  float: right;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  color: #F2F2F2;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .rate > input:checked ~ label {
  color: #ffc700;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .rate:not(:checked) > label:hover,
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .rate:not(:checked) > label:hover ~ label {
  color: #ffad15;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .rate > input:checked + label:hover,
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .rate > input:checked + label:hover ~ label,
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .rate > label:hover ~ input:checked ~ label {
  color: #ffc700;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .fa-star {
  color: #f2f2f2;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .fa-star::before {
  font-size: 22px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .checked {
  color: #FFC451;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .buyer-review {
  right: 10%;
  color: #22ac5b;
  font-size: 13px;
  font-weight: normal;
}
@media (max-width: 370px) {
  .main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .buyer-review {
    position: absolute;
    top: -13px;
    left: 40px;
  }
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .write-review-wrap .review-mainbox .review-top .review-top-rate .buyer-review i {
  margin-right: 4px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-textarea {
  display: flex;
  position: relative;
  padding: 5px;
  margin: 0 10px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-textarea .textarea-input {
  margin: 8px 0;
  width: 100%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-textarea .textarea-input textarea {
  padding: 10px 20px;
  width: 100%;
  height: 140px;
  resize: none;
  font-size: 12px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-textarea .textarea-input .textarea-input-max {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 12px;
  color: lightgray;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-picture-arrow-left {
  justify-content: center;
  text-align: center;
  display: flex;
  position: absolute;
  align-content: center;
  left: 5px;
  width: 25px;
  margin-top: 20px;
  height: 100px;
  background: #EFEFEF;
  box-shadow: 1px 0 1px #00000048;
  cursor: pointer;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-picture-arrow-left .review-picture-arrow-text {
  display: flex;
  text-align: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  color: black;
  font-size: 18px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-picture-arrow-right {
  justify-content: center;
  text-align: center;
  display: flex;
  position: absolute;
  align-content: center;
  right: 5px;
  width: 25px;
  margin-top: 20px;
  height: 100px;
  background: #EFEFEF;
  box-shadow: 1px 0 1px #00000048;
  cursor: pointer;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-picture-arrow-right .review-picture-arrow-text {
  display: flex;
  text-align: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  color: black;
  font-size: 18px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-picture-arrow-wrap {
  display: block;
  position: relative;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-picture-arrow-wrap .review-picture {
  display: flex;
  position: relative;
  padding: 5px;
  margin: 0 50px;
  max-height: 170px;
  overflow: auto;
  gap: 12px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-picture-arrow-wrap .review-picture .review-picture-wrap {
  display: flex;
  position: inherit;
  height: 140px;
  width: 140px;
  min-width: 140px;
  align-items: center;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-picture-arrow-wrap .review-picture .review-picture-wrap img {
  max-width: 140px;
  max-height: 140px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-picture-arrow-wrap .review-picture .review-picture-wrap .review-picture-cancel {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0;
  width: 25px;
  height: 25px;
  background: red;
  color: white;
  font-size: 12px;
  line-height: 26px;
  font-weight: normal;
  cursor: pointer;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-textarea-button {
  display: flex;
  position: relative;
  padding: 5px;
  margin: 0 10px;
  flex-direction: column;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-textarea-button .upload-button {
  flex-direction: row;
  margin-bottom: 6px;
  display: flex;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-textarea-button .upload-button button {
  width: 100%;
  padding: 10px;
  border: none;
  background-color: black;
  font-size: 14px;
  color: white;
  cursor: pointer;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-textarea-button .upload-button .upload-media i {
  margin-right: 6px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-textarea-button .confirm-review {
  width: 100%;
  padding: 10px;
  border: none;
  background-color: #002EC0;
  font-size: 14px;
  color: white;
  cursor: pointer;
}
@media (min-width: 1100px) {
  .main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout {
    display: grid;
    align-content: center;
    justify-content: center;
    grid-auto-flow: column;
    grid-template-columns: 140px 400px;
  }
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate {
  display: flex;
  position: relative;
  justify-content: center;
  padding: 5px;
  margin: 12px 10px 0 10px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-text {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-text-rate {
  font-size: 64px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star {
  color: #FFC451;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star] {
  text-align: left;
  font-style: normal;
  display: inline-block;
  position: relative;
  unicode-bidi: bidi-override;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star]::before {
  display: block;
  content: '★★★★★';
  color: #ddd;
  font-size: 27px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star]::after {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  width: 0;
  color: #FFC451;
  font-size: 27px;
  overflow: hidden;
  height: 100%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="0.1"]::after,
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^=".1"]::after {
  width: 2%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="0.2"]::after,
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^=".2"]::after {
  width: 4%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="0.3"]::after,
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^=".3"]::after {
  width: 6%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="0.4"]::after,
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^=".4"]::after {
  width: 8%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="0.5"]::after,
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^=".5"]::after {
  width: 10%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="0.6"]::after,
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^=".6"]::after {
  width: 12%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="0.7"]::after,
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^=".7"]::after {
  width: 14%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="0.8"]::after,
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^=".8"]::after {
  width: 16%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="0.9"]::after,
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^=".9"]::after {
  width: 18%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="1"]::after {
  width: 20%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="1.1"]::after {
  width: 22%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="1.2"]::after {
  width: 24%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="1.3"]::after {
  width: 26%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="1.4"]::after {
  width: 28%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="1.5"]::after {
  width: 30%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="1.6"]::after {
  width: 32%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="1.7"]::after {
  width: 34%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="1.8"]::after {
  width: 36%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="1.9"]::after {
  width: 38%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="2"]::after {
  width: 40%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="2.1"]::after {
  width: 42%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="2.2"]::after {
  width: 44%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="2.3"]::after {
  width: 46%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="2.4"]::after {
  width: 48%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="2.5"]::after {
  width: 50%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="2.6"]::after {
  width: 52%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="2.7"]::after {
  width: 54%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="2.8"]::after {
  width: 56%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="2.9"]::after {
  width: 58%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="3"]::after {
  width: 60%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="3.1"]::after {
  width: 62%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="3.2"]::after {
  width: 64%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="3.3"]::after {
  width: 66%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="3.4"]::after {
  width: 68%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="3.5"]::after {
  width: 70%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="3.6"]::after {
  width: 72%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="3.7"]::after {
  width: 74%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="3.8"]::after {
  width: 76%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="3.9"]::after {
  width: 78%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="4"]::after {
  width: 80%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="4.1"]::after {
  width: 82%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="4.2"]::after {
  width: 84%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="4.3"]::after {
  width: 86%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="4.4"]::after {
  width: 88%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="4.5"]::after {
  width: 90%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="4.6"]::after {
  width: 92%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="4.7"]::after {
  width: 94%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="4.8"]::after {
  width: 96%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="4.9"]::after {
  width: 98%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-top-rate-star [data-star^="5"]::after {
  width: 100%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-rate .review-rate-box .review-rate-total {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap {
  display: flex;
  position: relative;
  justify-content: center;
  padding: 0 5px;
  margin: 0 10px;
}
@media (min-width: 1100px) {
  .main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap {
    justify-content: flex-start;
    align-items: center;
    padding-top: 9px;
    width: 460px;
  }
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap {
  width: 100%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .container {
  width: 70%;
  margin: 6px 10px;
  background-color: #ddd;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .container .skills {
  text-align: right;
  height: 17px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .container .five-star {
  width: 60%;
  background-color: #FFC451;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .container .four-star {
  width: 40%;
  background-color: #FFC451;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .container .three-star {
  width: 20%;
  background-color: #FFC451;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .container .two-star {
  width: 30%;
  background-color: #FFC451;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .container .one-star {
  width: 10%;
  background-color: #FFC451;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .barchart-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .barchart-wrap.active {
  color: #FFC451;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .barchart-wrap.active .container {
  box-shadow: inset 0 0 5px #FFC451;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .barchart-wrap.active .barchart-text-star {
  color: #FFC451;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .barchart-wrap .barchart-text-star {
  width: 40px;
  font-size: 14px;
  text-align: right;
  color: #999999;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-grid-layout .review-barchart-wrap .barchart-inner-wrap .barchart-wrap .barchart-text-total {
  width: 30px;
  font-size: 14px;
  text-align: left;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-filter-wrap {
  display: flex;
  position: relative;
  justify-content: center;
  padding: 10px 5px;
  margin: 5px;
  background: white;
  position: sticky;
  top: 70px;
  z-index: 1;
}
@media (max-width: 500px) {
  .main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-filter-wrap {
    top: 50px;
  }
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-filter-wrap .review-filter-button {
  border: none;
  font-size: 14px;
  color: #9A9A9A;
  background-color: #EFEFEF;
  padding: 5px;
  margin: 0 6px;
  width: 30%;
  cursor: pointer;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .review-filter-wrap .review-filter-button.active {
  background-color: #FFC451;
  color: white;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap {
  display: flex;
  position: relative;
  justify-content: center;
  padding: 5px;
  margin: 10px;
  max-height: 1000px;
  overflow: auto;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box {
  width: 100%;
  max-height: 1000px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-line {
  border-top: 1px solid #e6e6e6;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap {
  display: flex;
  flex-direction: column;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap {
  justify-content: flex-start;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 7;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-icon {
  min-width: 40px;
  height: 40px;
  background: #D9D9D9;
  border-radius: 50%;
  margin-right: 10px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-icon i {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 100%;
  font-size: 20px;
  color: white;
}
@media (min-width: 1100px) {
  .main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-icon {
    margin-top: 14px;
  }
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-title-wrap-icon {
  display: flex;
  flex-direction: column;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-title-wrap-icon .user-name {
  display: flex;
  justify-content: flex-start;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  margin-right: 55px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-title-wrap-icon .user-name .user-name-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-title-wrap-icon .user-name .verified {
  min-width: 60px;
  display: flex;
  margin-right: 10px;
  margin-left: 3px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-title-wrap-icon .user-name .verified i {
  display: flex;
  align-items: flex-start;
  margin-top: 7px;
  color: #22ac5b;
  margin-left: 3px;
  font-size: 11px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-title-wrap-icon .user-name .verified .text-verified {
  font-size: 11px;
  font-weight: normal;
  align-items: flex-start;
  display: flex;
  color: #22ac5b;
  margin-left: 3px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-review-star {
  color: #FFC451;
  font-size: 14px;
  line-height: 15px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
}
@media (min-width: 1100px) {
  .main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-review-star {
    flex-direction: column;
  }
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-review-star [data-star] {
  text-align: left;
  font-style: normal;
  display: inline-block;
  position: relative;
  unicode-bidi: bidi-override;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-review-star [data-star]::before {
  display: block;
  content: '★★★★★';
  color: #ddd;
  font-size: 15px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-review-star [data-star]::after {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  width: 0;
  color: #FFC451;
  font-size: 15px;
  overflow: hidden;
  height: 100%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-review-star [data-star^="1"]::after {
  width: 20%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-review-star [data-star^="2"]::after {
  width: 40%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-review-star [data-star^="3"]::after {
  width: 60%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-review-star [data-star^="4"]::after {
  width: 80%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-review-star [data-star^="5"]::after {
  width: 100%;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-review-star .user-review-date {
  color: #AFAFAF;
  font-size: 12px;
  display: flex;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .user-title-wrap .user-review-star .user-review-date .user-review-product {
  color: #AFAFAF;
  font-size: 12px;
  display: flex;
  margin-left: 3px;
  flex: 3;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .content-right-wrap {
  display: flex;
  position: absolute;
  right: 7px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .content-right-wrap .user-review-like {
  float: right;
  font-size: 12px;
  cursor: pointer;
  margin-right: 10px;
  margin-top: 1px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .content-right-wrap .user-review-like.active {
  color: #FFC451;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-box-wrap .content-right-wrap .edit-review-wrap .edit-review {
  margin-right: 11px;
  font: 400 12px prompt;
  color: lightgray;
  cursor: pointer;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-text {
  display: flex;
  text-align: start;
  flex-direction: column;
  line-height: 20px;
  font-size: 14px;
  gap: 15px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-text .user-review-text-inner {
  margin-left: 50px;
  margin-right: 15px;
  overflow-wrap: break-word;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-text .review-picture-arrow-wrap {
  display: block;
  position: relative;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-text .review-picture-arrow-wrap .review-picture-arrow-left {
  justify-content: center;
  text-align: center;
  display: flex;
  position: absolute;
  align-content: center;
  left: 5px;
  width: 25px;
  margin-top: 20px;
  height: 80px;
  background: #EFEFEF;
  box-shadow: 1px 0 1px #00000048;
  cursor: pointer;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-text .review-picture-arrow-wrap .review-picture-arrow-left .review-picture-arrow-text {
  display: flex;
  text-align: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  color: black;
  font-size: 18px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-text .review-picture-arrow-wrap .review-picture-arrow-right {
  justify-content: center;
  text-align: center;
  display: flex;
  position: absolute;
  align-content: center;
  right: 5px;
  width: 25px;
  margin-top: 20px;
  height: 80px;
  background: #EFEFEF;
  box-shadow: 1px 0 1px #00000048;
  cursor: pointer;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-text .review-picture-arrow-wrap .review-picture-arrow-right .review-picture-arrow-text {
  display: flex;
  text-align: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  color: black;
  font-size: 18px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-text .user-review-img {
  display: flex;
  justify-content: flex-start;
  overflow: auto;
  margin: 0 50px;
  min-height: 122px;
  max-height: 122px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-text .user-review-img .container {
  display: flex;
  gap: 10px;
  align-items: center;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-box-title-wrap .user-review-text .user-review-img .container img {
  max-width: 172px;
  max-height: 122px;
}
.main-container .wrap .main-product-detail-wrap .product-content .product-content-wrap .review-wrap .user-review-wrap .user-review-box .user-review-readmore {
  color: #62ABEF;
  cursor: pointer;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right {
  width: 100%;
  display: block;
  padding: 15px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right .break-mobile,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .break-mobile {
  width: 100%;
  height: 20px;
  position: relative;
  left: 0;
  display: inline-block;
  background: #f3f3f3;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right p,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right p {
  width: 100%;
  font: bold 1rem "prompt";
  margin-bottom: 10px;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 10px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products {
  overflow: auto;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap {
  display: inline-block;
  text-align: left;
  white-space: nowrap;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box {
  cursor: pointer;
  width: 150px;
  padding: 10px;
  text-align: center;
  border: 1px solid gray;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 10px;
  margin: 0 0 0 10px;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-img,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-img {
  width: 120px;
  display: inline-block;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-img img,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-img img {
  width: 100%;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-name,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-name {
  font: bold 0.8rem "prompt";
  height: 35px;
  white-space: normal;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-size,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-size {
  font: 0.8rem "prompt";
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price {
  width: 100%;
  display: inline-block;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price .old-price,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price .old-price {
  font: 0.7rem "prompt";
  color: #CCCCCC;
  display: inline-block;
}
.main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price .now-price,
.main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price .now-price {
  font: bold 0.9rem "prompt";
  color: #dc0000;
  display: inline-block;
}
.bg-light-gray {
  background: #f3f3f3 !important;
}
.break-mobile {
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  display: inline-block;
  background: #f3f3f3;
}
.pd-read-buy-wrap-new {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  background: white;
  display: flex;
  align-items: stretch;
  box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.08);
  padding-bottom: env(safe-area-inset-bottom);
}
.pd-read-buy-wrap-new button {
  background: none;
  border: none;
  cursor: pointer;
}
.pd-read-buy-wrap-new .pd-read-buy-btn1 {
  display: none;
}
.pd-read-buy-wrap-new .pd-read-buy-btn2 {
  flex: 1;
  height: 56px;
  text-align: center;
  font: bold 0.9375rem 'kanit';
  color: #0033CC;
  background: white;
  border-right: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.pd-read-buy-wrap-new .pd-read-buy-btn2 i {
  font-size: 1.1rem;
}
.pd-read-buy-wrap-new .pd-read-buy-btn3 {
  flex: 1;
  height: 56px;
  text-align: center;
  font: bold 1rem 'kanit';
  background: #009900;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.pd-read-buy-wrap-new a {
  text-decoration: none;
}
.chat-fab {
  position: fixed;
  bottom: 72px;
  right: 16px;
  z-index: 11;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #0033CC;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  font-size: 1.2rem;
}
.chat-fab i {
  color: white;
}
.chat-fab:hover {
  opacity: 0.85;
}
@media only screen and (min-width: 350px) {
  .time-wrap .time-text {
    display: block!important;
  }
}
/* new_landing */
.main-content {
  width: 100%;
  display: block;
  text-align: center;
  min-width: 320px;
}
.main-content .landing-content-wrap {
  display: inline-block;
  width: 100%;
  max-width: 1100px;
}
.main-content .landing-content-wrap .landing-content {
  width: 100%;
  display: inline-block;
}
.main-content .landing-content-wrap .landing-content img {
  width: 100%;
  display: inline-block;
}
.main-content .landing-content-wrap .landing-content iframe {
  height: 200px ;
}
.main-content .landing-content-wrap .landing-content .head-spacail-promotion {
  width: 100%;
  display: inline-block;
  text-align: left;
  font: bold 1rem 'helvetica';
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap {
  background: #FFFFFF;
  display: inline-block;
  position: relative;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  height: 142px;
  width: 100%;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .promotional-tag {
  display: none;
  position: absolute;
  left: 0;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-select {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 33px;
  height: 33px;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-select.left {
  background: url(../img/icons.png) no-repeat scroll -13px -908px rgba(0, 0, 0, 0);
  left: 5%;
  top: 55px;
  position: absolute;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-select.right {
  background: url(../img/icons.png) no-repeat scroll 3px -1003px rgba(0, 0, 0, 0);
  right: 5%;
  top: 55px;
  position: absolute;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right {
  padding: 0 0;
  margin: 0 auto;
  display: table;
  background: #FFFFFF;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right .offer-product-wrap {
  display: table;
  width: 100%;
  text-align: center;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right .offer-product-wrap img {
  width: 80%;
  max-width: 500px;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select {
  display: inline-block;
  text-align: center;
  padding: 10px 0;
  position: relative;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select img {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 10px;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content {
  float: left;
  width: 160px;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content .title {
  color: #333;
  font: bold 12px "Helvetica";
  margin: 10px 0 10px 0;
  text-transform: uppercase;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content .price {
  color: #03c;
  display: inline-block;
  font: bold 14px "Helvetica";
  margin: 0 0 2px;
  width: 100%;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content .price .save {
  color: #dc0000;
  font: bold 16px "Helvetica";
  text-transform: uppercase;
  margin-left: 15px;
}
.main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content .add-more {
  background: #03c none repeat scroll 0 0;
  color: #FFFFFF;
  margin-top: 10px;
  display: inline-block;
  font: 16px/17px "Helvetica";
  height: 35px;
  padding: 10px 10px 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 150px;
}
.main-content .landing-content-wrap .grid-product-wrap {
  width: 100%;
  display: inline-block;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product {
  width: 100%;
  display: inline-block;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion {
  width: 100%;
  display: inline-block;
  padding: 10px;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .head-spacail-promotion {
  width: 100%;
  display: inline-block;
  text-align: left;
  font: bold 1rem 'helvetica';
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product {
  width: 100%;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 20px;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion a,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product a {
  text-decoration: none;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box {
  text-align: left;
  width: 100%;
  display: inline-block;
  border: 1px solid #CCCCCC;
  margin: 5px 2px 2px 2px;
  border-radius: 10px;
  cursor: pointer;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-img,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-img {
  display: block;
  float: left;
  width: 45%;
  min-width: 100px;
  margin-top: 20px;
  min-height: 150px;
  text-align: center;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-img .code-top,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-img .code-top {
  display: inline-block;
  width: 100px;
  height: 22px;
  background: linear-gradient(113deg, #dc0000 90%, rgba(71, 172, 255, 0) 90%);
  position: absolute;
  z-index: 10px;
  margin: -20px 0 0 13px;
  color: white;
  padding: 3px;
  font: bold 0.76rem "Helvetica";
  text-align: center;
  z-index: 1;
  border-radius: 5px 0 0 0;
  left: 0;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-img img,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-img img {
  margin-top: 5px;
  width: 100%;
  max-height: 140px;
  max-width: 140px;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-name,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-name {
  margin-top: 10px;
  width: 54%;
  text-align: left;
  padding: 0;
  font: bold 0.875rem "Helvetica";
  color: black;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-description,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-description {
  text-align: center;
  display: inline-block;
  font: 0.775rem "sarabun";
  text-align: left;
  width: 54%;
  color: black;
  margin-top: 3px;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-star,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-star {
  width: 54%;
  font-size: 0.875rem;
  color: #f8db03;
  text-align: left;
  display: inline-block;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-star span,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-star span {
  color: black;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price-mobile,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-price-mobile {
  width: 54%;
  display: inline-block;
  font: bold 1.1rem "Helvetica";
  color: red;
  text-align: left;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price-mobile span,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-price-mobile span {
  font: bold 0.875rem "Helvetica";
  color: #CCCCCC;
  margin-right: 5px;
  text-decoration: line-through;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-type,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-type {
  width: 100%;
  display: none;
  margin-top: 5px;
  font: 0.675rem "Helvetica";
  color: #CCCCCC;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-price {
  width: 100%;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price .old-price,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-price .old-price {
  width: 45%;
  display: none;
  text-align: right;
  font: 0.875rem "Helvetica";
  color: #CCCCCC;
  text-decoration: line-through;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price .now-price,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-price .now-price {
  width: 50%;
  display: none;
  text-align: left;
  font: bold 1.1rem "Helvetica";
  color: red;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .product-right-button,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .product-right-button {
  width: 40%;
  height: 30px;
  border: 1px solid #dc0000;
  border-radius: 5px;
  display: inline-block;
  color: #dc0000;
  text-align: center;
  font: bold 0.675rem/30px "Helvetica";
  cursor: pointer;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .product-right-button:hover,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .product-right-button:hover {
  background: #dc0000;
  color: white;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .time,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .time {
  font: bold 0.875rem "Helvetica";
  color: black;
  margin-top: 10px;
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .time span,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .time span {
  border: 1px solid #CCCCCC;
  margin-left: 2px;
  padding: 3px;
  font: bold 0.775rem "Helvetica";
}
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .product-right-sold,
.main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .product-right-sold {
  width: 100%;
  display: block;
  text-align: right;
  font: 0.675rem/30px "kanit";
  color: gray;
  padding: 0 10px 0 0px;
}
/* point-input*/
.main-content {
  width: 100%;
  display: block;
  text-align: center;
  min-width: 320px;
  margin-bottom: 50px;
}
.main-content .main-content-wrap {
  width: 100%;
  max-width: 900px;
  padding: 10px;
  display: inline-block;
}
.main-content .main-content-wrap .point-input .point-img {
  width: 100%;
  display: inline-block;
}
.main-content .main-content-wrap .point-input .point-img img {
  width: 100%;
  display: inline-block;
}
.main-content .main-content-wrap .point-input .head-point-input {
  margin-top: 20px;
  font: bold 1.5rem 'kanit';
}
.main-content .main-content-wrap .point-input .main-point-input {
  margin-top: 20px;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.main-content .main-content-wrap .point-input .main-point-input .text-point-input {
  width: 100%;
  max-width: 500px;
  display: inline-block;
  font: bold 1rem 'kanit';
  margin-top: 10px;
  text-align: left;
}
.main-content .main-content-wrap .point-input .main-point-input input {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
  padding: 10px;
  max-width: 500px;
}
.main-content .main-content-wrap .point-input button {
  width: 200px;
  background: #0033CC;
  font: bold 1rem 'kanit';
  padding: 5px;
  color: white;
  border: none;
  border-radius: 5px;
  margin-top: 30px;
}
@media only screen and (min-width: 500px) {
  .main-content {
    width: 100%;
    display: block;
    text-align: center;
    min-width: 320px;
    margin-bottom: 50px;
  }
  .main-content .main-content-wrap {
    width: 100%;
    max-width: 900px;
    padding: 10px;
    display: inline-block;
  }
  .main-content .main-content-wrap .point-input .head-point-input {
    margin-top: 20px;
    font: bold 2rem 'kanit';
  }
  .main-content .main-content-wrap .point-input .main-point-input {
    margin-top: 20px;
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .main-content .main-content-wrap .point-input .main-point-input .text-point-input {
    width: 100%;
    max-width: 500px;
    display: inline-block;
    font: bold 1.5rem 'kanit';
    margin-top: 10px;
    text-align: left;
  }
  .main-content .main-content-wrap .point-input .main-point-input input {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    padding: 10px;
    max-width: 500px;
  }
  .main-content .main-content-wrap .point-input button {
    width: 200px;
    background: #0033CC;
    font: bold 1.5rem 'kanit';
    padding: 5px;
    color: white;
    border: none;
    border-radius: 5px;
    margin-top: 30px;
  }
}
/* nutriton_info */
.fda-main-container {
  width: 100%;
  display: inline-block;
  text-align: center;
  background: #EFEFEF;
}
.fda-main-container .main-container-wrap {
  width: 100%;
  max-width: 1100px;
  display: inline-block;
}
.fda-main-container .main-container-wrap .filter {
  width: 100%;
  display: block;
  float: left;
  padding-top: 20px;
}
.fda-main-container .main-container-wrap .filter .filter-wrap {
  width: 100%;
  display: inline-block;
  padding: 10px;
}
.fda-main-container .main-container-wrap .filter .filter-wrap .search-product {
  width: 100%;
  display: inline-block;
  text-align: left;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
}
.fda-main-container .main-container-wrap .filter .filter-wrap .search-product .text-search-product {
  width: 100%;
  display: inline-block;
  text-align: left;
  font: bold 1.3rem "helvetica";
  margin-bottom: 10px;
}
.fda-main-container .main-container-wrap .filter .filter-wrap .search-product input {
  width: 85.9%;
  font: 1rem/20px 'helvetica';
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
}
.fda-main-container .main-container-wrap .filter .filter-wrap .search-product span button {
  background: #0033CC;
  padding: 10px;
  color: white;
  border: none;
  border-radius: 5px;
  display: inline-block;
  font: bold 1.2rem/20px 'helvetica';
}
.fda-main-container .main-container-wrap .filter .filter-wrap .filter-product {
  margin-top: 10px;
  width: 100%;
  display: inline-block;
  text-align: left;
}
.fda-main-container .main-container-wrap .filter .filter-wrap .filter-product .text-filter-product {
  width: 100%;
  display: inline-block;
  text-align: left;
  font: bold 1.3rem "helvetica";
  margin-bottom: 10px;
}
.fda-main-container .main-container-wrap .filter .filter-wrap .filter-product .filter-dropdown {
  width: 100%;
  display: inline-block;
}
.fda-main-container .main-container-wrap .filter .filter-wrap .filter-product .filter-dropdown select {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font: 1rem/20px 'helvetica';
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
}
.fda-main-container .main-container-wrap .fda-content {
  padding-top: 10px;
  width: 100%;
  display: block;
  float: left;
}
.fda-main-container .main-container-wrap .fda-content .supfact-fda {
  width: 100%;
  display: inline-block;
}
.fda-main-container .main-container-wrap .fda-content .supfact-fda .fda-text {
  margin-top: 10px;
  font: bold 1.3rem 'helvetica';
}
.fda-main-container .main-container-wrap .fda-content .supfact-fda .fda-number {
  margin: 5px auto 15px;
  padding: 7px 0 5px 30px;
  font-size: 18px;
  letter-spacing: 1px;
  background: url(../img/fda-bg.png) no-repeat center;
}
.fda-main-container .main-container-wrap .fda-content .supfact-img-wrap .supfact-img img {
  width: 90%;
  max-width: 500px;
}
@media only screen and (min-width: 800px) {
  .fda-main-container {
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .fda-main-container .main-container-wrap {
    width: 100%;
    max-width: 1100px;
    display: inline-block;
  }
  .fda-main-container .main-container-wrap .filter {
    width: 39%;
    display: block;
    float: left;
    padding-top: 50px;
  }
  .fda-main-container .main-container-wrap .filter .filter-wrap {
    width: 100%;
    display: inline-block;
  }
  .fda-main-container .main-container-wrap .filter .filter-wrap .search-product {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .fda-main-container .main-container-wrap .filter .filter-wrap .search-product .text-search-product {
    width: 100%;
    display: inline-block;
    text-align: left;
    font: bold 1.3rem "helvetica";
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .fda-main-container .main-container-wrap .filter .filter-wrap .search-product input {
    width: 88%;
  }
  .fda-main-container .main-container-wrap .filter .filter-wrap .filter-product {
    width: 100%;
    display: inline-block;
    text-align: left;
    margin-top: 20px;
  }
  .fda-main-container .main-container-wrap .filter .filter-wrap .filter-product .text-filter-product {
    width: 100%;
    display: inline-block;
    text-align: left;
    font: bold 1.3rem "helvetica";
    margin-bottom: 20px;
  }
  .fda-main-container .main-container-wrap .filter .filter-wrap .filter-product .filter-dropdown {
    width: 100%;
    display: inline-block;
  }
  .fda-main-container .main-container-wrap .filter .filter-wrap .filter-product .filter-dropdown select {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .fda-main-container .main-container-wrap .fda-content {
    padding-top: 50px;
    width: 60%;
    display: block;
    float: left;
  }
  .fda-main-container .main-container-wrap .fda-content .supfact-img-wrap .supfact-img img {
    max-width: 500px;
  }
}
.fda-main-container {
  width: 100%;
  display: inline-block;
  text-align: center;
  background: #EFEFEF !important;
}
@media only screen and (min-width: 1000px) {
  .fda-main-container .nutrition-content-wrap {
    max-width: 900px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-content: center;
    margin: 40px auto;
    border-radius: 5px;
    background: #F4F3F4;
    padding: 20px 40px;
  }
}
.fda-main-container .nutrition-content-wrap .nutrition-header-wrap {
  display: block;
  top: 70px;
  position: sticky;
  z-index: 1;
}
@media only screen and (max-width: 500px) {
  .fda-main-container .nutrition-content-wrap .nutrition-header-wrap {
    top: 50px;
  }
}
.fda-main-container .nutrition-content-wrap .text-wrap {
  display: flex;
  flex-direction: row;
  padding: 13px 20px;
  background-color: #F4F3F4;
}
.fda-main-container .nutrition-content-wrap .text-wrap .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: start;
}
.fda-main-container .nutrition-content-wrap .text-wrap .text .top-text {
  font: 600 16px/1.5 helvetica;
}
.fda-main-container .nutrition-content-wrap .text-wrap .text .bottom-text {
  font: 400 14px/1.5 helvetica;
  color: #979797;
}
.fda-main-container .nutrition-content-wrap .search-wrap {
  display: flex;
  padding: 10px 8px;
  background: white;
  border-bottom: 1px solid #dadada;
}
.fda-main-container .nutrition-content-wrap .search-wrap .search {
  width: 100%;
  display: flex;
}
.fda-main-container .nutrition-content-wrap .search-wrap .search .searchbox-button-back {
  width: 45px;
  border: none;
  background: white;
  padding: 0 5px 0 0;
  margin: 0 3px;
  display: none;
}
.fda-main-container .nutrition-content-wrap .search-wrap .search .searchbox-button-back.active {
  display: block;
}
.fda-main-container .nutrition-content-wrap .search-wrap .search .searchbox {
  height: 39px;
  width: 100%;
  border: none;
  background: #F0F0F0;
  padding: 0 20px;
  font: 400 14px/1.5 helvetica;
}
.fda-main-container .nutrition-content-wrap .search-wrap .search .searchbox::placeholder {
  color: #A6A6A6;
}
.fda-main-container .nutrition-content-wrap .search-wrap .search .searchbox:focus {
  border: none;
}
.fda-main-container .nutrition-content-wrap .search-wrap .search .searchbox-button {
  width: 45px;
  border: none;
  background: #002EC0;
}
.fda-main-container .nutrition-content-wrap .brand-container-wrap {
  display: none;
  margin: 5px;
  padding: 5px;
  max-height: 600px;
  overflow: auto;
}
.fda-main-container .nutrition-content-wrap .brand-container-wrap.active {
  display: block;
}
.fda-main-container .nutrition-content-wrap .brand-container-wrap .brand-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
@media only screen and (min-width: 600px) {
  .fda-main-container .nutrition-content-wrap .brand-container-wrap .brand-wrap {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 900px) {
  .fda-main-container .nutrition-content-wrap .brand-container-wrap .brand-wrap {
    grid-template-columns: repeat(5, 1fr);
  }
}
.fda-main-container .nutrition-content-wrap .brand-container-wrap .brand-wrap .container-wrap {
  padding: 10px;
  background: white;
  box-shadow: 0 2px 3px lightgrey;
  cursor: pointer;
}
.fda-main-container .nutrition-content-wrap .brand-container-wrap .brand-wrap .container-wrap:active {
  box-shadow: 0 2px 10px lightgrey;
}
.fda-main-container .nutrition-content-wrap .brand-container-wrap .brand-wrap .container-wrap .box-wrap {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  align-content: center;
  text-align: center;
}
.fda-main-container .nutrition-content-wrap .brand-container-wrap .brand-wrap .container-wrap .box-wrap .box-img {
  max-width: 153px;
  max-height: 85px;
  flex-grow: 4;
}
.fda-main-container .nutrition-content-wrap .brand-container-wrap .brand-wrap .container-wrap .box-wrap .box-text {
  color: #3f3f3f;
  font: 100 11px helvetica;
  width: 87%;
  padding-bottom: 5px;
  align-content: center;
  margin: auto;
  overflow-wrap: anywhere;
  max-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fda-main-container .nutrition-content-wrap .product-container-wrap {
  display: none;
  margin: 5px;
  padding: 5px;
  max-height: 600px;
  overflow: auto;
}
.fda-main-container .nutrition-content-wrap .product-container-wrap.active {
  display: block;
}
.fda-main-container .nutrition-content-wrap .product-container-wrap .product-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
@media only screen and (min-width: 600px) {
  .fda-main-container .nutrition-content-wrap .product-container-wrap .product-wrap {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (min-width: 900px) {
  .fda-main-container .nutrition-content-wrap .product-container-wrap .product-wrap {
    grid-template-columns: repeat(7, 1fr);
  }
}
.fda-main-container .nutrition-content-wrap .product-container-wrap .product-wrap .container-wrap {
  padding: 10px;
  background: white;
  box-shadow: 0 2px 3px lightgrey;
  cursor: pointer;
}
.fda-main-container .nutrition-content-wrap .product-container-wrap .product-wrap .container-wrap:active {
  box-shadow: 0 2px 10px lightgrey;
}
.fda-main-container .nutrition-content-wrap .product-container-wrap .product-wrap .container-wrap .box-wrap {
  display: flex;
  flex-direction: column;
}
.fda-main-container .nutrition-content-wrap .product-container-wrap .product-wrap .container-wrap .box-wrap .box-img {
  padding-bottom: 10px;
}
.fda-main-container .nutrition-content-wrap .product-container-wrap .product-wrap .container-wrap .box-wrap .box-text {
  color: #3f3f3f;
  font: 100 11px helvetica;
  width: 87%;
  padding-bottom: 5px;
  align-content: center;
  margin: auto;
  overflow-wrap: anywhere;
  max-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap {
  display: none;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap.active {
  display: block;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap .option-wrap {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap .option-wrap .text-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 13px 20px;
  background-color: #F4F3F4;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap .option-wrap .text-wrap .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: start;
  font: 400 14px/1.5 helvetica;
  color: #393939;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap .option-wrap .size-wrap {
  margin: 5px;
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap .option-wrap .size-wrap .option-button {
  display: block;
  padding: 5px 20px;
  margin: 5px;
  background-color: white;
  background-position: center;
  transition: 0.8s;
  cursor: pointer;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap .option-wrap .size-wrap .option-button:active {
  background-color: #e0e0e0;
  background-size: 100%;
  transition: 0.2s;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap .option-wrap .size-wrap .option-button.active {
  border: 1px solid #002EC0;
  box-shadow: 0 3px 5px #7575754e;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap .option-wrap .size-wrap .option-text {
  font: 600 14px helvetica;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap .option-wrap .flavor-wrap {
  margin: 5px;
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap .option-wrap .flavor-wrap .option-button {
  display: block;
  padding: 5px 20px;
  margin: 5px;
  background-color: white;
  background-position: center;
  transition: 0.8s;
  cursor: pointer;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap .option-wrap .flavor-wrap .option-button:active {
  background-color: #e0e0e0;
  background-size: 100%;
  transition: 0.2s;
}
.fda-main-container .nutrition-content-wrap .option-container-wrap .option-wrap .flavor-wrap .option-text {
  font: 600 14px helvetica;
}
.fda-main-container .nutrition-content-wrap .display-container-wrap {
  display: none;
}
.fda-main-container .nutrition-content-wrap .display-container-wrap.active {
  display: block;
}
.fda-main-container .nutrition-content-wrap .display-container-wrap .display-wrap {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.fda-main-container .nutrition-content-wrap .display-container-wrap .display-wrap .text-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 13px 20px;
  background-color: #F4F3F4;
}
.fda-main-container .nutrition-content-wrap .display-container-wrap .display-wrap .text-wrap .text {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  text-align: start;
  font: 600 14px/1.5 helvetica;
  color: #393939;
}
.fda-main-container .nutrition-content-wrap .display-container-wrap .display-wrap .text-wrap .text .size-center {
  font: 400 12px/1.5 helvetica;
  color: #9a9a9a;
  margin: 0 5px;
  padding-top: 1.4px;
}
.fda-main-container .nutrition-content-wrap .display-container-wrap .display-wrap .text-wrap .text .size {
  font: 600 14px/1.5 helvetica;
}
.fda-main-container .nutrition-content-wrap .display-container-wrap .display-wrap .fda-content {
  padding-top: 10px;
  width: 100%;
  display: block;
  float: left;
}
.fda-main-container .nutrition-content-wrap .display-container-wrap .display-wrap .fda-content .supfact-fda {
  width: 100%;
  display: inline-block;
}
.fda-main-container .nutrition-content-wrap .display-container-wrap .display-wrap .fda-content .supfact-fda .fda-text {
  margin-top: 10px;
  font: bold 1.3rem 'helvetica';
}
.fda-main-container .nutrition-content-wrap .display-container-wrap .display-wrap .fda-content .supfact-fda .fda-number {
  margin: 5px auto 15px;
  padding: 7px 0 5px 30px;
  font-size: 18px;
  letter-spacing: 1px;
  background: url(../img/fda-bg.png) no-repeat center;
}
.fda-main-container .nutrition-content-wrap .display-container-wrap .display-wrap .fda-content .supfact-img-wrap {
  margin: 20px;
}
.fda-main-container .nutrition-content-wrap .display-container-wrap .display-wrap .fda-content .supfact-img-wrap .supfact-img img {
  width: 90%;
  max-width: 500px;
}
/* Fast cart*/
.fast-cart-mobile,
.fast-cart-mobile2 {
  transition: bottom 0.5s, visibility 0.5s;
  width: 100%;
  max-height: 90%;
  height: auto;
  bottom: -110%;
  max-width: 500px;
  min-width: 300px;
  visibility: hidden;
  position: fixed;
  z-index: 100;
  left: 0;
  background: white;
  border-radius: 10px;
  padding: 10px;
  overflow-y: auto;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
}
.fast-cart-mobile .close-button,
.fast-cart-mobile2 .close-button {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  background: white;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  border-radius: 30px;
  margin-right: 10px;
  text-align: center;
  font-weight: bold;
}
.fast-cart-mobile .cart-wrap,
.fast-cart-mobile2 .cart-wrap {
  width: 100%;
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 1px solid #EFEFEF;
}
.fast-cart-mobile .cart-wrap .img,
.fast-cart-mobile2 .cart-wrap .img {
  display: block;
  float: left;
  width: 30%;
  text-align: center;
  min-width: 110px;
  min-height: 150px;
  padding-right: 10px;
}
.fast-cart-mobile .cart-wrap .img .code-bottom,
.fast-cart-mobile2 .cart-wrap .img .code-bottom {
  display: inline-block;
  width: 120px;
  height: 25px;
  background: #dc0000;
  background: linear-gradient(90deg, #dc0000 75%, rgba(71, 172, 255, 0) 100%);
  position: absolute;
  z-index: 1;
  margin: 120px 0 0 0px;
  color: white;
  padding: 3px;
  font: bold 0.86rem "prompt";
  text-align: center;
  left: 0;
}
.fast-cart-mobile .cart-wrap .img img,
.fast-cart-mobile2 .cart-wrap .img img {
  width: 100%;
  max-width: 150px;
  min-width: 100px;
  display: inline-block;
  border-radius: 5px;
}
.fast-cart-mobile .cart-wrap .soldout img,
.fast-cart-mobile2 .cart-wrap .soldout img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.fast-cart-mobile .cart-wrap .name,
.fast-cart-mobile2 .cart-wrap .name {
  margin-top: 10px;
  width: 60%;
  text-align: left;
  padding: 0;
  font: bold 1.1rem "prompt";
  color: black;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.fast-cart-mobile .cart-wrap .box-price-mobile,
.fast-cart-mobile2 .cart-wrap .box-price-mobile {
  margin-top: 5px;
  width: 60%;
  display: inline-block;
  text-align: left;
  font: bold 1.2rem "prompt";
  color: red;
}
.fast-cart-mobile .cart-wrap .box-price-mobile span,
.fast-cart-mobile2 .cart-wrap .box-price-mobile span {
  font: lighter 0.875rem "prompt";
  color: #CCCCCC;
  margin-left: 5px;
  text-decoration: line-through;
}
.fast-cart-mobile .cart-wrap .box-description,
.fast-cart-mobile2 .cart-wrap .box-description {
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font: 0.775rem "sarabun";
  width: 60%;
  color: black;
  margin-top: 5px;
  white-space: normal;
}
.fast-cart-mobile .code-noti,
.fast-cart-mobile2 .code-noti {
  width: 100%;
  padding: 5px;
  background: #dc0000;
  display: inline-block;
  font: bold 0.8rem "prompt";
  text-align: center;
  color: white;
  margin-top: 10px;
  margin-bottom: 10px;
}
.fast-cart-mobile .cart-select,
.fast-cart-mobile2 .cart-select {
  overflow: auto;
  position: relative;
  flex-grow: 2;
}
.fast-cart-mobile .cart-select .promotion-tab-wrap,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap {
  width: 100%;
  height: 300px;
  display: block;
  padding-bottom: 5px;
  text-align: left;
}
.fast-cart-mobile .cart-select .product-tab-wrap p,
.fast-cart-mobile2 .cart-select .product-tab-wrap p {
  font-weight: bold;
  display: inline-block;
}
.fast-cart-mobile .cart-select .product-tab-wrap span,
.fast-cart-mobile2 .cart-select .product-tab-wrap span {
  font-weight: normal;
  color: #dc0000;
  font-size: 0.8rem;
  padding-left: 5px;
}
.fast-cart-mobile .cart-select .promotion-tab-wrap p,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap p,
.fast-cart-mobile .cart-select .product-tab-wrap p,
.fast-cart-mobile2 .cart-select .product-tab-wrap p {
  margin-top: 10px;
}
.fast-cart-mobile .cart-select .promotion-tab-wrap .size button,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap .size button,
.fast-cart-mobile .cart-select .product-tab-wrap .size button,
.fast-cart-mobile2 .cart-select .product-tab-wrap .size button,
.fast-cart-mobile .cart-select .promotion-tab-wrap .flavour button,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap .flavour button,
.fast-cart-mobile .cart-select .product-tab-wrap .flavour button,
.fast-cart-mobile2 .cart-select .product-tab-wrap .flavour button,
.fast-cart-mobile .cart-select .promotion-tab-wrap .promotion-tab button,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap .promotion-tab button,
.fast-cart-mobile .cart-select .product-tab-wrap .promotion-tab button,
.fast-cart-mobile2 .cart-select .product-tab-wrap .promotion-tab button,
.fast-cart-mobile .cart-select .promotion-tab-wrap .tab-select button,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap .tab-select button,
.fast-cart-mobile .cart-select .product-tab-wrap .tab-select button,
.fast-cart-mobile2 .cart-select .product-tab-wrap .tab-select button {
  background: #EFEFEF;
  min-width: 50px;
  padding: 5px 15px 5px 15px;
  margin: 10px 5px 10px 2px;
  border: none;
  font: 1rem "sarabun";
  display: inline-block;
  border-radius: 2px;
}
.fast-cart-mobile .cart-select .promotion-tab-wrap .size .disable,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap .size .disable,
.fast-cart-mobile .cart-select .product-tab-wrap .size .disable,
.fast-cart-mobile2 .cart-select .product-tab-wrap .size .disable,
.fast-cart-mobile .cart-select .promotion-tab-wrap .flavour .disable,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap .flavour .disable,
.fast-cart-mobile .cart-select .product-tab-wrap .flavour .disable,
.fast-cart-mobile2 .cart-select .product-tab-wrap .flavour .disable,
.fast-cart-mobile .cart-select .promotion-tab-wrap .promotion-tab .disable,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap .promotion-tab .disable,
.fast-cart-mobile .cart-select .product-tab-wrap .promotion-tab .disable,
.fast-cart-mobile2 .cart-select .product-tab-wrap .promotion-tab .disable,
.fast-cart-mobile .cart-select .promotion-tab-wrap .tab-select .disable,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap .tab-select .disable,
.fast-cart-mobile .cart-select .product-tab-wrap .tab-select .disable,
.fast-cart-mobile2 .cart-select .product-tab-wrap .tab-select .disable {
  background: #CCCCCC !important;
  color: #EFEFEF !important;
}
.fast-cart-mobile .cart-select .promotion-tab-wrap .cart-select-text,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap .cart-select-text,
.fast-cart-mobile .cart-select .product-tab-wrap .cart-select-text,
.fast-cart-mobile2 .cart-select .product-tab-wrap .cart-select-text {
  padding-top: 10px;
  font: bold 1rem "sarabun";
}
.fast-cart-mobile .cart-select .promotion-tab-wrap .flavour,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap .flavour,
.fast-cart-mobile .cart-select .product-tab-wrap .flavour,
.fast-cart-mobile2 .cart-select .product-tab-wrap .flavour {
  padding-bottom: 10px;
}
.fast-cart-mobile .cart-select .promotion-tab-wrap .promotion-tab,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap .promotion-tab,
.fast-cart-mobile .cart-select .product-tab-wrap .promotion-tab,
.fast-cart-mobile2 .cart-select .product-tab-wrap .promotion-tab {
  padding-bottom: 15px;
  border-bottom: 1px solid #EFEFEF;
}
.fast-cart-mobile .cart-select .promotion-tab-wrap .tab-select,
.fast-cart-mobile2 .cart-select .promotion-tab-wrap .tab-select,
.fast-cart-mobile .cart-select .product-tab-wrap .tab-select,
.fast-cart-mobile2 .cart-select .product-tab-wrap .tab-select {
  display: none;
  overflow-x: scroll;
  height: 90px;
  border-bottom: 1px solid #EFEFEF;
}
.fast-cart-mobile .cart-select .conclude,
.fast-cart-mobile2 .cart-select .conclude {
  width: 100%;
  display: inline-block;
  padding: 10px;
  height: 80px;
  overflow: auto;
  box-shadow: 0px -3px 13px -9px rgba(77, 77, 77, 0.76);
  -webkit-box-shadow: 0px -3px 13px -9px rgba(77, 77, 77, 0.76);
  -moz-box-shadow: 0px -3px 13px -9px rgba(77, 77, 77, 0.76);
}
.fast-cart-mobile .cart-select .conclude span,
.fast-cart-mobile2 .cart-select .conclude span {
  width: 32%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fast-cart-mobile .cart-select .conclude .conclude-name,
.fast-cart-mobile2 .cart-select .conclude .conclude-name {
  font: bold 0.875rem "prompt";
  text-transform: uppercase;
}
.fast-cart-mobile .cart-select .conclude .conclude-select,
.fast-cart-mobile2 .cart-select .conclude .conclude-select {
  font: bold 0.875rem "prompt";
  color: #dc0000;
}
.fast-cart-mobile .cart-select .conclude .conclude-exp,
.fast-cart-mobile2 .cart-select .conclude .conclude-exp {
  font: 0.875rem "prompt";
  text-overflow: unset;
}
.fast-cart-mobile .cart-select-desktop,
.fast-cart-mobile2 .cart-select-desktop {
  display: none;
}
.fast-cart-mobile .button-bay,
.fast-cart-mobile2 .button-bay {
  width: 100%;
  display: inline-block;
  bottom: 0;
  left: 0;
  position: relative;
  padding: 10px;
  padding-bottom: 25px;
  border-top: 1px solid #CCCCCC;
}
.fast-cart-mobile .button-bay .amount,
.fast-cart-mobile2 .button-bay .amount {
  width: 100%;
  display: inline-block;
}
.fast-cart-mobile .button-bay .amount p,
.fast-cart-mobile2 .button-bay .amount p {
  font: 1rem "sarabun";
  display: block;
  float: left;
}
.fast-cart-mobile .button-bay .amount .input,
.fast-cart-mobile2 .button-bay .amount .input {
  display: block;
  float: right;
  padding-right: 20px;
}
.fast-cart-mobile .button-bay .amount .input input,
.fast-cart-mobile2 .button-bay .amount .input input {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: white;
  text-align: center;
  border: 1px solid #CCCCCC;
  padding: 5px;
  display: block;
  float: left;
  margin-right: 5px;
}
.fast-cart-mobile .button-bay .amount .input span,
.fast-cart-mobile2 .button-bay .amount .input span {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: white;
  text-align: center;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  margin-right: 5px;
  background: #EFEFEF;
  font-weight: bold;
}
.fast-cart-mobile .button-bay .button,
.fast-cart-mobile2 .button-bay .button {
  width: 96%;
  margin-top: 10px;
  display: inline-block;
  background: #009900;
  color: white;
  font: bold 1rem "prompt";
  border-radius: 5px;
}
.fast-cart-mobile .active,
.fast-cart-mobile2 .active {
  background: url("https://bucket.fitwhey.com/editor/612f7b03558bb.png") no-repeat !important;
  color: black;
  border: 1.5px solid #dc0000 !important;
  margin: 8px 3px 8px 1px !important;
}
.fast-cart-mobile.fast-cart-mobile2,
.fast-cart-mobile2.fast-cart-mobile2 {
  z-index: 10001 !important;
  margin-left: 0 !important;
  left: 0 !important;
  position: fixed !important;
  top: auto !important;
}
.fast-cart-mobile.bottom_fix,
.fast-cart-mobile2.bottom_fix {
  z-index: 10001 !important;
  bottom: 0% !important;
  position: fixed !important;
  top: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.fast-cart-mobile.fade-box,
.fast-cart-mobile2.fade-box {
  z-index: 10000 !important;
}
/* Fast cart
.fast-cart-mobile,.fast-cart-mobile2{
	transition: bottom 0.5s;
	width: 100%;
	height: 500px;
	bottom: -110%;
	max-width: 500px;
	min-width: 320px;
	display: inline-block;
	position: fixed;
	z-index: 100;
	left: 0;
	background: white;
	border-radius: 10px;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
.close-button{
	display: inline-block;
	position: absolute;
	right: 0;
	width: 30px;
	height: 30px;
	background: white;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	border-radius: 30px;
	margin-right: 10px;
	text-align: center;
	font-weight: bold;
}
	.cart-wrap{
		width: 100%;
		display: inline-block;
		padding-bottom: 10px;
		border-bottom: 1px solid @light-gray;
		.img{
			display: block;
			float: left;
			width: 30%;
			text-align:center;
			min-width: 120px;
			min-height: 150px;
			padding-right:10px;
			.code-bottom{
			  display: inline-block;
			  width: 120px;;
			  height: 25px;
			  background: rgb(220,0,0);
			  background: linear-gradient(90deg, rgba(220,0,0,1) 75%, rgba(71,172,255,0) 100%);
			  position:absolute;
			  z-index: 10px;
			  margin: 120px 0 0 0px;
			  color: white;
			  padding: 3px;;
			  font:bold .86rem "Helvetica";
			  z-index: 1;
			  text-align: center;
			  left: 0
			}
			img{
				width: 100%;
				max-width: 150px;
				min-width: 100px;
				display: inline-block;
				border-radius: 5px;
			}
		}
		.name{
			margin-top: 10px;
			width: 60%;
			text-align: left;
			padding: 0;
			font:bold 1.1rem "Helvetica";
			color: black;
			white-space: normal;
			display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
		}
		.box-price-mobile{
			margin-top: 5px;
			width: 60%;
			display: inline-block;
			text-align: left;
			font:bold 1.2rem "Helvetica";
			color: red;
			text-align: left;
			span{
				font:bold .975rem "Helvetica";
				color: @gray;
				margin-right: 5px;
				text-decoration: line-through;
			}
		}
		.box-description{
			text-align: center;
			display: inline-block;
			font: .775rem"sarabun";
			text-align: left;
			width: 60%;
			color:black;
			margin-top: 5px;
			white-space: normal;
			display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
		}
	}
	.cart-select{
		.promotion-tab-wrap{
			width: 100%;
			height: 260px;
			overflow-y: auto;
			display: inline-block;
			padding-bottom: 5px;
		}
			.size,.flavour,.promotion-tab,.tab-select{
				button{
				background: @light-gray;
				min-width: 50px;
				padding: 5px 15px 5px 15px;
				margin: 10px 5px 0 2px;
				border: none;
				font:1rem"sarabun";
				display: inline-block;
				border-radius: 2px;}
			}
			.cart-select-text{
				padding-top: 10px;
			}
			.flavour{
			border-bottom: 1px solid 	@light-gray;
			padding-bottom: 10px;
			height: 65px;
			overflow: auto;
			}
			.promotion-tab{
				padding-bottom: 15px;
				border-bottom: 1px solid @light-gray;
			}
			.tab-select{
				display: none;
				overflow-x: scroll;
				height: 90px;
				border-bottom: 1px solid @light-gray;
			}
			.cart-select-text{
				font:bold 1rem"sarabun";
			}



		.conclude{
			width: 100%;
			display: inline-block;
			padding: 10px;
			height: 80px;
			overflow: auto;
			box-shadow: 0px -3px 13px -9px rgba(77,77,77,0.76);
-webkit-box-shadow: 0px -3px 13px -9px rgba(77,77,77,0.76);
-moz-box-shadow: 0px -3px 13px -9px rgba(77,77,77,0.76);
			span{
				width: 32%;
				display: inline-block;
				white-space: nowrap;
				overflow: hidden;
    text-overflow: ellipsis;
			}
			.conclude-name{
				font:bold .875rem"Helvetica";
				text-transform: uppercase;
			}
			.conclude-select{
				font:bold .875rem"Helvetica";
				color: @red;
			}
			.conclude-exp{
				font: .875rem"Helvetica";
			}
		}
	}

	.cart-select-desktop{
		display: none;
	}
		.button-bay{
			width: 100%;
			display: inline-block;
			bottom: 0;
			position: absolute;
			padding: 10px;
			border-top:1px solid @gray;
			.amount{
				width: 100%;
				display: inline-block;
				p{
					font:1rem"sarabun";
					display: block;
					float: left;
				}
				.input{
					display: block;
					float: right;
					padding-right: 20px;
					input{
						width: 30px;
						height: 30px;
						border-radius: 5px;
						background: white;
						text-align: center;
						border: 1px solid @gray;
						padding: 5px;
						display: block;
						float: left;
						margin-right: 5px;
					}
					span{
						width: 30px;
						height: 30px;
						border-radius: 5px;
						background: white;
						text-align: center;
						border: 1px solid @gray;
						display: block;
						float: left;
						margin-right: 5px;
						background: @light-gray;
						font-weight: bold;
					}
				}
			}
			.button{
				width: 96%;
				margin-top: 20px;
				display: inline-block;
				background: @green;
				color: white;
				font: bold 1rem"Helvetica";
				border-radius: 5px;
			}
		}
		.active{
			background: url("https://bucket.fitwhey.com/editor/612f7b03558bb.png")no-repeat!important;
			color: black;
			border: 1.5px solid @red!important;


			}
		}
    .fast-cart-mobile2{
			height: 565px;
		}
.bottom_fix{
	bottom: 0%!important;
	z-index: 20;
	display: inline-block;
}
*/
/* policy */
.main-container {
  width: 100%;
  min-width: 320px;
  display: inline-block;
  text-align: center;
}
.main-container .main-container-wrap {
  width: 100%;
  max-width: 1100px;
  padding: 15px;
  display: inline-block;
}
.main-container .main-container-wrap .header-language {
  width: 100%;
  display: inline-block;
}
.main-container .main-container-wrap .header-language .header-language-wrap {
  width: 100%;
  display: inline-block;
}
.main-container .main-container-wrap .header-language .header-language-wrap .header-language-box-en,
.main-container .main-container-wrap .header-language .header-language-wrap .header-language-box-th {
  width: 40px;
  height: 40px;
  font: 1rem "kanit";
  display: block;
  float: right;
  text-align: center;
  padding: 5px;
  border: 1px solid gray;
  margin-left: 10px;
  border-radius: 3px;
  cursor: pointer;
}
.main-container .main-container-wrap .header-language .header-language-wrap .active {
  background: #EFEFEF;
  font: bold 1rem "kanit";
}
.main-container .main-container-wrap .header-main-content {
  width: 100%;
  display: inline-block;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap {
  width: 100%;
  display: inline-block;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .header-content,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .header-content {
  font: bold 1.2rem "kanit";
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .header-text,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .header-text {
  font: 1rem "kanit";
  text-align: justify;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content {
  margin-top: 20px;
  border: 1px solid gray;
  padding: 10px;
  border-radius: 3px;
  transition: all 0.3s;
  text-align: left;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-name,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-name {
  width: 100%;
  cursor: pointer;
  font: bold 1rem "kanit";
  text-align: left;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-name p,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-name p {
  display: block;
  float: left;
  margin-right: 5px;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-name .show,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-name .show {
  display: none;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-name .none-show,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-name .none-show {
  display: block;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-text,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-text {
  font: 1rem "kanit";
  text-align: left;
  display: none;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-text table,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-text table {
  margin-top: 20px;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-text table tbody,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-text table tbody {
  width: 100%;
  display: inline-block;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-text table tbody tr,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-text table tbody tr {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-text table tbody tr td,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-text table tbody tr td {
  border: 1px solid gray;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-text table tbody tr .no-border,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-text table tbody tr .no-border {
  text-align: left;
  border: none;
  width: 40%;
  vertical-align: top;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-text .table,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-text .table {
  width: 100%;
  margin-top: 10px;
  display: inline-block;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-text .table .table-box-left,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-text .table .table-box-left {
  padding: 10px;
  width: 62%;
  text-align: left;
  vertical-align: top;
  font-size: 0.8rem;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-text .table .table-box-right,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-text .table .table-box-right {
  padding: 10px;
  width: 40%;
  text-align: left;
  vertical-align: top;
  font-size: 0.8rem;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .active .section-name .show,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .active .section-name .show {
  display: inline-block;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .active .section-name .none-show,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .active .section-name .none-show {
  display: none;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .active .section-text,
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .active .section-text {
  display: inline-block;
  transition: all 0.3s;
}
.main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH {
  display: none;
}
.display-none {
  display: none!important;
  transition: all 0.3s;
}
.display-block {
  display: block!important;
  transition: all 0.3s;
}
@media only screen and (min-width: 500px) {
  .main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-text .table .table-box-left,
  .main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-text .table .table-box-left {
    font-size: 1rem;
  }
  .main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-EN .section-content .section-text .table .table-box-right,
  .main-container .main-container-wrap .header-main-content .header-main-content-wrap .content-TH .section-content .section-text .table .table-box-right {
    font-size: 1rem;
  }
}
/* Reviews Page (To Review + History Review tabs) */
.main-container {
  background-color: #FFFFFF;
}
.main-container .login-main-wrap {
  display: block;
  width: 100%;
  position: relative;
}
.main-container .login-main-wrap .outter-wrap {
  display: block;
  width: 100%;
  padding: 0 13px 40px;
  box-sizing: border-box;
}
.main-container .login-main-wrap .resp-tabs-container {
  margin-top: 24px;
}
.main-container .login-main-wrap .resp-tabs-list {
  display: flex;
  justify-content: center;
}
.main-container .login-main-wrap .resp-tabs-list .review-tab {
  float: none;
  display: block;
  flex: 1;
  width: auto;
  font: normal 12px "PT Sans";
  padding: 12px 6px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 2px;
  color: #666666;
  background: #EFEFEF;
  list-style: none;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  border: none;
}
.main-container .login-main-wrap .resp-tabs-list .review-tab.resp-tab-active {
  background: #0033CC;
  color: #FFFFFF;
  font-weight: bold;
}
.main-container .login-main-wrap h2.resp-accordion {
  display: none;
}
.main-container .login-main-wrap .resp-arrow {
  display: none;
}
.main-container .login-main-wrap .resp-tabs-container {
  border: 1px solid #EFEFEF;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 0;
  background: #FFFFFF;
}
.main-container .login-main-wrap .resp-tab-content {
  padding: 16px;
}
.main-container .login-main-wrap h2.resp-accordion {
  font: normal 13px "PT Sans";
  text-transform: uppercase;
  border: 1px solid #EFEFEF;
  border-top: 0;
  margin: 0;
  padding: 12px 15px;
  color: #666666;
  background: #EFEFEF;
  border-radius: 5px;
}
.main-container .login-main-wrap h2.resp-accordion.resp-tab-active {
  background: #0033CC;
  color: #FFFFFF;
  border: none;
}
.main-container .login-main-wrap .rv-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 12px;
}
.main-container .login-main-wrap .rv-count {
  font: normal 13px "PT Sans";
  color: #666666;
}
.main-container .login-main-wrap .rv-order-select {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 6px 28px 6px 10px;
  font: normal 12px "PT Sans";
  color: #666666;
  background: #FFFFFF;
  appearance: none;
  background-image: url(../img/triangle.svg);
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: 8px;
  max-width: 200px;
  cursor: pointer;
}
.main-container .login-main-wrap .rv-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main-container .login-main-wrap .rv-card {
  display: flex;
  gap: 12px;
  padding: 14px;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  background: #FFFFFF;
  align-items: flex-start;
}
.main-container .login-main-wrap .rv-card-img {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-container .login-main-wrap .rv-card-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.main-container .login-main-wrap .rv-card-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.main-container .login-main-wrap .rv-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.main-container .login-main-wrap .rv-card-name {
  font: bold 13px "PT Sans";
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.main-container .login-main-wrap .rv-qty {
  font: bold 12px "PT Sans";
  color: #0033CC;
  margin-left: 4px;
}
.main-container .login-main-wrap .rv-card-order {
  font: normal 11px "PT Sans";
  color: #999999;
}
.main-container .login-main-wrap .rv-card-date {
  font: normal 11px "PT Sans";
  color: #999999;
}
.main-container .login-main-wrap .rv-card-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
  gap: 8px;
}
.main-container .login-main-wrap .rv-points {
  font: normal 11px "PT Sans";
  color: #0033CC;
}
.main-container .login-main-wrap .rv-review-btn {
  display: inline-block;
  padding: 6px 18px;
  background: #0033CC;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  font: bold 12px "PT Sans";
  cursor: pointer;
  text-transform: uppercase;
  flex-shrink: 0;
}
.main-container .login-main-wrap .rv-review-btn:hover {
  opacity: 0.85;
}
.main-container .login-main-wrap .rv-edit-btn {
  font: normal 12px "PT Sans";
  color: #999999;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}
.main-container .login-main-wrap .rv-edit-btn:hover {
  color: #0033CC;
  text-decoration: underline;
}
.main-container .login-main-wrap .rv-stars {
  margin: 2px 0;
}
.main-container .login-main-wrap .rv-star-display {
  font-style: normal;
  display: inline-block;
  position: relative;
  unicode-bidi: bidi-override;
}
.main-container .login-main-wrap .rv-star-display::before {
  display: block;
  content: '★★★★★';
  color: #ddd;
  font-size: 13px;
  line-height: 1;
}
.main-container .login-main-wrap .rv-star-display::after {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  width: 0;
  color: #FFC451;
  font-size: 13px;
  line-height: 1;
  overflow: hidden;
  height: 100%;
}
.main-container .login-main-wrap .rv-star-display[data-star^="1"]::after {
  width: 20%;
}
.main-container .login-main-wrap .rv-star-display[data-star^="2"]::after {
  width: 40%;
}
.main-container .login-main-wrap .rv-star-display[data-star^="3"]::after {
  width: 60%;
}
.main-container .login-main-wrap .rv-star-display[data-star^="4"]::after {
  width: 80%;
}
.main-container .login-main-wrap .rv-star-display[data-star^="5"]::after {
  width: 100%;
}
.main-container .login-main-wrap .rv-star-display[data-star="0.5"]::after {
  width: 10%;
}
.main-container .login-main-wrap .rv-star-display[data-star="1.5"]::after {
  width: 30%;
}
.main-container .login-main-wrap .rv-star-display[data-star="2.5"]::after {
  width: 50%;
}
.main-container .login-main-wrap .rv-star-display[data-star="3.5"]::after {
  width: 70%;
}
.main-container .login-main-wrap .rv-star-display[data-star="4.5"]::after {
  width: 90%;
}
.main-container .login-main-wrap .rv-note {
  font: normal 11px "PT Sans";
  border-radius: 5px;
  padding: 4px 10px;
  margin-top: 4px;
  display: inline-block;
}
.main-container .login-main-wrap .rv-note.rv-note--pending {
  background: #fff8e1;
  color: #b08000;
}
.main-container .login-main-wrap .rv-note.rv-note--rejected {
  background: #fff0f0;
  color: #dc0000;
}
.main-container .login-main-wrap .rv-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 20px 0 10px;
}
.main-container .login-main-wrap .rv-page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  background: #FFFFFF;
  font: bold 16px "PT Sans";
  color: #666666;
  cursor: pointer;
}
.main-container .login-main-wrap .rv-page-btn:hover {
  border-color: #0033CC;
  color: #0033CC;
}
.main-container .login-main-wrap .rv-page-current {
  font: bold 14px "PT Sans";
  color: #333333;
}
.main-container .login-main-wrap .rv-page-total {
  font: normal 13px "PT Sans";
  color: #666666;
}
/* Edit Review Modal */
#edit-review-modal .modal-dialog {
  max-width: 520px;
  width: 90%;
  margin: 30px auto;
}
#edit-review-modal .modal-content {
  border: none;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
#edit-review-modal .modal-header {
  background: #F5F5F5;
  border-bottom: 1px solid #EFEFEF;
  padding: 14px 20px;
}
#edit-review-modal .modal-header .modal-title {
  font: bold 16px "PT Sans";
  color: #333333;
  text-align: left;
}
#edit-review-modal .modal-header .close {
  opacity: 0.5;
  font-size: 24px;
}
#edit-review-modal .modal-header .close:hover {
  opacity: 0.8;
}
#edit-review-modal .modal-body {
  padding: 20px;
}
#edit-review-modal .modal-footer {
  border-top: 1px solid #EFEFEF;
  padding: 14px 20px;
}
#edit-review-modal .review-form-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#edit-review-modal .form-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#edit-review-modal .form-label {
  font: bold 13px "PT Sans";
  color: #333333;
}
#edit-review-modal textarea.form-textarea {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 10px;
  font: normal 14px "PT Sans";
  color: #333333;
  resize: vertical;
  min-height: 120px;
  box-sizing: border-box;
  width: 100%;
}
#edit-review-modal textarea.form-textarea:focus {
  outline: none;
  border-color: #0033CC;
}
#edit-review-modal .review-char-count {
  font: normal 11px "PT Sans";
  color: #999999;
  text-align: right;
}
#edit-review-modal .review-star-rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 4px;
}
#edit-review-modal .review-star-rating input[type="radio"] {
  display: none;
}
#edit-review-modal .review-star-rating .star-label {
  cursor: pointer;
  font-size: 22px;
  color: #ddd;
  transition: color 0.15s;
}
#edit-review-modal .review-star-rating .star-label:hover,
#edit-review-modal .review-star-rating .star-label:hover ~ .star-label {
  color: #FFC451;
}
#edit-review-modal .review-star-rating input[type="radio"]:checked ~ .star-label {
  color: #FFC451;
}
#edit-review-modal button.form-submit-btn {
  display: block;
  width: 100%;
  height: 48px;
  background: #0033CC;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  font: bold 16px "PT Sans";
  cursor: pointer;
  padding: 0;
  line-height: 48px;
  text-align: center;
}
#edit-review-modal button.form-submit-btn:hover {
  opacity: 0.85;
}
/* History Review — inherits from to_review.less, no additional overrides needed */
/* Payment Confirm */
.pmc-heading-wrap {
  display: flex;
  min-height: 70px;
  padding: 15px;
  border-bottom: 1px solid #CCC;
  justify-content: space-between;
  align-items: center;
}
.pmc-heading-wrap .title-wrap {
  display: flex;
}
.pmc-heading-wrap .title-wrap .back-btn {
  margin: 0 10px 0 0;
}
.pmc-heading-wrap .title-wrap h3 {
  margin: 0;
  font: bold 20px "Prompt";
}
.pmc-heading-wrap .close-btn {
  position: absolute;
}
.pmc-wrap ul {
  margin: 0;
  padding: 0;
}
.pmc-wrap ul li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 14px 10px;
  border-bottom: 1px solid #EFEFEF;
}
.pmc-wrap ul li .output-title {
  font: 500 16px/20px "prompt";
}
.pmc-wrap ul li .output {
  font: normal 16px/20px "prompt";
  color: #0058FF;
}
.pmc-wrap .paynow-btn-wrap {
  position: fixed;
  display: block;
  width: 100%;
  bottom: 0;
  padding: 10px;
}
.pmc-wrap .paynow-btn-wrap .payment-btn {
  display: block;
  background: #0058FF;
  color: #FFF;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
  font: normal 18px/24px "prompt";
}
/* eform */
.eform-main-wrap {
  min-width: 320px;
  width: 100%;
  display: inline-block;
  padding-bottom: 50px;
  text-align: center;
}
.eform-main-wrap .eform-banner {
  display: none;
}
.eform-main-wrap .eform-banner-mb {
  display: inline-block;
  width: 100%;
}
.eform-main-wrap .eform-banner-mb .imga {
  width: 100%;
}
.eform-main-wrap .main-form-wrap {
  width: 100%;
  padding: 20px;
}
.eform-main-wrap .main-form-wrap .form-top-wrap {
  text-align: left;
  margin: 0 0 30px 0;
}
.eform-main-wrap .main-form-wrap .form-top-wrap .head-text {
  font: bold 1.45rem "Kanit";
  margin: 0 0 10px 0;
  display: inline-block;
}
.eform-main-wrap .main-form-wrap .form-top-wrap .description-text {
  font: 1.125rem "Kanit";
  display: inline-block;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* individual */
  /* corporate */
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .invoice-type-wrap {
  width: 100%;
  display: inline-block;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .invoice-type-wrap .invoice-type {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .invoice-type-wrap .invoice-type .header-box-in,
.eform-main-wrap .main-form-wrap .form-fill-wrap .invoice-type-wrap .invoice-type .header-box-co {
  width: auto;
  font: 1rem "kanit";
  display: block;
  float: left;
  text-align: center;
  padding: 10px 20px;
  border: 1px solid gray;
  margin-right: 10px;
  border-radius: 3px;
  cursor: pointer;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .invoice-type-wrap .invoice-type .active {
  background: #EFEFEF;
  font: bold 1rem "kanit";
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .submit-btn {
  padding: 0 20px;
  min-width: 100%;
  margin-top: 40px;
  height: 50px;
  font: 1.2rem "kanit";
  line-height: 50px;
  color: #fff;
  background: #090;
  border-radius: 4px;
  border: 0;
  text-transform: uppercase;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .line-break {
  width: 100%;
  clear: both;
  padding: 10px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #DDD;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input {
  width: 100%;
  display: flex;
  margin: 20px 0;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-label {
  text-align: left;
  margin-right: 5%;
  margin-bottom: 10px;
  font: 1.125rem "Kanit";
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap {
  display: block;
  text-align: left;
  width: 100%;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .input-id {
  display: block;
  width: 100%;
  height: 35px;
  padding: 10px;
  font-size: 15px;
  color: #999;
  line-height: 1.2;
  border: 1px solid #DDD;
  border-radius: 4px;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .drop-down {
  background: url(../img/icons.png) no-repeat right -1086px rgba(0, 0, 0, 0);
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .drop-menu {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  background: #fff;
  max-height: 132px;
  overflow-y: auto;
  border: 1px solid #DDD;
  z-index: 1;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .drop-menu .drop-menu-list {
  float: left;
  position: relative;
  width: 100%;
  text-align: left;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .drop-menu .drop-menu-list a {
  display: block;
  text-decoration: none;
  color: #999;
  width: 100%;
  padding: 0 10px;
  font: lighter 16px/36px "PT Sans";
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .textarea-id {
  display: block;
  width: 100%;
  height: 80px;
  padding: 10px;
  font-size: 15px;
  color: #555;
  line-height: 1.2;
  border: 1px solid #DDD;
  border-radius: 4px;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .sub-text {
  display: block;
  font: 0.9rem "Kanit";
  color: #005CDC;
  margin: 10px 0 0 0;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap {
  width: 100%;
  display: none;
  flex-direction: column;
  align-items: center;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .line-break {
  width: 100%;
  clear: both;
  padding: 10px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #DDD;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input {
  width: 100%;
  display: flex;
  margin: 20px 0;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-label {
  text-align: left;
  margin-right: 5%;
  margin-bottom: 10px;
  font: 1.125rem "Kanit";
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap {
  display: block;
  text-align: left;
  width: 100%;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .input-id {
  display: block;
  width: 100%;
  height: 35px;
  padding: 10px;
  font-size: 15px;
  color: #999;
  line-height: 1.2;
  border: 1px solid #DDD;
  border-radius: 4px;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .input-idc {
  display: inline-block;
  width: 55%;
  height: 35px;
  padding: 10px;
  font-size: 15px;
  color: #999;
  line-height: 1.2;
  border: 1px solid #DDD;
  border-radius: 4px;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .input-idcx {
  display: inline-block;
  width: 40%;
  height: 35px;
  padding: 10px;
  font-size: 15px;
  color: #999;
  line-height: 1.2;
  border: 1px solid #DDD;
  border-radius: 4px;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .drop-down {
  background: url(../img/icons.png) no-repeat right -1086px rgba(0, 0, 0, 0);
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .drop-menu {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  background: #fff;
  max-height: 132px;
  overflow-y: auto;
  border: 1px solid #DDD;
  z-index: 1;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .drop-menu .drop-menu-list {
  float: left;
  position: relative;
  width: 100%;
  text-align: left;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .drop-menu .drop-menu-list a {
  display: block;
  text-decoration: none;
  color: #999;
  width: 100%;
  padding: 0 10px;
  font: lighter 16px/36px "PT Sans";
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .textarea-id {
  display: block;
  width: 100%;
  height: 80px;
  padding: 10px;
  font-size: 15px;
  color: #555;
  line-height: 1.2;
  border: 1px solid #DDD;
  border-radius: 4px;
}
.eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .sub-text {
  display: block;
  font: 0.9rem "Kanit";
  color: #005CDC;
  margin: 10px 0 0 0;
}
/* Cyn 2021 */
.cny2021 {
  width: 100%;
  display: inline-block;
  background: url(../img/cny_bg.webp) no-repeat;
  background-size: cover;
  text-align: center;
}
.cny2021-wrap {
  max-width: 1100px;
  display: inline-block;
  min-height: 1100px;
}
.cny2021-wrap .img {
  width: 100%;
  max-width: 600px;
  display: inline-block;
  margin-top: 30px;
}
.cny2021-wrap .flip-card-wrap {
  width: 70%;
  display: inline-block;
}
.cny2021-wrap .flip-card-wrap .flip-card {
  background-color: transparent;
  width: 120px;
  height: 155px;
  perspective: 1000px;
  display: inline-block;
}
.cny2021-wrap .flip-card-wrap .flip-card .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.cny2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-front {
  position: absolute;
  width: 120px;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: black;
}
.cny2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-front .img-cart {
  max-width: 120px;
  width: 100%;
}
.cny2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-back {
  position: absolute;
  width: 120px;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateY(180deg);
  background: url(../img/Cyn_cart_back.png) no-repeat;
  background-size: cover;
}
.cny2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-back .img-cart {
  max-width: 120px;
  width: 80%;
  display: inline-block;
  margin: 30px 0 0 0;
}
.cny_nameuse {
  width: 100%;
  display: inline-block;
  margin: 30px 0 20px 0;
}
.cny_nameuse .text {
  padding: 10px 15px;
  background: #444444;
  color: white;
  font: bold 1.8rem "Kanit";
  text-align: center;
  display: inline-block;
  border-radius: 5px;
}
.cny_time_use {
  width: 100%;
  display: inline-block;
  margin: 0px 0 40px 0;
}
.cny_time_use .time_use_text {
  color: white;
  font: bold 1.8rem "Kanit";
  text-align: center;
  display: inline-block;
  letter-spacing: 1px;
}
.cny_time_use .time_use_text span {
  font: bold 2.2rem "Kanit";
  margin: 0 10px 0 10px;
}
@media only screen and (min-width: 500px) {
  .Cyn2021 {
    width: 100%;
    display: inline-block;
    background: url(../img/cny_bg.webp) no-repeat;
    background-size: cover;
    text-align: center;
  }
  .Cyn2021 .Cyn2021-wrap {
    max-width: 915px;
    display: inline-block;
  }
  .Cyn2021 .Cyn2021-wrap .img {
    width: 100%;
    max-width: 600px;
    display: inline-block;
    margin-top: 30px;
  }
  .Cyn2021 .Cyn2021-wrap .flip-card-wrap {
    width: 70%;
    display: inline-block;
  }
  .Cyn2021 .Cyn2021-wrap .flip-card-wrap .flip-card {
    background-color: transparent;
    width: 150px;
    height: 194px;
    perspective: 1000px;
    display: inline-block;
    margin: 20px 0 0 50px;
    /*&:hover .flip-card-inner{
        transform: rotateY(180deg);
      }
      */
  }
  .Cyn2021 .Cyn2021-wrap .flip-card-wrap .flip-card .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
  }
  .Cyn2021 .Cyn2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-front {
    position: absolute;
    width: 150px;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: black;
  }
  .Cyn2021 .Cyn2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-front .img-cart {
    max-width: 150px;
    width: 100%;
  }
  .Cyn2021 .Cyn2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-back {
    position: absolute;
    width: 150px;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    text-align: center;
  }
  .Cyn2021 .Cyn2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-back .img-cart {
    max-width: 150px;
    width: 100%;
    display: inline-block;
    margin: 30px 0 0 0;
  }
  .Cyn2021 .Cyn2021-wrap .flip-card-wrap .flip-card .flip-card-inner .flip-card-back .img-cart img {
    width: 80%;
  }
}
/* lucky-draw */
.lucky-draw-main-container {
  min-width: 500px;
  min-height: 1000px;
  background: url("../img/8-8-lucky-draw-web-2.jpg");
  background-size: auto;
}
.lucky-draw-main-container.giveaway {
  min-width: 500px;
  min-height: 1000px;
  background-size: auto;
  background: url("../img/cny_bg.webp");
}
.lucky-draw-main-container .lucky-draw-main-wrap {
  width: 100%;
  max-width: 1900px;
  margin: 0 auto;
  position: relative;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap img {
  width: 100%;
  position: relative;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 2em;
  background: #FFF;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap {
  width: 100%;
  max-width: 480px;
  background: #fff;
  text-align: center;
  display: inline-block;
  margin: 0 1.5em 0;
  padding: 1.5em 2.9em 1.5em 2.9em;
  border: 1px solid #efefef;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-title {
  display: block;
  color: #333333;
  line-height: 1.2;
  text-align: left;
  padding-bottom: 15px;
  text-transform: uppercase;
  font: bold 23px/30px "PT Sans";
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-input-wrap .input-id {
  display: block;
  width: 100%;
  height: 35px;
  font-size: 15px;
  color: #555555;
  line-height: 1.2;
  border-bottom: 1px solid #adadad;
  border-top: none;
  border-left: none;
  border-right: none;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .regist-coupon-btn {
  justify-content: center;
  padding: 0 20px;
  min-width: 244px;
  margin-top: 15px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  background: #d00602;
  border-radius: 10px;
  line-height: 1.2;
  text-transform: uppercase;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-input-wrap .lucky-draw-regist-notice {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  text-align: left;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  max-width: 500px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap .m-title {
  text-align: left;
  margin: 1em 0 0.4em 0;
  font-size: 20px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-content .lucky-draw-rule-wrap ul li {
  line-height: 28px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  padding: 0;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert {
  position: relative;
  min-width: 500px;
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product {
  position: absolute;
  width: 500px;
  margin-top: 240px;
  z-index: 1;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-product img {
  position: relative;
  width: 360px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-float {
  width: 100%;
  position: relative;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-winner {
  font: bold 18px/22px "PT Sans";
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-total {
  font: bold 25px/30px "PT Sans";
  position: relative;
  margin: 20px 0 10px;
  color: #FFFFFF;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .lucky-draw-total .ld-large {
  font: bold 40px/30px "PT Sans";
  border: 1px solid #FFFFFF;
  padding: 5px;
  margin: 2px;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn {
  justify-content: center;
  padding: 15px 25px;
  width: 315px;
  min-width: 244px;
  margin-top: 25px;
  color: #fff;
  background: #333;
  border-radius: 10px;
  border: 1px solid #FFF;
  font: bold 30px/30px "PT Sans";
  line-height: 1.2;
  text-transform: uppercase;
}
.lucky-draw-main-container .lucky-draw-main-wrap .lucky-draw-form-wrap-2 .lucky-draw-insert .random-btn:hover {
  background: #FFF;
  color: #333;
  border: 2px solid #333;
}
/* authenticity-check */
.authen-check-main-container {
  min-width: 500px;
  min-height: 1000px;
}
.authen-check-main-container .authen-main-wrap {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
.authen-check-main-container .authen-main-wrap .image-wrap {
  display: none;
}
.authen-check-main-container .authen-main-wrap .image-wrap img {
  width: 100%;
  position: relative;
}
.authen-check-main-container .authen-main-wrap .image-wrap-2 {
  position: relative;
  width: 100%;
  margin: 0 auto 10px;
  text-align: center;
  display: inline-block;
}
.authen-check-main-container .authen-main-wrap .image-wrap-2 img {
  width: 100%;
  position: relative;
}
.authen-check-main-container .authen-main-wrap .authen-info-img1 {
  display: none;
}
.authen-check-main-container .authen-main-wrap .authen-info-img1 img {
  width: 100%;
  position: relative;
}
.authen-check-main-container .authen-main-wrap .authen-info-img2 {
  position: relative;
  width: 100%;
  margin: 0 auto 10px;
  text-align: center;
  display: inline-block;
}
.authen-check-main-container .authen-main-wrap .authen-info-img2 img {
  width: 100%;
  position: relative;
}
.authen-check-main-container .authen-main-wrap .official-store {
  display: flex;
  flex-direction: column;
  font: normal 18px/28px "helvetica";
  padding: 20px 40px;
}
.authen-check-main-container .authen-main-wrap .official-store h3 {
  padding: 0;
  margin: 5px 0;
}
.authen-check-main-container .authen-main-wrap .official-store ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.authen-check-main-container .authen-main-wrap .lucky-draw-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 100%;
  text-align: center;
  padding: 2em;
  background: #FFF;
}
.authen-check-main-container .authen-main-wrap .lucky-draw-content .authen-left-wrap {
  width: 100%;
  max-width: 480px;
  background: #fff;
  text-align: center;
  display: inline-block;
  margin: 0 1.5em 0;
}
.authen-check-main-container .authen-main-wrap .lucky-draw-content .authen-left-wrap .regist-title {
  display: block;
  color: #333333;
  line-height: 1.2;
  text-align: left;
  padding-bottom: 15px;
  text-transform: uppercase;
  font: bold 23px/30px "PT Sans";
}
.authen-check-main-container .authen-main-wrap .lucky-draw-content .authen-left-wrap .regist-input-wrap {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.authen-check-main-container .authen-main-wrap .lucky-draw-content .authen-left-wrap .regist-input-wrap .input-id {
  display: flex;
  height: 50px;
  width: 100%;
  border: 1px solid #999;
  padding: 5px 5px 5px 10px;
  font: 100 18px / 22px "Helvetica Neue";
  text-decoration: none;
  color: #000;
  letter-spacing: 2px;
}
.authen-check-main-container .authen-main-wrap .lucky-draw-content .authen-left-wrap .verify-btn {
  justify-content: center;
  padding: 0 20px;
  width: 100%;
  margin-top: 15px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  background: #d00602;
  line-height: 1.2;
  border: none;
  text-transform: uppercase;
}
.authen-check-main-container .authen-main-wrap .lucky-draw-content .authen-left-wrap .authen-notice {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
  color: #999;
  text-align: left;
}
.authen-check-main-container .authen-main-wrap .lucky-draw-content .authen-right-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  max-width: 500px;
}
.authen-check-main-container .authen-main-wrap .lucky-draw-content .authen-right-wrap .m-title {
  text-align: left;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  font-size: 23px;
  border-bottom: 1px solid #999;
  text-transform: uppercase;
}
.authen-check-main-container .authen-main-wrap .lucky-draw-content .authen-right-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 18px;
}
.authen-check-main-container .authen-main-wrap .lucky-draw-content .authen-right-wrap ul li {
  line-height: 28px;
}
@media only screen and (min-width: 700px) {
  .authen-check-main-container .authen-main-wrap .image-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto 10px;
    text-align: center;
    display: inline-block;
  }
  .authen-check-main-container .authen-main-wrap .image-wrap img {
    width: 100%;
    position: relative;
  }
  .authen-check-main-container .authen-main-wrap .image-wrap-2 {
    display: none;
  }
  .authen-check-main-container .authen-main-wrap .image-wrap-2 img {
    width: 100%;
    position: relative;
  }
  .authen-check-main-container .authen-main-wrap .authen-info-img1 {
    position: relative;
    width: 100%;
    margin: 0 auto 10px;
    text-align: center;
    display: inline-block;
  }
  .authen-check-main-container .authen-main-wrap .authen-info-img1 img {
    width: 100%;
    position: relative;
  }
  .authen-check-main-container .authen-main-wrap .authen-info-img2 {
    display: none;
  }
  .authen-check-main-container .authen-main-wrap .authen-info-img2 img {
    width: 100%;
    position: relative;
  }
}
/* authenticity-check */
/*-- banner-code-input --*/
.authen-result-wrap {
  position: fixed;
  width: 100%;
  z-index: 1;
}
.authen-result-wrap .popup-box-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 500px;
  min-width: 300px;
  min-height: 280px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 8px #333;
}
.authen-result-wrap .popup-box-wrap .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}
.authen-result-wrap .popup-box-wrap .popup-content {
  display: flex;
  margin: 35px 0;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  text-align: center;
}
.authen-result-wrap .popup-box-wrap .popup-content .status-icon {
  width: 80px;
}
.authen-result-wrap .popup-box-wrap .popup-content .code-shown h3 {
  margin: 15px 0 20px 0;
  font: normal 18px/20px "Helvetica Neue";
  text-transform: uppercase;
}
.authen-result-wrap .popup-box-wrap .popup-content .code-shown .code-wrap .code {
  font: bold 30px/34px "Helvetica Neue";
  letter-spacing: 10px;
  padding: 10px 20px;
  margin: 5px 0;
  color: #666;
  background: #FFF;
  border: 1px solid #666;
}
.authen-result-wrap .popup-box-wrap .popup-content .code-shown .code-wrap .fake {
  color: #F80D0D;
}
.authen-result-wrap .popup-box-wrap .popup-content .code-shown h4 {
  font: bold 19px/22px "Helvetica Neue";
  text-transform: uppercase;
  color: #000;
  margin: 15px 0 5px 0;
}
.authen-result-wrap .popup-box-wrap .popup-content .code-shown p {
  font: normal 15px/18px "Helvetica Neue";
  color: #666;
  margin: 0;
}
.authen-result-wrap .popup-box-wrap .popup-content .code-shown p .red {
  color: #F80D0D;
}
.authen-result-wrap .popup-box-wrap .popup-content .code-shown h5 {
  font: bold 16px/20px "Helvetica Neue";
  color: #333;
  margin: 15px 0 10px 0;
}
/* ==========================================
   Fitwhey Points Card - Profile Page
   Modern card design for points display
   Created: 2025-12-08
   Converted to LESS: 2025-12-10
   Refactored: 2025-12-10 - Using common variables
   ========================================== */
/* Points Card Container */
.points-card {
  background: linear-gradient(135deg, #f8f9fa 0%, #FFFFFF 100%);
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  padding: 24px;
  margin: 20px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.points-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
/* Card Header */
.points-card-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 2px solid #e0e0e0;
}
.points-icon {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.points-title {
  font: bold 22px/26px "Helvetica", "PT Sans", sans-serif;
  color: #333333;
  margin: 0;
  text-transform: uppercase;
}
/* Card Body */
.points-card-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/* Main Points Display */
.points-main {
  background: linear-gradient(135deg, #0033CC 0%, #0052ff 100%);
  border-radius: 4px;
  padding: 24px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 51, 204, 0.2);
}
.points-label {
  display: block;
  font: normal 14px/18px "Helvetica", sans-serif;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
.points-value {
  display: block;
  font: bold 48px/56px "Helvetica", sans-serif;
  color: #FFFFFF;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* Pending Points */
.points-pending {
  background: #fff3cd;
  border-left: 4px solid #ffc107;
  border-radius: 3px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pending-icon {
  font-size: 20px;
}
.pending-text {
  font: normal 14px/20px "Helvetica", sans-serif;
  color: #856404;
  width: 100%;
}
.pending-text strong {
  font-weight: bold;
  color: #dc0000;
}
/* Expiry Warning */
.points-expiry {
  background: #fee;
  border-left: 4px solid #dc0000;
  border-radius: 3px;
  padding: 16px;
}
.expiry-badge {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.expiry-icon {
  font-size: 24px;
  flex-shrink: 0;
}
.expiry-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.expiry-label {
  font: normal 14px/18px "Helvetica", sans-serif;
  color: #721c24;
}
.expiry-value {
  font: bold 24px/30px "Helvetica", sans-serif;
  color: #dc0000;
}
.expiry-date {
  font: normal 12px/16px "Helvetica", sans-serif;
  color: #999999;
  font-style: italic;
}
/* Empty State */
.points-card-empty {
  background: linear-gradient(135deg, #f0f4ff 0%, #FFFFFF 100%);
  border: 2px dashed #CCCCCC;
  text-align: center;
}
.points-empty-state {
  padding: 32px 16px;
}
.points-empty-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  opacity: 0.6;
}
.points-empty-title {
  font: bold 24px/30px "Helvetica", "PT Sans", sans-serif;
  color: #333333;
  margin: 0 0 12px 0;
}
.points-empty-desc {
  font: normal 16px/24px "Helvetica", sans-serif;
  color: #666666;
  margin: 0 0 24px 0;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.points-learn-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0033CC;
  color: #FFFFFF;
  font: bold 16px/20px "Helvetica", sans-serif;
  padding: 14px 28px;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 51, 204, 0.3);
}
.points-learn-btn:hover {
  background: #0052ff;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 51, 204, 0.4);
  color: #FFFFFF;
}
.points-learn-btn:hover .btn-arrow {
  transform: translateX(4px);
}
.btn-arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}
/* Mobile Phones */
@media only screen and (max-width: 500px) {
  .points-card {
    padding: 16px;
    border-radius: 4px;
  }
  .points-card-header {
    margin-bottom: 16px;
    padding-bottom: 12px;
  }
  .points-icon {
    width: 32px;
    height: 32px;
  }
  .points-title {
    font-size: 18px;
    line-height: 22px;
  }
  .points-main {
    padding: 20px 16px;
  }
  .points-value {
    font-size: 36px;
    line-height: 44px;
  }
  .expiry-value {
    font-size: 20px;
    line-height: 26px;
  }
  .points-empty-icon {
    width: 64px;
    height: 64px;
  }
  .points-empty-title {
    font-size: 20px;
    line-height: 26px;
  }
  .points-empty-desc {
    font-size: 14px;
    line-height: 20px;
  }
  .points-learn-btn {
    font-size: 14px;
    padding: 12px 20px;
  }
}
/* Tablets */
@media only screen and (min-width: 501px) and (max-width: 1099px) {
  .points-card {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* Desktop */
@media only screen and (min-width: 1100px) {
  .points-card {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  .points-card-body {
    gap: 20px;
  }
}
/* Override content-info-wrap border for points section */
.content-info-wrap:has(.points-card) {
  border: none !important;
  background: transparent;
}
/*
  ============
    CSS ที่ไม่ใช้แล้ว
   ============
@import 'cny2021.less';

*/
/* ============
    WIDE: Star
   ============ */
.wp-stars svg {
  width: 18px;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 500px) {
  /* Knowledge about us 500*/
  .main-container .about-us-wrap .about-us-content-wrap .center-content .main-content {
    font: normal 16px/28px "PT Sans";
  }
  .main-container .about-us-wrap .about-us-content-wrap .center-content .main-content .new-table {
    margin: 30px 10px;
  }
  .main-container .about-us-wrap .about-us-content-wrap .about-us-selection-wrap .about-us-button-left {
    font: bold 18px/37px "PT Sans";
  }
  .main-container .about-us-wrap .about-us-content-wrap .about-us-selection-wrap .about-us-button-right {
    font: bold 18px/37px "PT Sans";
  }
  /* Article Grid 500 */
  .main-container .article-grid-wrap {
    text-align: center;
    display: block;
    width: 100%;
    background: url(../img/article-bg.png) repeat center top;
  }
  .main-container .article-grid-wrap .article-nav-wrap {
    display: table;
    width: 100%;
    height: 50px;
    background: #FFFFFF;
    box-shadow: 10px 10px 20px #CCCCCC;
  }
  .main-container .article-grid-wrap .article-nav-wrap .nav-bar {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow-x: auto;
    overflow-y: none;
    white-space: nowrap;
  }
  .main-container .article-grid-wrap .article-nav-wrap .nav-bar .article-topic {
    position: relative;
    display: inline-block;
    margin-right: -5px;
  }
  .main-container .article-grid-wrap .article-nav-wrap .nav-bar .article-topic.active {
    padding: 0;
    background: url(../img/drop-icon.png) no-repeat center 50px;
  }
  .main-container .article-grid-wrap .article-nav-wrap .nav-bar .article-topic.active a {
    color: #FFFFFF;
    background: #0033CC;
  }
  .main-container .article-grid-wrap .article-nav-wrap .nav-bar .article-topic a {
    display: inline-block;
    height: 50px;
    padding: 0 10px;
    text-decoration: none;
    font: normal 14px/50px "PT Sans";
    color: #666666;
  }
  .main-container .article-grid-wrap .article-nav-wrap .nav-bar .article-topic a:hover {
    color: #FFFFFF;
    background: #0033CC;
  }
  .main-container .article-grid-wrap .article-content-wrap {
    display: table;
    width: 100%;
  }
  .main-container .article-grid-wrap .article-content-wrap .category-title {
    color: #333333;
    text-transform: capitalize;
    text-align: center;
    padding: 40px 0;
  }
  .main-container .article-grid-wrap .article-content-wrap .category-title .heading {
    font: bold 48px "PT Sans";
    display: block;
  }
  .main-container .article-grid-wrap .article-content-wrap .category-title .total {
    font: bold 16px "PT Sans";
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list {
    display: table;
    width: 100%;
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap {
    display: block;
    vertical-align: top;
    width: 350px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 0 auto 20px;
    box-shadow: 1px 1px 5px #CCCCCC;
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap .article-title {
    font: bold 20px "PT Sans";
    color: #0033CC;
    padding: 10px 10px;
    max-height: 120px;
    min-height: 70px;
    overflow: hidden;
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap .article-image {
    width: 348px;
    height: 248px;
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap .article-description {
    font: normal 16px "PT Sans";
    color: #666666;
    padding: 0px 10px 10px;
    text-align: left;
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap .continue-btn {
    display: block;
    width: 170px;
    height: 40px;
    font: lighter 14px/40px "PT Sans";
    text-decoration: none;
    text-transform: capitalize;
    color: #0033CC;
    border: 1px solid #CCCCCC;
    margin: 0 auto;
    font-style: italic;
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap .share-btn-wrap {
    display: block;
    width: 100%;
    padding: 10px 0 10px;
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap .share-btn-wrap .share-btn {
    display: inline-block;
  }
  .main-container .article-grid-wrap .article-content-main {
    display: table;
    position: relative;
    margin: 30px 0 0;
    width: 100%;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left {
    display: block;
    text-align: center;
    padding: 40px 0 25px 0;
    background: #FFFFFF;
    margin: 0 0 20px 0;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap {
    display: table;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .heading {
    display: block;
    padding: 0 40px 40px;
    margin: 0;
    font: bold 30px "PT Sans";
    color: #666666;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #EFEFEF;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading ul li {
    min-width: 130px;
    display: inline-block;
    font: normal 11px "PT Sans";
    text-transform: uppercase;
    text-align: left;
    color: #666666;
    padding: 0 0 0 30px;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading ul li.date {
    background: url(../img/icons.png) no-repeat scroll -6px -1780px #FFFFFF;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading ul li.category {
    background: url(../img/icons.png) no-repeat scroll -6px -1867px #FFFFFF;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading ul li.writer {
    background: url(../img/icons.png) no-repeat scroll -6px -1958px #FFFFFF;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .sub-heading ul li.view {
    background: url(../img/icons.png) no-repeat scroll -6px -2053px #FFFFFF;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .display-image {
    width: 100%;
    max-width: 720px;
    padding: 0 0 40px 0;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .main-article-wrap .main-content {
    text-align: left;
    padding: 0;
    font: normal 16px "PT Sans";
    color: #666666;
    padding: 0 40px;
    width: 100%;
    display: inline-block;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .share-wrap {
    display: block;
    width: 100%;
    padding: 25px 0 0 0;
    margin: 25px 0 0;
    border-top: 1px solid #EFEFEF;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left .share-wrap .share-btn {
    display: inline-block;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right {
    display: block;
    width: 100%;
    text-align: center;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .mid-ad-wrap {
    width: 350px;
    height: 590px;
    padding: 10px;
    margin: 0 30px 20px;
    background: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #CCCCCC;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .mid-ad-wrap .ad {
    width: 100%;
    max-width: 330px;
    height: 570px;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .mid-author-wrap {
    width: 350px;
    height: 590px;
    padding: 0;
    margin: 0 30px 20px;
    background: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #CCCCCC;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .mid-author-wrap .author-image {
    width: 100%;
    max-width: 350px;
    max-height: 250px;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .mid-author-wrap .author-description {
    display: block;
    position: relative;
    padding: 20px 40px;
    max-height: 300px;
    text-align: left;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .mid-author-wrap .author-description .title {
    font: bold 20px/20px "PT Sans";
    color: #666666;
    display: block;
    padding: 0 0 10px 0;
    margin: 0;
    width: 100%;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .mid-author-wrap .author-description .content {
    font: normal 14px "PT Sans";
    color: #666666;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap {
    display: inline-block;
    width: 350px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    margin: 0 30px 20px;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .filter-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 40px 30px;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .filter-wrap .filter {
    font: bold 20px "PT Sans";
    color: #666666;
    text-decoration: none;
    text-transform: capitalize;
    margin: 0 10px;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .filter-wrap .active {
    color: #0033CC;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 30px 30px;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .list-wrap li {
    display: table;
    width: 100%;
    padding: 0 0 20px 0;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .list-wrap li a {
    text-decoration: none;
    color: #666666;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .list-wrap li a img {
    float: left;
    width: 50px;
    height: 50px;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .list-wrap li a .info {
    float: left;
    text-align: left;
    width: 215px;
    margin: 0 0 0 20px;
    font: normal 16px/18px "PT Sans";
    padding: 0 0 10px 0;
    border-bottom: 1px solid #EFEFEF;
    min-height: 70px;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap .list-wrap li a .date {
    font: normal 11px "PT Sans";
    text-transform: uppercase;
    color: #666666;
    padding: 10px 0 10px 70px;
    float: left;
  }
  .main-container .article-grid-wrap .article-content-main .article-selection-wrap {
    background: #005EEB;
    display: table;
    width: 100%;
  }
  .main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection {
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    width: 280px;
    margin: 30px 0;
  }
  .main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection.prev-wrap {
    margin: 10px;
  }
  .main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection.next-wrap {
    margin: 10px;
  }
  .main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection .selection-btn {
    font: bold 24px "PT Sans";
    text-decoration: none;
    text-transform: capitalize;
    color: #FFFFFF;
    display: block;
  }
  .main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection .article-name {
    font: lighter 18px "PT Sans";
  }
  /* Header 500px */
  .header-container {
    min-width: 500px;
  }
  .header-container .list-drop {
    position: absolute;
  }
  .header-container .list-drop .drop-search {
    top: 70px;
    width: 500px;
  }
  .header-container .list-drop .drop-search .search-box {
    position: relative;
    right: 0;
    padding: 16px 70px 16px 16px;
    font: normal 18px/20px "PT Sans";
    color: #666666;
    width: 500px;
    box-shadow: none;
    border: none;
  }
  .header-container .list-drop .drop-search .ok-btn {
    position: absolute;
    display: inline-block;
    width: 53px;
    height: 53px;
    right: 0px;
    background: url(../img/ok-btn.png) no-repeat 0px 0px rgba(0, 0, 0, 0);
  }
  .header-container .list-drop .onclick-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    position: relative;
    width: 500px;
    top: 70px;
    z-index: 30;
    overflow-y: scroll;
  }
  .header-container .list-drop .onclick-menu li .sub-top {
    height: 65px;
    color: #FFFFFF;
    text-decoration: none;
    font: bold 16px/65px "PT Sans";
    text-transform: uppercase;
    padding: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #005CDC;
    border-right: 1px solid #005CDC;
  }
  .header-container .list-drop .onclick-menu li .sub-top:hover {
    opacity: 0.9;
  }
  .header-container .list-drop .onclick-menu li .click-sub {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #EEEEEE;
  }
  .header-container .list-drop .onclick-menu li .click-sub li {
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
  }
  .header-container .list-drop .onclick-menu li .click-sub li .sub-bottom {
    height: 60px;
    font: normal 16px/60px "PT Sans";
    text-decoration: none;
    text-transform: capitalize;
    color: #666666;
  }
  .header-container .list-drop .onclick-menu li .click-sub li:hover {
    background: #F5F5F5;
  }
  .header-container .main-header-wrap .wrapper .head-logo img {
    width: 100px;
  }
  .header-container .main-header-wrap .wrapper .mblogo {
    width: 100%;
    padding-left: 80px;
    text-align: center;
  }
  .header-container .main-header-wrap .wrapper .mblogo img {
    width: 100px;
  }
  .header-container .main-header-wrap .wrapper .header-left .drop-menu {
    width: 70px;
    height: 70px;
    float: left;
    background: url(../img/icons.png) no-repeat 15px -560px rgba(0, 0, 0, 0);
  }
  .header-container .main-header-wrap .wrapper .header-left .drop-menu-back {
    width: 70px;
    height: 70px;
    float: left;
  }
  .header-container .main-header-wrap .wrapper .header-left .sub-language {
    display: inline;
    height: 70px;
    width: 100px;
    line-height: 70px;
    left: 70px;
    margin-left: 0px;
  }
  .header-container .main-header-wrap .wrapper .header-left .sub-language a {
    text-decoration: none;
    text-transform: uppercase;
    float: normal 18px/70px "PT Sans";
    color: #FFFFFF;
    margin: 0 2px;
  }
  .header-container .main-header-wrap .wrapper .header-left .sub-language img {
    width: 25px;
  }
  .header-container .main-header-wrap .wrapper .header-left .sub-language .border {
    display: inline;
  }
  .header-container .main-header-wrap .wrapper .header-right .cart-menu {
    width: 70px;
    height: 70px;
    float: left;
    background: url(../img/icons.png) no-repeat 15px -2195px rgba(0, 0, 0, 0);
  }
  .header-container .main-header-wrap .wrapper .header-right .cart-menu .cart-noti {
    width: 20px;
    height: 20px;
    font: 12px/20px "PT Sans";
    right: 13px;
    top: 15px;
  }
  .header-container .main-header-wrap .wrapper .header-right .signup-menu {
    width: 70px;
    height: 70px;
    float: left;
    background: url(../img/icons.png) no-repeat 15px -414px rgba(0, 0, 0, 0);
  }
  .header-container .mob-topbar {
    height: 70px;
  }
  .header-container .mob-topbar .mob-topbar-left .hamburger {
    width: 70px;
    height: 70px;
  }
  .header-container .mob-topbar .mob-topbar-left .hamburger span {
    width: 24px;
    margin: 3px 0;
  }
  .header-container .mob-topbar .mob-topbar-center img {
    height: 36px;
  }
  .header-container .mob-topbar .mob-topbar-right a,
  .header-container .mob-topbar .mob-topbar-right div {
    width: 70px;
    height: 70px;
    font-size: 1.4rem;
  }
  .header-container .mob-topbar .mob-topbar-right .cart-badge {
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    font: bold 10px/18px "PT Sans";
  }
  .header-container .menu-sidebar {
    width: 320px;
  }
  /* flash list 500px */
  .main-container {
    min-width: 500px;
  }
  .main-container .main-banner-wrap {
    padding-bottom: 20px;
  }
  .main-container .main-banner-wrap .top-banner .dod-banner-mobile {
    padding: 0;
  }
  .main-container .main-banner-wrap .top-banner .dod-banner-mobile .sub-banner-mobile {
    border-radius: 0px;
  }
  .main-container .main-banner-wrap .top-banner .banner-mobile {
    padding: 0;
  }
  .main-container .main-banner-wrap .top-banner .banner-mobile .main-banner-mobile {
    border-radius: 0px;
  }
  .main-container .square-banner-wrap {
    display: none;
    width: 100%;
    text-align: center;
  }
  .main-container .square-banner-wrap .square-banner-left,
  .main-container .square-banner-wrap .square-banner-right {
    display: inline-block;
    width: 100%;
    max-width: 545px;
    margin: 0;
    padding: 0;
  }
  .main-container .square-banner-wrap .square-banner-left img,
  .main-container .square-banner-wrap .square-banner-right img {
    width: 100%;
    max-width: 545px;
    border-radius: 0px;
  }
  .main-container .square-banner-wrap .square-banner-right {
    margin-right: 0!important;
  }
  .main-container .square-banner-wrap .square-banner-right .name {
    font: bold 0.675rem "kanit";
  }
  .main-container .square-banner-wrap2 .back-botton {
    margin: 60px 5px 0 5px;
  }
  .main-container .square-banner-wrap2 .next-botton {
    margin: 60px 5px 0 5px;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list {
    max-width: 210px;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-image img {
    width: 100%;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-brand-title {
    font: bold 1rem "Helvetica";
    height: 37px;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price {
    font: bold 22px "Helvetica";
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price .old-price {
    font: lighter 18px "Helvetica";
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-code {
    font: bold 13px "Helvetica";
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-left {
    font: bold 1em "Helvetica";
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap .timer-box {
    font: bold 1.3em "Helvetica";
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .amount-sold {
    width: 100%;
    display: inline-block;
    text-align: right;
    font: 0.875rem "Helvetica";
    margin-top: 10px;
    padding-right: 20px;
  }
  .main-container .main-title {
    font: bold 40px "PT Sans";
    font-style: italic;
    text-transform: uppercase;
    color: #ADADAD;
    text-align: center;
    padding: 40px 0 20px!important;
  }
  .main-container .goal-menu-wrap .goal-menu {
    width: unset;
  }
  .main-container .goal-menu-wrap .goal-menu .goal {
    max-width: 320px;
  }
  .main-container .timer-wrap {
    height: 145px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-left {
    left: 0px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-left .title-heading {
    font: bold 35px/35px "PT Sans";
    width: 156px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-left:before {
    left: -60px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right {
    padding: 22px 0px 16px 14%;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap .timer-info {
    font: bold 18px/18px "PT Sans";
    width: 245px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right .shipping-timer .timer-box {
    float: left;
    position: relative;
    background: #FFFFFF;
    width: 53px;
    height: 53px;
    margin: 0 10px 0 0;
    padding: 7px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right .shipping-timer .timer-box .time {
    font: bold 30px/42px "PT Sans";
    color: #666666;
    padding: 2px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right:before {
    border-width: 145px 60px 0px 0px;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
    /* Version 2 */
    /* Version 1 */
    /*
		.product-list-wrap {
			.reset;
			margin: 0 auto!important;
			max-width: 500px;
			width: 100%;
			.product-list {
				float: left;
				position: relative;
				display: block;
				max-width: 235px;
				width: 100%;
				margin: 7px 0 3px 10px;
				padding: 15px 0;
				border: 1px solid @light-gray;
				background: linear-gradient(360deg, @light-white, @white);
				a {
					text-decoration: none;
					text-transform: uppercase;
					color: @dark;
					text-align: center;
					.p-image {
						position: relative;
						display: block;
						margin: 0 auto;
						width: 200px;
						height: 200px;
						vertical-align: bottom;
						img {
							max-height: 200px;
						}
					}
					.p-container-top {
						display: inline-block;
						width: 100%;
						padding: 0 10px;
						.p-brand-title {
							font: lighter 14px "PT Sans";
							margin-top: 10px;
							display: inline-block;
						}
						.p-name {
							font: bold 20px/20px "PT Sans";
							width: 100%;
							display: inline-block;
							margin: 0 0 10px;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}
						.p-price {
							font: lighter 16px "PT Sans";
							display: inline-block;
						}
						.p-sale-price {
							font: bold 16px "PT Sans";
							display: block;
							margin: -8px 0 15px;
							color: @red;
						}
					}
					.p-container-bottom {
						text-align: left;
						.buy-now {
							position: relative;
							left: -3px;
						}
						.p-best-seller {
						    display: inline-block;
						    font-weight: bold;
						    padding: 15px 10px 0;
						    width: 100%;
						    .pound-sign {
					    	    color: #ccc;
							    font-size: 30px;
							    font-weight: lighter;
							    position: absolute;
						    }
						    .number {
						    	display: inline-block;
							    font-size: 42px;
							    margin: 5px 5px 0 18px;
							    position: relative;
						    }
						    .text {
					    	    bottom: 10px;
							    color: #ccc;
							    position: relative;
						    }
						}
					}
				}
			}
		}
		*/
  }
  .main-container .main .product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 auto!important;
    max-width: 500px;
    width: 100%;
  }
  .main-container .main .product-list-wrap .product-list {
    float: left;
    position: relative;
    display: block;
    max-width: 235px;
    width: 47%;
    margin: 7px 0 3px 10px;
    padding: 15px 0;
    border: 1px solid #CCCCCC;
    height: 450px;
  }
  .main-container .main .product-list-wrap .product-list a {
    text-decoration: none;
    text-transform: uppercase;
    color: #333333;
    text-align: center;
  }
  .main-container .main .product-list-wrap .product-list a .p-image {
    position: relative;
    margin: 0 auto;
    width: 200px;
    height: 200px;
    vertical-align: bottom;
  }
  .main-container .main .product-list-wrap .product-list a .p-image .pg-float-img {
    position: absolute;
    right: -20px;
    top: -11px;
    z-index: 1;
  }
  .main-container .main .product-list-wrap .product-list a .p-image .pg-float-img .sure-logo {
    margin: 11px 20px 0 0;
  }
  .main-container .main .product-list-wrap .product-list a .p-image img {
    max-height: 200px;
  }
  .main-container .main .product-list-wrap .product-list a .p-container-top {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .main-container .main .product-list-wrap .product-list a .p-container-top .p-brand-title {
    font: lighter 14px "PT Sans";
    margin-top: 10px;
    display: inline-block;
  }
  .main-container .main .product-list-wrap .product-list a .p-container-top .p-name {
    font: bold 0.9rem/20px "PT Sans";
    width: 100%;
    margin: 15px 0 0;
  }
  .main-container .main .product-list-wrap .product-list a .p-container-top .p-name-sub {
    margin: 0;
    display: inline-block;
  }
  .main-container .main .product-list-wrap .product-list a .p-container-top .p-price {
    font: lighter 16px "PT Sans";
    display: inline-block;
  }
  .main-container .main .product-list-wrap .product-list a .p-container-top .p-sale-price {
    font: bold 16px "Helvetica";
    display: block;
    margin: 0 0 15px;
    color: #dc0000;
    width: 100%;
  }
  .main-container .main .product-list-wrap .product-list a .p-container-bottom {
    text-align: center;
  }
  .main-container .main .product-list-wrap .product-list a .p-container-bottom .buy-now {
    background: none repeat scroll 0 0 #dc0000;
    color: #FFFFFF;
    display: inline-block;
    font: normal 16px/16px "PT Sans";
    padding: 10px 10px 8px;
    text-decoration: none;
    text-transform: uppercase;
    width: 85%;
  }
  .main-container .main .product-list-wrap .product-list a .p-container-bottom .p-best-seller {
    display: inline-block;
    font-weight: bold;
    padding: 15px 10px 0;
    width: 100%;
  }
  .main-container .main .product-list-wrap .product-list a .p-container-bottom .p-best-seller .pound-sign {
    color: #ccc;
    font-size: 30px;
    font-weight: lighter;
    position: absolute;
  }
  .main-container .main .product-list-wrap .product-list a .p-container-bottom .p-best-seller .number {
    display: inline-block;
    font-size: 42px;
    margin: 5px 5px 0 18px;
    position: relative;
  }
  .main-container .main .product-list-wrap .product-list a .p-container-bottom .p-best-seller .text {
    bottom: 10px;
    color: #ccc;
    position: relative;
  }
  /* Footer 500px */
  .footer-container .wrapper .footer-left .footer-contact {
    text-align: left;
    color: #999999;
  }
  .footer-container .wrapper .footer-left .footer-contact .ft-contact-wrap {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0 0 0 55px;
    font: lighter 18px "PT Sans";
  }
  .footer-container .wrapper .footer-left .footer-contact .ft-contact-wrap.phone {
    background: url(../img/icons.png) no-repeat 0px -73px rgba(0, 0, 0, 0);
  }
  .footer-container .wrapper .footer-left .footer-contact .ft-contact-wrap.mail {
    background: url(../img/icons.png) no-repeat 0px 0px rgba(0, 0, 0, 0);
  }
  .footer-container .wrapper .footer-right {
    width: 340px;
  }
  .footer-container .wrapper .footer-right .ft-menu li {
    width: 113px!important;
  }
  .footer-container .wrapper .footer-right .ft-menu li a {
    padding: 11px 10px 10px;
  }
  .footer-container .wrapper .ft-social-payment-wrap {
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .footer-container .wrapper .ft-social-payment-wrap .social-btn-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 226px;
    margin: 30px auto;
    display: inline-block;
  }
  .footer-container .wrapper .ft-social-payment-wrap .social-btn-wrap li {
    float: left;
    position: relative;
    padding: 0 5px;
  }
  .footer-container .wrapper .ft-social-payment-wrap .ft-payment-option {
    width: 310px;
    margin: 0 auto 30px;
  }
  .footer-container .wrapper .ft-social-payment-wrap .ft-payment-option img {
    width: 100%;
  }
  /* Cart_500 */
  .main-container .cart-wrap .cart-title {
    font: bold 30px/60px "PT Sans";
  }
  .main-container .cart-wrap .condition-navigation .condition-navigation-wrap .condition-navigation-left {
    width: 60%;
    margin-bottom: 0px;
  }
  .main-container .cart-wrap .condition-navigation .condition-navigation-wrap .condition-navigation-right {
    display: block;
  }
  .main-container .cart-wrap .condition-navigation .condition-navigation-wrap span {
    width: unset;
  }
  .main-container .cart-wrap .condition-navigation .condition-navigation-wrap span img {
    width: 100px;
    position: absolute;
    display: inline-block;
    margin: -40px 0 0 0px;
  }
  .main-container .cart-wrap .condition-navigation .active {
    background: #CCCCCC;
    cursor: no-drop;
  }
  .main-container .cart-wrap .cart-box-wrap .place-order-wrap .btn {
    min-width: 260px;
    padding: 0 30px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label {
    display: inline;
    height: 51px;
    font: bold 14px "PT Sans";
    color: #333333;
    background: #F5F5F5;
    width: 100%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column {
    float: left;
    text-transform: capitalize;
    text-align: left;
    padding: 16px 0;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.product {
    width: 80px;
    padding-left: 20px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.empty {
    width: 31%;
    height: 50px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.price {
    width: 15%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.quantity {
    width: 15%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.sub-total {
    width: 13%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.remove-box {
    width: 30px;
    display: none;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .image {
    max-width: 100px;
    height: 150px;
    padding: 28px 10px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .image img {
    max-height: 80px;
    max-width: 80px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .product {
    width: 27%;
    text-align: left;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .product .main-text {
    padding: 25px 15px 25px 0;
    font: bold 16px "PT Sans";
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .product .main-text .sub-text {
    font: lighter 13px "PT Sans";
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .price {
    width: 15%;
    font: lighter 16px "PT Sans";
    height: 142px;
    text-align: left;
    padding: 0 0 0 0px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .quantity {
    width: 15%;
    height: 142px;
    text-align: left;
    display: table;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .quantity .quantity-wrap {
    display: table-cell;
    vertical-align: middle;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .sub-total {
    float: left;
    width: 13%;
    font: bold 16px "PT Sans";
    display: table;
    height: 142px;
    text-align: left;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .sub-total span {
    display: table-cell;
    vertical-align: middle;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .remove {
    float: left;
    display: table;
    height: 142px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .remove a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #999999;
    font-size: 20px;
    cursor: pointer;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .remove a:hover {
    color: #dc0000;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap {
    text-align: center;
    display: block;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap {
    width: 500px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap {
    display: block;
    height: 110px;
    padding: 22px 13px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap span {
    font: 1rem "prompt";
    color: #333333;
    text-transform: capitalize;
    width: 100%;
    display: table-cell;
    text-align: left;
    float: left;
    vertical-align: middle;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap .coupon-input {
    float: left;
    height: 35px;
    padding: 5px;
    font: lighter 16px "prompt";
    text-align: left;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap .apply-btn {
    height: 35px;
    background: #0033CC;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    text-transform: uppercase;
    font: normal 16px/35px "prompt";
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .promo-coupon-wrap span {
    font: lighter 16px/18px "PT Sans";
    width: 250px;
    text-align: center;
    height: 35px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .promo-coupon-wrap .apply-btn {
    max-width: 156px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap {
    display: flex;
    flex-wrap: wrap;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .fitwhey-points {
    display: inline-block;
    padding: 22px 0;
    width: 70%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .fitwhey-points .points-earn {
    background: url(../img/points-icon.png) no-repeat scroll 10px 0px rgba(0, 0, 0, 0);
    color: #333333;
    font: lighter 13px/18px "prompt";
    padding: 10px 0 10px 60px;
    text-transform: capitalize;
    float: left;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .fitwhey-points span {
    color: #0033CC;
    float: left;
    font: bold 18px/18px "prompt";
    padding: 10px 0 10px 10px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .total-points {
    display: inline-block;
    padding: 19px 0;
    text-align: center;
    width: 25%;
    background: none;
    margin-right: 10px;
    border-bottom: 0px solid #EFEFEF;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .total-points .text {
    text-transform: capitalize;
    font: lighter 13px/18px "prompt";
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .total-points span {
    color: #0033CC;
    font: bold 18px/18px "prompt";
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .botton-wrap {
    width: 100%;
    text-align: right;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .botton-wrap .botton-point {
    background: #0033CC;
    padding: 3px 10px 3px 10px;
    display: inline-block;
    color: white;
    font: normal 16px/35px "prompt";
    text-decoration: none;
    border-radius: 5px;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 150px;
    text-align: center;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap {
    background: none;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space {
    display: block;
    width: 300px;
    margin: 0 auto;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space .price-total {
    width: 100%;
    padding: 8px 0 8px 80px;
    margin-left: 0px!important;
  }
  .main-container .cart-wrap .cart-box-wrap .card-noactive img {
    filter: grayscale(100%);
  }
  .main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-wrap .card-condition-box .card-condition-button {
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    cursor: not-allowed;
  }
  .main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-wrap .card-condition-box .card-condition-button:hover {
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    background: white;
  }
  .main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-text .condition-point1 {
    display: none;
  }
  .main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-text .condition-point2 {
    display: inline-block;
    width: 100%;
    text-align: right;
  }
  .main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-text .condition-point2 .status-border {
    border: 1px solid #CCCCCC;
    width: 200px;
    height: 15px;
    border-radius: 20px;
    display: inline-block;
    text-align: left;
  }
  .main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-text .condition-point2 .status-border .text {
    width: 100%;
    position: relative;
    display: block;
    font: 0.575rem "PT Sans";
    text-align: center;
    z-index: 1;
    color: #CCCCCC;
  }
  .main-container .cart-wrap .cart-box-wrap .card-noactive .card-condition-text .condition-point2 .status-border .status {
    width: 50%;
    background: #0033CC;
    display: inline-block;
    position: relative;
    top: -19.5px;
    left: 0px;
  }
  .main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content {
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 405px;
  }
  .main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid {
    max-width: 266px;
    width: 100%;
    min-height: 395px;
  }
  .main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-image {
    height: 200px;
  }
  .main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-image img {
    max-height: 200px;
  }
  .main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-sale-price {
    font: bold 22px "PT Sans";
    display: inline-block;
    margin: 0px 0 2px;
    color: #dc0000;
  }
  .main-container .cart-wrap .cart-box-wrap .add-on-product-wrap .add-on-content .add-on-grid .add-on-sale-price .add-on-old-price {
    padding: 0 10px 0 0;
    text-decoration: line-through;
    color: #999;
    font: lighter 18px "PT Sans";
    float: left;
  }
  /* Co Promotion Grid 500*/
  .main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list .co-promotion-wrap {
    width: 350px;
  }
  .main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list .co-promotion-wrap .co-promotion-image {
    width: 348px;
    height: 248px;
  }
  /* Coming Soon 500 */
  .main-container .blank-main-wrap .coming-soon-wrap .button-wrap .shopping-btn {
    width: 420px;
  }
  /* Confirmation 500 */
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label {
    display: inline;
    height: 50px;
    font: bold 14px "PT Sans";
    color: #333333;
    background: #F5F5F5;
    width: 100%;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column {
    float: left;
    text-transform: capitalize;
    text-align: left;
    padding: 16px 0;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.product {
    width: 130px;
    padding-left: 20px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.empty {
    width: 28%;
    height: 50px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.price {
    width: 16%;
    text-align: center;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.quantity {
    width: 15%;
    text-align: center;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.sub-total {
    width: 13%;
    text-align: center;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.remove-box {
    width: 30px;
    display: none;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap {
    display: table;
    width: 100%;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space {
    display: block;
    width: 300px;
    margin: 0 auto;
    padding: 35px 10px 25px 20px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space span {
    width: 48%;
    display: inline-block;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space .price-total {
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
    padding: 8px 0 8px 30px;
    font: lighter 0.875rem "Helvetica";
    text-transform: capitalize;
    color: #666666;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space .price-total .total {
    font: bold 0.875rem "Helvetica";
    padding-left: 20px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space .table-total {
    font: lighter 1.2rem "Helvetica";
    text-transform: capitalize;
    width: 100%;
    padding: 12px 0 12px 30px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space .table-total .total {
    font: bold 1.2rem "Helvetica";
    padding-left: 20px;
  }
  .main-container .confirmation-wrap .confirmation-product-list {
    min-height: 142px;
    width: 100%;
    text-align: left;
    border: 1px solid #EFEFEF;
    border-bottom: none;
    display: table;
  }
  .main-container .confirmation-wrap .confirmation-product-list .image {
    max-width: 130px!important;
    float: left;
    height: 142px!important;
    padding: 28px 10px!important;
  }
  .main-container .confirmation-wrap .confirmation-product-list .image img {
    width: 80px;
    padding-top: 0px!important;
  }
  .main-container .confirmation-wrap .confirmation-product-list .product {
    float: left;
    width: 28%!important;
    display: table;
    height: 142px;
  }
  .main-container .confirmation-wrap .confirmation-product-list .product .main-text {
    font: bold 16px "PT Sans" !important;
    color: #0033CC;
    vertical-align: middle;
    display: table-cell;
    padding: 25px 0px 25px 0px!important;
  }
  .main-container .confirmation-wrap .confirmation-product-list .product .main-text .sub-text {
    font: lighter 13px "PT Sans" !important;
    color: #333333;
  }
  .main-container .confirmation-wrap .confirmation-product-list .price {
    float: left;
    text-align: center;
    width: 16%!important;
    font: lighter 16px "PT Sans";
    display: table;
    height: 142px!important;
  }
  .main-container .confirmation-wrap .confirmation-product-list .price span {
    display: table-cell;
    vertical-align: middle;
  }
  .main-container .confirmation-wrap .confirmation-product-list .quantity {
    float: left;
    width: 15%!important;
    display: table;
    height: 142px!important;
    text-align: center;
  }
  .main-container .confirmation-wrap .confirmation-product-list .quantity span {
    display: table-cell;
    vertical-align: middle;
  }
  .main-container .confirmation-wrap .confirmation-product-list .sub-total {
    float: left;
    text-align: center;
    width: 13%!important;
    font: bold 16px "PT Sans" !important;
    display: table;
    height: 142px!important;
  }
  .main-container .confirmation-wrap .confirmation-product-list .sub-total span {
    display: table-cell;
    vertical-align: middle;
  }
  .main-container .confirmation-wrap .button-wrap .continue-btn {
    min-width: 260px;
    padding: 0 30px;
  }
  .main-container .confirmation-wrap img {
    padding: 0 0 50px 0;
    width: 450px;
  }
  /* Contact 500 */
  .main-container {
    min-width: 320px!important;
    background-color: #FFFFFF;
  }
  .main-container .contact-wrap {
    display: table;
    position: relative;
    width: 100%;
    height: 485px;
  }
  .main-container .contact-wrap .map-wrap {
    position: relative;
    display: block;
    width: 100%;
    float: left;
  }
  .main-container .contact-wrap .map-wrap #map-canvas {
    width: 100%;
    height: 485px;
    background: #FFFFFF;
    border: 1px solid #666666;
  }
  .main-container .contact-wrap .map-wrap .map-info-wrap {
    width: 310px;
    top: 40px;
    left: 40px;
  }
  .main-container .contact-wrap .bottom-wrap {
    display: table;
    width: 100%;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap {
    display: table;
    width: 100%;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap {
    display: table;
    width: 100%;
    position: relative;
    max-width: 525px;
    margin: 0 auto 20px;
    padding: 30px;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .introduction {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .introduction .title {
    font: bold 24px "PT Sans";
    color: #333333;
    text-transform: capitalize;
    display: table;
    width: 100%;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .introduction .text {
    font: normal 16px "PT Sans";
    color: #999999;
    display: block;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form {
    display: block;
    width: 100%;
    padding: 30px 0;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .form-input {
    width: 100%;
    float: left;
    height: 35px;
    border: 1px solid #999999;
    padding: 0 15px;
    font: lighter 16px/35px "PT Sans";
    text-align: left;
    margin-bottom: 20px;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .selection-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .selection-wrap .drop-down-input {
    width: 100%;
    float: left;
    height: 35px;
    border: 1px solid #999999;
    padding: 0 15px;
    font: lighter 16px/35px "PT Sans";
    text-align: left;
    margin-bottom: 20px;
    background: url(../img/icons.png) no-repeat right -1086px rgba(0, 0, 0, 0);
    cursor: pointer;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .selection-wrap .drop-menu-subject {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    background: #FFFFFF;
    position: absolute;
    top: 34px;
    left: 0px;
    width: 100%;
    max-height: 132px;
    overflow-y: auto;
    border: 1px solid #999999;
    z-index: 1;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .selection-wrap .drop-menu-subject .drop-menu-list {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .selection-wrap .drop-menu-subject .drop-menu-list a {
    display: block;
    text-decoration: none;
    color: #999999;
    width: 100%;
    padding: 0 10px;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .selection-wrap .drop-menu-subject .drop-menu-list a:hover {
    background: #F5F5F5;
    color: #666666;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .sub-title {
    font: bold 14px "PT Sans";
    color: #666666;
    text-transform: capitalize;
    margin-bottom: 15px;
    display: table;
    width: 100%;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form .comment {
    width: 100%;
    height: 90px;
    border: 1px solid #999999;
    font: lighter 16px "PT Sans";
    padding: 5px 15px;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .upload-image-wrap {
    display: none;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .send-btn {
    text-align: center;
    font: bold 17px/50px "PT Sans";
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    background: #0033CC;
    min-width: 440px;
    width: 100%;
    height: 50px;
    position: relative;
    display: table;
    margin: 0 auto;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap {
    display: table;
    width: 100%;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap {
    display: table;
    width: 100%;
    position: relative;
    max-width: 525px;
    margin: 0 auto 50px;
    padding: 30px;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .introduction {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
    display: inline-block;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .introduction .title {
    font: bold 24px "PT Sans";
    color: #333333;
    text-transform: capitalize;
    display: table;
    width: 100%;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .introduction .text {
    font: normal 16px "PT Sans";
    color: #999999;
    display: block;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .fb-login-wrap {
    font: normal 24px "PT Sans";
    color: #333333;
    display: block;
    width: 100%;
    padding: 5px 0;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .fb-login-wrap .fb-content {
    padding: 0 0 30px 0;
    display: inline-block;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .fb-login-wrap .bold {
    font-weight: bold;
    padding: 0 0 15px 0;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .fb-login-wrap .fb-btn {
    display: inline-block;
    margin: 0 0 15px 0;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .support-contact {
    display: block;
    position: relative;
    margin-top: 20px;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .support-contact .contacting {
    display: block;
    margin: 0 0 20px 0;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .support-contact .contacting .support {
    font: normal 16px "PT Sans";
    color: #666666;
    padding: 0;
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap .support-wrap .support-contact .contacting .note-red {
    color: #dc0000;
    font: lighter 14px "PT Sans";
    display: inline-block;
    margin: 0 0 10px 0;
  }
  /* Coupon Grid 500 */
  .main-container .main .login-main-wrap .cg-points-banner {
    margin: 0 20px 16px;
  }
  .main-container .main .login-main-wrap .cg-points-banner .cg-points-value {
    font-size: 18px;
  }
  .main-container .main .login-main-wrap .cg-points-banner .cg-points-value strong {
    font-size: 32px;
  }
  .main-container .main .login-main-wrap .cg-points-banner .cg-points-desc {
    font-size: 13px;
  }
  .main-container .main .login-main-wrap .outter-wrap {
    padding: 0 20px;
  }
  .main-container .main .login-main-wrap .outter-wrap .resp-tabs-list .coupon-tab {
    font-size: 13px;
    padding: 13px 10px;
  }
  .main-container .main .login-main-wrap .outter-wrap .resp-tab-content {
    padding: 20px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list {
    width: 170px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-image img {
    max-height: 140px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .coupon-amount,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .coupon-amount {
    font-size: 20px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .date-used,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .date-used {
    font-size: 13px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .promo-code,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .promo-code {
    font-size: 13px;
  }
  /* Credit Card 500 — display block fix */
  .main-container .login-main-wrap {
    display: block;
  }
  /* Ingredient List 500 */
  .main-container .full-listing-wrap .listing-content-main {
    margin: 20px 20px 0;
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-left .il-heading {
    font-size: 24px;
    text-align: center;
    padding-bottom: 20px;
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-left .il-grid {
    gap: 12px;
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-left .il-card {
    width: calc(33.333% - 8px);
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-left .il-card-name {
    padding: 10px;
    font-size: 13px;
  }
  /* eventss Landing 500 */
  .main-container .blank-main-wrap .events-content .events-block {
    max-width: 500px;
  }
  .main-container .blank-main-wrap .events-content .events-block .events-left {
    width: 500px;
  }
  .main-container .blank-main-wrap .events-content .events-block .events-right {
    width: 480px;
  }
  /* Fake Whey 500 */
  .main-container .fake-whey-wrap .fake-whey-banner-wrap .title {
    font: bold 80px "PT Sans";
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .left-content {
    padding: 50px 40px;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .heading {
    padding: 0 0 20px 0;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .sub-heading-wrap {
    margin: 30px 0 10px 0;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .main-content-new {
    padding: 0px 0px 0px 0px;
    font: normal 18px/30px "PT Sans";
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .main-content-new h3 {
    color: #dc0000;
    font-size: 23px;
  }
  /* Product Grid 500 flash sale */
  .main-container {
    min-width: 320px;
    background-color: #FFFFFF;
  }
  .main-container .navigation-wrap {
    display: none;
  }
  .main-container .main .flash-cover,
  .main-container .flashsale-main-wrap .flash-cover {
    height: 330px;
  }
  .main-container .main .flash-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop,
  .main-container .flashsale-main-wrap .flash-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop {
    margin-top: 0px;
  }
  .main-container .main .flash-product-list-wrap,
  .main-container .flashsale-main-wrap .flash-product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 500px;
    width: 100%;
  }
  .main-container .main .flash-product-list-wrap .pg-product-list.promotion-list,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .pg-product-list.promotion-list {
    height: 460px;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list {
    max-width: 210px;
    margin: 7px 0 3px 26px;
    height: 435px;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-image,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-image {
    height: 200px;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-image img,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-image img {
    max-height: 200px;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price {
    font: bold 22px "Helvetica";
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price .old-price,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price .old-price {
    font: lighter 18px "Helvetica";
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-container-top .flash-code,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-container-top .flash-code {
    width: 90%;
    font: bold 13px "Helvetica";
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-left,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-left {
    font: bold 1em "Helvetica";
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap {
    display: inline-block;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap .timer-box,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap .timer-box {
    font: bold 1.3em "Helvetica";
  }
  .main-container .main .product_grid_wrap,
  .main-container .flashsale-main-wrap .product_grid_wrap {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding: 5px;
    max-width: 640PX;
  }
  .main-container .main .product_grid_wrap a,
  .main-container .flashsale-main-wrap .product_grid_wrap a {
    text-decoration: none;
  }
  .main-container .main .product_grid_wrap .product-right-box,
  .main-container .flashsale-main-wrap .product_grid_wrap .product-right-box {
    text-align: center;
    width: 200px;
    display: inline-block;
    border: 1px solid #CCCCCC;
    margin: 5px 2px 2px 2px;
    border-radius: 5px;
    cursor: pointer;
  }
  .main-container .main .product_grid_wrap .box-img,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-img {
    display: block;
    margin: 0;
    float: none;
    width: 100%;
    min-height: unset;
    width: 200px;
    height: 200px;
    padding: 10px;
    text-align: center;
  }
  .main-container .main .product_grid_wrap .box-img .code-flash_sale,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-img .code-flash_sale {
    display: inline-block;
    width: 100px;
    height: 22px;
    position: absolute;
    z-index: 10px;
    margin: 8px 0 0 -39px;
    color: white;
    padding: 3px;
    font: bold 0.76rem "Helvetica";
  }
  .main-container .main .product_grid_wrap .box-img .code-top,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-img .code-top {
    margin: -11px 0px 0px -10px;
    border-radius: 5px 0 0 0;
    left: unset;
  }
  .main-container .main .product_grid_wrap .box-img .code-bottom,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-img .code-bottom {
    margin: 165px 0 0 -10px;
    left: unset;
  }
  .main-container .main .product_grid_wrap .box-img img,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-img img {
    margin-top: 5px;
    width: 100%;
    max-width: 200px;
    max-height: 200px;
    display: inline-block;
  }
  .main-container .main .product_grid_wrap .box-name,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-name {
    margin-top: 10px;
    width: 100%;
    padding: 0 10px 0 10px;
    color: black;
    height: 40px;
    text-align: center;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-container .main .product_grid_wrap .box-description,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-description {
    text-align: center;
    display: inline-block;
    text-align: left;
    width: 100%;
    height: 40px;
    color: black;
    padding: 0 10px 0 10px;
    margin-top: 3px;
  }
  .main-container .main .product_grid_wrap .box-star,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-star {
    display: none;
    width: 65%;
    font-size: 0.875rem;
    color: #f8db03;
    text-align: left;
  }
  .main-container .main .product_grid_wrap .box-star span,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-star span {
    color: black;
  }
  .main-container .main .product_grid_wrap .box-price-mobile,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-price-mobile {
    width: 100%;
    display: inline-block;
    text-align: center;
    font: bold 1.2rem "prompt";
    color: red;
  }
  .main-container .main .product_grid_wrap .box-type,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-type {
    margin-top: 5px;
    font: 0.675rem "prompt";
    color: #CCCCCC;
  }
  .main-container .main .product_grid_wrap .box-price,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-price {
    width: 100%;
  }
  .main-container .main .product_grid_wrap .box-price .old-price,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-price .old-price {
    width: 45%;
    display: inline-block;
    text-align: right;
    font: lighter 0.875rem "Helvetica";
    color: #CCCCCC;
    text-decoration: line-through;
  }
  .main-container .main .product_grid_wrap .box-price .now-price,
  .main-container .flashsale-main-wrap .product_grid_wrap .box-price .now-price {
    width: 50%;
    display: inline-block;
    text-align: left;
    font: bold 1.1rem "Helvetica";
    color: red;
  }
  .main-container .main .product_grid_wrap .product-right-button,
  .main-container .flashsale-main-wrap .product_grid_wrap .product-right-button {
    width: 70%;
    height: 30px;
    border: 1px solid #dc0000;
    border-radius: 5px;
    display: inline-block;
    color: #dc0000;
    text-align: center;
    font: bold 0.675rem/30px "Helvetica";
    cursor: pointer;
  }
  .main-container .main .product_grid_wrap .product-right-button:hover,
  .main-container .flashsale-main-wrap .product_grid_wrap .product-right-button:hover {
    background: #dc0000;
    color: white;
  }
  .main-container .main .product_grid_wrap .product-right-sold,
  .main-container .flashsale-main-wrap .product_grid_wrap .product-right-sold {
    width: 100%;
    display: block;
    text-align: right;
    font: 0.675rem/30px "kanit";
    color: gray;
    padding: 0 10px 0 0px;
  }
  .fast-cart-mobile,
  .fast-cart-mobile2 {
    max-width: 1100px;
  }
  /* Gift 500 */
  .main-container .checkout-navigation-wrap {
    background: #333333;
    height: 65px;
    text-align: center;
  }
  .main-container .checkout-navigation-wrap .checkout {
    display: table;
    margin: 0 auto;
    height: 65px;
    width: 100%;
    max-width: 700px;
    padding: 0 10px;
  }
  .main-container .checkout-navigation-wrap .checkout .navigation {
    text-decoration: none;
    color: #666666;
    font: bold 13px "Helvetica";
    display: table-cell;
    vertical-align: middle;
    text-transform: capitalize;
  }
  .main-container .checkout-navigation-wrap .checkout .navigation .strong {
    font-size: 30px;
    display: inline;
  }
  .main-container .checkout-navigation-wrap .checkout .navigation span {
    vertical-align: middle;
  }
  .main-container .checkout-navigation-wrap .checkout .navigation.active {
    color: #FFFFFF;
  }
  .main-container .checkout-navigation-wrap .checkout .line {
    display: block;
  }
  .main-container .checkout-navigation-wrap .checkout .line img {
    width: 60%;
    height: 65px;
  }
  .main-container .main-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    padding: 0 32px 20px;
  }
  .main-container .main-content ul .gift-content {
    width: 208px;
    min-height: 385px;
    max-height: 385px;
    float: left;
    margin: 0 5px 10px;
  }
  .main-container .main-content ul .gift-content .gift-image {
    max-width: 170px;
  }
  .main-container .main-content ul .gift-content .gift-image img {
    height: 170px;
    max-width: 170px;
  }
  .main-container .main-content ul .gift-content .gift-detail .title {
    width: 206px;
  }
  .main-container .main-content ul .gift-content .gift-detail .option .cart-btn {
    width: 178px;
  }
  .main-container .main-content ul .gift-content .gift-detail .option .cart-btn:hover {
    opacity: 0.8;
  }
  .main-container .main-content ul .gift-content .gift-detail .point-wrap.active {
    background: url(../img/icons.png) no-repeat 160px -1234px rgba(0, 0, 0, 0);
  }
  .main-container .main-content .gift-group {
    max-width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }
  .main-container .main-content .gift-group .gift-variant-row {
    padding: 10px 10px;
    flex-wrap: wrap;
  }
  .main-container .main-content .gift-group .gift-variant-row .gift-variant-thumb {
    width: 36px;
    height: 36px;
    margin-right: 8px;
  }
  .main-container .main-content .gift-group .gift-variant-row .gift-variant-info {
    min-width: 0;
    flex: 1;
  }
  .main-container .main-content .gift-group .gift-variant-row .gift-variant-info .gift-variant-size {
    font-size: 0.8rem;
  }
  .main-container .main-content .gift-group .gift-variant-row .gift-variant-info .gift-variant-flavour {
    font-size: 0.75rem;
  }
  .main-container .main-content .gift-group .gift-variant-row .gift-variant-point {
    width: auto;
    padding-right: 8px;
  }
  .main-container .main-content .gift-group .gift-variant-row .gift-variant-point .red {
    font-size: 0.8rem;
  }
  .main-container .main-content .gift-group .gift-variant-row .gift-variant-point .text {
    font-size: 0.7rem;
  }
  .main-container .main-content .gift-group .gift-variant-row .gift-stepper .stepper-btn {
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 26px;
  }
  .main-container .main-content .gift-group .gift-variant-row .gift-stepper .stepper-qty {
    width: 28px;
    font-size: 0.8rem;
  }
  .main-container .bottom-menu .gift-menu {
    padding: 10px 20px;
  }
  .main-container .bottom-menu .gift-menu .point-total .text {
    font-size: 0.8rem;
    padding-left: 25px;
    background-size: 20px;
  }
  .main-container .bottom-menu .gift-menu .point-total .number {
    font: bold 1.1rem "Helvetica";
  }
  .main-container .bottom-menu .gift-menu .gift-total span {
    font-size: 0.8rem;
  }
  .main-container .bottom-menu .gift-menu .gift-total .number {
    font: bold 1.1rem "Helvetica";
  }
  .main-container .bottom-menu .btn {
    height: 46px;
    font: bold 14px/46px "Helvetica";
  }
  .main-container .freebies-grid .gift-group {
    width: calc(50% - 5px);
  }
  /* Give Away Landing 500*/
  .main-container .large-bg-ga {
    height: 430px;
    background-size: auto;
  }
  .main-container .large-bg-ga .gift {
    padding-top: 330px;
  }
  .main-container .large-bg-ga .gift .gift-mobile img {
    width: 500px;
  }
  .main-container .blank-main-wrap .giveaway-content .giveaway-block .giveaway-left {
    width: 500px;
  }
  .main-container .blank-main-wrap .giveaway-content .giveaway-block .giveaway-right {
    width: 480px;
  }
  /* Knowledge 500 */
  .main-container .job-wrap .job-description-wrap {
    margin: 30px auto 50px;
  }
  .main-container .job-wrap .job-description-wrap .job-description .section {
    font-size: 18px;
  }
  .main-container .job-wrap .job-description-wrap .job-description h2 {
    font-size: 28px;
  }
  .main-container .job-wrap .job-description-wrap .job-description ul li {
    font-size: 16px;
  }
  .main-container .job-wrap .job-description-wrap .how-to-apply {
    font-size: 16px;
  }
  /* Knowledge 500 */
  .main-container .knowledge-wrap .knowledge-search-wrap .search-input-wrap {
    max-width: 500px;
  }
  .main-container .knowledge-wrap .knowledge-search-wrap .search-input-wrap .form-input {
    width: 100%;
    height: 55px;
  }
  .main-container .knowledge-wrap .knowledge-search-wrap .search-input-wrap .search-btn {
    position: absolute!important;
    right: 0;
    top: 0;
  }
  .main-container .knowledge-wrap .knowledge-search-wrap .search-input-wrap .search-btn img {
    width: 152px;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .left-content .main-content {
    width: 100%;
  }
  /* Lab Test */
  .main-container .banner-cover {
    background: url(../img/amino-spike-free-cover-mb.webp) no-repeat center top;
    background-size: cover;
    display: inline-block;
    width: 100%;
    max-width: 2000px;
    height: 400px;
  }
  .main-container .main .lt-intro h2.intro-heading {
    padding: 15px 20px 0 0;
    margin: 40px 0 20px 0;
    font-size: 2.4em;
  }
  .main-container .main .lt-intro h3.intro-sub-heading {
    text-transform: uppercase;
    font-size: 1.5em;
    padding: 0 0 0 0;
    margin: 0 0 30px 0;
    text-align: center;
  }
  .main-container .main .lt-intro .lt-intro-content {
    padding: 0 25px;
    font: normal 18px/34px "PT Sans";
  }
  .main-container .main .lt-intro .lt-intro-content .lab-image {
    width: 100%;
    float: right;
    margin-left: 40px;
    margin-bottom: 15px;
  }
  .main-container .main .lt-intro .lt-intro-content a {
    text-decoration: none;
  }
  .main-container .main .lt-intro .lt-intro-content a .l-lightbox {
    width: 150px;
    box-shadow: 1px 1px 3px #000000;
    margin: 10px 10px 10px 0;
    vertical-align: top;
  }
  .main-container .main .lt-intro .lt-intro-content a .l-lightbox:hover {
    box-shadow: none;
  }
  .main-container .main .lt-intro .lt-intro-content .lt-intro-content-box {
    padding: 25px 30px;
    border-radius: 10px;
    border: 3px dotted #CCC;
  }
  .main-container .main .lt-intro .lt-intro-content .lab-video {
    width: 100%;
    height: 100%;
    margin: 40px auto 10px;
  }
  .main-container .main .lt-search-by-wrap {
    display: flex;
    margin: 0 0 20px 0;
    padding: 0 25px;
    flex-direction: column;
    justify-content: center;
  }
  .main-container .main .lt-search-by-wrap h3 {
    margin: 25px 0;
    font: bold 24px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .main .lt-search-by-wrap .lab-search {
    border: 1px solid #ccc;
    width: 360px;
    display: inline-block;
    font: bold 14px/23px "PT Sans";
    text-decoration: none;
    color: #666;
    padding: 0 15px;
    margin: 5px 0 10px 0;
  }
  .main-container .main .lt-search-by-wrap .search-option-wrap {
    display: inline-block;
    margin: 0 10px 0 0;
  }
  .main-container .main .lt-search-by-wrap .search-option-wrap .title {
    font: lighter 14px/26px "PT Sans";
    color: #666666;
    text-transform: capitalize;
    margin: 0 5px 0 0;
  }
  .main-container .main .lt-search-by-wrap .search-option-wrap .search-by-drop-wrap {
    text-transform: capitalize;
    position: relative;
    text-align: left;
  }
  .main-container .main .lt-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop {
    border: 1px solid #CCCCCC;
    width: 140px;
    display: inline-block;
    font: bold 14px/23px "PT Sans";
    text-decoration: none;
    color: #666666;
    padding: 0 15px;
    background: url(../img/icons.png) no-repeat 106px -769px rgba(0, 0, 0, 0);
  }
  .main-container .main .lt-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    background: #FFFFFF;
    left: 0;
    top: 21px;
    width: 140px;
    padding: 5px 0;
    border: 1px solid #CCCCCC;
    z-index: 2;
  }
  .main-container .main .lt-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a {
    text-decoration: none;
    font: normal 14px "PT Sans";
    color: #666666;
    display: block;
    padding: 5px 0 5px 15px;
  }
  .main-container .main .lt-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a:hover {
    color: #CCCCCC;
  }
  .main-container .main .lt-search-by-wrap .lt-page-wrap-top {
    display: none;
  }
  .main-container .main .lt-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .main .lt-page-wrap .lt-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .lt-page-wrap .lt-prev-next:hover {
    color: #0033CC;
  }
  .main-container .main .lt-page-wrap .lt-page .lt-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  .main-container .main .lab-result-content {
    max-width: 1100px;
    width: 100%;
    margin: 15px auto;
    text-align: center;
    border-right: 1px solid #999999;
    white-space: normal;
  }
  .main-container .main .lab-result-content .table-heading-wrap {
    background: #CCCCCC;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .main-container .main .lab-result-content .table-heading-wrap .table-heading {
    padding: 5px 5px;
    font: bold 11px "PT Sans";
    text-transform: capitalize;
    color: #333333;
    border: 1px solid #999999;
    border-right: none;
    display: table-cell;
    vertical-align: middle;
    height: 51px;
  }
  .main-container .main .lab-result-content .table-heading-wrap .table-heading.eight {
    width: 8%;
  }
  .main-container .main .lab-result-content .table-heading-wrap .table-heading.ten {
    width: 10%;
  }
  .main-container .main .lab-result-content .table-heading-wrap .table-heading.twelve {
    width: 10%;
  }
  .main-container .main .lab-result-content .table-heading-wrap .table-heading.thirteen {
    width: 10%;
  }
  .main-container .main .lab-result-content .table-heading-wrap .table-heading.fourteen {
    width: 10%;
  }
  .main-container .main .lab-result-content .table-heading-wrap .table-heading.twentyfive {
    width: 25%;
  }
  .main-container .main .lab-result-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .main-container .main .lab-result-content ul .table-content-wrap {
    background: #FFFFFF;
    width: 100%;
  }
  .main-container .main .lab-result-content ul .table-content-wrap.gray {
    background: #EFEFEF;
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content {
    padding: 8px 4px;
    font: normal 10px "PT Sans";
    text-transform: capitalize;
    color: #666666;
    border: 1px solid #999999;
    border-top: none;
    border-right: none;
    display: table-cell;
    vertical-align: middle;
    height: 52px;
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content.bold-title {
    color: #333333;
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content.number {
    color: #333333;
    font-style: italic;
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content.eight {
    width: 8%;
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content.eight img {
    width: 30px;
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content.ten {
    width: 10%;
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content.twelve {
    width: 10%;
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content.thirteen {
    width: 10%;
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content.thirteen a {
    text-decoration: none;
    text-transform: uppercase;
    font: bold 10px "Helvetica Neue";
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content.fourteen {
    width: 10%;
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content.twentyfive {
    width: 25%;
  }
  .main-container .main .lab-result-content .table-content-wrap {
    background: #FFFFFF;
    width: 100%;
  }
  .main-container .main .lab-result-content .table-content-wrap.gray {
    background: #EFEFEF;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content {
    padding: 8px 4px;
    font: normal 10px "PT Sans";
    text-transform: capitalize;
    color: #666666;
    border: 1px solid #999999;
    border-top: none;
    border-right: none;
    vertical-align: middle;
    height: 52px;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content img {
    width: 25px;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.bold-title {
    color: #333333;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.number {
    color: #666666;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.eight {
    width: 8%;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.ten {
    width: 10%;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.twelve {
    width: 10%;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.thirteen {
    width: 8%;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.thirteen a {
    text-decoration: none;
    text-transform: uppercase;
    font: bold 10px "Helvetica Neue";
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.fourteen {
    width: 10%;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.twentyfive {
    width: 25%;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.success {
    color: #009900;
    font-weight: bold;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.fail {
    color: #dc0000;
    font-weight: bold;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.passed {
    color: #FFFFFF;
    font-weight: bold;
    background: #009900;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.failed {
    color: #FFFFFF;
    font-weight: bold;
    background: #dc0000;
  }
  /* Login Signup 500 */
  .main-container .login-main-wrap .login-nav-wrap {
    height: 56px;
  }
  .main-container .login-main-wrap .login-nav-wrap .nav-selection {
    font: bold 16px/56px "PT Sans";
  }
  .main-container .login-main-wrap .login-main {
    max-width: 480px;
  }
  .main-container .login-main-wrap .login-main .title-wrap {
    padding: 40px 0 20px;
  }
  .main-container .login-main-wrap .login-main .title-wrap .title {
    font: bold 1.4rem "PT Sans";
  }
  .main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .content-wrap .form-grid {
    gap: 14px;
    padding: 24px;
  }
  .main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .login-btn-container .login-btn,
  .main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .login-btn-container .submit-btn,
  .main-container .login-main-wrap .login-main .bottom-wrap .left-login-wrap .login-btn-container .save-btn {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
  .main-container .login-main-wrap .login-main .bottom-wrap .right-signup-wrap .signup-content {
    padding: 24px;
  }
  .main-container .login-main-wrap .login-main .bottom-wrap .right-signup-wrap .signup-content .sub-text {
    font-size: 15px;
  }
  .main-container .login-main-wrap .login-main .bottom-wrap .right-signup-wrap .signup-btn {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
  /* Money Transfer Notification 500 */
  .main-container .money-transfer-wrap .transfer-notice-wrap .title-wrap .title {
    font: bold 30px "PT Sans";
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .left {
    width: 480px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .left .head-notice {
    font: bold 16px "PT Sans";
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .left .list-notice {
    font: normal 14px/28px "PT Sans";
    padding: 0 0 0 50px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .left .bank-option-wrap .text-wrap {
    font: normal 14px/28px "PT Sans";
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right {
    width: 480px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap {
    display: block;
    position: relative;
    width: 100%;
    padding: 15px 0;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .input-label {
    width: 130px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .selection-wrap {
    width: 300px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .input-box {
    width: 300px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .input-box.drop-down {
    background: url(../img/icons.png) no-repeat 263px -1091px rgba(0, 0, 0, 0);
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .important-notice {
    max-width: 100%;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .send-btn {
    width: 460px;
  }
  /* My Account 500 */
  .main-container .login-main-wrap {
    display: block;
  }
  .main-container .login-main-wrap .my-account-wrap .title-wrap {
    padding: 30px 0 20px;
  }
  .main-container .login-main-wrap .my-account-wrap .title-wrap .title {
    font: bold 1.4rem "PT Sans";
  }
  .main-container .login-main-wrap .my-account-wrap .form-grid .form-field {
    flex: 1;
    flex-basis: 0;
  }
  .main-container .login-main-wrap .my-account-wrap .address-card {
    flex: 1 1 calc(50% - 6px);
  }
  /* Notification Gift Skip 500 */
  .fancybox-wrap .notification-gift-wrap {
    width: 420px!important;
  }
  .fancybox-wrap .notification-gift-wrap .btn-wrap .continue-btn {
    width: 180px!important;
  }
  .fancybox-wrap .notification-gift-wrap .btn-wrap .checkout-btn {
    width: 180px!important;
    float: left!important;
  }
  /* Notification Popup 500 */
  .fancybox-wrap .notification-info-wrap {
    width: 420px!important;
  }
  .fancybox-wrap .notification-info-wrap .btn-wrap .continue-btn {
    width: 180px!important;
    float: left!important;
  }
  .fancybox-wrap .notification-info-wrap .btn-wrap .checkout-btn {
    width: 180px!important;
  }
  /* Order History Detail 500 */
  .main-container .history-detail-wrap .history-detail-title {
    padding: 35px 0;
    display: block;
  }
  .main-container .history-detail-wrap .history-detail-title .shipping-process {
    max-width: 1100px;
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
    margin: 0 auto 20px;
    display: none;
    border-bottom: 1px solid #CCCCCC;
  }
  .main-container .history-detail-wrap .history-detail-title .shipping-process .step-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: capitalize;
    display: inline-block;
  }
  .main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step {
    float: left;
    padding: 90px 0 0 0;
    font: bold 16px "PT Sans";
    display: block;
    width: 135px;
  }
  .main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step.one {
    background: url(../img/payment-step-icons.png) no-repeat 7px -1px rgba(0, 0, 0, 0);
  }
  .main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step.two {
    background: url(../img/payment-step-icons.png) no-repeat 7px -99px rgba(0, 0, 0, 0);
  }
  .main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step.three {
    background: url(../img/payment-step-icons.png) no-repeat 7px -209px rgba(0, 0, 0, 0);
  }
  .main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step.four {
    margin-right: 0;
    background: url(../img/payment-step-icons.png) no-repeat 7px -300px rgba(0, 0, 0, 0);
  }
  .main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step.line {
    width: 40px;
    padding: 50px 0 0;
    margin: 0 15px;
    border-bottom: 3px solid #0033CC;
  }
  .main-container .history-detail-wrap .history-detail-title .shipping-process .step-list .step.active {
    color: #009900;
  }
  .main-container .history-detail-wrap .history-detail-title .heading {
    display: block;
    width: 100%;
    font: bold 30px "PT Sans";
    text-transform: uppercase;
    color: #333333;
    padding: 0 0 10px 0;
  }
  .main-container .history-detail-wrap .history-detail-title .sub-heading {
    display: inline-block;
    font: bold 16px/22px "PT Sans";
    width: 88%;
    text-transform: capitalize;
  }
  .main-container .history-detail-wrap .history-detail-title .status {
    text-transform: capitalize;
  }
  .main-container .history-detail-wrap .history-detail-title .status.red {
    color: #dc0000;
  }
  .main-container .history-detail-wrap .history-detail-title .status.green {
    color: #009900;
  }
  .main-container .history-detail-wrap .history-detail-title .status.gray {
    color: #999999;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label {
    display: inline;
    height: 50px;
    font: bold 14px "PT Sans";
    color: #333333;
    background: #F5F5F5;
    width: 100%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column {
    float: left;
    text-transform: capitalize;
    text-align: left;
    padding: 16px 0;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.product {
    width: 80px;
    padding-left: 20px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.empty {
    width: 39%;
    height: 50px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.price {
    width: 15%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.quantity {
    width: 15%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.sub-total {
    width: 13%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.remove-box {
    width: 30px;
    display: none;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list {
    min-height: 142px;
    width: 100%;
    text-align: left;
    border: 1px solid #EFEFEF;
    border-bottom: none;
    border-radius: 5px;
    display: table;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .image {
    max-width: 100px;
    float: left;
    padding: 28px 10px;
    height: 100%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .image img {
    width: 80px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .product {
    float: left;
    width: 34%;
    display: table;
    height: 142px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .product .main-text {
    font: bold 16px "PT Sans";
    color: #0033CC;
    vertical-align: middle;
    display: table-cell;
    padding: 25px 10px 25px 10px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .product .main-text .sub-text {
    font: lighter 13px "PT Sans";
    color: #333333;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .price {
    float: left;
    width: 15%;
    font: lighter 16px "PT Sans";
    display: table;
    height: 142px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .price span {
    display: table-cell;
    vertical-align: middle;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .quantity {
    float: left;
    width: 15%;
    display: table;
    height: 142px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .quantity span {
    display: table-cell;
    vertical-align: middle;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .sub-total {
    float: left;
    width: 13%;
    font: bold 16px "PT Sans";
    display: table;
    height: 142px;
    margin-right: 0px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .sub-total span {
    display: table-cell;
    vertical-align: middle;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .remove {
    float: left;
    display: table;
    height: 142px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .remove a {
    width: 30px;
    height: 20px;
    background: url(../img/icons.png) no-repeat -4px -1169px rgba(0, 0, 0, 0);
    display: block;
    margin: 60px 0;
  }
  .main-container .history-detail-wrap img {
    width: 500px;
  }
  /* Order History 500 */
  .main-container .login-main-wrap {
    display: block;
  }
  .main-container .login-main-wrap .oh-box-image img {
    width: 120px;
  }
  /* Welcome payment complete 500*/
  .main-container .payment-complete-main-wrap .payment-complete-wrap .title-wrap .title {
    font: bold 30px/100px "PT Sans";
    width: 500px;
    text-align: left;
  }
  .main-container .payment-complete-main-wrap .payment-complete-wrap .title-wrap .title.successful {
    padding-left: 60px;
    padding-bottom: 0px;
    color: #009900;
    background: url(../img/success-icon.png) no-repeat 350px -5px;
  }
  .main-container .payment-complete-main-wrap .payment-complete-wrap .title-wrap .title.denied {
    padding-left: 50px;
    padding-bottom: 0px;
    color: #dc0000;
    background: url(../img/denied-icon.png) no-repeat 380px -5px;
  }
  .main-container .payment-complete-main-wrap .payment-complete-wrap .text-wrap {
    min-width: 500px;
  }
  .main-container .payment-complete-main-wrap .payment-complete-wrap .button-wrap .continue-btn {
    width: 420px;
    height: 60px;
    font: bold 24px/60px "PT Sans";
  }
  /* Product Detail 500 */
  .main-container {
    min-width: 500px;
    background-color: #FFFFFF;
  }
  .main-container .now-white {
    background: #FFFFFF;
  }
  .main-container .pd-main-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 45px 10px 10px;
    background: #FFFFFF;
  }
  .main-container .pd-main-wrap .pd-top-holder {
    display: block;
    width: 100%;
    min-width: 480px;
    position: relative;
    text-align: center;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main {
    position: relative;
    max-width: 240px;
    display: inline-block;
    vertical-align: top;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main .pd-float-img {
    z-index: 1;
    position: absolute;
    bottom: -8px;
    left: 15px;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main .pd-float-img .sure-logo {
    width: 100px;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main img {
    width: 100%;
    max-width: 400px;
    position: relative;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap {
    width: 100%;
    display: block;
    margin-top: 10px;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap {
    width: 450px;
    position: absolute;
    z-index: 2;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap .back-button {
    width: 25px;
    height: 25px;
    border-radius: 20px;
    font-size: 1.2rem;
    color: #444444;
    background: white;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    text-align: center;
    display: block;
    float: left;
    margin: 5% 0 0 -15px;
    padding: 0px 0 0 0px;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap .next-button {
    text-align: center;
    font-size: 1.2rem;
    color: #444444;
    display: block;
    float: right;
    margin: 5% 190px 0 3px;
    background: white;
    width: 25px;
    height: 25px;
    padding: 0px 0 0 3px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img {
    white-space: nowrap;
    overflow: auto;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img .multi-img-box {
    width: 80px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #EFEFEF;
    border-radius: 10px;
    margin-right: 10px;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img .multi-img-box img {
    width: 100%;
    max-width: 150px;
  }
  .main-container .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile {
    display: none;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap {
    max-width: 260px;
    display: inline-block;
    color: #333333;
    text-transform: uppercase;
    padding: 15px 0;
    text-align: left;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-brand {
    text-align: left;
    display: block;
    font: bold 16px/16px "Helvetica";
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-name {
    display: block;
    width: 100%;
    font: bold 36px/42px "Helvetica";
    margin: 15px 0 0;
    display: inline-block;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .selection-points-new {
    color: #666666;
    display: block;
    font: lighter 13px "Helvetica";
    padding: 10px 0 0 0;
    margin: 10px 0;
    text-transform: capitalize;
    border-top: 1px solid #EFEFEF;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .selection-points-new .points {
    color: #0033CC;
    font: bold 20px "Helvetica";
    padding-left: 30px;
    background: url(../img/icons.png) no-repeat scroll -5px -832px rgba(0, 0, 0, 0);
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-description {
    display: block;
    font: lighter 14px/16px "Helvetica";
    text-transform: capitalize;
    margin: 15px 0;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-supplement-btn {
    color: #FFFFFF;
    display: block;
    background: url(../img/button-icons.png) no-repeat 180px -160px #0033CC;
    text-decoration: none;
    width: 220px;
    padding: 13px 10px 13px 20px;
    margin-top: 20px;
    font: normal 12px "Helvetica";
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-supplement-btn:hover {
    opacity: 0.9;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup {
    display: none;
  }
  .main-container .pd-main-wrap .pd-top-holder .pd-image-main-mobile {
    display: none;
  }
  .main-container .pd-main-wrap .pd-bottom-holder {
    display: none;
  }
  .main-container .pd-right-content-wrap {
    position: relative;
    display: block;
    margin: 0 auto 20px;
    width: 420px;
  }
  .main-container .pd-right-content-wrap .pd-right-head {
    font: bold 22px "Helvetica";
    color: #666666;
    text-transform: capitalize;
    display: block;
    text-align: center;
    border-bottom: 1px solid #EFEFEF;
    margin: 5px 0 25px 0;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap {
    display: block;
    margin-bottom: 20px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap {
    display: table;
    margin-bottom: 15px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-image {
    width: 150px;
    height: 115px;
    float: left;
    text-align: center;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-image img {
    max-height: 115px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content {
    float: left;
    width: 220px;
    text-transform: uppercase;
    padding: 25px 0 0 0;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content {
    font: bold 20px "Helvetica";
    padding-bottom: 10px;
    display: inline-block;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.weight {
    color: #333333;
    margin-right: 5px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.weight .price-discount-percent {
    position: relative;
    display: inline-block;
    background: #dc0000;
    padding: 5px 12px;
    margin: 0 0 0 8px;
    vertical-align: top;
    color: #fff;
    font: normal 14px/12px "Helvetica";
    text-transform: capitalize;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.price {
    color: #0033CC;
    padding-top: 5px;
    border-top: 1px solid #CCCCCC;
    width: 100%;
    padding: 10px 0;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.price .price-display {
    font: normal 16px/13px "Helvetica";
    color: #999;
    text-decoration: line-through;
    display: inline-block;
    padding: 3px 5px 0 0;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.price .price-sale {
    font: bold 23px/13px "Helvetica";
    color: #dc0000;
    display: inline-block;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-content.price .save {
    color: #dc0000;
    margin-left: 10px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-points {
    background: url(../img/icons.png) no-repeat scroll -3px -820px rgba(0, 0, 0, 0);
    color: #666666;
    display: block;
    font: lighter 13px "Helvetica";
    padding: 10px 0 0 35px;
    text-transform: capitalize;
    border-top: 1px solid #EFEFEF;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-points .points {
    color: #0033CC;
    font: bold 20px "Helvetica";
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li {
    display: block;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .label {
    font: normal 12px "Helvetica";
    color: #999999;
    text-transform: capitalize;
    padding: 0 0 0 10px;
    display: inline-block;
    width: 85px;
    vertical-align: middle;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .label.first {
    width: 120px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .label.flavor {
    width: 120px;
    padding: 0 0 0 10px;
    color: #333333;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .label.available {
    color: #333333;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .expire {
    font: normal 12px "Helvetica";
    color: #666666;
    text-transform: capitalize;
    padding: 0 0 0 10px;
    display: inline-block;
    width: 65px;
    vertical-align: middle;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .promo-discount {
    font: normal 12px "Helvetica";
    color: #dc0000;
    margin: 3px 10px 0px 10px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .product-discount-wrap {
    position: relative;
    display: flow-root;
    padding: 2px 0 0 0;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .product-discount-wrap .product-discount {
    position: relative;
    display: inline-block;
    background: #dc0000;
    padding: 3px 10px;
    color: #FFFFFF;
    margin: 0px 0 2px 10px;
    font: normal 10px/12px "Helvetica";
    text-transform: capitalize;
    float: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .product-discount-wrap .product-discount-arrow {
    float: left;
    margin-right: 16px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: none;
    border-left: 7px solid #dc0000;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .product-discount-wrap .product-discount-old {
    font: normal 12px/11px "Helvetica";
    color: #999;
    text-decoration: line-through;
    display: inline-block;
    padding: 3px 5px 0 0;
    float: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .product-discount-wrap .product-discount-new {
    font: bold 15px/11px "Helvetica";
    color: #dc0000;
    padding: 3px 2px 0 0;
    float: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .add-to-cart-new-btn {
    margin: 0 0 0 15px;
    vertical-align: middle;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .add-to-cart-new-btn:hover {
    opacity: 0.8;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 {
    display: block;
    margin-bottom: 20px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap {
    display: table;
    margin-bottom: 15px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-image {
    width: 150px;
    height: 115px;
    float: left;
    text-align: center;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-image img {
    max-height: 115px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content {
    float: left;
    width: 220px;
    text-transform: uppercase;
    padding: 25px 0 0 0;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content {
    font: bold 20px "Helvetica";
    padding-bottom: 10px;
    display: inline-block;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.weight {
    color: #333333;
    margin-right: 5px;
    text-align: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.weight .price-discount-percent {
    position: relative;
    display: inline-block;
    background: #dc0000;
    padding: 5px 12px;
    margin: 0 0 0 8px;
    vertical-align: top;
    color: #fff;
    font: normal 14px/12px "Helvetica";
    text-transform: capitalize;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.price {
    color: #0033CC;
    padding-top: 5px;
    border-top: 1px solid #CCCCCC;
    width: 100%;
    padding: 10px 0;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.price .price-display {
    font: normal 16px/13px "Helvetica";
    color: #999;
    text-decoration: line-through;
    display: inline-block;
    padding: 3px 5px 0 0;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.price .price-sale {
    font: bold 23px/13px "Helvetica";
    color: #dc0000;
    display: inline-block;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-content.price .save {
    color: #dc0000;
    margin-left: 10px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-points {
    background: url(../img/icons.png) no-repeat scroll -3px -820px rgba(0, 0, 0, 0);
    color: #666666;
    display: block;
    font: lighter 13px "Helvetica";
    padding: 10px 0 0 35px;
    text-transform: capitalize;
    border-top: 1px solid #EFEFEF;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-points .points {
    color: #0033CC;
    font: bold 20px "Helvetica";
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .promotionset-add-to-cart-btn {
    padding: 20px 10px 20px 0;
    text-align: right;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .promotionset-add-to-cart-btn a {
    text-decoration: none;
    background: #009900;
    padding: 10px 15px 10px 15px;
    font: 1rem/20px "Helvetica";
    color: white;
    cursor: pointer;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap {
    display: table;
    width: 100%;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-flag {
    width: 70px;
    height: 100px;
    position: absolute;
    background-image: url(../img/free_flag.png);
    background-size: 70px;
    background-repeat: no-repeat;
    text-align: center;
    margin-left: 30px;
    display: block;
    float: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-flag .pd-freebies-text {
    color: white;
    font: bold 30px/70px "Helvetica";
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box {
    border-bottom: 1px solid #CCCCCC;
    height: 80px;
    background: #EFEFEF;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-free {
    display: block;
    float: left;
    padding-top: 23px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-free .free {
    position: relative;
    display: inline-block;
    background: #0033CC;
    padding: 7px 15px;
    color: #FFFFFF;
    margin: 0px 0 2px 10px;
    font: normal 16px/12px "Helvetica";
    text-transform: capitalize;
    float: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-free .free-arrow {
    float: left;
    margin-right: 16px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: none;
    border-left: 13px solid #0033CC;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-image {
    width: 80px;
    text-align: center;
    display: block;
    float: left;
    margin-right: 10px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-image img {
    max-height: 70px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-image div {
    position: absolute;
    display: block;
    margin: -29px 0 0 29px;
    color: white;
    background: #0033CC;
    padding: 1px;
    width: 45px;
    height: 20px;
    font: bold 14px/19px "Helvetica";
    border-radius: 5px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-name {
    font: 12px/20px "Helvetica";
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 10px;
    margin-right: 10px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-content {
    font: bold 16px/20px "Helvetica";
    margin: 10px 0 10px 0;
    display: block;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li {
    display: block;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label {
    font: normal 12px "Helvetica";
    color: #999999;
    text-transform: capitalize;
    padding: 10px 0 0 10px;
    display: inline-block;
    width: 75px;
    vertical-align: middle;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label.first {
    width: 120px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label.flavor {
    width: 120px;
    padding: 17px 0 0 10px;
    color: #333333;
    vertical-align: top;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label.available {
    color: #333333;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap {
    position: relative;
    display: flow-root;
    padding: 5px 0 0 0;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount {
    position: relative;
    display: inline-block;
    background: #dc0000;
    padding: 3px 10px;
    color: #FFFFFF;
    margin: 0px 0 2px 10px;
    font: normal 10px/12px "Helvetica";
    text-transform: capitalize;
    float: left;
    width: 82px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount-arrow {
    float: left;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: none;
    border-left: 7px solid #dc0000;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount-old {
    font: normal 12px/11px "Helvetica";
    color: #999;
    text-decoration: line-through;
    display: inline-block;
    padding: 3px 5px 0 0;
    float: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount-new {
    font: bold 15px/11px "Helvetica";
    color: #dc0000;
    padding: 3px 2px 0 0;
    float: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .discount-price {
    width: 85px;
    display: inline-block;
    text-align: right;
    color: #dc0000;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .discount-price .old-price {
    font: 0.875rem "Helvetica";
    display: inline-block;
    color: #444444;
    text-decoration: line-through;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .expire {
    font: normal 12px "Helvetica";
    color: #666666;
    text-transform: capitalize;
    padding: 0px 0 0 10px;
    display: inline-block;
    width: 100px;
    text-align: center;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .promo-discount {
    font: normal 12px "Helvetica";
    color: #dc0000;
    margin: 3px 10px 0px 10px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .add-to-cart-new-btn {
    margin: 0 0 0 0px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .add-to-cart-new-btn:hover {
    opacity: 0.8;
  }
  .main-container .pd-right-content-wrap .pd-product-label-wrap {
    display: none;
    padding: 30px 20px;
    text-align: center;
    background: #EFEFEF;
    position: relative;
  }
  .main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-title {
    font: bold 16px "Helvetica";
    color: #666666;
    padding: 0 0 30px;
    display: block;
    text-transform: capitalize;
  }
  .main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-selection {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #666666;
    display: inline-block;
    font: lighter 14px/27px "Helvetica";
    padding-left: 10px;
    text-decoration: none;
    width: 280px;
    height: 30px;
    text-align: left;
    position: relative;
  }
  .main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-selection:after {
    content: "▼";
    position: absolute;
    right: 9px;
    top: 2px;
    cursor: pointer;
  }
  .main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-drop {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    background: #FFFFFF;
    left: 45px;
    top: 111px;
    width: 280px;
    padding: 5px 0;
    border: 1px solid #CCCCCC;
    z-index: 1;
    text-align: left;
  }
  .main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-drop a {
    text-decoration: none;
    font: normal 14px "Helvetica";
    color: #666666;
    display: block;
    padding: 5px 0 5px 15px;
  }
  .main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-drop a:hover {
    color: #CCCCCC;
  }
  .main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-fda-text {
    padding-left: 52px;
    margin-top: 15px;
    display: inline-block;
    position: relative;
    font: normal 15px "Helvetica";
  }
  .main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-fda-number {
    margin: 3px auto 15px;
    padding: 8px 0px 5px 30px;
    font-size: 18px;
    letter-spacing: 1px;
    background: url(../img/fda-bg.png) no-repeat center;
  }
  .main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-image {
    display: block;
    text-align: center;
    margin-top: 15px;
  }
  .main-container .pd-right-content-wrap .pd-product-label-wrap .pd-product-label-image img {
    width: 275px;
  }
  .main-container .pd-product-content-wrap {
    display: inline-block;
    width: 100%;
    background: #FFFFFF;
    max-width: 730px;
  }
  .main-container .pd-product-content-wrap .pd-product-description-readmore {
    width: 100%;
    height: 50px;
  }
  .main-container .pd-product-content-wrap .pd-product-description-readmore button {
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    border: 1px solid #888;
    background: #eee;
    bottom: 0px;
  }
  .main-container .pd-product-content-wrap .pd-product-description-readmore button strong {
    color: blue;
  }
  .main-container .pd-product-content-wrap .pd-product-content-heading {
    display: inline-block;
    font: bold 20px "Helvetica";
    text-transform: uppercase;
    color: #0033CC;
    margin-top: 0;
    margin-bottom: 15px;
  }
  .main-container .pd-product-content-wrap .bullet-highlight {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 15px;
    padding-left: 30px;
    list-style-type: square;
    padding-left: 40px;
  }
  .main-container .pd-product-content-wrap .bullet-highlight li {
    font: normal 14px "Helvetica";
    color: #666666;
    margin-bottom: 5px;
    padding-left: 20px;
  }
  .main-container .pd-product-content-wrap .pd-product-content-sub-heading {
    display: inline-block;
    font: bold 18px "Helvetica";
    margin-top: 0;
  }
  .main-container .pd-product-content-wrap .pd-product-content-body {
    display: inline-block;
    font: normal 18px/35px "Arial";
    color: #464646;
    width: 100%;
    padding: 0;
    margin: 0 0 15px 0;
    text-align: justify;
  }
  .main-container .pd-product-content-wrap .pd-product-content-body h2 {
    color: #0033CC;
  }
  .main-container .pd-product-content-wrap .pd-product-content-body h3 {
    color: #333333;
  }
  .main-container .pd-product-content-wrap .pd-product-content-body .responsive-image {
    width: 200px;
  }
  .main-container .pd-product-content-wrap .pd-product-content-body img {
    /*max-width: 420px;*/
  }
  .main-container .pd-product-content-wrap .pd-video-wrap {
    margin: 20px 0;
  }
  .main-container .pd-product-content-wrap .pd-video-wrap .pd-video-link {
    display: inline-block;
    font: normal 14px "Helvetica";
  }
  .main-container .pd-product-content-wrap .pd-video-wrap .pd-video-link a {
    text-decoration: none;
    color: #0033CC;
  }
  .main-container .pd-product-content-wrap .pd-video-wrap .pd-video-container {
    margin: 15px 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .main-container .pd-product-content-wrap .pd-video-wrap .pd-video-container iframe,
  .main-container .pd-product-content-wrap .pd-video-wrap .pd-video-container object,
  .main-container .pd-product-content-wrap .pd-video-wrap .pd-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .main-container .pd-product-content-wrap .pd-review-wrap {
    display: inline-block;
    margin: 20px 0;
    width: 100%;
    text-align: center;
  }
  .main-container .pd-product-content-wrap .pd-review-wrap a img {
    max-width: 640px;
    width: 100%;
  }
  .main-container .pd-product-content-wrap .pd-product-tabs-wrap {
    display: inline-block;
    margin: 20px auto;
    width: 100%;
  }
  .main-container .pd-product-content-wrap .pd-product-tabs-wrap .pd-highlight {
    text-align: center;
  }
  .main-container .pd-product-content-wrap .pd-product-tabs-wrap .pd-highlight img {
    width: 100%;
    max-width: 640px;
  }
  .main-container .pd-product-content-wrap .pd-product-tabs-wrap .pd-direction {
    text-align: center;
    width: 100%;
  }
  .main-container .pd-product-content-wrap .pd-product-tabs-wrap .pd-direction img {
    width: 100%;
    max-width: 640px;
  }
  .main-container .pd-product-content-wrap .pd-product-tabs-wrap .pd-flavor {
    text-align: center;
  }
  .main-container .pd-product-content-wrap .pd-lab-guaranteed-wrap {
    display: inline-block;
    margin: 20px 0;
    width: 100%;
    text-align: center;
  }
  .main-container .pd-product-content-wrap .pd-lab-guaranteed-wrap a img {
    max-width: 640px;
    width: 100%;
  }
  .main-container .pd-product-content-wrap .pd-product-mobile-label-wrap {
    display: block;
    padding: 30px 20px;
    text-align: center;
    background: #EFEFEF;
    position: relative;
  }
  .main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-title {
    font: bold 18px "Helvetica";
    color: #333333;
    padding: 0 0 30px;
    display: block;
    text-transform: capitalize;
  }
  .main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-selection {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #666666;
    display: inline-block;
    font: lighter 14px/27px "Helvetica";
    padding-left: 10px;
    text-decoration: none;
    width: 280px;
    height: 30px;
    text-align: left;
    position: relative;
  }
  .main-container .pd-product-content-wrap .pd-product-mobile-label-wrap input.pd-product-mobile-label-selection {
    background: url(../img/icons.png) no-repeat scroll 245px -1089px #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #999999;
    display: inline-block;
    font: lighter 14px/27px "Helvetica";
    padding: 5px 20px 5px 10px;
    width: 280px;
    height: 30px;
    vertical-align: top;
    position: relative;
  }
  .main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-selection:after {
    content: "▼";
    position: absolute;
    right: 9px;
    top: 2px;
    cursor: pointer;
  }
  .main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-drop {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    background: #FFFFFF;
    left: 0;
    top: 29px;
    width: 280px;
    padding: 5px 0;
    border: 1px solid #CCCCCC;
    z-index: 1;
    text-align: left;
  }
  .main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-drop a {
    text-decoration: none;
    font: normal 14px "Helvetica";
    color: #666666;
    display: block;
    padding: 5px 0 5px 15px;
  }
  .main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-drop a:hover {
    color: #CCCCCC;
  }
  .main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-fda-text {
    padding-left: 52px;
    margin-top: 15px;
    display: inline-block;
    position: relative;
    font: normal 15px "Helvetica";
  }
  .main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-fda-number {
    margin: 5px auto 15px;
    padding: 7px 0px 5px 30px;
    font-size: 18px;
    letter-spacing: 1px;
    background: url(../img/fda-bg.png) no-repeat center;
  }
  .main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-image {
    display: block;
    text-align: center;
    margin-top: 15px;
  }
  .main-container .pd-product-content-wrap .pd-product-mobile-label-wrap .pd-product-mobile-label-image img {
    width: 275px;
  }
  .main-container .navigat-tab {
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .main-container .navigat-tab .navigat-tab-wrap {
    display: inline-block;
  }
  .main-container .navigat-tab .navigat-tab-wrap .pointer {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    background: #CCCCCC;
    display: inline-block;
  }
  .main-container .navigat-tab .navigat-tab-wrap .active {
    width: 50px;
    background: #0033CC;
  }
  .main-container .pd-product-content-wrap-tab {
    width: 100%;
    padding-top: 0px;
  }
  .main-container .pd-product-content-wrap-tab .tab {
    width: 100%;
    text-align: center;
  }
  .main-container .pd-product-content-wrap-tab .tab .tablinks {
    font-size: 16px;
    width: 170px;
  }
  .main-container .pd-sub-content-wrap {
    position: relative;
    display: block;
    margin: 0 auto 20px;
    width: 370px;
  }
  .main-container .pd-sub-content-wrap .pd-sub-head {
    font: bold 22px "Helvetica";
    color: #666666;
    text-transform: capitalize;
    display: block;
    text-align: center;
    border-bottom: 1px solid #EFEFEF;
    margin: 5px 0 15px 0;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li {
    display: inline-block;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 0;
    width: 100%;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-image {
    width: 100px;
    float: left;
    text-align: center;
    margin-top: 0 auto;
    margin-right: 5px;
    min-height: 115px;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-image img {
    max-width: 100px;
    max-height: 115px;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap {
    display: inline-block;
    width: 265px;
    margin: 20px 0;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content {
    display: inline-block;
    position: relative;
    font: bold 14px "Helvetica";
    text-transform: uppercase;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content .title {
    color: #666666;
    margin: 0 10px 0 0;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content .price {
    color: #dc0000;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content-bottom {
    display: block;
    margin: 10px 0 0 0;
    position: relative;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content-bottom .sub-drop-menu {
    background: url(../img/icons.png) no-repeat scroll 115px -1089px #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #999999;
    display: inline-block;
    font: lighter 14px/27px "Helvetica";
    padding: 5px 20px 5px 10px;
    width: 150px;
    height: 30px;
    vertical-align: top;
    position: relative;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content-bottom .sub-drop-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    background: #FFFFFF;
    left: 0;
    top: 29px;
    width: 150px;
    padding: 5px 0;
    border: 1px solid #CCCCCC;
    z-index: 1;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content-bottom .sub-drop-wrap a {
    text-decoration: none;
    font: normal 14px "Helvetica";
    color: #666666;
    display: block;
    padding: 5px 0 5px 15px;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li .pd-sub-wrap .sub-content-bottom .sub-drop-wrap a:hover {
    color: #CCCCCC;
  }
  .main-container .pd-sub-set-wrap {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 370px;
  }
  .main-container .pd-sub-set-wrap .pd-sub-head {
    font: bold 22px "Helvetica";
    color: #666666;
    text-transform: capitalize;
    display: block;
    text-align: center;
    border-bottom: 1px solid #EFEFEF;
    margin: 5px 0 15px 0;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul li {
    display: inline-block;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px;
    width: 100%;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-image {
    width: 100px;
    float: left;
    text-align: center;
    margin: 0 10px;
    min-height: 100px;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-image img {
    max-width: 100px;
    max-height: 100px;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap {
    display: inline-block;
    width: 215px;
    margin: 20px 0;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-content {
    display: inline-block;
    position: relative;
    font: bold 14px "Helvetica";
    text-transform: uppercase;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-content .title {
    color: #666666;
    margin: 0 10px 0 0;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-content .price {
    color: #dc0000;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-set-bottom {
    display: block;
    margin: 10px 0 0 0;
    position: relative;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-set-bottom .sub-drop-menu {
    background: url(../img/icons.png) no-repeat 175px -1089px #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #999999;
    display: inline-block;
    font: lighter 14px/27px "Helvetica";
    padding: 5px 25px 5px 10px;
    width: 210px;
    height: 30px;
    vertical-align: top;
    position: relative;
    cursor: pointer;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-set-bottom .sub-drop-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    background: #FFFFFF;
    left: 0;
    top: 29px;
    width: 210px;
    padding: 5px 0;
    border: 1px solid #CCCCCC;
    z-index: 1;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-set-bottom .sub-drop-wrap a {
    text-decoration: none;
    font: normal 14px "Helvetica";
    color: #666666;
    display: block;
    padding: 5px 0 5px 15px;
  }
  .main-container .pd-sub-set-wrap .pd-sub-set ul li .pd-sub-wrap .sub-set-bottom .sub-drop-wrap a:hover {
    color: #CCCCCC;
  }
  .main-container .pd-offer-wrap {
    background: #FFFFFF;
    display: inline-block;
    position: relative;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    height: 160px;
    width: 100%;
  }
  .main-container .pd-offer-wrap .promotional-tag {
    display: none;
    position: absolute;
    left: 0;
  }
  .main-container .pd-offer-wrap .pd-offer-select {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 33px;
    height: 33px;
  }
  .main-container .pd-offer-wrap .pd-offer-select.left {
    background: url(../img/icons.png) no-repeat scroll -13px -908px rgba(0, 0, 0, 0);
    left: 5%;
    top: 55px;
    position: absolute;
  }
  .main-container .pd-offer-wrap .pd-offer-select.right {
    background: url(../img/icons.png) no-repeat scroll 3px -1003px rgba(0, 0, 0, 0);
    right: 5%;
    top: 55px;
    position: absolute;
  }
  .main-container .pd-offer-wrap .pd-offer-right {
    padding: 0 0;
    margin: 0 auto;
    display: table;
    background: #FFFFFF;
  }
  .main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap {
    display: table;
  }
  .main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select {
    display: inline-block;
    width: 410px;
    padding: 10px 0;
    position: relative;
  }
  .main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select img {
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 10px;
  }
  .main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content {
    float: left;
    width: 280px;
  }
  .main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content .title {
    color: #333;
    font: bold 18px "Helvetica";
    margin: 10px 0 10px 0;
    text-transform: uppercase;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
  .main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content .price {
    color: #03c;
    display: inline-block;
    font: bold 20px "Helvetica";
    margin: 0 0 2px;
    width: 100%;
  }
  .main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content .price .save {
    color: #dc0000;
    font: bold 20px "Helvetica";
    text-transform: uppercase;
    margin-left: 15px;
  }
  .main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select .pd-promo-select-content .add-more {
    background: #03c none repeat scroll 0 0;
    color: #FFFFFF;
    margin-top: 10px;
    display: inline-block;
    font: 16px/17px "Helvetica";
    height: 35px;
    padding: 10px 10px 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 150px;
  }
  .pd-read-buy-wrap {
    position: fixed;
    bottom: 5px;
    right: 0px;
    z-index: 100;
  }
  .pd-read-buy-wrap .pd-read-buy-btn1 {
    color: #000000;
    display: block;
    background-color: #FFFFFF;
    border-radius: 2px;
    width: 160px;
    padding: 12px 5px 12px 5px;
    margin-right: 5px;
    font: normal 17px "Helvetica";
    text-align: center;
    float: left;
    text-transform: capitalize;
    text-decoration: none;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
  }
  .pd-read-buy-wrap .pd-read-buy-btn2 {
    color: #FFFFFF;
    display: block;
    background-color: #dc0000;
    border-radius: 2px;
    width: 160px;
    padding: 12px 5px 12px 5px;
    margin-right: 5px;
    font: normal 17px "Helvetica";
    text-align: center;
    float: left;
    text-transform: capitalize;
    text-decoration: none;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
  }
  .pd-read-buy-wrap .pd-read-buy-btn3 {
    color: #FFFFFF;
    display: block;
    background-color: #0033CC;
    border-radius: 2px;
    width: 160px;
    padding: 12px 5px 12px 5px;
    margin-right: 5px;
    font: normal 17px "Helvetica";
    text-align: center;
    float: left;
    text-transform: capitalize;
    text-decoration: none;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
  }
  .add-to-cart-btn {
    width: 110px;
    padding: 10px 10px 8px;
    background: #333333;
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    font: bold 12px/12px "Helvetica";
    display: inline-block;
    background: url(../img/btn-bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  }
  /* Product Grid Promo2 500 */
  .main-container {
    min-width: 500px;
    background-color: #FFFFFF;
  }
  .main-container .navigation-wrap {
    display: none;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
  }
  .main-container .main .large-bg {
    display: none;
    width: 100%;
    height: 330px;
    background: #4b4b4b;
  }
  .main-container .main .large-bg.no-bg {
    background: none;
  }
  .main-container .main .large-bg .category-brand-intro {
    display: none;
    width: 100%;
    min-height: 331px;
    max-width: 1100px;
    border-bottom: 1px solid #EFEFEF;
    margin: 0 auto;
    padding: 0;
    background: url(../img/intro-bg.png) no-repeat right bottom rgba(0, 0, 0, 0);
  }
  .main-container .main .large-bg .category-brand-intro .intro-image {
    float: left;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 600px;
    height: 330px;
  }
  .main-container .main .large-bg .category-brand-intro .intro-image img {
    max-width: 600px;
  }
  .main-container .main .large-bg .category-brand-intro .intro-category {
    display: inline-block;
    position: relative;
    float: left;
    height: 330px;
    padding: 25px 50px;
    width: 500px;
    background: rgba(255, 255, 255, 0.2);
  }
  .main-container .main .large-bg .category-brand-intro .intro-category h2 {
    margin: 0 0 10px 0;
    font: bold 24px/24px "PT Sans";
    color: #FFFFFF;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .main-container .main .large-bg .category-brand-intro .intro-category h3 {
    margin: 0 0 10px 0;
    font: normal 16px/16px "PT Sans";
    color: #CCCCCC;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .main-container .main .large-bg .category-brand-intro .intro-category .intro-description {
    display: block;
    color: #F5F5F5;
    font: normal 14px/22px "PT Sans";
    text-align: left;
    overflow-y: auto;
    height: 210px;
    margin-top: 15px;
  }
  .main-container .main .large-bg .category-brand-intro .intro-category .close-btn {
    position: absolute;
    top: 0;
    left: 0;
  }
  .main-container .main .category-brand-intro-sub {
    display: none;
    width: 100%;
    height: 100px;
    max-width: 1100px;
    border-bottom: 1px solid #EFEFEF;
    margin: 8px auto;
    padding: 0;
    background: #FFFFFF;
  }
  .main-container .main .category-brand-intro-sub img {
    height: 100px;
  }
  .main-container .main .pg-search-by-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    position: relative;
  }
  .main-container .main .pg-search-by-wrap h3 {
    margin: 25px 0;
    font: bold 24px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .main .pg-search-by-wrap .sm-logo {
    display: block;
  }
  .main-container .main .pg-search-by-wrap .sm-logo img {
    width: 300px;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .title {
    font: lighter 13px/26px "PT Sans";
    color: #666666;
    text-transform: capitalize;
    margin: 0 5px 0 0;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap {
    text-transform: capitalize;
    position: relative;
    text-align: left;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop {
    border: 1px solid #CCCCCC;
    width: 140px;
    display: inline-block;
    font: bold 14px/23px "PT Sans";
    text-decoration: none;
    color: #666666;
    padding: 0 15px;
    background: url(../img/icons.png) no-repeat 106px -769px rgba(0, 0, 0, 0);
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    background: #FFFFFF;
    left: 0;
    top: 21px;
    width: 140px;
    padding: 5px 0;
    border: 1px solid #CCCCCC;
    z-index: 2;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a {
    text-decoration: none;
    font: normal 14px "PT Sans";
    color: #666666;
    display: block;
    padding: 5px 0 5px 15px;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a:hover {
    color: #CCCCCC;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top {
    display: none;
  }
  .main-container .main .filter-nav-bar2 {
    max-width: 720px;
  }
  .main-container .main .pg-grid-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo {
    display: grid;
    text-align: center;
    width: 100%;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap {
    max-height: 435px;
    float: left;
    text-align: left;
    margin: 0 1em 0 1em;
    background: #fff;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter {
    text-transform: capitalize;
    display: inline-block;
    min-width: 240px;
    width: 100%;
    border: 1px solid #ccc;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-title {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin: 0 10px 10px;
    font-weight: bold;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    margin: 2px 0 15px 5px;
    font: normal 14px/23px "PT Sans";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .filter-sub-title {
    padding: 0 0 6px 10px;
    display: block;
    font: bold 14px/23px "PT Sans";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin: 0 15px 10px 15px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font: normal 14px/23px "PT Sans";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector:hover input ~ .checkmark {
    background-color: #efefef;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector input:checked ~ .checkmark {
    background-color: #fff;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector input:checked ~ .checkmark:after {
    display: block;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    width: 450px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 {
    display: block;
    float: left;
    position: relative;
    max-width: 210px;
    width: 100%;
    margin: 7px 0 3px 6px;
    padding: 15px 0;
    border: 1px solid #EFEFEF;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-discount-arrow-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    opacity: 0.9;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-discount-arrow-wrap .pg-discount-wrap {
    position: relative;
    background: #dc0000;
    color: #FFFFFF;
    padding: 10px 2px 10px 2px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
    font: bold 11px/15px "PT Sans";
    text-transform: uppercase;
    color: #efefef;
    border-radius: 2px 10px 10px 2px;
    padding-bottom: 2px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
    font: bold 24px/23px "PT Sans";
    text-shadow: 1px 1px 2px #333;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-discount-arrow-wrap .pg-bottom-arrow {
    border-top: 9px solid #dc0000;
    border-bottom: none;
    border-right: 29px solid transparent;
    border-left: 29px solid transparent;
    position: relative;
    z-index: 1;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    margin: 0 auto 5px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image .pg-promo-code-float {
    bottom: 10px;
    left: 0;
    text-align: left;
    position: absolute;
    z-index: 2;
    min-width: 190px;
    max-width: 210px;
    height: 30px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
    box-shadow: -3px 2px 2px #333;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 4px 10px;
    font: bold italic 14px/24px "Arial";
    overflow: hidden;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image .pg-float-img {
    top: -10px;
    right: 2px;
    position: absolute;
    z-index: 1;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image .pg-float-img .sure-logo {
    width: 110px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image img {
    max-height: 200px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-brand-title,
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-name {
    font: bold 16px/20px "Helvetica";
    color: #000000;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 4px;
    min-height: 41px;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-name {
    width: 100%;
    display: block;
    margin: 0 0 10px;
    color: #666666;
    font-weight: normal;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .expiredate {
    color: #dc0000;
    text-transform: uppercase;
    font: normal 12px "Helvetica Neue";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-price {
    font: lighter 14px "Helvetica";
    display: inline-block;
    color: #CCCCCC;
    margin-right: 5px;
    text-decoration: line-through;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-sale-price {
    font: bold 22px "Helvetica";
    display: inline-block;
    margin: 0px 0 2px;
    text-align: center;
    color: #dc0000;
    width: 100%;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-sale-price .save {
    padding: 0 10px;
    color: #dc0000;
    font: lighter 14px "Helvetica";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-sale-price .old-price {
    padding: 3px 10px 0 0;
    text-decoration: line-through;
    color: #999;
    font: lighter 16px "Helvetica";
    float: left;
    padding: 0px 0 0px 0;
    display: inline-block;
    width: 100%;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom {
    text-align: left;
    padding: 0 20px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom .add-to-cart-btn {
    position: relative;
    width: 100%;
    background: #dc0000;
    color: #FFFFFF;
    font: normal 16px/17px "PT Sans";
    height: 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 10px 8px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom .add-to-cart-btn:hover {
    opacity: 0.9;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom .pg-category {
    font: 0.875rem "Helvetica";
    margin: 9px 0 2px;
    color: #333;
    text-align: left;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom .pg-points-earn {
    display: inline-block;
    color: #666666;
    font: lighter 12px "PT Sans";
    padding: 0 0 0 29px;
    margin: 10px 0 0 0;
    width: 100%;
    text-align: center;
    background: url(../img/icons.png) no-repeat -7px -830px rgba(0, 0, 0, 0);
    text-transform: capitalize;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom .pg-points-earn .pg-points {
    font: bold 20px "PT Sans";
    color: #0033CC;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 {
    position: relative;
    max-width: 230px;
    height: 520px;
    width: 100%;
    margin: 7px 0 3px 10px;
    padding: 15px 0;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    opacity: 0.9;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap .pg-discount-wrap {
    text-align: center;
    position: relative;
    background: #dc0000;
    color: #FFFFFF;
    padding: 5px 0px 5px 0px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
    font: bold 5px/15px "Helvetica";
    text-transform: uppercase;
    color: #efefef;
    border-radius: 2px 10px 10px 2px;
    padding-bottom: 2px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
    font: bold 16px/23px "Helvetica";
    text-shadow: 1px 1px 2px #333;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap .pg-bottom-arrow {
    border-top: 9px solid #dc0000;
    border-bottom: none;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    position: relative;
    z-index: 1;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 5px;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image .pg-promo-code-float {
    bottom: 10px;
    left: 0;
    text-align: left;
    position: absolute;
    z-index: 2;
    min-width: 130px;
    max-width: 150px;
    height: 30px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
    box-shadow: -3px 2px 2px #333;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 4px 10px;
    font: bold italic 14px/24px "Arial";
    overflow: hidden;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image .pg-float-img {
    top: -10px;
    right: 2px;
    position: absolute;
    z-index: 1;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image .pg-float-img .sure-logo {
    width: 110px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image img {
    width: 100%;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-ontop-dm {
    width: 150px;
    text-align: right;
    position: relative;
    margin: -40px 0 0 0;
    color: white;
    padding: 5px 5px 5px 0;
    float: right;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-ontop-dm .text {
    font: bold 0.675rem/20px "Helvetica";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-ontop-dm .discount {
    font: bold 1.375rem/20px "Helvetica";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-brand-title {
    font: bold 1rem/20px "Helvetica";
    color: #000000;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 4px;
    min-height: 42px;
    text-decoration: none;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: left;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-category {
    font: 0.8rem/21px "Helvetica";
    color: #444444;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 4px;
    min-height: 40px;
    text-decoration: none;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-price {
    width: 100%;
    display: inline-block;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-price .old-price {
    text-decoration: line-through;
    color: #CCCCCC;
    margin-right: 5px;
    font: 0.8rem "Helvetica";
    text-align: right;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-price .now-price {
    font: bold 1.3rem "Helvetica";
    color: #dc0000;
    width: 100%;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-bottom {
    width: 80%;
    height: 30px;
    border-radius: 3px;
    padding: 3px 0 0px 0;
    margin: 10px 0 10px 0;
    display: inline-block;
    background: #dc0000;
    font: 1.1rem "Helvetica";
    color: white;
    cursor: pointer;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-seller {
    font: 0.7rem "Helvetica";
    width: 100%;
    text-align: right;
    padding-right: 10px;
  }
  .main-container .main .pg-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .main .pg-page-wrap .pg-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-page-wrap .pg-prev-next:hover {
    color: #0033CC;
  }
  .main-container .main .pg-page-wrap .pg-page .pg-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  /* Product Grid 500 */
  .main-container {
    min-width: 500px;
    background-color: #FFFFFF;
  }
  .main-container .navigation-wrap {
    display: none;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
    /*
		.pg-product-list-wrap {
			.reset;
			margin: 0 auto!important;
			max-width: 500px;
			width: 100%;
			.pg-product-list {
				float: left;
				position: relative;
				display: block;
				max-width: 210px;
				width: 100%;
				margin: 7px 0 3px 26px;
				padding: 15px 0;
				border: 1px solid @light-gray;
				background: linear-gradient(360deg, @light-white, @white);
				text-align: center;
				.pg-image {
					position: relative;
					display: block;
					width: 100%;
					height: 200px;
					margin: 0 auto 5px;
					img {
						max-height: 200px;
					}
				}
				.pg-container-top {
					display: inline-block;
					width: 100%;
					padding: 0 10px;
					.pg-brand-title, .pg-name {
						font: bold 16px "PT Sans";
						color: @dark;
						text-transform: capitalize;
						margin-top: 10px;
						display: inline-block;
						text-decoration: none;
						width: 100%;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.pg-name {
						width: 100%;
						display: block;
						margin: -4px 0 5px;
					}
					.pg-price {
						font: lighter 14px "PT Sans";
						display: inline-block;
						color: @gray;
						margin-right: 5px;
						text-decoration: line-through;
					}
					.pg-sale-price {
						font: bold 20px "PT Sans";
						display: inline-block;
						margin: 0px 0 2px;
						color: @blue;
					}
				}
				.pg-container-bottom {
					text-align: left;
					padding: 0 15px;
					.add-to-cart-btn {
						position: relative;
						width: 100%;
						background: @blue;
						color: @white;
						font: normal 14px/23px "PT Sans";
						height: 30px;
						text-align: center;
						text-decoration: none;
						text-transform: uppercase;
						display: inline-block;
						padding: 5px 0;
					}
					.add-to-cart-btn:hover {
						opacity: 0.9;
					}
					.pg-points-earn {
					    display: inline-block;
					    color: @dark;
					    font: lighter 13px "PT Sans";
					    padding: 0 0 0 35px;
					    margin: 10px 0 0 0;
					    width: 100%;
					    background: url(../img/icons.png) no-repeat -3px -830px rgba(0, 0, 0, 0);
					    text-transform: capitalize;
					    .pg-points {
					    	font: bold 20px "PT Sans";
					    	color: @blue;
					    }
					}
				}
			}
			.pg-product-list:nth-child(5n) {
				margin-right: 0;
			}
		}
		*/
  }
  .main-container .main .large-bg {
    display: none;
    width: 100%;
    height: 330px;
    background: #4b4b4b;
  }
  .main-container .main .large-bg.no-bg {
    background: none;
  }
  .main-container .main .large-bg .category-brand-intro {
    display: none;
    width: 100%;
    min-height: 331px;
    max-width: 1100px;
    border-bottom: 1px solid #EFEFEF;
    margin: 0 auto;
    padding: 0;
    background: url(../img/intro-bg.png) no-repeat right bottom rgba(0, 0, 0, 0);
  }
  .main-container .main .large-bg .category-brand-intro .intro-image {
    float: left;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 600px;
    height: 330px;
  }
  .main-container .main .large-bg .category-brand-intro .intro-image img {
    max-width: 600px;
  }
  .main-container .main .large-bg .category-brand-intro .intro-category {
    display: inline-block;
    position: relative;
    float: left;
    height: 330px;
    padding: 25px 50px;
    width: 500px;
    background: rgba(255, 255, 255, 0.2);
  }
  .main-container .main .large-bg .category-brand-intro .intro-category h2 {
    margin: 0 0 10px 0;
    font: bold 24px/24px "PT Sans";
    color: #FFFFFF;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .main-container .main .large-bg .category-brand-intro .intro-category h3 {
    margin: 0 0 10px 0;
    font: normal 16px/16px "PT Sans";
    color: #CCCCCC;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .main-container .main .large-bg .category-brand-intro .intro-category .intro-description {
    display: block;
    color: #F5F5F5;
    font: normal 14px/22px "PT Sans";
    text-align: left;
    overflow-y: auto;
    height: 210px;
    margin-top: 15px;
  }
  .main-container .main .large-bg .category-brand-intro .intro-category .close-btn {
    position: absolute;
    top: 0;
    left: 0;
  }
  .main-container .main .category-brand-intro-sub {
    display: none;
    width: 100%;
    height: 100px;
    max-width: 1100px;
    border-bottom: 1px solid #EFEFEF;
    margin: 8px auto;
    padding: 0;
    background: #FFFFFF;
  }
  .main-container .main .category-brand-intro-sub img {
    height: 100px;
  }
  .main-container .main .pg-search-by-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
    position: relative;
  }
  .main-container .main .pg-search-by-wrap h3 {
    margin: 25px 0;
    font: bold 24px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .main .pg-search-by-wrap .sm-logo {
    display: block;
  }
  .main-container .main .pg-search-by-wrap .sm-logo img {
    width: 300px;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .title {
    font: lighter 13px/26px "PT Sans";
    color: #666666;
    text-transform: capitalize;
    margin: 0 5px 0 0;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap {
    text-transform: capitalize;
    position: relative;
    text-align: left;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop {
    border: 1px solid #CCCCCC;
    width: 140px;
    display: inline-block;
    font: bold 14px/23px "PT Sans";
    text-decoration: none;
    color: #666666;
    padding: 0 15px;
    background: url(../img/icons.png) no-repeat 106px -769px rgba(0, 0, 0, 0);
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    background: #FFFFFF;
    left: 0;
    top: 21px;
    width: 140px;
    padding: 5px 0;
    border: 1px solid #CCCCCC;
    z-index: 2;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a {
    text-decoration: none;
    font: normal 14px "PT Sans";
    color: #666666;
    display: block;
    padding: 5px 0 5px 15px;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a:hover {
    color: #CCCCCC;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top {
    display: none;
  }
  .main-container .main .pg-grid-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo {
    display: grid;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap {
    max-height: 435px;
    float: left;
    text-align: left;
    margin: 0 1em 0 1em;
    background: #fff;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter {
    text-transform: capitalize;
    display: inline-block;
    min-width: 240px;
    border: 1px solid #ccc;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-title {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin: 0 10px 10px;
    font-weight: bold;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    margin: 2px 0 15px 5px;
    font: normal 14px/23px "PT Sans";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .filter-sub-title {
    padding: 0 0 6px 10px;
    display: block;
    font: bold 14px/23px "PT Sans";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin: 0 15px 10px 15px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font: normal 14px/23px "PT Sans" !important;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector:hover input ~ .checkmark {
    background-color: #efefef;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector input:checked ~ .checkmark {
    background-color: #fff;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector input:checked ~ .checkmark:after {
    display: block;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 auto;
    width: 450px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list.promotion-list {
    height: 460px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list {
    float: left;
    position: relative;
    display: block;
    max-width: 210px;
    width: 100%;
    margin: 7px 0 3px 10px;
    padding: 15px 0;
    border: 1px solid #EFEFEF;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    opacity: 0.9;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-discount-wrap {
    position: relative;
    background: #dc0000;
    color: #FFFFFF;
    padding: 10px 2px 10px 2px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
    font: bold 11px/15px "PT Sans";
    text-transform: uppercase;
    color: #efefef;
    border-radius: 2px 10px 10px 2px;
    padding-bottom: 2px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
    font: bold 24px/23px "PT Sans";
    text-shadow: 1px 1px 2px #333;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-bottom-arrow {
    border-top: 9px solid #dc0000;
    border-bottom: none;
    border-right: 29px solid transparent;
    border-left: 29px solid transparent;
    position: relative;
    z-index: 1;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    margin: 0 auto 5px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image .pg-promo-code-float {
    bottom: 10px;
    left: 0;
    text-align: left;
    position: absolute;
    z-index: 2;
    min-width: 190px;
    max-width: 210px;
    height: 30px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
    box-shadow: -3px 2px 2px #333;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 4px 10px;
    font: bold italic 14px/24px "Arial";
    overflow: hidden;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image .pg-float-img {
    top: -10px;
    right: 2px;
    position: absolute;
    z-index: 1;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image .pg-float-img .sure-logo {
    width: 110px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image img {
    max-height: 200px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-brand-title,
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-name {
    color: #000000;
    text-transform: capitalize;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    width: 100%;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-name {
    width: 100%;
    display: block;
    margin: 0 0 10px;
    color: #666666;
    font-weight: normal;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .expiredate {
    color: #dc0000;
    text-transform: uppercase;
    font: normal 12px "Helvetica Neue";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-price {
    font: lighter 14px "Helvetica";
    display: inline-block;
    color: #CCCCCC;
    margin-right: 5px;
    text-decoration: line-through;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price {
    font: bold 22px "Helvetica";
    display: inline-block;
    margin: 0px 0 2px;
    color: #dc0000;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price .save {
    padding: 0 10px;
    color: #dc0000;
    font: lighter 14px "Helvetica";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price .old-price {
    padding: 3px 10px 0 0;
    text-decoration: line-through;
    color: #999;
    font: lighter 16px "Helvetica";
    float: left;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom {
    text-align: left;
    padding: 0 20px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn {
    position: relative;
    width: 100%;
    background: #0033CC;
    color: #FFFFFF;
    font: normal 16px/17px "PT Sans";
    height: 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 10px 8px;
    border-radius: 3px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn:hover {
    opacity: 0.9;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-category {
    font: lighter 14px "Helvetica";
    display: block;
    margin: 8px 0 2px;
    color: #666666;
    text-align: left;
    text-transform: uppercase;
    font-style: italic;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn {
    display: inline-block;
    color: #666666;
    font: lighter 12px "PT Sans";
    padding: 0 0 0 29px;
    margin: 10px 0 0 0px;
    text-align: center;
    background: url(../img/icons.png) no-repeat -7px -830px rgba(0, 0, 0, 0);
    text-transform: capitalize;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn .pg-points {
    font: bold 20px "PT Sans";
    color: #0033CC;
    width: 32px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list:nth-child(5n) {
    margin-right: 0;
  }
  .main-container .main .pg-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .main .pg-page-wrap .pg-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-page-wrap .pg-prev-next:hover {
    color: #0033CC;
  }
  .main-container .main .pg-page-wrap .pg-page .pg-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  /* Product Grid 2 500 */
  .main-container .navigation-wrap {
    display: none;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
    /*
		.pg-product-list-2-wrap {
			.reset;
			margin: 0 auto!important;
			max-width: 500px;
			width: 100%;
			.pg-product-list-2 {
				float: left;
				position: relative;
				display: block;
				max-width: 210px;
				width: 100%;
				margin: 7px 0 3px 26px;
				padding: 15px 0;
				border: 1px solid @light-gray;
				background: linear-gradient(360deg, @light-white, @white);
				text-align: center;
				.pg-image {
					position: relative;
					display: block;
					width: 100%;
					height: 200px;
					margin: 0 auto 5px;
					img {
						max-height: 200px;
					}
				}
				.pg-container-top {
					display: inline-block;
					width: 100%;
					padding: 0 10px;
					.pg-brand-title, .pg-name {
						font: bold 16px "PT Sans";
						color: @dark;
						text-transform: capitalize;
						margin-top: 10px;
						display: inline-block;
						text-decoration: none;
						width: 100%;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.pg-name {
						width: 100%;
						display: block;
						margin: -4px 0 5px;
					}
					.pg-price {
						font: lighter 14px "PT Sans";
						display: inline-block;
						color: @gray;
						margin-right: 5px;
						text-decoration: line-through;
					}
					.pg-sale-price {
						font: bold 20px "PT Sans";
						display: inline-block;
						margin: 0px 0 2px;
						color: @blue;
					}
				}
				.pg-container-bottom {
					text-align: left;
					padding: 0 15px;
					.add-to-cart-btn {
						position: relative;
						width: 100%;
						background: @blue;
						color: @white;
						font: normal 14px/23px "PT Sans";
						height: 30px;
						text-align: center;
						text-decoration: none;
						text-transform: uppercase;
						display: inline-block;
						padding: 5px 0;
					}
					.add-to-cart-btn:hover {
						opacity: 0.9;
					}
				}
			}
			.pg-product-list-2:nth-child(5n) {
				margin-right: 0;
			}
		}
		*/
  }
  .main-container .main .large-bg {
    display: none;
    width: 100%;
    height: 330px;
    background: #4b4b4b;
  }
  .main-container .main .large-bg.no-bg {
    background: none;
  }
  .main-container .main .large-bg .category-brand-intro {
    display: none;
    width: 100%;
    min-height: 331px;
    max-width: 1100px;
    border-bottom: 1px solid #EFEFEF;
    margin: 0 auto;
    padding: 0;
    background: url(../img/intro-bg.png) no-repeat right bottom rgba(0, 0, 0, 0);
  }
  .main-container .main .large-bg .category-brand-intro .intro-image {
    float: left;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 600px;
    height: 330px;
  }
  .main-container .main .large-bg .category-brand-intro .intro-image img {
    max-width: 600px;
  }
  .main-container .main .large-bg .category-brand-intro .intro-category {
    display: inline-block;
    position: relative;
    float: left;
    height: 330px;
    padding: 25px 50px;
    width: 500px;
    background: rgba(255, 255, 255, 0.2);
  }
  .main-container .main .large-bg .category-brand-intro .intro-category h2 {
    margin: 0 0 10px 0;
    font: bold 24px/24px "PT Sans";
    color: #FFFFFF;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .main-container .main .large-bg .category-brand-intro .intro-category h3 {
    margin: 0 0 10px 0;
    font: normal 16px/16px "PT Sans";
    color: #CCCCCC;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .main-container .main .large-bg .category-brand-intro .intro-category .intro-description {
    display: block;
    color: #F5F5F5;
    font: normal 14px/22px "PT Sans";
    text-align: left;
    overflow-y: auto;
    height: 210px;
    margin-top: 15px;
  }
  .main-container .main .large-bg .category-brand-intro .intro-category .close-btn {
    position: absolute;
    top: 0;
    left: 0;
  }
  .main-container .main .category-brand-intro-sub {
    display: none;
    width: 100%;
    height: 100px;
    max-width: 1100px;
    border-bottom: 1px solid #EFEFEF;
    margin: 8px auto;
    padding: 0;
    background: #FFFFFF;
  }
  .main-container .main .category-brand-intro-sub img {
    height: 100px;
  }
  .main-container .main .pg-search-by-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
    position: relative;
  }
  .main-container .main .pg-search-by-wrap h3 {
    margin: 25px 0;
    font: bold 24px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .main .pg-search-by-wrap .sm-logo {
    display: block;
  }
  .main-container .main .pg-search-by-wrap .sm-logo img {
    width: 300px;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .title {
    font: lighter 13px/26px "PT Sans";
    color: #666666;
    text-transform: capitalize;
    margin: 0 5px 0 0;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap {
    text-transform: capitalize;
    position: relative;
    text-align: left;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .search-by-drop {
    border: 1px solid #CCCCCC;
    width: 140px;
    display: inline-block;
    font: bold 14px/23px "PT Sans";
    text-decoration: none;
    color: #666666;
    padding: 0 15px;
    background: url(../img/icons.png) no-repeat 106px -769px rgba(0, 0, 0, 0);
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    background: #FFFFFF;
    left: 0;
    top: 21px;
    width: 140px;
    padding: 5px 0;
    border: 1px solid #CCCCCC;
    z-index: 2;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a {
    text-decoration: none;
    font: normal 14px "PT Sans";
    color: #666666;
    display: block;
    padding: 5px 0 5px 15px;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap .search-by-drop-wrap .drop-wrap li a:hover {
    color: #CCCCCC;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top {
    display: none;
  }
  .main-container .main .pg-grid-2-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 {
    display: inline-block;
    width: 450px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    margin: 0 auto;
    width: 450px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 {
    float: left;
    position: relative;
    display: block;
    max-width: 210px;
    width: 100%;
    margin: 7px 0 3px 10px;
    padding: 15px 0;
    border: 1px solid #EFEFEF;
    text-align: center;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-discount-arrow-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    opacity: 0.9;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-discount-arrow-wrap .pg-discount-wrap {
    position: relative;
    background: #dc0000;
    color: #FFFFFF;
    padding: 10px 2px 10px 2px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
    font: bold 11px/15px "PT Sans";
    text-transform: uppercase;
    color: #efefef;
    border-radius: 2px 10px 10px 2px;
    padding-bottom: 2px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
    font: bold 24px/23px "PT Sans";
    text-shadow: 1px 1px 2px #333;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-discount-arrow-wrap .pg-bottom-arrow {
    border-top: 9px solid #dc0000;
    border-bottom: none;
    border-right: 29px solid transparent;
    border-left: 29px solid transparent;
    position: relative;
    z-index: 1;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 5px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image .pg-promo-code-float {
    bottom: 10px;
    left: 0;
    text-align: left;
    position: absolute;
    z-index: 2;
    min-width: 190px;
    max-width: 210px;
    height: 30px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
    box-shadow: -3px 2px 2px #333;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 4px 10px;
    font: bold italic 14px/24px "Arial";
    overflow: hidden;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image .pg-float-img {
    top: -10px;
    right: 2px;
    position: absolute;
    z-index: 1;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image .pg-float-img .sure-logo {
    width: 70px;
    height: 70px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image img {
    height: 200px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-brand-title {
    color: #000000;
    text-transform: capitalize;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-name {
    width: 100%;
    margin: 0 0 10px;
    color: #666666;
    font-weight: normal;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .expiredate {
    color: #dc0000;
    text-transform: uppercase;
    font: normal 12px "Helvetica Neue";
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-price {
    font: lighter 14px "Helvetica";
    display: inline-block;
    color: #CCCCCC;
    margin-right: 5px;
    text-decoration: line-through;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-sale-price {
    font: bold 22px "Helvetica";
    display: inline-block;
    margin: 0px 0 2px;
    color: #dc0000;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-sale-price .save {
    padding: 0 10px;
    color: #dc0000;
    font: lighter 14px "Helvetica";
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-sale-price .old-price {
    padding: 0 10px 0 0;
    text-decoration: line-through;
    color: #999;
    font: lighter 18px "Helvetica";
    float: left;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-bottom {
    text-align: left;
    padding: 0 20px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-bottom .add-to-cart-btn {
    position: relative;
    width: 100%;
    background: #dc0000;
    color: #FFFFFF;
    font: 0.875rem/20px "PT Sans";
    height: 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 10px 8px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-bottom .add-to-cart-btn:hover {
    opacity: 0.8;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-bottom .pg-category {
    font: lighter 14px "Helvetica";
    display: block;
    margin: 8px 0 2px;
    color: #666666;
    text-align: left;
    text-transform: uppercase;
    font-style: italic;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2:nth-child(5n) {
    margin-right: 0;
  }
  .main-container .main .pg-grid-3-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 {
    display: inline-block;
    width: 450px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    margin: 0 auto;
    width: 450px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 {
    float: left;
    position: relative;
    display: block;
    width: 210px;
    margin: 7px 0 3px 5px;
    padding: 15px 0;
    border: 1px solid #EFEFEF;
    text-align: center;
    min-height: 300px;
    border-radius: 3px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    opacity: 0.9;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap .pg-discount-wrap {
    position: relative;
    background: #dc0000;
    color: #FFFFFF;
    padding: 5px 0px 5px 0px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
    font: bold 8px/15px "PT Sans";
    text-transform: uppercase;
    color: #efefef;
    border-radius: 2px 10px 10px 2px;
    padding-bottom: 2px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
    font: bold 18px/23px "PT Sans";
    text-shadow: 1px 1px 2px #333;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap .pg-bottom-arrow {
    border-top: 9px solid #dc0000;
    border-bottom: none;
    border-right: 27px solid transparent;
    border-left: 27px solid transparent;
    position: relative;
    z-index: 1;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 5px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image .pg-promo-code-float {
    bottom: 10px;
    left: 0;
    text-align: left;
    position: absolute;
    z-index: 2;
    min-width: 190px;
    max-width: 210px;
    height: 30px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
    box-shadow: -3px 2px 2px #333;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 4px 10px;
    font: bold italic 14px/24px "Arial";
    overflow: hidden;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image .pg-float-img {
    top: -10px;
    right: 2px;
    position: absolute;
    z-index: 1;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image .pg-float-img .sure-logo {
    width: 50px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image .pg-float-img .sure-logo img {
    height: 100%;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image img {
    height: 200px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .pg-brand-title {
    font: bold 0.875rem/20px "Helvetica";
    color: #000000;
    text-transform: capitalize;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 40px;
    margin-bottom: 5px;
    text-align: center;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .expiredate {
    color: #dc0000;
    text-transform: uppercase;
    font: normal 12px "Helvetica Neue";
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .pg-price {
    font: lighter 14px "Helvetica";
    display: inline-block;
    color: #CCCCCC;
    margin-right: 5px;
    text-decoration: line-through;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .pg-sale-price {
    font: bold 18px/20px "Helvetica";
    display: inline;
    margin: 0px 0 2px;
    color: #dc0000;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .text {
    padding: 0 0px 0 0;
    color: #999;
    font: lighter 16px "Helvetica";
    text-align: center;
    display: inline-block;
    width: 100%;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .pg-sale-oldprice {
    text-decoration: line-through;
    font: 12px "Helvetica";
    color: #999;
    display: inline;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-bottom {
    text-align: left;
    padding: 0 20px;
    margin-top: 10px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-bottom .add-to-cart-btn {
    position: relative;
    width: 100%;
    background: #dc0000;
    color: #FFFFFF;
    font: 0.875rem/20px "PT Sans";
    height: 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 8px 8px;
    border-radius: 3px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-bottom .add-to-cart-btn:hover {
    opacity: 0.8;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-bottom .pg-category {
    font: lighter 14px "Helvetica";
    display: block;
    margin: 8px 0 2px;
    color: #666666;
    text-align: left;
    text-transform: uppercase;
    font-style: italic;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-2:nth-child(5n) {
    margin-right: 0;
  }
  .main-container .main .pg-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .main .pg-page-wrap .pg-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-page-wrap .pg-prev-next:hover {
    color: #0033CC;
  }
  .main-container .main .pg-page-wrap .pg-page .pg-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  /* Promotion Set Landing 500*/
  .main-container {
    min-width: 320px;
    background-color: #FFFFFF;
  }
  .main-container .navigation-wrap {
    display: none;
  }
  .main-container .promotion-main {
    padding: 0;
    margin-bottom: 30px;
  }
  .main-container .promotion-main .promotion-large-bg {
    display: block;
    width: 100%;
    position: relative;
    background: none;
  }
  .main-container .promotion-main .promotion-large-bg .promocover-mobile {
    display: block;
    text-align: center;
  }
  .main-container .promotion-main .promotion-large-bg .promocover-mobile img {
    width: 100%;
    max-width: 800px;
    min-width: 320px;
  }
  .main-container .promotion-main .promotion-large-bg .promocover {
    display: none;
  }
  .main-container .promotion-main .promotion-large-bg .promocover-discription {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 25px;
    max-height: 280px;
    overflow: scroll;
  }
  .main-container .promotion-main .promotion-large-bg .promocover-discription .npl {
    font: bold 18px "Helvetica Neue";
    text-transform: uppercase;
    margin: 0 0 5px 0;
    color: #0033CC;
  }
  .main-container .promotion-main .promotion-large-bg .promocover-discription ul {
    margin: 0;
    padding: 10px 0 10px 15px;
  }
  .main-container .promotion-main .promotion-large-bg .promocover-discription ul li {
    font: normal 14px/24px "Helvetica Neue";
    color: #dc0000;
  }
  .main-container .promotion-main .pro-product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 auto!important;
    max-width: 500px;
    width: 100%;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list {
    float: left;
    position: relative;
    display: block;
    max-width: 210px;
    width: 100%;
    margin: 7px 0 3px 26px;
    padding: 15px 0;
    border: 1px solid #EFEFEF;
    text-align: center;
    height: 380px;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-image {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    margin: 0 auto 5px;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-image .pg-float-img {
    bottom: -8px;
    left: 15px;
    position: absolute;
    z-index: 2;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-image .pg-float-img .sure-logo {
    width: 130px;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-image img {
    max-height: 200px;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-brand-title,
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-name {
    font: bold 16px "Helvetica";
    color: #000000;
    text-transform: capitalize;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-name {
    width: 100%;
    display: block;
    margin: 0 0 10px;
    color: #666666;
    font-weight: normal;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-price {
    font: lighter 14px "Helvetica";
    display: inline-block;
    color: #CCCCCC;
    margin-right: 5px;
    text-decoration: line-through;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price {
    font: bold 20px "Helvetica";
    display: inline-block;
    margin: 0px 0 2px;
    color: #0033CC;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price .save {
    padding: 0 10px;
    color: #dc0000;
    font: lighter 14px "Helvetica";
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom {
    text-align: left;
    padding: 0 20px;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn {
    position: relative;
    width: 100%;
    background: #0033CC;
    color: #FFFFFF;
    font: normal 16px/17px "PT Sans";
    height: 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 10px 8px;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn:hover {
    opacity: 0.9;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .pg-category {
    font: lighter 14px "Helvetica";
    display: block;
    margin: 8px 0 2px;
    color: #666666;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn {
    display: inline-block;
    color: #666666;
    font: lighter 12px "PT Sans";
    padding: 0 0 0 29px;
    margin: 10px 0 0 0;
    width: 100%;
    text-align: center;
    background: url(../img/icons.png) no-repeat -7px -830px rgba(0, 0, 0, 0);
    text-transform: capitalize;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn .pg-points {
    font: bold 20px "PT Sans";
    color: #0033CC;
    width: 50px;
    display: inline-block;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list:nth-child(5n) {
    margin-right: 0;
  }
  .main-container .promotion-main .pg-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .promotion-main .pg-page-wrap .pg-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .promotion-main .pg-page-wrap .pg-prev-next:hover {
    color: #0033CC;
  }
  .main-container .promotion-main .pg-page-wrap .pg-page .pg-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  .main-container .shipping-wrap .center-content {
    padding: 0 10px;
  }
  .main-container .shipping-wrap .center-content .title-heading {
    padding: 35px 0;
  }
  .main-container .shipping-wrap .center-content .title-heading .heading {
    font-size: 24px;
  }
  .main-container .shipping-wrap .center-content .title-heading .sub-heading {
    font-size: 16px;
    line-height: 22px;
  }
  .main-container .shipping-wrap .center-content .shipping-content .address-cards-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 20px;
  }
  .main-container .shipping-wrap .center-content .shipping-content .address-card {
    padding: 20px;
  }
  .main-container .shipping-wrap .center-content .shipping-content .address-card-add {
    min-height: 180px;
  }
  .main-container .shipping-wrap .center-content .button-wrap {
    padding: 30px 0;
  }
  .main-container .shipping-wrap .center-content .button-wrap .btn {
    width: 200px;
    height: 55px;
    font-size: 16px;
    line-height: 55px;
  }
  /* Track and Trace 500 */
  .main-container .track-wrap {
    display: table;
    position: relative;
    width: 100%;
    height: 485px;
  }
  .main-container .track-wrap .track-inner {
    display: inline-block;
    width: 100%;
    background: url(../img/delivery-banner-mb.png) no-repeat scroll top center #000000;
  }
  .main-container .track-wrap .track-inner .track-search-wrap {
    display: table;
    width: 100%;
    max-width: 660px;
    height: 365px;
    padding: 40px 20px 0;
    margin: 0 auto;
    text-align: left;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-title-wrap {
    color: #FFFFFF;
    display: inline-block;
    text-align: left;
    margin: 0 auto;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-title-wrap .title {
    font: bold 56px/34px "PT Sans";
    text-transform: capitalize;
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-title-wrap .sub-title {
    font: normal 17px "PT Sans";
    display: block;
    width: 100%;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-input-wrap {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 154px auto 0;
    position: relative;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-input-wrap .form-input {
    width: 100%;
    max-width: 805px;
    height: 55px;
    font: normal 16px/55px "PT Sans";
    padding: 0 25px;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-input-wrap .search-btn {
    position: absolute;
    right: 0;
    top: 0;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-input-wrap .search-btn img {
    height: 55px;
  }
  .main-container .track-wrap .track-content-wrap {
    position: relative;
    display: block;
    width: 100%;
    min-height: 350px;
    margin: 30px auto 60px;
    max-width: 1100px;
    font-size: 16px;
  }
  .main-container .track-wrap .track-content-wrap .track-content {
    width: 100%;
    position: relative;
    display: inline-block;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-left {
    width: 100%;
    text-align: center;
    padding: 10px 0 40px;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-left .detail {
    color: #0033CC;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right {
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap {
    display: inline-block;
    margin: 0 0 10px 0;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .date-wrap {
    display: inline-block;
    width: 150px;
    float: left;
    text-align: right;
    font-size: 16px;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .icon {
    float: left;
    margin: 4px 15px 0;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .icon img {
    width: 45px;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .status-wrap {
    float: left;
    width: 150px;
    text-align: left;
    font-size: 16px;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .status-wrap .status {
    color: #0033CC;
  }
  /* Welcome 500 */
  .main-container .welcome-blank-main-wrap .welcome-blank-wrap .title-wrap .title {
    font: bold 30px "PT Sans";
  }
  .main-container .welcome-blank-main-wrap .welcome-blank-wrap .button-wrap .continue-btn {
    height: 60px;
    width: 100%;
    font: bold 24px/60px "PT Sans";
  }
  /* Product Grid 500 */
  .main-container {
    min-width: 320px;
    background-color: #FFFFFF;
  }
  .main-container .navigation-wrap {
    display: none;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
  }
  .main-container .main .pg-grid-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .main-container .main .pg-grid-wrap .pg-grid {
    display: inline-block;
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap {
    max-height: 435px;
    float: left;
    text-align: left;
    margin: 0 1em 0 1em;
    background: #fff;
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter {
    text-transform: capitalize;
    display: inline-block;
    border: 1px solid #ccc;
    background: red;
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-title {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin: 0 10px 10px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    margin: 2px 0 15px 5px;
    font: normal 14px/23px "PT Sans";
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .filter-sub-title {
    padding: 0 0 6px 10px;
    display: block;
    font: bold 14px/23px "PT Sans";
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .selector {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin: 0 0 10px 15px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font: normal 14px/23px "PT Sans";
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .selector input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .selector:hover input ~ .checkmark {
    background-color: #efefef;
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .selector input:checked ~ .checkmark {
    background-color: #fff;
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .selector input:checked ~ .checkmark:after {
    display: block;
  }
  .main-container .main .pg-grid-wrap .pg-grid .filter-wrap .filter .filter-goal .selector .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    margin: 0 auto;
    width: 500px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list.promotion-list {
    height: 460px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list {
    position: relative;
    display: inline-block;
    max-width: 210px;
    width: 100%;
    margin: 7px 0 3px 26px;
    padding: 15px 0;
    border: 1px solid #EFEFEF;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    opacity: 0.9;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-discount-wrap {
    position: relative;
    background: #dc0000;
    color: #FFFFFF;
    padding: 10px 2px 10px 2px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
    font: bold 11px/15px "PT Sans";
    text-transform: uppercase;
    color: #efefef;
    border-radius: 2px 10px 10px 2px;
    padding-bottom: 2px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
    font: bold 24px/23px "PT Sans";
    text-shadow: 1px 1px 2px #333;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-discount-arrow-wrap .pg-bottom-arrow {
    border-top: 9px solid #dc0000;
    border-bottom: none;
    border-right: 29px solid transparent;
    border-left: 29px solid transparent;
    position: relative;
    z-index: 1;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    margin: 0 auto 5px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image .pg-promo-code-float {
    bottom: 10px;
    left: 0;
    text-align: left;
    position: absolute;
    z-index: 2;
    min-width: 190px;
    max-width: 210px;
    height: 30px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
    box-shadow: -3px 2px 2px #333;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 4px 10px;
    font: bold italic 14px/24px "Arial";
    overflow: hidden;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image .pg-float-img {
    top: -10px;
    right: 2px;
    position: absolute;
    z-index: 1;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image .pg-float-img .sure-logo {
    width: 110px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image img {
    max-height: 200px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-brand-title,
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-name {
    font: bold 16px "Helvetica";
    color: #000000;
    text-transform: capitalize;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-name {
    width: 100%;
    display: block;
    margin: 0 0 10px;
    color: #666666;
    font-weight: normal;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .expiredate {
    color: #dc0000;
    text-transform: uppercase;
    font: normal 12px "Helvetica Neue";
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-price {
    font: lighter 14px "Helvetica";
    display: inline-block;
    color: #CCCCCC;
    margin-right: 5px;
    text-decoration: line-through;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price {
    font: bold 22px "Helvetica";
    display: inline-block;
    margin: 0px 0 2px;
    color: #dc0000;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price .save {
    padding: 0 10px;
    color: #dc0000;
    font: lighter 14px "Helvetica";
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-sale-price .old-price {
    padding: 0 10px 0 0;
    text-decoration: line-through;
    color: #999;
    font: lighter 18px "Helvetica";
    float: left;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom {
    text-align: left;
    padding: 0 20px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn {
    position: relative;
    width: 100%;
    background: #0033CC;
    color: #FFFFFF;
    font: normal 16px/17px "PT Sans";
    height: 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 10px 8px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn:hover {
    opacity: 0.9;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-category {
    font: lighter 14px "Helvetica";
    display: block;
    margin: 8px 0 2px;
    color: #666666;
    text-align: left;
    text-transform: uppercase;
    font-style: italic;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn {
    display: inline-block;
    color: #666666;
    font: lighter 12px "PT Sans";
    padding: 0 0 0 29px;
    margin: 10px 0 0 0;
    width: 100%;
    text-align: center;
    background: url(../img/icons.png) no-repeat -7px -830px rgba(0, 0, 0, 0);
    text-transform: capitalize;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn .pg-points {
    font: bold 20px "PT Sans";
    color: #0033CC;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list:nth-child(5n) {
    margin-right: 0;
  }
  .main-container .main .pg-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .main .pg-page-wrap .pg-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-page-wrap .pg-prev-next:hover {
    color: #0033CC;
  }
  .main-container .main .pg-page-wrap .pg-page .pg-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  /* font_size_500 */
  /*@import 'lucky_draw_500.less';*/
  /* 11-11-2020 Campaign 500*/
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box {
    text-align: center;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 500px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-left {
    display: block;
    float: left;
    width: 100%;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-left img {
    width: 100%;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right {
    width: 100%;
    display: block;
    float: left;
    margin-top: 20px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-right-title {
    background: #3f3f3f;
    color: white;
    font: bold 20px/30px "Oswald";
    display: inline-block;
    padding: 10px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap {
    display: block;
    margin-top: 20px;
    width: 500px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap .countdow-box {
    width: 75px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    margin: 10px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap .countdow-box .number {
    font: bold 60px/70px "Oswald";
    color: white;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap .countdow-box .title {
    font: 12px/15px "Oswald";
    color: #aeaeae;
    text-align: center;
    display: block;
    width: 100%;
    margin: -15px 0 0 0;
    letter-spacing: 5px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-break {
    display: inline-block;
    font: bold 50px/80px "Oswald";
    color: white;
  }
  /* win-back-campaign 500 */
  .win-back-campaign {
    width: 100%;
    display: inline-block;
    padding-bottom: 50px;
    text-align: center;
  }
  .win-back-campaign .win-back-banner {
    display: inline-block;
    width: 100%;
    max-width: 1600px;
  }
  .win-back-campaign .win-back-banner .img {
    width: 100%;
  }
  .win-back-campaign .win-back-banner-mb {
    display: none;
  }
  .win-back-campaign .detail-campaign-wrap {
    width: 100%;
    background: url(../img/win-back/bg.jpg) no-repeat;
    background-size: cover;
    padding: 30px 20px 30px 20px;
    text-align: center;
  }
  .win-back-campaign .detail-campaign-wrap .detail-campaign {
    max-width: 1100px;
    display: inline-block;
  }
  .win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-left {
    width: 70%;
    color: white;
    display: inline-block;
    padding-left: 20px;
    text-align: left;
  }
  .win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-left .head-text {
    font: bold 2rem "Kanit";
    font-style: italic;
    display: inline-block;
  }
  .win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-left .description-text {
    font: 1rem "Kanit";
    display: inline-block;
  }
  .win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-right {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    text-align: center;
    margin-top: 0;
  }
  .win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-right .start-button {
    display: inline-block;
    font: bold 1.2rem "Kanit";
    color: white;
    text-align: center;
    padding: 10px 10px 10px 10px;
    width: 100%;
    cursor: pointer;
  }
  .win-back-campaign .win-back-step {
    width: 100%;
    padding: 40px;
    text-align: center;
    max-width: 1100px;
    display: inline-block;
  }
  .win-back-campaign .win-back-step .tablinks {
    cursor: pointer;
    width: 30%;
    display: block;
    float: left;
  }
  .win-back-campaign .win-back-step .tablinks .Element {
    width: 30%;
    height: 80px;
  }
  .win-back-campaign .win-back-step .tablinks .Element::before {
    display: none;
  }
  .win-back-campaign .win-back-step .tablinks .Element .number {
    font: bold 1rem "Kanit";
    width: 35px;
    height: 35px;
    display: inline-block;
    padding: 6px 1px 6px 1px;
    background: #CCCCCC;
    border-radius: 30px;
  }
  .win-back-campaign .win-back-step .tablinks .subject {
    font: bold 1rem "Kanit";
    text-align: left;
    width: 60%;
  }
  .win-back-campaign .win-back-step .tablinks .description {
    font: 1rem "Kanit";
    text-align: left;
  }
  .win-back-campaign .win-back-step .active {
    transition: all 0.3s;
  }
  .win-back-campaign .win-back-step .active .Element::before {
    background: linear-gradient(180deg, #65d047 0%, #47992e 100%);
  }
  .win-back-campaign .win-back-step .active .Element .number {
    background: linear-gradient(180deg, #65d047 0%, #47992e 100%);
    color: white;
  }
  .win-back-campaign .tabcontent {
    width: 100%;
    text-align: center;
    display: none;
  }
  .win-back-campaign .tabcontent .main-win-back-step {
    max-width: 1100px;
    display: inline-block;
    width: 100%;
    background: #f9f9f9;
    border: 1px solid #CCCCCC;
    padding-bottom: 30px;
    margin: 0;
  }
  .win-back-campaign .tabcontent .main-win-back-step .highlight-text {
    font: bold 2rem "Kanit";
    margin-top: 40px;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap {
    width: 100%;
    text-align: center;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box {
    text-decoration: none;
    color: black;
    cursor: pointer;
    width: 32.5%;
    display: block;
    float: left;
    padding: 10px 0 0 10px;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box .img {
    width: 90%;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box .description {
    margin: 20px 0 30px 0;
    font: bold 1.5rem "Kanit";
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box2 {
    text-decoration: none;
    color: black;
    cursor: pointer;
    width: 48%;
    display: block;
    float: left;
    padding: 20px 0 0 20px;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box2 .img {
    width: 80%;
    max-width: 350px;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box2 .description {
    margin: 20px 0 30px 0;
    font: bold 1rem "Kanit";
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .promotion-set {
    width: 100%;
    text-decoration: none;
    cursor: pointer;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .promotion-set .img {
    width: 100%;
    display: inline;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .promotion-set .img-mb {
    display: none;
  }
  /* Product grid new ver.*/
  .main-container {
    width: 100%;
    min-width: 320px;
    text-align: center;
    padding-bottom: 50px;
  }
  .main-container .product_grid_new {
    width: 100%;
    max-width: 1100px;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
  }
  .main-container .product_grid_new .product_grid_left {
    width: 100%;
    display: block;
    float: left;
    text-align: left;
    margin-right: 20px;
  }
  .main-container .product_grid_new .product_grid_left .product_grid_fillter {
    display: none;
    padding: 10px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
  }
  .main-container .product_grid_new .product_grid_left .product_grid_fillter .fillter_name {
    font: bold 1rem "PT Sans";
    border-bottom: 1px solid #444444;
    padding-bottom: 10px;
  }
  .main-container .product_grid_new .product_grid_left .product_grid_fillter .fillter_box {
    padding-top: 10px;
  }
  .main-container .product_grid_new .product_grid_left .product_grid_fillter .fillter_box input {
    margin-right: 10px;
  }
  .main-container .product_grid_new .product_grid_left .product_grid_fillter_mobile {
    width: 100%;
    display: inline-block;
  }
  .main-container .product_grid_new .product_grid_left .product_grid_fillter_mobile .dropdown {
    display: block;
    float: left;
    margin: 0 5px 0 5px;
    width: 30%;
  }
  .main-container .product_grid_new .product_grid_left .product_grid_fillter_mobile .dropdown .dropdown-box {
    width: 100%;
    text-align: center;
    display: block;
    float: left;
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
  }
  .main-container .product_grid_new .product_grid_right {
    width: 100%;
    display: block;
    float: left;
  }
  .main-container .product_grid_new .product_grid_right .head_product_grid_right {
    width: 100%;
    display: inline-block;
    padding: 10px;
  }
  .main-container .product_grid_new .product_grid_right .head_product_grid_right .head_grid_name {
    display: block;
    float: left;
    width: 100%;
    font: bold 1.5rem "PT sans";
    text-align: left;
  }
  .main-container .product_grid_new .product_grid_right .head_product_grid_right .head_grid_sort {
    display: none;
    float: left;
    width: 100%;
  }
  .main-container .product_grid_new .product_grid_right .banner_grid {
    width: 98%;
    display: inline-block;
    border-radius: 10px;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding: 5px;
    max-width: 450PX;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap a {
    text-decoration: none;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .product-right-box {
    text-align: center;
    width: 200px;
    display: inline-block;
    min-height: 285px;
    border: 1px solid #CCCCCC;
    margin: 5px 2px 2px 2px;
    border-radius: 5px;
    cursor: pointer;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-img {
    display: block;
    margin: 0;
    float: none;
    text-align: center;
    width: 100%;
    min-height: unset;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-img .code-top {
    margin: 0px 0px 0px 0px;
    border-radius: 2px 0 0 0;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-img .code-bottom {
    margin: 115px 0 0 -34px;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-img img {
    width: 200px;
    height: 200px;
    max-width: 200px;
    max-height: 200px;
    padding: 10px;
    border-radius: 15px;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-name {
    margin-top: 10px;
    width: 100%;
    height: 34px;
    padding: 0 10px 0 10px;
    font: bold 0.875rem "Helvetica";
    color: black;
    text-align: center;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-description {
    text-align: center;
    display: inline-block;
    font: 0.775rem/22px "sarabun";
    text-align: left;
    width: 100%;
    padding: 0 10px 0 10px;
    color: black;
    margin-top: 3px;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-star {
    display: inline-block;
    width: 100%;
    padding: 0 10px 0 10px;
    font-size: 0.875rem;
    color: #f8db03;
    text-align: center;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-star span {
    color: black;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-price-mobile {
    width: 65%;
    display: none;
    font: bold 1.1rem "Helvetica";
    color: red;
    text-align: left;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-type {
    display: inline-block;
    margin-top: 5px;
    font: 0.675rem "Helvetica";
    color: #CCCCCC;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-price {
    width: 100%;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-price .old-price {
    display: inline;
    text-align: right;
    font: 0.875rem "Helvetica";
    color: #CCCCCC;
    text-decoration: line-through;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-price .now-price {
    display: inline;
    text-align: left;
    font: bold 1.1rem "Helvetica";
    color: red;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .product-right-button {
    width: 70%;
    height: 30px;
    border: 1px solid #dc0000;
    border-radius: 5px;
    display: inline-block;
    color: #dc0000;
    text-align: center;
    font: bold 0.675rem/30px "Helvetica";
    cursor: pointer;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .product-right-button:hover {
    background: #dc0000;
    color: white;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .product-right-sold {
    width: 100%;
    display: block;
    text-align: right;
    font: 0.675rem/30px "kanit";
    color: gray;
    padding: 0 10px 0 0px;
  }
  /* Product detail 500*/
  /* card new popup 500px*/
  .main-container-cart-popup {
    display: inline-block;
    background: white;
    min-width: 320px;
    max-width: 1100px;
    height: 568px;
    width: 100%;
    display: block;
    position: fixed;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.44);
    z-index: 10;
    transition: all 0.6s ease-in-out;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
  }
  .main-container-cart-popup .cart-popup-wrap {
    display: inline-block;
    text-align: left;
    width: 100%;
    max-width: 500px;
    min-width: 320px;
    /*
    .tabcontent {
        display: none;
        padding: 20px 25px;
        border: 1px solid #ccc;
        border: none;
        width: 100%;
        background: white;
    }
    */
  }
  .main-container-cart-popup .cart-popup-wrap .cart-popup-head {
    padding: 10px 10px 20px 40px;
    text-align: center;
  }
  .main-container-cart-popup .cart-popup-wrap .cart-popup-head .close-popup-coupon {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    background: white;
    border-radius: 30px;
    margin-right: 10px;
    text-align: center;
    font-weight: bold;
    font: bold 1rem/-1px "kanit";
    border: none;
    -webkit-box-shadow: 0px 0px 2px 0px #000000;
    box-shadow: 0px 0px 2px 0px #000000;
  }
  .main-container-cart-popup .cart-popup-wrap .cart-popup-head .tablinks {
    color: #0033CC;
    display: inline-block;
    height: 30px;
    border: none;
    background: none;
    width: 45%;
    padding: 10px;
    transition: all 0.3s;
  }
  .main-container-cart-popup .cart-popup-wrap .cart-popup-head .tablinks:focus {
    outline: none;
  }
  .main-container-cart-popup .cart-popup-wrap .cart-popup-head .active {
    background: #EFEFEF;
    border-radius: 30px;
    font-weight: bold;
  }
  .main-container-cart-popup .cart-popup-wrap .cart-popup-head .active:focus {
    outline: none;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content {
    padding: 15px;
    padding-top: 0px;
    margin-top: -20px;
    display: inline-block;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap {
    height: 530px;
    overflow: auto;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .add-code {
    background: #EFEFEF;
    width: 100%;
    display: inline-block;
    padding: 10px 5px 10px 5px;
    border-radius: 3px;
    color: #0033CC;
    font: bold 0.875rem "prompt";
    text-align: center;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .add-code input {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font: 0.875rem "prompt";
    padding: 3px;
    width: 45%;
    margin-left: 5px;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .add-code .botton-code {
    font: 0.875rem "prompt";
    background: #0033CC;
    color: white;
    width: 20%;
    display: inline-block;
    padding: 3px;
    text-align: center;
    border-radius: 3px;
    margin-left: 5px;
    cursor: pointer;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .add-code .botton-code:active {
    background: #444444;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion {
    margin-top: 20px;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .title {
    padding-left: 20px;
    width: 100%;
    display: inline-block;
    font: bold 0.9rem "kanit";
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code {
    width: 98%;
    display: inline-block;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.44);
    background: white;
    margin-top: 10px;
    border-radius: 3px;
    cursor: pointer;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .discount-display {
    background: #0033CC;
    width: 25%;
    height: 84px;
    display: block;
    float: left;
    text-align: center;
    font: bold 1rem "prompt";
    color: white;
    padding: 10px;
    border-radius: 3px 0px 0 3px;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .discount-display i {
    font-size: 1.4rem;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .detail-code {
    display: inline-block;
    padding-left: 10px;
    color: #0033CC;
    width: 70%;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .detail-code .name {
    width: 100%;
    display: inline-block;
    font: bold 0.875rem "prompt";
    padding-top: 10px;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .detail-code .condition {
    width: 100%;
    font: 0.875rem "prompt";
    display: inline-block;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .detail-code .condition span {
    color: #dc0000;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .code .detail-code .end-code {
    width: 100%;
    font: 0.675rem "prompt";
    display: inline-block;
    text-align: right;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .no-active {
    cursor: no-drop;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .no-active .discount-display {
    background: #EFEFEF;
    color: gray;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .code-wrap .code-promotion .no-active .detail-code {
    color: gray;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion {
    margin-top: 20px;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .title {
    padding-left: 20px;
    width: 100%;
    display: inline-block;
    font: bold 0.9rem "kanit";
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon {
    width: 100%;
    display: inline-block;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.44);
    margin-top: 10px;
    border-radius: 3px;
    cursor: pointer;
    background: #0033CC;
    text-align: center;
    padding: 20px 10px 20px 10px;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .icon {
    width: 8%;
    display: inline-block;
    text-align: center;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .icon img {
    width: 30px;
    display: inline-block;
    vertical-align: bottom;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .icon i {
    font-size: 1.8rem;
    color: white;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .discount-code {
    width: 60%;
    display: inline-block;
    text-align: center;
    font: bold 1.1rem "prompt";
    color: white;
    padding: 10px;
    border-radius: 3px 0px 0 3px;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .discount-display {
    width: 20%;
    display: inline-block;
    text-align: center;
    font: bold 1.1rem "prompt";
    color: white;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .detail-coupon {
    width: 60%;
    display: inline-block;
    font: bold 1.4rem "prompt";
    color: white;
    text-align: left;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .status-coupon {
    width: 30%;
    display: inline-block;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .status-coupon .text {
    font: 0.875rem "prompt";
    color: white;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .status-coupon .status {
    width: 100%;
    height: 15px;
    border: 1px solid white;
    background: white;
    border-radius: 20px;
    margin-top: 5px;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .coupon .status-coupon .status .status-value {
    width: 100%;
    height: 13px;
    background: #0033CC;
    border-radius: 20px;
    margin-top: 5px;
    position: relative;
    margin: 0 0 0 0;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .no-active {
    cursor: no-drop;
    background: #EFEFEF;
    color: gray;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .no-active .detail-coupon {
    color: gray;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .no-active .status-coupon .text {
    color: gray;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .title-point {
    padding-left: 20px;
    width: 100%;
    display: inline-block;
    color: #0033CC;
  }
  .main-container-cart-popup .cart-popup-wrap .coupon-content .coupon-wrap .coupon-promotion .title-point p {
    font: bold 1.5rem "kanit";
    display: inline-block;
    margin: 0 5px 0 5px;
  }
  /* ====================
    INTERMEDIATE: Menu
   ==================== */
  nav a {
    float: left;
    width: 27%;
    margin: 0 1.7%;
    padding: 25px 2%;
    margin-bottom: 0;
  }
  nav li:first-child a {
    margin-left: 0;
  }
  nav li:last-child a {
    margin-right: 0;
  }
  /* ========================
    INTERMEDIATE: IE Fixes
   ======================== */
  nav ul li {
    display: inline;
  }
  .oldie nav a {
    margin: 0 0.7%;
  }
  /* ============
        WIDE: Star
       ============ */
  .wp-stars svg {
    width: 18px;
  }
}
@media only screen and (min-width: 800px) {
  /* Home 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .donation-counter-wrap .counter-wrap .left-sec {
    padding: 10px;
    font: bold 1.8rem / 30px "prompt";
    color: #dc0000;
  }
  .main-container .donation-counter-wrap .counter-wrap .right-sec .counter-wrap {
    font: bold 1.8rem / 30px "prompt";
  }
  .main-container .donation-counter-wrap .counter-wrap .right-sec .counter-wrap .counter {
    padding: 22px;
    margin: 0 2px;
    border: 1px solid #CCC;
    border-radius: 5px;
    font: bold 2rem/30px "Helvetica";
    background: #FFF;
  }
  .main-container .donation-counter-wrap .counter-wrap .right-sec .counter-wrap .c-text {
    padding: 10px;
  }
  .main-container .main-banner-wrap .top-banner {
    display: block;
  }
  .main-container .main-banner-wrap .top-banner .banner .main-banner {
    display: none;
  }
  .main-container .main-banner-wrap .top-banner .banner-mobile .main-banner-mobile {
    display: block;
  }
  .main-container .main-banner-wrap .top-banner .dod-banner .sub-banner {
    display: none;
  }
  .main-container .main-banner-wrap .top-banner .dod-banner-mobile .sub-banner-mobile {
    display: block;
  }
  .main-container .square-banner-wrap .square-banner-left,
  .main-container .square-banner-wrap .square-banner-right {
    max-width: 400px;
  }
  .main-container .square-banner-wrap .square-banner-right {
    margin-left: -5px !important;
  }
  .main-container .head-square-banner-wrap {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
  }
  .main-container .head-square-banner-wrap .head-square-banner-wrap-wrap {
    width: 100%;
    max-width: 1100px;
    display: inline-block;
    padding: 20px;
    background: #dc0000;
    border-radius: 5px;
  }
  .main-container .head-square-banner-wrap .head-square-banner-wrap-wrap .text-head-square-banner {
    width: 49%;
    display: block;
    float: left;
    font: bold 30px/40px "Helvetica";
    text-transform: uppercase;
    text-align: left;
    color: white;
  }
  .main-container .head-square-banner-wrap .head-square-banner-wrap-wrap .Seemore-head-square-banner {
    width: 30%;
    display: block;
    float: right;
    text-align: right;
  }
  .main-container .head-square-banner-wrap .head-square-banner-wrap-wrap .Seemore-head-square-banner button {
    font: 1rem 'Helvetica';
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
  .main-container .square-banner-wrap2 {
    display: inline-block;
    max-width: 1300px;
    width: 100%;
    overflow: auto;
  }
  .main-container .square-banner-wrap2 .back-botton {
    width: 50px;
    height: 50px;
    font-size: 1.7rem;
    padding-top: 10px;
    margin: 80px 5px 0 5px;
  }
  .main-container .square-banner-wrap2 .next-botton {
    width: 50px;
    height: 50px;
    font-size: 1.7rem;
    padding-top: 10px;
    margin: 80px 5px 0 5px;
  }
  .main-container .square-banner-wrap2 .square-banner {
    transition: all 0.5s ease;
    width: 100%;
    min-width: 500px;
    padding-left: 20px;
  }
  .main-container .square-banner-wrap2 .square-banner .square-banner-left,
  .main-container .square-banner-wrap2 .square-banner .square-banner-right {
    width: 32%;
    margin: 0;
    display: inline-block;
  }
  .main-container .square-banner-wrap2 .square-banner .square-banner-right {
    margin-left: -5px !important;
    margin: 5px 5px 0 0 ;
  }
  .main-container .square-banner-wrap2 .square-banner .square-banner-right img {
    width: 95%;
    max-width: none;
    display: block;
  }
  .main-container .square-banner-wrap2 .square-banner .square-banner-right .Promotion {
    font: bold 0.875rem "kanit";
    display: none;
    width: 100%;
    color: #dc0000;
    white-space: normal;
  }
  .main-container .square-banner-wrap2 .square-banner .square-banner-right .name {
    font: bold 1rem "kanit";
    display: block;
    width: 100%;
    color: black;
    white-space: normal;
    margin-top: 10px;
  }
  .main-container .square-banner-wrap2 .square-banner .square-banner-right .description {
    font: 1.1rem "kanit";
    display: block;
    width: 85%;
    color: #444444;
    white-space: normal;
    margin-top: 10px;
  }
  .main-container .plan-selection-wrap {
    width: 100%;
    max-width: 780px;
    height: 326px;
    margin: 10px auto;
  }
  .main-container .plan-selection-wrap {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border: none;
    margin: 30px auto 10px;
    padding: 10px 0;
  }
  .main-container .plan-selection-wrap .plan-selection-cover {
    background: #FFFFFF;
    width: 100%;
    border: 1px solid #CCCCCC;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-left-content {
    padding: 0;
    width: 60%;
    float: left;
    position: relative;
    padding: 0 40px 0;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-header {
    font: bold 33px/36px "PT Sans";
    text-transform: uppercase;
    position: absolute;
    color: #FFFFFF;
    background: #dc0000;
    padding: 12px 54px 10px 10px;
    top: -12px;
    left: -18px;
    box-shadow: 3px 3px 5px #333;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-header:after {
    content: "";
    position: absolute;
    top: 0;
    right: -22px;
    border-width: 0px 35px 66px 7px;
    -webkit-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    transform: skew(-30deg);
    border-style: solid;
    border-color: #FFFFFF;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-title {
    font: bold 20px "PT Sans";
    text-transform: uppercase;
    color: #333333;
    margin: 70px 0px 0;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-text {
    margin-top: 10px;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-link {
    float: right;
    padding: 30px 25px 0 0;
    font: bold 20px "PT Sans";
    color: #666666;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-right-content {
    background: url(../img/plan-blue-bg.jpg);
    width: 40%;
    display: inline-block;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide {
    display: block;
    text-align: center;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box {
    width: 100px;
  }
  .main-container .goal-menu-wrap .goal-menu .goal {
    max-width: 260px;
  }
  .main-container .goal-menu-wrap .goal-menu .action-over {
    display: none;
  }
  .main-container .timer-wrap .timer-center-wrap {
    min-width: 800px;
    max-width: 1100px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-left {
    padding: 35px 0 26px 5%;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-left .title-heading {
    font: bold 45px/42px "PT Sans";
    width: 247px;
    height: 85px!important;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right {
    padding: 42px 0 34px 7%;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap {
    float: left;
    padding: 14px 0;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap .timer-info {
    width: 260px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap .date-info {
    display: none;
  }
  .main-container .main {
    /* Version 2 */
    /* Version 1 */
    /*
		.product-list-wrap {
			.reset;
			max-width: 800px;
			.product-list {
				margin: 23px 0 3px 24px;
			}
		}
		*/
  }
  .main-container .main .product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 800px;
  }
  .main-container .main .product-list-wrap .product-list {
    margin: 23px 0 3px 24px;
  }
  /* Product Grid 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .main {
    /*
		.pg-product-list-wrap {
			.reset;
			max-width: 800px;
			.pg-product-list {
				margin: 7px 0 17px 24px;
				background: @white;
				max-width: 235px;
			}
		}
		*/
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo {
    grid-template-columns: 4fr 17fr 0fr;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap {
    width: 220px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector {
    display: block;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list {
    margin: 7px 0 17px 24px;
    background: #FFFFFF;
    max-width: 245px;
  }
  /* Product Grid 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .main {
    /*
		.pg-product-list-wrap {
			.reset;
			max-width: 800px;
			.pg-product-list {
				margin: 7px 0 17px 24px;
				background: @white;
				max-width: 235px;
			}
		}
		*/
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap {
    width: 220px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .filter-wrap .filter .filter-goal .selector {
    display: block;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap {
    width: 100%;
    max-width: 700px;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list {
    margin: 7px 0 10px 10px;
    background: #FFFFFF;
    max-width: 220px;
  }
  /* Product Detail 800px */
  .main-container {
    min-width: 800px;
    background-color: #FFFFFF;
  }
  .main-container .pd-right-content-wrap {
    width: 760px;
    text-align: center;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap {
    display: inline-block;
    margin-bottom: 20px;
    margin: 0 3px 20px 3px;
    width: 100%;
    text-align: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap {
    display: table;
    margin: 0 auto 15px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .label {
    width: 100px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .label.first {
    width: 230px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .label.flavor {
    width: 230px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap ul li .expire {
    width: 230px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 {
    margin-bottom: 20px;
    display: inline-block;
    width: 450px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .promotionset-add-to-cart-btn {
    padding: 20px 10px 20px 0;
    text-align: right;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .promotionset-add-to-cart-btn a {
    text-decoration: none;
    background: #009900;
    padding: 10px 15px 10px 15px;
    font: 1rem/20px "Helvetica";
    color: white;
    cursor: pointer;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap {
    display: table;
    width: 100%;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-flag {
    width: 70px;
    height: 100px;
    position: absolute;
    background-image: url(../img/free_flag.png);
    background-size: 70px;
    background-repeat: no-repeat;
    text-align: center;
    margin-left: 30px;
    display: block;
    float: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-flag .pd-freebies-text {
    color: white;
    font: bold 30px/70px "Helvetica";
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box {
    border-bottom: 1px solid #CCCCCC;
    height: 80px;
    background: #EFEFEF;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-free {
    display: block;
    float: left;
    padding-top: 23px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-free .free {
    position: relative;
    display: inline-block;
    background: #0033CC;
    padding: 7px 15px;
    color: #FFFFFF;
    margin: 0px 0 2px 10px;
    font: normal 16px/12px "Helvetica";
    text-transform: capitalize;
    float: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-free .free-arrow {
    float: left;
    margin-right: 16px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: none;
    border-left: 13px solid #0033CC;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-image {
    width: 80px;
    text-align: center;
    display: block;
    float: left;
    margin-right: 10px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-image img {
    max-height: 70px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-image div {
    position: absolute;
    display: block;
    margin: -29px 0 0 29px;
    color: white;
    background: #0033CC;
    padding: 1px;
    width: 45px;
    height: 20px;
    font: bold 14px/19px "Helvetica";
    border-radius: 5px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-name {
    font: 12px/20px "Helvetica";
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 10px;
    margin-right: 10px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-content {
    font: bold 16px/20px "Helvetica";
    margin: 10px 0 10px 0;
    display: block;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li {
    display: block;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0;
    text-align: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label {
    font: normal 12px "Helvetica";
    color: #999999;
    text-transform: capitalize;
    padding: 10px 0 0 10px;
    display: inline-block;
    width: 75px;
    vertical-align: middle;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label.first {
    width: 120px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label.flavor {
    width: 120px;
    padding: 17px 0 0 10px;
    color: #333333;
    vertical-align: top;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label.available {
    color: #333333;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap {
    position: relative;
    display: flow-root;
    padding: 5px 0 0 0;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount {
    position: relative;
    display: inline-block;
    background: #dc0000;
    padding: 3px 10px;
    color: #FFFFFF;
    margin: 0px 0 2px 10px;
    font: normal 10px/12px "Helvetica";
    text-transform: capitalize;
    float: left;
    width: 82px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount-arrow {
    float: left;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: none;
    border-left: 7px solid #dc0000;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount-old {
    font: normal 12px/11px "Helvetica";
    color: #999;
    text-decoration: line-through;
    display: inline-block;
    padding: 3px 5px 0 0;
    float: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount-new {
    font: bold 15px/11px "Helvetica";
    color: #dc0000;
    padding: 3px 2px 0 0;
    float: left;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .discount-price {
    width: 85px;
    display: inline-block;
    text-align: right;
    color: #dc0000;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .discount-price .old-price {
    font: 0.875rem "Helvetica";
    display: inline-block;
    color: #444444;
    text-decoration: line-through;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .expire {
    font: normal 12px "Helvetica";
    color: #666666;
    text-transform: capitalize;
    padding: 0px 0 0 10px;
    display: inline-block;
    width: 100px;
    text-align: center;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .promo-discount {
    font: normal 12px "Helvetica";
    color: #dc0000;
    margin: 3px 10px 0px 10px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .add-to-cart-new-btn {
    margin: 0 0 0 0px;
  }
  .main-container .pd-right-content-wrap .pd-right-flav-wrap2 ul li .add-to-cart-new-btn:hover {
    opacity: 0.8;
  }
  .main-container .pd-product-content-wrap .pd-product-content-body {
    font: normal 16px/35px "Arial";
  }
  .main-container .pd-product-content-wrap .pd-product-content-body .responsive-image {
    width: 250px;
  }
  .main-container .pd-product-content-wrap .pd-product-content-body img {
    /*max-width: 720px;*/
  }
  .main-container .pd-product-content-wrap-tab {
    width: 100%;
    padding-top: 0px;
  }
  .main-container .pd-product-content-wrap-tab .tab {
    overflow: hidden;
    width: 100%;
  }
  .main-container .pd-product-content-wrap-tab .tab .tablinks {
    font-size: 18px;
  }
  .main-container .pd-product-content-wrap-tab .tab .tablinks:hover {
    cursor: pointer;
  }
  .main-container .pd-product-content-wrap-tab .tab .active:focus {
    outline: none;
  }
  .main-container .pd-sub-content-wrap {
    width: 760px;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content {
    margin-bottom: 40px;
  }
  .main-container .pd-sub-content-wrap .pd-sub-content ul li {
    width: 371px;
    margin: 0 3px;
  }
  .main-container .pd-offer-wrap {
    position: relative;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    height: 142px;
    width: 100%;
  }
  .main-container .pd-offer-wrap .promotional-tag {
    display: table;
    margin-right: 30px;
  }
  .main-container .pd-offer-wrap .pd-offer-select.left {
    left: 10%;
  }
  .main-container .pd-offer-wrap .pd-offer-select.right {
    right: 10%;
  }
  .main-container .pd-offer-wrap .pd-offer-right {
    display: table;
    width: 100%;
  }
  .main-container .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select {
    display: inline-block;
  }
  /* Cart 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .cart-wrap .condition-navigation .condition-navigation-wrap .condition-navigation-left {
    margin-bottom: 0px;
  }
  .main-container .cart-wrap .condition-navigation .condition-navigation-wrap .condition-navigation-right {
    width: 100px;
    text-align: center;
    display: block;
  }
  .main-container .cart-wrap .condition-navigation .condition-navigation-wrap .coupon-navigation-right {
    width: 100px;
    text-align: center;
    display: block;
  }
  .main-container .cart-wrap .condition-navigation .condition-navigation-wrap span {
    width: unset;
  }
  .main-container .cart-wrap .condition-navigation .condition-navigation-wrap span img {
    width: 180px;
    position: absolute;
    display: inline-block;
    margin: -74px 0 0 -270px;
  }
  .main-container .cart-wrap .cart-box-wrap {
    padding: 0 20px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.product {
    width: 80px;
    padding-left: 20px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.empty {
    width: 37%;
    height: 50px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.price {
    width: 15%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.quantity {
    width: 15%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.sub-total {
    width: 13%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.remove-box {
    width: 70px;
    display: block;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .product {
    float: left;
    width: 34%;
    display: table;
    height: 142px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap {
    background: #F5F5F5;
    display: block;
    text-align: left;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap {
    display: block;
    width: 655px;
    margin: 0 auto;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap {
    display: block;
    height: 80px;
    padding: 22px 0 22px 23px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap span {
    width: 230px;
    display: table-cell;
    vertical-align: middle;
    line-height: 35px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap .coupon-input {
    width: 160px;
    margin-left: 10px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap .coupon-btn {
    width: 112px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .coupon-wrap .apply-btn {
    width: 112px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .promo-coupon-wrap {
    padding: 10px 0 22px 23px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .promo-coupon-wrap span {
    font: lighter 16px/18px "prompt";
    width: 250px;
    text-align: center;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .promo-coupon-wrap .apply-btn {
    max-width: 156px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .fitwhey-points .points-earn {
    background: url(../img/points-icon.png) no-repeat scroll 30px 0px rgba(0, 0, 0, 0);
    padding: 10px 0 10px 90px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap .points-wrap .botton-wrap .botton-point {
    margin-right: 40px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap {
    display: table;
    width: 100%;
    text-align: right;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space {
    width: 100%;
    padding: 50px 80px 10px 450px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space .price-total {
    border-bottom: 1px solid #CCCCCC;
    padding: 8px 0 8px 0px;
    margin-left: 40%;
    font: lighter 16px "PT Sans";
    text-transform: capitalize;
    color: #666666;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space .price-total .total {
    font: bold 16px "PT Sans";
    padding-left: 20px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space .table-total {
    font: lighter 24px "PT Sans";
    text-transform: capitalize;
    padding: 12px 0 12px 80px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space .table-total .total {
    font: bold 24px "PT Sans";
    padding-left: 20px;
  }
  .main-container .cart-wrap .cart-box-wrap .place-order-wrap {
    border: none;
  }
  .main-container .cart-wrap .cart-box-wrap .place-order-wrap .btn {
    display: inline-block;
  }
  .main-container .cart-wrap .cart-box-wrap .place-order-wrap .btn.continue {
    float: left;
  }
  .main-container .cart-wrap .cart-box-wrap .place-order-wrap .btn.place-order {
    float: right;
  }
  /* Gift 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .checkout-navigation-wrap .checkout .navigation.active {
    background: url(../img/icons.png) no-repeat center -1290px rgba(0, 0, 0, 0);
  }
  .main-container .main-content ul {
    max-width: 800px;
    padding: 0 73px 20px;
  }
  .main-container .main-content .gift-group {
    max-width: 650px;
    margin: 0 auto 15px;
  }
  .main-container .main-content .gift-group .gift-group-header {
    padding: 12px 20px;
  }
  .main-container .main-content .gift-group .gift-group-header .gift-group-image {
    width: 55px;
    height: 55px;
  }
  .main-container .main-content .gift-group .gift-group-header .gift-group-name {
    font-size: 1.1rem;
  }
  .main-container .bottom-menu {
    flex-wrap: nowrap;
    padding: 10px 15px;
    background: #EEEEEE;
  }
  .main-container .bottom-menu .gift-menu {
    flex: 1;
    order: 2;
    justify-content: center;
    background: transparent;
    border-bottom: none;
    padding: 0;
  }
  .main-container .bottom-menu .gift-menu .point-total {
    margin-right: 20px;
  }
  .main-container .bottom-menu .gift-menu .point-total .text {
    font-size: 0.85rem;
    padding-left: 25px;
    background-size: 20px;
  }
  .main-container .bottom-menu .gift-menu .point-total .number {
    font-size: 0.85rem;
  }
  .main-container .bottom-menu .gift-menu .gift-total span {
    font-size: 0.85rem;
  }
  .main-container .bottom-menu .gift-menu .gift-total .number {
    font-size: 0.85rem;
  }
  .main-container .bottom-menu .btn {
    flex: 0 0 auto;
    order: 1;
    width: 130px;
    height: 40px;
    font: bold 12px/40px "Helvetica";
    float: none;
    background-image: none !important;
  }
  .main-container .bottom-menu .btn.back {
    order: 1;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
  }
  .main-container .bottom-menu .btn.next {
    order: 3;
    border-radius: 5px;
  }
  .main-container .freebies-grid {
    gap: 15px;
  }
  .main-container .freebies-grid .gift-group {
    width: calc(50% - 8px);
  }
  .main-container .shipping-wrap .center-content {
    padding: 0 18px;
  }
  .main-container .shipping-wrap .center-content .title-heading {
    padding: 35px 0 40px 0;
  }
  .main-container .shipping-wrap .center-content .shipping-content .address-cards-grid {
    gap: 20px;
    padding: 24px 32px;
  }
  .main-container .shipping-wrap .center-content .shipping-content .address-card {
    padding: 24px;
  }
  /* Confirmation 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .confirmation-wrap .confirmation-title {
    padding: 35px 0 60px 0;
  }
  .main-container .confirmation-wrap .confirmation-title .sub-heading {
    width: 100%;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap {
    padding: 0 20px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.product {
    width: 80px;
    padding-left: 30px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.empty {
    width: 43%;
    height: 50px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.price {
    width: 15%;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.quantity {
    width: 15%;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.sub-total {
    width: 13%;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.remove-box {
    width: 70px;
    display: block;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .product {
    float: left;
    width: 36%!important;
    display: table;
    height: 142px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .sub-total {
    padding-left: 15px;
    float: left;
    width: 12%;
    font: bold 20px "PT Sans";
    display: table;
    height: 0px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .sub-total span {
    display: table-cell;
    vertical-align: middle;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .price {
    margin-left: 0px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .quantity {
    padding-left: 0px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-point-wrap .price-wrap .white-space {
    display: inline-block;
    margin: 0 35px 0 0;
    float: right;
  }
  .main-container .confirmation-wrap .remark-wrap {
    padding: 20px 20px 0 20px;
  }
  .main-container .confirmation-wrap .confirmation-shipping-wrap .shipping-billing-content {
    width: 540px;
    margin: 20px auto;
    padding: 0;
  }
  .main-container .confirmation-wrap .button-wrap {
    display: flex;
    justify-content: center;
    padding: 30px 20px 50px;
  }
  .main-container .confirmation-wrap .button-wrap .noti-area {
    padding: 0;
    align-items: center;
  }
  .main-container .confirmation-wrap .button-wrap .continue-btn {
    display: inline-block;
    min-width: 260px;
    padding: 0 40px;
    height: 60px;
    font: bold 20px/60px "PT Sans";
    color: #FFFFFF;
    text-decoration: none;
    background: #009900;
    text-transform: capitalize;
    box-shadow: 0 4px 12px rgba(0, 153, 0, 0.3);
  }
  .main-container .confirmation-wrap .img {
    padding: 0 0 100px 0;
  }
  /* Payment-Popup-800 */
  .tctp-new-card-wrap .bottom-card-wrap .new-card-info .info {
    width: 220px;
    margin: 0 0 10px 0;
    display: inline-block;
  }
  /* Payment 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .payment-wrap .center-content .payment-content .title {
    padding-left: 40px;
    text-align: left;
  }
  .main-container .payment-wrap .center-content .payment-content .payment-input-wrap {
    float: left;
    width: 40%;
    border-right: 8px solid #EFEFEF;
  }
  .main-container .payment-wrap .center-content .payment-content .payment-info-wrap {
    float: left;
    width: 60%;
    padding: 59px 50px;
  }
  /* Contact 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .contact-wrap .map-wrap .map-info-wrap {
    width: 410px;
    top: 45px;
    left: 85px;
  }
  .main-container .contact-wrap .map-wrap .map-info-wrap .header {
    font: bold 24px "PT Sans";
  }
  .main-container .contact-wrap .map-wrap .map-info-wrap .info-content {
    font: normal 18px "PT Sans";
  }
  .main-container .contact-wrap .map-wrap .map-info-wrap .btn-wrap {
    height: 80px;
  }
  .main-container .contact-wrap .map-wrap .map-info-wrap .btn-wrap .direction-btn {
    width: 240px;
    height: 55px;
    font: bold 18px/55px "PT Sans";
  }
  /* Knowledge 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .knowledge-wrap .knowledge-selection-wrap .selection {
    margin: 20px auto;
  }
  .main-container .knowledge-wrap .knowledge-question-wrap .question-wrap {
    margin: 20px auto;
  }
  /* Article Grid 800 */
  .main-container {
    min-width: 800px;
    background-color: #FFFFFF;
  }
  .main-container .article-grid-wrap .article-nav-wrap .nav-bar {
    max-width: 800px;
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list {
    max-width: 800px;
    margin: 0 auto;
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap {
    display: inline-block;
    margin: 0 20px 25px;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left {
    width: 720px;
    margin: 0 auto 30px;
    border: 1px solid #CCCCCC;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right {
    display: inline-block;
    width: 720px;
    margin: 0 auto 30px;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .mid-ad-wrap {
    float: left;
    margin: 0 20px 20px 0;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .mid-author-wrap {
    float: left;
    margin: 0 0 20px 0;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap {
    float: left;
    margin: 0 0 20px 0;
  }
  .main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection.prev-wrap {
    float: left;
    margin-left: 30px;
    text-align: left;
  }
  .main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection.next-wrap {
    float: right;
    margin-right: 30px;
    text-align: right;
  }
  /* My Account 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .login-main-wrap {
    display: block;
  }
  .main-container .login-main-wrap .my-account-wrap {
    padding: 0 20px 40px;
  }
  /* Order History Detail 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .history-detail-wrap .history-detail-title {
    padding: 35px 0 60px 0;
  }
  .main-container .history-detail-wrap .history-detail-title .shipping-process {
    display: inline-block;
  }
  .main-container .history-detail-wrap .history-detail-title .sub-heading {
    width: 250px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap {
    padding: 0 20px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.product {
    width: 80px;
    padding-left: 30px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.empty {
    width: 43%;
    height: 50px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.price {
    width: 15%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.quantity {
    width: 15%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.sub-total {
    width: 13%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.remove-box {
    width: 70px;
    display: block;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .product {
    float: left;
    width: 39%;
    display: table;
    height: 142px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .price {
    width: 16%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .quantity {
    width: 15%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .sub-total {
    width: 14%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .points-left-wrap {
    display: block;
    width: 98%;
    margin: 0 auto;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .points-left-wrap .points-wrap {
    text-align: center;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .points-left-wrap .points-wrap .fitwhey-points .points-earn {
    background: url(../img/points-icon.png) no-repeat scroll 30px 0px rgba(0, 0, 0, 0);
    padding: 10px 0 10px 90px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .white-space {
    display: inline-block;
    margin: 0 35px 0 0;
    float: right;
  }
  .main-container .history-detail-wrap .detail-shipping-wrap .shipping-billing-content {
    width: 540px;
    margin: 20px auto;
    padding: 0;
  }
  .main-container .history-detail-wrap .button-wrap {
    display: table;
    width: 100%;
    padding: 20px 0 40px 0;
    border-bottom: 1px solid #EFEFEF;
  }
  .main-container .history-detail-wrap .button-wrap .delete-btn {
    display: inline-block;
    width: 250px;
    height: 55px;
    font: bold 22px/55px "PT Sans";
    color: #FFFFFF;
    text-decoration: none;
    background: #dc0000;
    text-transform: capitalize;
    border-radius: 5px;
  }
  .main-container .history-detail-wrap .button-wrap .continue-btn {
    display: inline-block;
    width: 420px;
    height: 55px;
    font: bold 22px/55px "PT Sans";
    color: #FFFFFF;
    text-decoration: none;
    background: #0033CC;
    text-transform: capitalize;
    border-radius: 5px;
  }
  .main-container .history-detail-wrap .img {
    padding: 0 0 100px 0;
  }
  /* Ingredient List 800 */
  .main-container .full-listing-wrap .listing-content-main {
    flex-direction: row;
    align-items: flex-start;
    margin: 30px auto 0;
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-left {
    flex: 1;
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-left .il-heading {
    text-align: left;
    padding-bottom: 20px;
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-left .il-card {
    width: calc(25% - 8px);
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-right {
    flex-shrink: 0;
    width: 300px;
    margin-top: 0;
    margin-left: 20px;
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-right .mid-ad-wrap {
    float: none;
    margin: 0 auto 20px;
  }
  /* Coupon Grid 800 */
  .main-container .main .login-main-wrap .outter-wrap {
    padding: 0 30px;
  }
  .main-container .main .login-main-wrap .outter-wrap .resp-tabs-list .coupon-tab {
    font-size: 14px;
    padding: 14px 16px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list {
    width: 190px;
    padding: 18px 14px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-image img {
    max-height: 150px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-top .cg-brand-title {
    font-size: 24px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .unused-list-title,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .unused-list-title {
    display: flex;
    width: 100%;
    background: #F5F5F5;
    font: bold 13px "PT Sans";
    text-transform: uppercase;
    padding: 10px 14px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #EFEFEF;
    border-bottom: none;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .unused-list-title .coupon-title,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .unused-list-title .coupon-title {
    float: none;
    width: 30%;
    text-align: left;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .unused-list-title .date-title,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .unused-list-title .date-title {
    float: none;
    width: 30%;
    text-align: left;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .unused-list-title .promo-title,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .unused-list-title .promo-title {
    float: none;
    width: 40%;
    text-align: right;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    border-radius: 0;
    margin-bottom: 0;
    border-top: none;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list:first-child,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list:first-child {
    border-top: none;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list:last-child,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list:last-child {
    border-radius: 0 0 5px 5px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .coupon-amount,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .coupon-amount {
    float: none;
    width: 30%;
    text-align: left;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 40px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .date-used,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .date-used {
    float: none;
    width: 30%;
    text-align: left;
    line-height: 40px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .promo-code,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .promo-code {
    float: none;
    width: 40%;
    text-align: right;
    line-height: 40px;
  }
  /* Lab Test 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .banner-cover {
    background: url(../img/amino-spike-free-cover-1.webp) no-repeat center top;
  }
  .main-container .main .lt-intro .lt-intro-content {
    padding: 0 20px;
  }
  .main-container .main .lt-intro .lt-intro-content .lab-video {
    width: 80%;
  }
  .main-container .main .lt-intro .lt-intro-content .lab-image {
    width: 50%;
  }
  .main-container .main .lt-search-by-wrap .lab-search {
    border: 1px solid #ccc;
    width: 180px;
    display: inline-block;
    font: bold 14px/23px "PT Sans";
    text-decoration: none;
    color: #666;
    padding: 0 15px;
    margin-right: 15px;
  }
  .main-container .main .lt-search-by-wrap .search-option-wrap {
    display: inline-block;
    margin: 0 10px 0 0;
  }
  .main-container .main .lt-search-by-wrap .search-option-wrap .title {
    font: lighter 14px/26px "PT Sans";
    color: #666666;
    text-transform: capitalize;
    margin: 0 5px 0 0;
  }
  .main-container .main .lt-product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 800px;
  }
  .main-container .main .lt-product-list-wrap .lt-product-list {
    margin: 7px 0 17px 24px;
    background: #FFFFFF;
    max-width: 235px;
  }
  .main-container .main .lab-result-content .table-heading-wrap .table-heading {
    font: bold 12px "PT Sans";
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content {
    font: normal 12px "PT Sans";
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content.eight img {
    width: 40px;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content {
    padding: 8px 8px;
    font: normal 12px "PT Sans";
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content img {
    width: 40px;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.eight img {
    width: 40px;
  }
  /* Give Away Landing 800 */
  .main-container .large-bg-ga {
    background: url(../img/giveaway-cover.png) no-repeat scroll center 0px #CCCCCC;
  }
  .main-container .large-bg-ga .gift {
    padding-top: 330px;
    color: #FFFFFF;
    font: bold 16px/32px "Helvetica";
  }
  .main-container .large-bg-ga .gift .gift-mobile {
    display: none;
  }
  .main-container .large-bg-ga .gift .gift-full {
    display: block;
  }
  .main-container .blank-main-wrap .giveaway-content .giveaway-block {
    max-width: 100%;
  }
  .main-container .blank-main-wrap .giveaway-content .giveaway-block .giveaway-left {
    float: left;
    width: 500px;
    padding: 0 20px 20px 20px;
    border-right: 1px solid #CCCCCC;
    border-bottom: none;
    text-align: left;
  }
  .main-container .blank-main-wrap .giveaway-content .giveaway-block .giveaway-right {
    float: left;
    width: 480px;
    padding: 0 20px 30px 40px;
    text-align: left;
  }
  .main-container .blank-main-wrap .giveaway-content .giveaway-block ul {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 5px 0;
  }
  /* Events Landing 800 */
  .main-container .events-bg-ga {
    background: url(../img/events-cover.png) no-repeat scroll center 0px #CCCCCC;
  }
  .main-container .events-bg-ga .gift {
    padding-top: 330px;
    color: #FFFFFF;
    font: bold 16px/32px "Helvetica";
  }
  .main-container .blank-main-wrap .events-content .events-block {
    max-width: 100%;
  }
  .main-container .blank-main-wrap .events-content .events-block .events-left {
    float: left;
    width: 480px;
    padding: 0 20px 20px 20px;
    border-right: 1px solid #CCCCCC;
    border-bottom: none;
    text-align: left;
  }
  .main-container .blank-main-wrap .events-content .events-block .events-right {
    float: left;
    width: 480px;
    padding: 0 20px 20px 20px;
    text-align: left;
  }
  .main-container .blank-main-wrap .events-content .events-block ul {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 5px 0;
  }
  /* Promotion Set Landing 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .promotion-main .promotion-large-bg {
    display: block;
    width: 100%;
    position: relative;
    background: none;
  }
  .main-container .promotion-main .promotion-large-bg .promocover-mobile {
    display: block;
    text-align: center;
  }
  .main-container .promotion-main .promotion-large-bg .promocover-discription {
    max-width: 800px;
  }
  .main-container .promotion-main .pro-product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 800px;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list {
    margin: 7px 0 17px 24px;
    background: #FFFFFF;
    max-width: 235px;
  }
  /* Now and Idol Landing 800 */
  .main-container .campaign-large-bg-ga {
    background: url(../img/now-idol-cover.png) no-repeat scroll center 0px #000000;
  }
  .main-container .campaign-large-bg-ga .gift {
    padding-top: 330px;
    color: #FFFFFF;
    font: bold 16px/32px "Helvetica";
  }
  .main-container .campaign-large-bg-ga .gift .gift-mobile {
    display: none;
  }
  .main-container .campaign-large-bg-ga .gift .gift-full {
    display: block;
  }
  .main-container .blank-main-wrap .campaign-content .campaign-block {
    max-width: 100%;
  }
  .main-container .blank-main-wrap .campaign-content .campaign-block .campaign-left {
    float: left;
    width: 500px;
    padding: 0 20px 20px 20px;
    border-right: 1px solid #CCCCCC;
    border-bottom: none;
    text-align: left;
  }
  .main-container .blank-main-wrap .campaign-content .campaign-block .campaign-right {
    float: left;
    width: 480px;
    padding: 0 20px 30px 40px;
    text-align: left;
  }
  .main-container .blank-main-wrap .campaign-content .campaign-block ul {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 5px 0;
  }
  /* Fake Whey 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .fake-whey-wrap .fake-whey-banner-wrap {
    padding: 125px 0 0 0;
  }
  .main-container .fake-whey-wrap .fake-whey-banner-wrap .title {
    font: bold 65px "PT Sans";
    line-height: 65px;
  }
  /* Closing Notice 800 */
  .full-bg {
    background: url(../img/closing-landing-page-new.jpg) no-repeat center;
  }
  .full-bg .main-container-block {
    min-width: 500px;
    max-width: 1000px;
    margin: 0 auto;
    height: 1100px;
    padding: 40px 20px;
  }
  .full-bg .main-container-block .container-block {
    max-width: 430px;
    float: left;
  }
  .full-bg .main-container-block .container-block .container {
    text-align: left;
    width: 440px;
    font: normal 20px/37px "RSU";
  }
  .full-bg .main-container-block .container-block .container h2 {
    margin: 0;
    font: bold 45px "RSU";
  }
  .full-bg .main-container-block .container-block .container img {
    float: left;
    display: inline-block;
  }
  /* Valentine 800 */
  .main-container {
    min-width: 500px;
    background-color: #FFFFFF;
  }
  .main-container .navigation-wrap {
    display: none;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
  }
  .main-container .main .women-banner-cover {
    display: block;
    width: 100%;
    max-width: 2100px;
    overflow: hidden;
  }
  .main-container .main .women-banner-cover img {
    display: inline-block;
    margin: auto;
    width: 100%;
  }
  .main-container .main .women-banner-mb-cover {
    display: none;
  }
  .main-container .main .vday-ad-wrap {
    padding: 0 4px;
  }
  .main-container .main .vday-ad-wrap h3 {
    margin: 14px 5px;
  }
  .main-container .main .vday-ad-wrap .vday-ad-promo-wrap {
    display: inline-block;
    width: 724px;
    margin: 0 auto;
  }
  .main-container .main .vday-ad-wrap .vday-ad-promo-wrap .vday-ad-promo {
    float: left;
    margin: 4px;
    width: 354px;
  }
  .main-container .main .vday-ad-wrap .vday-ad-promo-wrap .vday-ad-promo img {
    width: 354px;
  }
  .main-container .main .vday-ad-wrap .vday-ad-event-wrap .vday-event-promo {
    margin: 4px;
  }
  /* Track and Trace 800 */
  .main-container {
    min-width: 500px;
    background-color: #FFFFFF;
  }
  .main-container .track-wrap {
    display: table;
    position: relative;
    width: 100%;
    height: 485px;
  }
  .main-container .track-wrap .track-inner {
    display: inline-block;
    width: 100%;
    background: url(../img/delivery-banner.png) no-repeat scroll top center #000000;
  }
  .main-container .track-wrap .track-inner .track-search-wrap {
    display: table;
    width: 100%;
    max-width: 660px;
    height: 365px;
    padding: 136px 0 0 0;
    margin: 0 auto;
    text-align: left;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-title-wrap {
    color: #FFFFFF;
    display: inline-block;
    text-align: left;
    margin: 0 auto;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-title-wrap .title {
    font: bold 48px/34px "PT Sans";
    text-transform: capitalize;
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-title-wrap .sub-title {
    font: normal 18px "PT Sans";
    display: block;
    width: 100%;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-input-wrap {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 55px 0 0;
    position: relative;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-input-wrap .form-input {
    width: 100%;
    max-width: 805px;
    height: 55px;
    font: normal 16px/55px "PT Sans";
    padding: 0 25px;
  }
  .main-container .track-wrap .track-inner .track-search-wrap .search-input-wrap .search-btn {
    position: absolute;
    right: 0;
    top: 0;
  }
  .main-container .track-wrap .track-content-wrap {
    position: relative;
    display: block;
    width: 100%;
    min-height: 350px;
    margin: 30px auto 60px;
    max-width: 1100px;
  }
  .main-container .track-wrap .track-content-wrap .track-content {
    width: 100%;
    position: relative;
    display: inline-block;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-left {
    border-right: 1px solid #CCCCCC;
    max-width: 500px;
    width: 100%;
    float: left;
    text-align: left;
    padding: 0 0 10px 150px;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-left .detail {
    color: #0033CC;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right {
    padding-left: 30px;
    max-width: 540px;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap {
    display: inline-block;
    margin: 0 0 10px 0;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .date-wrap {
    display: inline-block;
    width: 170px;
    float: left;
    text-align: right;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .icon {
    float: left;
    margin: 4px 15px 0;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .status-wrap {
    float: left;
    width: 240px;
    text-align: left;
  }
  .main-container .track-wrap .track-content-wrap .track-content .track-right .right-wrap .status-wrap .status {
    color: #0033CC;
  }
  /* Knowledge 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .job-wrap .job-search-wrap .search-title-wrap .title {
    font: bold 50px/58px "Prompt";
  }
  .main-container .job-wrap .job-selection-wrap {
    text-align: center;
  }
  .main-container .job-wrap .job-selection-wrap .selection {
    display: inline-block;
    margin: 20px 20px;
  }
  /* Product Grid 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .main .flash-cover,
  .main-container .flashsale-main-wrap .flash-cover {
    width: 100%;
    max-width: 2000px;
    height: 330px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .main-container .main .flash-cover2 .mobile,
  .main-container .flashsale-main-wrap .flash-cover2 .mobile {
    display: none;
  }
  .main-container .main .flash-cover2 .desktop,
  .main-container .flashsale-main-wrap .flash-cover2 .desktop {
    display: inline-block;
    max-width: 950px;
  }
  .main-container .main .flash-product-list-wrap,
  .main-container .flashsale-main-wrap .flash-product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 800px;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list {
    margin: 7px 0 17px 24px;
    background: #FFFFFF;
    max-width: 235px;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap {
    max-width: 1000px;
  }
  /* Product Grid Promo2 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .main .filter-nav-bar2 {
    flex-direction: row;
    list-style: none;
    margin: 12px auto;
    padding: 0;
    display: flex;
    text-align: center;
    max-width: 800px;
  }
  .main-container .main .filter-nav-bar2 li {
    list-style-type: none;
    margin: 0;
    padding: 5px 5px;
    border-top: 1px solid #FFFFFF;
  }
  .main-container .main .filter-nav-bar2 li a {
    text-decoration: none;
    padding: 5px 10px;
    text-transform: capitalize;
    font: 18px "PT Sans";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-grid .filter-wrap .filter .filter-goal .selector {
    display: block;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 90%;
    padding-left: 10px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 {
    position: relative;
    max-width: 230px;
    width: 100%;
    margin: 7px 0 3px 10px;
    padding: 15px 0;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    opacity: 0.9;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap .pg-discount-wrap {
    text-align: center;
    position: relative;
    background: #dc0000;
    color: #FFFFFF;
    padding: 5px 0px 5px 0px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
    font: bold 5px/15px "Helvetica";
    text-transform: uppercase;
    color: #efefef;
    border-radius: 2px 10px 10px 2px;
    padding-bottom: 2px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
    font: bold 16px/23px "Helvetica";
    text-shadow: 1px 1px 2px #333;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-discount-arrow-wrap .pg-bottom-arrow {
    border-top: 9px solid #dc0000;
    border-bottom: none;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    position: relative;
    z-index: 1;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 5px;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image .pg-promo-code-float {
    bottom: 10px;
    left: 0;
    text-align: left;
    position: absolute;
    z-index: 2;
    min-width: 130px;
    max-width: 150px;
    height: 30px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
    box-shadow: -3px 2px 2px #333;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 4px 10px;
    font: bold italic 14px/24px "Arial";
    overflow: hidden;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image .pg-float-img {
    top: -10px;
    right: 2px;
    position: absolute;
    z-index: 1;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image .pg-float-img .sure-logo {
    width: 110px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-image img {
    width: 100%;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-brand-title {
    font: bold 1rem/20px "Helvetica";
    color: #000000;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 4px;
    min-height: 42px;
    text-decoration: none;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-category {
    font: 0.8rem/20px "Helvetica";
    color: #444444;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 4px;
    min-height: 42px;
    text-decoration: none;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-price {
    width: 100%;
    display: inline-block;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-price .old-price {
    text-decoration: line-through;
    color: #CCCCCC;
    margin-right: 5px;
    font: 0.8rem "Helvetica";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-top .pg-price .now-price {
    font: bold 1.3rem "Helvetica";
    color: #dc0000;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-bottom {
    width: 80%;
    height: 30px;
    border-radius: 3px;
    padding: 3px 0 0px 0;
    margin: 10px 0 10px 0;
    display: inline-block;
    background: #dc0000;
    font: 1.1rem "Helvetica";
    color: white;
    cursor: pointer;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap3 .pg-product-list3 .pg-container-seller {
    font: 0.7rem "Helvetica";
    width: 100%;
    text-align: right;
    padding-right: 10px;
  }
  /* Co Promotion Grid 800 */
  .main-container {
    min-width: 800px;
    background-color: #FFFFFF;
  }
  .main-container .co-promotion-grid-wrap .co-promotion-content-wrap {
    text-align: left;
  }
  .main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list {
    max-width: 800px;
    margin: 0 auto;
  }
  .main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list .co-promotion-wrap {
    display: inline-block;
    margin: 0 20px 25px;
  }
  /* Product Grid 800 */
  .main-container {
    min-width: 800px;
  }
  .main-container .main {
    /*
		.pg-product-list-2-wrap {
			.reset;
			max-width: 800px;
			.pg-product-list-2 {
				margin: 7px 0 17px 24px;
				background: @white;
				max-width: 235px;
			}
		}
		*/
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 {
    grid-template-columns: 4fr 17fr 0fr;
    width: 807px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap {
    width: 807px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 {
    margin: 7px 0 10px 15px;
    background: #FFFFFF;
    max-width: 245px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 {
    grid-template-columns: 4fr 17fr 0fr;
    width: 680px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap {
    width: 680px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 {
    margin: 7px 0 10px 15px;
    background: #FFFFFF;
    max-width: 245px;
  }
  /* 11-11-2020 Campaign 800 */
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box {
    text-align: center;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 800px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-left {
    display: block;
    float: left;
    width: 50%;
    padding-right: 10px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-left img {
    width: 100%;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right {
    width: 50%;
    display: block;
    float: left;
    margin-top: 10px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-right-title {
    background: #3f3f3f;
    color: white;
    font: bold 20px/30px "Oswald";
    display: inline-block;
    padding: 10px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap {
    display: block;
    margin-top: 20px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap .countdow-box {
    width: 65px;
    border-radius: 10px;
    display: block;
    float: left;
    text-align: center;
    margin: 10px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap .countdow-box .number {
    font: bold 60px/70px "Oswald";
    color: white;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap .countdow-box .title {
    font: 12px/15px "Oswald";
    color: #aeaeae;
    text-align: center;
    display: block;
    width: 100%;
    margin: -15px 0 0 0;
    letter-spacing: 5px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-break {
    display: block;
    float: left;
    font: bold 50px/80px "Oswald";
    color: white;
  }
  /* product detell popup 800 */
  .main-container-product-popup {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 10;
    text-align: center;
  }
  .main-container-product-popup .product-popup-wrap {
    max-width: 800px;
    min-width: 320px;
    width: 100%;
    display: inline-block;
    height: 290px;
    background: white;
    box-shadow: -1px 0px 11px -5px rgba(0, 0, 0, 0.45);
  }
  .main-container-product-popup .product-popup-wrap .close {
    display: block;
    float: right;
    width: 50px;
    height: 30px;
    font: bold 20px/40px "PT SANS";
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box {
    margin: 10px 0 10px 0px;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left {
    width: 60%;
    text-align: left;
    padding: 0 10px 0 10px;
    display: block;
    float: left;
    border: 0px;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .title {
    width: 100%;
    display: table;
    padding: 5px 0 0px 0;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap {
    width: 100%;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-left .product-popup-left-wrap .product-left {
    display: -webkit-box;
    position: relative;
    white-space: nowrap;
    overflow-x: scroll;
    width: 100%;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right {
    width: 35%;
    display: inline-block;
    border-left: 1px solid #EFEFEF;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .title {
    display: table;
    font: bold 20px/30px "kanit";
    padding: 5px 0 0px 0;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .product-popup-right-wrap {
    display: table;
    width: 100%;
    padding: 10px 0 10px 0;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .product-popup-right-wrap .product-popup-right-box {
    width: 50px;
    height: 50px;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    display: block;
    float: left;
    margin: 3px;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .product-popup-right-wrap .product-popup-right-box img {
    width: 100%;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .product-popup-right-wrap .product-popup-right-box .popup-right-close {
    width: 20px;
    height: 20px;
    background: #dc0000;
    border-radius: 20px;
    position: absolute;
    color: white;
    margin-top: -7px;
    margin-left: 35px;
    font: 15px/20px "Kanit";
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .text-price {
    width: 100%;
    display: block;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .text-price .text {
    color: black;
    font: bold 20px/30px "Kanit";
    display: block;
    float: left;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .text-price .price {
    color: red;
    font: bold 25px/30px "Kanit";
    display: block;
    float: right;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .popup-right-button-wrap {
    width: 100%;
    display: inline-block;
    margin: 15px 0 10px 0 ;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .popup-right-button-wrap .popup-button {
    margin: 3px;
    width: 45%;
    height: 40px;
    border: 1px solid #0033CC;
    font: bold 14px/35px "kanit";
    border-radius: 5px;
    display: inline-block;
  }
  .main-container-product-popup .product-popup-wrap .product-popup-wrap-box .product-popup-right .popup-right-button-wrap .popup-button.active {
    background: #0033CC;
    color: white;
  }
  /* card new 800 */
  .main-container-card {
    min-width: 320px;
    background: #EFEFEF;
  }
  .main-container-card .card-head-wrap {
    width: 100%;
    background: white;
    box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.44);
    text-align: center;
    padding: 20px;
  }
  .main-container-card .card-head-wrap .card-head {
    font: bold 25px/40px "Helvetica";
    display: inline-block;
    width: 100%;
    max-width: 1100px;
    text-align: left;
  }
  .main-container-card .main-card {
    width: 100%;
    text-align: center;
    margin: 20px;
  }
  .main-container-card .main-card .card-wrap {
    width: 100%;
    max-width: 1200px;
    display: inline-block;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left {
    width: 100%;
    display: block;
    float: left;
    margin: 10px;
    padding: 10px;
    background: white;
    /* Payment 800 */
  }
  .main-container-card .main-card .card-wrap .card-left .wrap {
    display: block;
    float: left;
    width: 65%;
    min-height: 500px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table {
    width: 100%;
    background: white;
    padding: 10px;
    margin-bottom: 10px;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table {
    width: 100%;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr {
    font: bold 0.975rem "Helvetica";
    color: black;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .product {
    width: 10%;
    display: block;
    float: left;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .detell {
    width: 30%;
    display: block;
    float: left;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .price {
    width: 20%;
    display: block;
    float: left;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .amount {
    width: 20%;
    display: block;
    float: left;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .price-total {
    width: 20%;
    display: block;
    float: left;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .head-mobile {
    display: none;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box {
    width: 100%;
    background: none;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box .rub-product {
    display: none;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table {
    width: 100%;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr {
    font-size: 0.875rem;
    text-align: left;
    width: 100%;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .product {
    width: 15%;
    display: inline-block;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .product img {
    width: 80px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .detell {
    width: 24%;
    display: inline-block;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .detell .card-name {
    font: bold 0.875rem "Helvetica";
    color: #0033CC;
    text-align: left;
    margin-bottom: 5px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .detell .card-detell {
    font: 0.575rem/13px "Helvetica";
    color: gray;
    text-align: left;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .price {
    width: 20%;
    display: inline-block;
    text-align: center;
    font: 0.875rem/25px "Helvetica";
    height: 100%;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount {
    width: 19%;
    display: inline-block;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap {
    display: inline-block;
    font: 0.875rem/25px "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .reduce {
    width: 25px;
    height: 25px;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    border-right: none;
    border-radius: 3px 0 0 3px ;
    cursor: pointer;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .reduce:active {
    background: gray;
    color: white;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .number {
    width: 50px;
    height: 25px;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .plus {
    width: 25px;
    height: 25px;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    border-left: none;
    border-radius: 0 3px 3px 0 ;
    cursor: pointer;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .plus:active {
    background: gray;
    color: white;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .price-total {
    width: 19%;
    display: inline-block;
    text-align: center;
    font: bold 1rem/25px "Helvetica";
    color: #dc0000;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box .card-cordion {
    border-top: 1px solid #EFEFEF;
    padding: 10px;
    text-align: left;
    font: 0.8rem "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary {
    width: 100%;
    display: inline-block;
    text-align: right;
    padding-right: 20px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap {
    width: 400px;
    display: inline-block;
    text-transform: uppercase;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-subtotal {
    color: gray;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
    font: 1.1rem "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-subtotal .text {
    width: 50%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-subtotal .number {
    width: 48%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-discount {
    color: gray;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
    font: 1.1rem "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-discount .text {
    width: 50%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-discount .number {
    width: 48%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-total {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-total .text {
    font: bold 1.2rem "Helvetica";
    color: #444444;
    width: 50%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-total .number {
    font: bold 1.2rem "Helvetica";
    color: #dc0000;
    width: 48%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point {
    width: 100%;
    display: inline-block;
    padding-top: 20px;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 20px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point p {
    font: 0.9rem "Helvetica";
    margin-right: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point span img {
    width: 50px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point .point {
    font: bold 2rem "Helvetica";
    color: #0033CC;
    vertical-align: middle;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point button {
    padding: 10px;
    font: bold 0.9rem "Helvetica";
    border: 1.1px solid #0033CC;
    border-radius: 5px;
    background: white;
    margin-left: 10px;
    color: #0033CC;
    text-transform: uppercase;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point button:active {
    background: #0033CC;
    color: white;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point .remark {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point .remark p {
    width: 100%;
    text-align: left;
    font: bold 1rem "Helvetica";
    padding-left: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point .remark textarea {
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    margin-top: 10px;
    height: 100px;
    padding: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .nonactive {
    color: gray!important;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .nonactive img {
    filter: grayscale(100%) !important;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .nonactive .card-name,
  .main-container-card .main-card .card-wrap .card-left .wrap .nonactive .price-total {
    color: gray!important;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-nonactive {
    width: 100%;
    margin-top: 20px;
    font: bold 1rem/30px "Helvetica";
    text-align: left;
    color: black;
    margin-bottom: 10px;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    width: 30%;
    margin-top: 0px;
    display: block;
    float: left;
    margin-left: 10px;
    padding: 15px;
    margin-bottom: 10px;
    background: white;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address a,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address a {
    text-decoration: none;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-title,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-title {
    text-align: left;
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-title .title,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-title .title {
    width: 46%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-title .edit,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-title .edit {
    text-align: right;
    width: 50%;
    display: inline-block;
    color: #0033CC;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail {
    text-align: left;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-box .name-phone,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-box .name-phone {
    font: 0.875rem "Helvetica";
    margin-bottom: 5px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-box .address,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-box .address {
    font: 0.775rem "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .bill-right-address {
    margin-top: 65px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill {
    background: white;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    width: 30%;
    display: block;
    float: left;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-left: 10px;
    padding: 15px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill a {
    text-decoration: none;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-bill-title {
    text-align: left;
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap {
    text-align: right;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 3px solid #EFEFEF;
    border-style: hidden hidden dotted hidden;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .code-box {
    margin-bottom: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .code-box input {
    width: 65%;
    display: block;
    float: left;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .code-box .code-button {
    width: 30%;
    height: 30px;
    background: #0033CC;
    color: white;
    display: block;
    float: left;
    margin-left: 10px;
    text-align: center;
    border-radius: 5px;
    font: bold 0.875rem/35px "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .copon-box {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .copon-box .copon-button {
    width: 100%;
    height: 30px;
    margin-top: 10px;
    background: #0033CC;
    color: white;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    font: bold 0.875rem/35px "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .result-coppon {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .result-coppon .selected-copon {
    width: 50%;
    display: block;
    float: left;
    text-align: left;
    font: bold 0.875rem/35px "Helvetica";
    color: #0033CC;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .result-coppon .remove-coppon {
    width: 49%;
    display: block;
    float: right;
    text-align: right;
    font: 0.875rem/35px "Helvetica";
    color: grey;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .fans-discount {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    border-bottom: 3px solid #EFEFEF;
    border-style: hidden hidden dotted hidden;
    padding-bottom: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .fans-discount .fans-text {
    width: 40%;
    display: block;
    float: left;
    text-align: left;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .fans-discount .fans-discount-detail {
    width: 60%;
    display: block;
    float: right;
    text-align: center;
    background: #e6bc09;
    border-radius: 5px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    border-bottom: 3px solid #EFEFEF;
    border-style: hidden hidden dotted hidden;
    padding-bottom: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap p {
    width: 100%;
    display: inline-block;
    text-align: left;
    font: bold 0.875rem/35px "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-left {
    width: 60%;
    display: inline-block;
    font: 0.875rem "Helvetica";
    text-align: left;
    color: gray;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-right {
    width: 37%;
    display: inline-block;
    font: 0.875rem "Helvetica";
    text-align: right;
    color: gray;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-sum {
    display: block;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-sum .card-detail-left-sum {
    width: 60%;
    display: inline-block;
    font: bold 1rem "Helvetica";
    text-align: left;
    color: #0033CC;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-sum .card-detail-right-sum {
    width: 37%;
    display: inline-block;
    font: bold 1rem "Helvetica";
    text-align: right;
    color: #0033CC;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-sum .card-right-button-wrap {
    width: 100%;
    display: inline-block;
    padding: 10px 10px 0 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-sum .card-right-button-wrap .card-right-button {
    background: #009900;
    width: 100%;
    color: white;
    font: bold 1.3rem "Helvetica";
    border-radius: 5px;
    padding: 5px;
    text-decoration: none;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content {
    padding-top: 30px;
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content p {
    font: bold 1.3rem "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-content .title {
    padding-left: 40px;
    text-align: left;
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-content .payment-input-wrap {
    float: left;
    width: 40%;
    border-right: 8px solid #EFEFEF;
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-content .payment-info-wrap {
    float: left;
    width: 60%;
    padding: 59px 50px;
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .button-wrap {
    width: 300px;
    float: right;
    border: none;
  }
  .main-container-card .main-card .card-wrap .card-detail-sum-mobile {
    display: none;
  }
  .main-container-card .main-card .card-wrap .product-recoment {
    width: 65%;
    text-align: left;
    padding: 10px;
  }
  .main-container-card .main-card .card-wrap .product-recoment .product-recoment-head {
    width: 100%;
    margin-top: 20px;
    font: bold 1rem/30px "Helvetica";
    text-align: left;
    color: gray;
    margin-bottom: 20px;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .product-recoment .product-recoment-wrap {
    white-space: nowrap;
    overflow-x: auto;
  }
  .main-container-card .main-card .card-wrap .product-recoment .product-recoment-wrap .product-recoment-box {
    width: 160px;
    height: 160px;
    background: white;
    border: 1px solid #EFEFEF;
    display: inline-block;
    border-radius: 5px;
    margin: 10px;
  }
  /* home new landing page 800*/
  .main-container-new {
    text-align: center;
  }
  .main-container-new .wrap {
    max-width: 800px;
    display: inline-block;
  }
  .main-container-new .wrap .main-banner-wrap {
    max-width: 800px;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
  }
  .main-container-new .wrap .main-banner-wrap .banner-left {
    padding: 10px;
    display: block;
    float: left;
    text-align: left;
  }
  .main-container-new .wrap .main-banner-wrap .banner-left .img_mobile {
    display: none;
  }
  .main-container-new .wrap .main-banner-wrap .banner-left .img_desktop {
    display: inline-block;
  }
  .main-container-new .wrap .main-banner-wrap .banner-left img {
    width: 100%;
    border-radius: 10px;
  }
  .main-container-new .wrap .main-banner-wrap .banner-left .navigater-wrap {
    position: relative;
    top: -30px;
    left: 30px;
  }
  .main-container-new .wrap .main-banner-wrap .banner-left .navigater-wrap .navigater {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: white;
    display: inline-block;
    margin-left: 5px;
  }
  .main-container-new .wrap .main-banner-wrap .banner-left .navigater-wrap .active {
    width: 30px!important;
  }
  .main-container-new .wrap .main-banner-wrap .banner-right {
    padding: 10px 10px 10px 0;
    display: block;
    float: left;
    width: 32.5%;
    text-align: left;
  }
  .main-container-new .wrap .main-banner-wrap .banner-right .banner-right-top {
    padding-bottom: 10px;
  }
  .main-container-new .wrap .main-banner-wrap .banner-right .banner-right-top img {
    width: 100%;
  }
  .main-container-new .wrap .main-banner-wrap .banner-right .banner-right-bottom img {
    width: 100%;
  }
  .main-container-new .wrap .goals-head {
    font: bold 25px "Helvetica";
    margin: 0 0 20px 20px;
    text-align: left;
  }
  .main-container-new .wrap .main-categories {
    padding: 0 10px 0 10px;
    width: 100%;
    max-width: 800px;
    display: inline-block;
  }
  .main-container-new .wrap .main-categories .main-categories-wrap .goals-head {
    font: bold 25px "Helvetica";
    margin: 0 0 20px 0;
    text-align: left;
  }
  .main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .goals-icon-box {
    display: inline-block;
    padding: 10px 10px 20px 10px;
    border-radius: 10px;
    cursor: pointer;
    background: url("../img/new-landing-page/bg.jpg");
  }
  .main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .goals-icon-box .goals-img img {
    width: 100%;
  }
  .main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .goals-icon-box .goals-icon {
    margin: 0px 0 10px 0;
    text-align: right;
  }
  .main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .goals-icon-box .goals-icon img {
    width: 30px;
    margin-right: 5px;
    display: inline-block;
  }
  .main-container-new .wrap .main-break {
    width: 100%;
    max-width: 1100px;
    display: inline-block;
  }
  .main-container-new .wrap .main-break img {
    width: 100%;
  }
  .main-container-new .wrap .main-break-mobile {
    display: none;
  }
  .main-container-new .wrap .main-flashsale-wrap {
    width: 100%;
    display: inline-block;
    padding: 10px;
  }
  .main-container-new .wrap .main-flashsale-wrap .name-mobile {
    display: none;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap {
    width: 20%;
    display: block;
    float: left;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box {
    width: 160px;
    background-image: url(../img/new-landing-page/bgflashsale.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 290px;
    padding: 30px;
    padding-top: 50px;
    text-align: center;
    border-radius: 5px;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box .title {
    color: white;
    font: 18px/30px "Helvetica";
    display: inline-block;
    width: 60%;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box .icon {
    display: inline-block;
    padding-top: 5px;
    width: 40%;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box .icon img {
    width: 100%;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box .flashsale-button {
    border: 2px solid #CCCCCC;
    color: white;
    font: bold 15px "Helvetica";
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap {
    width: 77%;
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    text-align: left;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box {
    width: 160px;
    display: inline-block;
    height: 290px;
    border: 1px solid #CCCCCC;
    margin: 0 5px 0 5px;
    text-align: center;
    border-radius: 5px;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-img {
    display: block;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-img img {
    margin-top: 5px;
    width: 70%;
    max-height: 110px;
    max-width: 110px;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-name {
    margin-top: 10px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px 0 10px;
    font: bold 0.875rem "Helvetica";
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-description {
    margin-top: 5px;
    font: 0.675rem "Helvetica";
    color: black;
    white-space: normal;
    height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 5px 0 5px;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-price .old-price {
    width: 49%;
    display: inline-block;
    text-align: right;
    font: 0.875rem "Helvetica";
    color: #CCCCCC;
    text-decoration: line-through;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-price .now-price {
    width: 50%;
    display: inline-block;
    text-align: left;
    font: bold 1.1rem "Helvetica";
    color: red;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-countdown {
    width: 100%;
    padding: 0 10px 0 10px;
    margin-top: 5px;
    display: table;
    text-align: center;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-countdown .countdown-text {
    width: 30%;
    font: bold 0.775rem "Helvetica";
    display: inline-block;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-countdown .countdown-wrap {
    width: 60%;
    display: inline-block;
    margin-left: 5px;
    text-align: center;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-countdown .countdown-wrap .box {
    padding-top: 3px;
    width: 25px;
    height: 25px;
    border: 1px solid #CCCCCC;
    display: inline-block;
    color: #dc0000;
    font-weight: bold;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .view-more {
    height: 170px;
    padding-top: 120px;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .view-more p {
    font: bold 1.4rem "Helvetica";
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .sub-fix-box {
    height: 92px;
    display: inline-block;
  }
  .main-container-new .wrap .main-topsale-wrap {
    width: 100%;
    display: inline-block;
    padding: 10px;
  }
  .main-container-new .wrap .main-topsale-wrap .name-mobile {
    display: none;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-left-wrap {
    width: 20%;
    display: inline-block;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-left-wrap .topsale-left-box {
    width: 160px;
    background-image: url(../img/new-landing-page/bgtopsale.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 285px;
    padding: 30px;
    padding-top: 50px;
    text-align: center;
    border-radius: 5px;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-left-wrap .topsale-left-box .title {
    color: white;
    font: 18px/30px "Helvetica";
    display: inline-block;
    width: 100%;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-left-wrap .topsale-left-box .topsale-button {
    border: 2px solid #CCCCCC;
    color: white;
    font: bold 15px "Helvetica";
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap {
    width: 77%;
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    text-align: left;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box {
    width: 160px;
    display: inline-block;
    height: 285px;
    border: 1px solid #CCCCCC;
    margin: 0 5px 0 5px;
    text-align: center;
    border-radius: 5px;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-img {
    display: block;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-img img {
    margin-top: 5px;
    width: 70%;
    max-height: 110px;
    max-width: 110px;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-name {
    margin-top: 10px;
    width: 100%;
    height: 35px;
    padding: 0 10px 0 10px;
    font: bold 0.875rem "Helvetica";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-description {
    margin-top: 5px;
    font: 0.675rem "Helvetica";
    color: black;
    white-space: normal;
    height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 5px 0 5px;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .topsale-button {
    width: 60%;
    height: 30px;
    border: 1px solid #dc0000;
    border-radius: 5px;
    display: inline-block;
    color: #dc0000;
    text-align: center;
    font: bold 0.675rem/30px "Helvetica";
    cursor: pointer;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .topsale-button:hover {
    background: #dc0000;
    color: white;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .topsale-sold {
    width: 100%;
    display: block;
    text-align: right;
    font: 0.675rem/30px "Helvetica";
    color: gray;
    padding: 0 10px 0 0px;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .view-more {
    height: 174px;
    padding-top: 120px;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .view-more p {
    font: bold 1.4rem "Helvetica";
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .sub-fix-box {
    height: 92px;
    display: inline-block;
  }
  .main-container-new .wrap .shopby-category-wrap {
    display: inline-block;
    width: 100%;
    max-width: 950px;
    padding: 10px;
  }
  .main-container-new .wrap .shopby-category-wrap .shopby-category-head {
    width: 100%;
    display: inline-block;
    padding: 10px;
  }
  .main-container-new .wrap .shopby-category-wrap .shopby-category-head .title {
    text-align: left;
    display: inline-block;
    width: 80%;
    font: bold 1.1rem "Helvetica";
  }
  .main-container-new .wrap .shopby-category-wrap .shopby-category-head .seemore {
    text-align: right;
    display: inline-block;
    width: 20%;
    cursor: pointer;
  }
  .main-container-new .wrap .shopby-category-wrap .category {
    width: 100%;
    padding: 10px;
    white-space: nowrap;
    overflow-x: auto;
    display: inline-block;
  }
  .main-container-new .wrap .shopby-category-wrap .category a {
    text-decoration: none;
  }
  .main-container-new .wrap .shopby-category-wrap .category .category-box {
    display: inline-block;
    padding: 5px 10px 15px 10px;
    border: 1px solid gray;
    color: gray;
    cursor: pointer;
    margin: 0 5px 0 5px;
  }
  .main-container-new .wrap .shopby-category-wrap .category .category-box:hover {
    background: gray;
    color: white;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap {
    width: 100%;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    padding: 10px 10px 20px 10px;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product {
    width: 160px;
    display: inline-block;
    height: 240px;
    border: 1px solid #CCCCCC;
    margin: 0 5px 0 5px;
    text-align: center;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-img {
    display: block;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-img img {
    margin-top: 5px;
    width: 70%;
    max-height: 110px;
    max-width: 110px;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-name {
    margin-top: 10px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px 0 10px;
    font: bold 0.875rem "Helvetica";
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-description {
    margin-top: 5px;
    font: 0.675rem "Helvetica";
    color: black;
    white-space: normal;
    height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 5px 0 5px;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-price {
    width: 100%;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-price .old-price {
    width: 47%;
    display: inline-block;
    text-align: right;
    font: 0.875rem "Helvetica";
    color: #CCCCCC;
    text-decoration: line-through;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-price .now-price {
    width: 50%;
    display: inline-block;
    text-align: left;
    font: bold 1.1rem "Helvetica";
    color: red;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .category-button {
    width: 60%;
    height: 30px;
    border: 1px solid #dc0000;
    border-radius: 5px;
    display: inline-block;
    color: #dc0000;
    text-align: center;
    font: bold 0.675rem/30px "Helvetica";
    cursor: pointer;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .category-button:hover {
    background: #dc0000;
    color: white;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .category-sold {
    width: 100%;
    display: block;
    text-align: right;
    font: 0.675rem/30px "Helvetica";
    color: gray;
    padding: 0 10px 0 0px;
  }
  .main-container-new .wrap .plan-selection-wrap {
    width: 100%;
    max-width: 1040px;
    height: 328px;
    margin: 10px auto;
    border: 1px solid #EFEFEF;
    border-radius: 10px;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover {
    background-size: cover;
    width: 100%;
    padding-top: 10px;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content {
    padding: 0;
    width: 50%;
    float: left;
    display: inline-block;
    position: relative;
    padding: 0 20px 0;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-header {
    font: bold 20px/55px "Helvetica";
    text-transform: uppercase;
    color: black;
    box-shadow: none;
    text-align: left;
    border-bottom: 1px solid #CCCCCC;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-header:after {
    display: none;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-title {
    font: 16px "Helvetica";
    text-transform: uppercase;
    color: #444444;
    margin-top: 10px;
    width: 85%;
    text-align: left;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-text {
    margin-top: 10px;
    width: 85%;
    font: 16px/30px "Helvetica";
    padding: 0 0 15px 10px;
    text-align: left;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-link {
    display: inline-block;
    float: right;
    padding: 20px 90px 0 0;
    font: bold 20px "Helvetica";
    color: #666666;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content {
    background: url("../img/new-landing-page/bg-plan.png") no-repeat;
    background-size: cover;
    width: 50%;
    display: inline-block;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide {
    display: block;
    text-align: center;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box {
    width: 100px;
  }
  .main-container-new .wrap .popular-brand-wrap {
    width: 100%;
    display: inline-block;
    max-width: 950px;
    padding-bottom: 20px;
    min-width: 500px;
    white-space: normal;
    overflow: auto;
  }
  .main-container-new .wrap .popular-brand-wrap .popular-brand-head {
    padding: 10px;
  }
  .main-container-new .wrap .popular-brand-wrap .popular-brand-head .title {
    width: 70%;
    display: inline-block;
    text-align: left;
    font: bold 1.1rem "Helvetica";
  }
  .main-container-new .wrap .popular-brand-wrap .popular-brand-head .SeeMore {
    width: 28%;
    display: inline-block;
    text-align: right;
    cursor: pointer;
  }
  .main-container-new .wrap .popular-brand-wrap .popular-brand {
    width: 100%;
    text-align: center;
  }
  .main-container-new .wrap .popular-brand-wrap .popular-brand .popular-brand-box {
    display: inline-block;
    padding: 10px;
    text-align: center;
    cursor: pointer;
  }
  .main-container-new .wrap .popular-brand-wrap .popular-brand .popular-brand-box img {
    width: 80%;
    display: inline-block;
  }
  .main-container-new .wrap .square-banner-wrap2 {
    display: inline-block;
    max-width: 1300px;
    width: 100%;
    overflow: auto;
  }
  .main-container-new .wrap .square-banner-wrap2 .back-botton {
    width: 50px;
    height: 50px;
    font-size: 1.7rem;
    padding-top: 10px;
    margin: 80px 5px 0 5px;
  }
  .main-container-new .wrap .square-banner-wrap2 .next-botton {
    width: 50px;
    height: 50px;
    font-size: 1.7rem;
    padding-top: 10px;
    margin: 80px 5px 0 5px;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner {
    transition: all 0.5s ease;
    width: 100%;
    min-width: 500px;
    padding-left: 20px;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-left,
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right {
    width: 32%;
    margin: 0;
    display: inline-block;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right {
    margin-left: -5px !important;
    margin: 5px 5px 0 0 ;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right img {
    width: 95%;
    max-width: none;
    display: block;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right .Promotion {
    font: bold 0.875rem "kanit";
    display: block;
    width: 100%;
    height: 25px;
    color: #0033CC;
    white-space: normal;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right .name {
    font: bold 0.875rem "kanit";
    display: block;
    height: 25px;
    width: 100%;
    color: black;
    white-space: normal;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right .description {
    font: 0.875rem "kanit";
    display: block;
    width: 100%;
    color: #444444;
    white-space: normal;
  }
  /* win-back-campaign 800 */
  .win-back-campaign {
    width: 100%;
    display: inline-block;
    padding-bottom: 50px;
    text-align: center;
  }
  .win-back-campaign .win-back-banner {
    display: inline-block;
    width: 100%;
    max-width: 1600px;
  }
  .win-back-campaign .win-back-banner .img {
    width: 100%;
  }
  .win-back-campaign .win-back-banner-mb {
    display: none;
  }
  .win-back-campaign .detail-campaign-wrap {
    width: 100%;
    background: url(../img/win-back/bg.jpg) no-repeat;
    background-size: cover;
    padding: 30px 20px 30px 20px;
    text-align: center;
  }
  .win-back-campaign .detail-campaign-wrap .detail-campaign {
    max-width: 1100px;
    display: inline-block;
  }
  .win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-left {
    width: 70%;
    color: white;
    display: inline-block;
    padding-left: 20px;
    text-align: left;
  }
  .win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-left .head-text {
    font: bold 2rem "Kanit";
    font-style: italic;
    display: inline-block;
  }
  .win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-left .description-text {
    font: 1rem "Kanit";
    display: inline-block;
  }
  .win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-right {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    text-align: center;
    margin-top: 0;
  }
  .win-back-campaign .detail-campaign-wrap .detail-campaign .detail-campaign-right .start-button {
    display: inline-block;
    font: bold 1.8rem "Kanit";
    color: white;
    text-align: center;
    margin: 0;
    padding: 10px 30px 10px 30px;
    cursor: pointer;
  }
  .win-back-campaign .win-back-step {
    width: 100%;
    padding: 40px;
    text-align: center;
    max-width: 1100px;
    display: inline-block;
  }
  .win-back-campaign .win-back-step .tablinks {
    cursor: pointer;
    width: 30%;
    display: block;
    float: left;
  }
  .win-back-campaign .win-back-step .tablinks .Element {
    width: 37%;
    height: 100px;
  }
  .win-back-campaign .win-back-step .tablinks .Element::before {
    width: 35px;
    height: 3px;
    background: #CCCCCC;
    display: inline-block;
    position: relative;
    margin: 0 -10px 0 0;
    content: "";
    z-index: -1;
    vertical-align: middle;
  }
  .win-back-campaign .win-back-step .tablinks .Element .number {
    font: bold 1.5rem "Kanit";
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 6px 1px 6px 1px;
    background: #CCCCCC;
    border-radius: 30px;
  }
  .win-back-campaign .win-back-step .tablinks .subject {
    font: bold 1.5rem "Kanit";
  }
  .win-back-campaign .win-back-step .tablinks .description {
    font: 1rem "Kanit";
  }
  .win-back-campaign .win-back-step .active {
    transition: all 0.3s;
  }
  .win-back-campaign .win-back-step .active .Element::before {
    background: linear-gradient(180deg, #65d047 0%, #47992e 100%);
  }
  .win-back-campaign .win-back-step .active .Element .number {
    background: linear-gradient(180deg, #65d047 0%, #47992e 100%);
    color: white;
  }
  .win-back-campaign .tabcontent {
    width: 100%;
    text-align: center;
    display: none;
  }
  .win-back-campaign .tabcontent .main-win-back-step {
    max-width: 1100px;
    display: inline-block;
    width: 100%;
    background: #f9f9f9;
    border: 1px solid #CCCCCC;
  }
  .win-back-campaign .tabcontent .main-win-back-step .highlight-text {
    font: bold 2rem "Kanit";
    margin-top: 40px;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap {
    width: 100%;
    text-align: center;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box {
    text-decoration: none;
    color: black;
    cursor: pointer;
    width: 32.5%;
    display: block;
    float: left;
    padding: 10px 0 0 10px;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box .img {
    width: 90%;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box .description {
    margin: 20px 0 30px 0;
    font: bold 1.5rem "Kanit";
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box2 {
    text-decoration: none;
    color: black;
    cursor: pointer;
    width: 48%;
    display: block;
    float: left;
    padding: 20px 0 0 20px;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box2 .img {
    width: 80%;
    max-width: 350px;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .goal-box2 .description {
    margin: 20px 0 30px 0;
    font: bold 1rem "Kanit";
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .promotion-set {
    width: 100%;
    text-decoration: none;
    cursor: pointer;
  }
  .win-back-campaign .tabcontent .main-win-back-step .main-content-wrap .promotion-set .img {
    width: 100%;
  }
  /* Product grid new ver.*/
  .main-container .product_grid_new .product_grid_right .banner_grid .mobile {
    display: none;
  }
  .main-container .product_grid_new .product_grid_right .banner_grid .desktop {
    display: inline-block;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap {
    width: 900px;
    max-width: 900px;
  }
  /* Product detail 800*/
  .main-container {
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .main-container .wrap {
    width: 100%;
    max-width: 900px;
    display: inline-block;
    background: white;
    padding: 20px;
  }
  .main-container .wrap .head-product-detail-wrap {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left {
    width: 45%;
    display: block;
    float: left;
    padding: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img {
    width: 100%;
    display: inline-block;
    max-width: 400px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img img {
    width: 100%;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .button-navigat-wrap {
    width: 450px;
    position: absolute;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .button-navigat-wrap .back-button {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    font-size: 1.5rem;
    color: #444444;
    background: white;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    text-align: center;
    display: block;
    float: left;
    margin: 9% 0 0 15px;
    padding: 3px 0 0 0px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .button-navigat-wrap .next-button {
    text-align: center;
    font-size: 1.5rem;
    color: #444444;
    display: block;
    float: right;
    margin: 9% 15px 0 0px;
    background: white;
    width: 30px;
    height: 30px;
    padding: 3px 0 0 3px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .sub-img-box-wrap {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: auto;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .sub-img-box-wrap .sub-img-box {
    width: 120px;
    height: 120px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .sub-img-box-wrap .sub-img-box img {
    width: 100%;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img-mobile {
    display: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .supfact {
    width: 100%;
    display: block;
    margin-top: 30px;
    text-align: center;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .supfact button {
    width: 90%;
    display: inline-block;
    font: bold 1rem "prompt";
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    padding: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .supfact .disable {
    background: #CCCCCC;
    color: gray;
    border: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 45px 10px 10px;
    background: #FFFFFF;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main {
    position: relative;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .pd-float-img {
    z-index: 1;
    position: absolute;
    bottom: -8px;
    left: 15px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .pd-float-img .sure-logo {
    width: 100px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main img {
    width: 100%;
    max-width: 500px;
    position: relative;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap {
    width: 100%;
    display: block;
    margin-top: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap {
    width: 450px;
    position: absolute;
    z-index: 1;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap .back-button {
    width: 25px;
    height: 25px;
    border-radius: 20px;
    font-size: 1.2rem;
    color: #444444;
    background: white;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    text-align: center;
    display: block;
    float: left;
    margin: 5% 0 0 -15px;
    padding: 0px 0 0 0px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap .next-button {
    text-align: center;
    font-size: 1.2rem;
    color: #444444;
    display: block;
    float: right;
    margin: 5% 90px 0 3px;
    background: white;
    width: 25px;
    height: 25px;
    padding: 0px 0 0 3px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img {
    white-space: nowrap;
    overflow: auto;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img .multi-img-box {
    width: 80px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #EFEFEF;
    border-radius: 10px;
    margin-right: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img .multi-img-box img {
    width: 100%;
    max-width: 150px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile {
    display: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap {
    max-width: 260px;
    display: inline-block;
    color: #333333;
    text-transform: uppercase;
    padding: 15px 0;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-brand {
    text-align: left;
    display: block;
    font: bold 16px/16px "prompt";
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-name {
    display: block;
    width: 100%;
    font: bold 36px/42px "prompt";
    margin: 15px 0 0;
    display: inline-block;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .selection-points-new {
    color: #666666;
    display: block;
    font: lighter 13px "prompt";
    padding: 10px 0 0 0;
    margin: 10px 0;
    text-transform: capitalize;
    border-top: 1px solid #EFEFEF;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .selection-points-new .points {
    color: #0033CC;
    font: bold 20px "prompt";
    padding-left: 30px;
    background: url(../img/icons.png) no-repeat scroll -5px -832px rgba(0, 0, 0, 0);
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-description {
    display: block;
    font: lighter 14px/16px "prompt";
    text-transform: capitalize;
    margin: 15px 0;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-supplement-btn {
    color: #FFFFFF;
    display: block;
    background: url(../img/button-icons.png) no-repeat 180px -160px #0033CC;
    text-decoration: none;
    width: 220px;
    padding: 13px 10px 13px 20px;
    margin-top: 20px;
    font: normal 12px "prompt";
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-supplement-btn:hover {
    opacity: 0.9;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup {
    display: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile {
    display: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup {
    display: none;
    background: red;
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 30;
    background-color: rgba(48, 48, 48, 0.7);
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap {
    width: 700px;
    height: 80%;
    max-height: 500px;
    display: inline-block;
    padding: 20px;
    background: white;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .close-popup {
    font-size: 30px;
    font-weight: bold;
    text-align: right;
    cursor: pointer;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-left {
    width: 60%;
    display: block;
    float: left;
    padding: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-left .img-left-main {
    width: 100%;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-left .img-left-main img {
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right {
    width: 40%;
    display: block;
    float: left;
    padding: 10px;
    overflow-y: auto;
    height: 400px;
    background: #EFEFEF;
    border-radius: 5px;
    text-align: center;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right .img-right-sub {
    display: inline-block;
    float: none;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 90px;
    height: 90px;
    cursor: pointer;
    overflow: hidden;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right .img-right-sub img {
    width: 100%;
    max-width: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap {
    margin-top: 2%;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .product-select {
    padding: 5px 5px 5px 5px;
    font: 1rem 'prompt';
    width: 100%;
    max-width: 450px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .supfact-fda {
    width: 100%;
    display: inline-block;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .supfact-fda .fda-text {
    margin-top: 10px;
    font: bold 1.3rem 'prompt';
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .supfact-fda .fda-number {
    margin: 5px auto 15px;
    padding: 7px 0 5px 30px;
    font-size: 18px;
    letter-spacing: 1px;
    background: url(../img/fda-bg.png) no-repeat center;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .supfact-img {
    width: 100%;
    height: 430px;
    overflow: auto;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .supfact-img img {
    max-width: 450px;
    width: 100%;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .supfact-popup .supfact-popup-wrap .close_popup_supfact {
    width: 50px;
    height: 50px;
    font: bold 1.3rem 'kanit';
    float: right;
    display: inline-block;
    cursor: pointer;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-bottom-holder {
    display: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right {
    width: 54%;
    display: block;
    float: left;
    padding: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap {
    width: 100%;
    display: inline-block;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail {
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 20px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .brand {
    font: 1rem "prompt";
    color: gray;
    text-transform: uppercase;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .name-product {
    font: bold 2.5rem "prompt";
    color: #444444;
    text-transform: uppercase;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .get-points {
    font: 1.2rem "prompt";
    color: gray;
    text-transform: uppercase;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .get-points span {
    color: #0033CC;
    font: bold 1.7rem "prompt";
    margin: 0 10px 0 10px ;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .review {
    margin-top: 10px;
    color: #0033CC;
    font: 1rem "prompt";
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .review i {
    color: #f8b203;
    margin: 0 2px 0 0 ;
    font-size: 1.2rem;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail {
    width: 100%;
    display: block;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product {
    width: 100%;
    display: block;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product .old-price {
    display: inline-block;
    font: lighter 1.5rem "prompt";
    color: #CCCCCC;
    margin-right: 10px;
    text-decoration: line-through;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product .now-price {
    display: inline-block;
    font: bold 2rem "prompt";
    color: #dc0000;
    margin-right: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product .discount-promotion {
    display: inline-block;
    font: bold 1rem "prompt";
    color: white;
    margin: 0 0 0 0;
    background: #ef2200;
    border-radius: 2px 0 0 2px;
    padding: 7px;
    position: relative;
    vertical-align: bottom;
    min-width: 90px;
    text-align: center;
    height: 34px;
    width: unset;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product .discount-promotion::after {
    width: 34px;
    height: 34px;
    display: inline-block;
    position: absolute;
    background: url("https://bucket.fitwhey.com/editor/613cbee3171f8.png") no-repeat;
    background-size: 100%;
    margin: -7px 0 0 7px;
    content: '';
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product span {
    padding: 0;
    display: inline-block;
    margin: 0 0 0 -10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product span img {
    height: 34px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale {
    width: 100%;
    display: block;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale {
    width: 100%;
    display: inline-block;
    height: 50px;
    background: url(https://bucket.fitwhey.com/editor/613cb59e1aa21.jpg);
    background-size: cover;
    padding: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .text {
    display: block;
    float: left;
    font: bold 1rem 'prompt';
    letter-spacing: 1px;
    color: white;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .text p {
    font: 1rem 'prompt';
    display: inline-block;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .text .code {
    font: bold 1.2rem 'prompt';
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .time-wrap {
    display: block;
    float: right;
    font: bold 1rem 'prompt';
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .time-wrap p {
    display: block;
    float: left;
    padding: 5px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .time-wrap .time-text {
    font: 1rem 'prompt';
    display: block;
    float: left;
    padding: 2px;
    margin-right: 5px;
    color: white;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-flash-sale .head-price-flash-sale .time-wrap .time-box {
    display: block;
    float: left;
    background: white;
    padding: 3px;
    border-radius: 5px;
    width: 30px;
    height: 30px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-discount-manager {
    width: 100%;
    display: block;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-discount-manager .head-price-discount-manager {
    width: 100%;
    display: inline-block;
    height: 55px;
    background: url(https://bucket.fitwhey.com/editor/61446e9a091ef.jpg);
    background-size: cover;
    padding: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-discount-manager .head-price-discount-manager .text {
    display: block;
    float: left;
    font: bold 1.2rem 'prompt';
    letter-spacing: 1px;
    color: white;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-discount-manager .head-price-discount-manager .text p {
    font: 1rem 'prompt';
    display: inline-block;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-discount-manager .head-price-discount-manager .count-manager-value {
    display: block;
    float: right;
    font: bold 1.2rem 'prompt';
    color: white;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product-discount-manager .head-price-discount-manager .count-manager-value span {
    font: bold 1.5rem 'prompt';
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion {
    margin: 10px 0 10px 0 ;
    display: block;
    font: 1rem "prompt";
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion span {
    margin: 0 5px 0 5px;
    font: 1rem "prompt";
    cursor: pointer;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .head-code-promotion {
    width: 100%;
    font: 0.8rem "prompt";
    margin-top: 15px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .head-code-promotion p {
    font: bold 1rem "prompt";
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .code-promotion-wrap {
    width: 100%;
    max-width: 450px;
    padding: 20px;
    height: 200px;
    overflow-y: auto;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .code-promotion-wrap .coupon-box {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    padding: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .code-promotion-wrap .coupon-box .coupon-box-left {
    width: 70%;
    display: block;
    float: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .code-promotion-wrap .coupon-box .coupon-box-left p span {
    background: none;
    margin: 0;
    padding: 0;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .code-promotion-wrap .coupon-box .coupon-box-right {
    width: 30%;
    display: block;
    float: left;
    text-align: center;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion .code-promotion-wrap .coupon-box .coupon-box-right button {
    font: bold 0.8rem "prompt";
    color: white;
    background: #dc0000;
    padding: 5px;
    border: none;
    border-radius: 5px;
    margin-top: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion:hover .head-code-promotion {
    display: inline-block !important;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion:hover .code-promotion-wrap {
    display: inline-block !important;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-promotion {
    width: 70%;
    display: inline-block;
    margin-top: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-promotion .product-promotion-name {
    font: bold 1.1rem "prompt";
    display: block;
    float: left;
    margin: 5px 0 5px 0;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-promotion .product-promotion-exp {
    display: block;
    float: right;
    font: 1rem "prompt";
    color: gray;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-promotion select {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    padding: 5px;
    font: 1rem "prompt";
    border: 1px solid #EFEFEF;
    border-radius: 5px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product {
    width: 100%;
    display: inline-block;
    margin: 10px 0 10px 0;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .text-size-wrap,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .text-size-wrap {
    width: 20%;
    display: block;
    float: left;
    font: bold 1rem "prompt";
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap {
    width: 79%;
    display: block;
    float: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap button,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap button {
    padding: 10px;
    background: white;
    font: 1rem "prompt";
    border: 1px solid gray;
    border-radius: 5px;
    margin: 0 0 10px 10px;
    cursor: pointer;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap .active,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap .active {
    background: #0033CC;
    color: white;
    border: none;
    cursor: pointer;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap .non-active,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap .non-active {
    background: #CCCCCC;
    color: gray;
    border: none;
    cursor: no-drop;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .EXP {
    text-align: left;
    font: 1rem "prompt";
    color: gray;
    display: inline-block;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .supfact-mobile {
    display: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity {
    margin-top: 20px;
    width: 100%;
    display: inline-block;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity p {
    width: 20%;
    display: block;
    float: left;
    font: bold 1rem "prompt";
    text-transform: uppercase;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap {
    width: 79%;
    display: block;
    float: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap span,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap input {
    padding-top: 5px;
    width: 40px;
    height: 40px;
    font: bold 1.3rem "prompt";
    display: block;
    float: left;
    text-align: center;
    cursor: pointer;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap span:active,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap input:active {
    background: #444444;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap span {
    background: #EFEFEF;
    border: 1px solid gray;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap input {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    border-left: none;
    border-right: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap .plus {
    border-right: none;
    border-radius: 5px 0 0 5px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap .rub {
    border-left: none;
    border-radius: 0 5px 5px 0;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .add-to-cart {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .add-to-cart button {
    width: 35%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid gray;
    font: 1rem "prompt";
    cursor: pointer;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .add-to-cart .buy {
    border: none;
    font-weight: bold;
  }
  .main-container .wrap .main-product-detail-wrap {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
    padding-bottom: 20px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left {
    width: 70%;
    display: block;
    float: left;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set {
    padding: 10px;
    width: 100%;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set p,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set p {
    width: 100%;
    text-align: left;
    font: bold 1.3rem "prompt";
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap {
    width: 100%;
    border: 1px solid gray;
    border-radius: 10px;
    text-align: center;
    margin-top: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap {
    width: 100%;
    display: block;
    position: relative;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap .back-button,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap .back-button {
    font-size: 1.5rem;
    color: #444444;
    text-align: left;
    display: block;
    float: left;
    margin: 8% 0 0 15px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap .next-button,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap .next-button {
    text-align: right;
    font-size: 1.5rem;
    color: #444444;
    display: block;
    float: right;
    margin: 8% 15px 0 0px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box {
    width: 400px;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-img,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-img {
    width: 150px;
    display: block;
    float: left;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-img img,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-img img {
    width: 100%;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail {
    padding-top: 20px;
    display: block;
    float: left;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .name,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .name {
    font: bold 1.3rem "prompt";
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price {
    margin-top: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price .old-price,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price .old-price {
    font: 1rem "prompt";
    color: #CCCCCC;
    text-decoration: line-through;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price .now-price,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price .now-price {
    font: 1.3rem "prompt";
    color: #dc0000;
    text-decoration: line-through;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .buy-button,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .buy-button {
    margin-top: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .buy-button button,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .buy-button button {
    width: 160px;
    background: #dc0000;
    padding: 10px;
    border-radius: 10px;
    border: none;
    color: white;
    font: bold 1rem "prompt";
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap {
    padding: 10px;
    width: 100%;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tab,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tab {
    margin-top: 10px;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: auto;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tab .tablinks,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tab .tablinks {
    background: #EFEFEF;
    font: 1rem "prompt";
    border: none;
    padding: 10px;
    min-width: 150px;
    text-transform: uppercase;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tab .active,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tab .active {
    background: #0033CC;
    color: white;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent,
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent {
    width: 100%;
    display: none;
    padding: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left {
    float: left;
    display: block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right {
    width: 29%;
    display: block;
    float: left;
    padding: 15px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .break-mobile,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .break-mobile {
    display: none;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right p,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right p {
    width: 100%;
    font: bold 1.2rem "prompt";
    margin-bottom: 10px;
    padding: 0;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap {
    white-space: normal;
    width: 100%;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box {
    cursor: pointer;
    width: 90%;
    padding: 10px;
    text-align: center;
    border: 1px solid gray;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-img,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-img {
    width: 150px;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-img img,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-img img {
    width: 100%;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-name,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-name {
    font: bold 1rem "prompt";
    margin-top: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-size,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-size {
    font: 1rem "prompt";
    margin-top: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price .old-price,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price .old-price {
    font: 1rem "prompt";
    color: #CCCCCC;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price .now-price,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price .now-price {
    font: bold 1.2rem "prompt";
    color: #dc0000;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right {
    display: none;
  }
  .bg-light-gray {
    background: #f3f3f3 !important;
  }
  .break-mobile {
    display: none;
  }
  .pd-read-buy-wrap-new {
    display: none;
  }
  .chat-fab {
    display: none;
  }
  /* new_landing_800 */
  .main-content .landing-content-wrap .landing-content iframe {
    height: 500px ;
  }
  .main-content .landing-content-wrap .landing-content .head-spacail-promotion {
    width: 100%;
    display: inline-block;
    text-align: left;
    font: bold 1.5rem 'helvetica';
    padding-left: 20px;
    margin-bottom: 10px;
  }
  .main-content .landing-content-wrap .landing-content .pd-offer-wrap {
    position: relative;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    height: 142px;
    width: 100%;
  }
  .main-content .landing-content-wrap .landing-content .pd-offer-wrap .promotional-tag {
    display: table;
    margin-right: 30px;
    width: 65px;
  }
  .main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-select.left {
    left: 10%;
  }
  .main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-select.right {
    right: 10%;
  }
  .main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right {
    display: table;
    width: 100%;
  }
  .main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right .offer-product-wrap .pd-promo-select {
    display: inline-block;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion {
    width: 100%;
    display: inline-block;
    padding: 10px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .head-spacail-promotion {
    width: 100%;
    display: inline-block;
    text-align: left;
    font: bold 1.5rem 'helvetica';
    padding-left: 20px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    max-width: 800px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion a {
    text-decoration: none;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box {
    text-align: left;
    width: 49%;
    display: inline-block;
    border: 1px solid #CCCCCC;
    margin: 5px 2px 2px 2px;
    border-radius: 10px;
    cursor: pointer;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-img {
    display: block;
    float: left;
    width: 45%;
    min-width: 100px;
    margin-top: 20px;
    min-height: 150px;
    text-align: center;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-img .code-top {
    display: inline-block;
    width: 130px;
    height: 22px;
    background: linear-gradient(113deg, #dc0000 90%, rgba(71, 172, 255, 0) 90%);
    position: relative;
    margin: -20px 0 0 13px;
    color: white;
    padding: 3px;
    font: bold 0.96rem/15px "Helvetica";
    text-align: center;
    z-index: 1;
    border-radius: 5px 0 0 0;
    left: -30px;
    top: -24px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-img img {
    margin-top: -25px;
    width: 100%;
    max-height: 170px;
    max-width: 170px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-name {
    margin-top: 10px;
    width: 54%;
    text-align: left;
    padding: 0;
    font: bold 0.975rem "Helvetica";
    color: black;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-description {
    text-align: center;
    display: inline-block;
    font: 0.875rem "sarabun";
    text-align: left;
    width: 54%;
    color: black;
    margin-top: 3px;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-star {
    width: 54%;
    font-size: 0.875rem;
    color: #f8db03;
    text-align: left;
    display: inline-block;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-star span {
    color: black;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price-mobile {
    width: 54%;
    display: inline-block;
    font: bold 1.3rem "Helvetica";
    color: red;
    text-align: left;
    margin-top: 5px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price-mobile span {
    font: bold 0.975rem "Helvetica";
    color: #CCCCCC;
    margin-right: 5px;
    text-decoration: line-through;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-type {
    width: 100%;
    display: none;
    margin-top: 5px;
    font: 0.675rem "Helvetica";
    color: #CCCCCC;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price {
    width: 100%;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price .old-price {
    width: 45%;
    display: none;
    text-align: right;
    font: 0.875rem "Helvetica";
    color: #CCCCCC;
    text-decoration: line-through;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price .now-price {
    width: 50%;
    display: none;
    text-align: left;
    font: bold 1.1rem "Helvetica";
    color: red;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .product-right-button {
    width: 40%;
    height: 30px;
    border: 1px solid #dc0000;
    border-radius: 5px;
    display: inline-block;
    color: #dc0000;
    text-align: center;
    font: bold 0.675rem/30px "Helvetica";
    cursor: pointer;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .product-right-button:hover {
    background: #dc0000;
    color: white;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .time {
    font: bold 0.875rem "Helvetica";
    color: black;
    margin-top: 10px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .time span {
    border: 1px solid #CCCCCC;
    margin-left: 2px;
    padding: 3px;
    font: bold 0.775rem "Helvetica";
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .product-right-sold {
    width: 100%;
    display: block;
    text-align: right;
    font: 0.675rem/30px "kanit";
    color: gray;
    padding: 0 10px 0 0px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    max-width: 1100px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product a {
    text-decoration: none;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box {
    text-align: center;
    width: 230px;
    display: inline-block;
    border: 1px solid #CCCCCC;
    margin: 5px 7px 7px 2px;
    border-radius: 10px;
    cursor: pointer;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-img {
    display: block;
    width: 100%;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-img .code-flash_sale {
    display: inline-block;
    width: 90px;
    height: 22px;
    position: relative;
    z-index: 10px;
    margin: 8px 0 0 -33px;
    color: white;
    padding: 3px;
    font: bold 0.76rem "Helvetica";
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-img .code-top {
    width: 120px;
    height: 30px;
    font-size: 1rem;
    margin: 0px 0px 0px -29px;
    border-radius: 5px 0 0 0;
    position: relative;
    top: -20px;
    left: -39px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-img .code-bottom {
    width: 115px;
    height: 26px;
    font-size: 0.9rem;
    margin: 145px 0 0 -29px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-img img {
    margin-top: -20px;
    width: 90%;
    max-height: 170px;
    max-width: 170px;
    border-radius: 10px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-name {
    margin-top: 10px;
    width: 100%;
    padding: 0 10px 0 10px;
    font: bold 1rem "Helvetica";
    color: black;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-description {
    padding: 0 10px 0 10px;
    height: 42px;
    width: 100%;
    font: 0.9rem "Helvetica";
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-type {
    margin-top: 5px;
    font: 0.675rem "Helvetica";
    color: #CCCCCC;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-price {
    width: 100%;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-price .old-price {
    width: 45%;
    display: inline-block;
    text-align: right;
    font: 0.875rem "Helvetica";
    color: #CCCCCC;
    text-decoration: line-through;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .box-price .now-price {
    width: 50%;
    display: inline-block;
    text-align: left;
    font: bold 1.1rem "Helvetica";
    color: red;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .product-right-button {
    width: 70%;
    height: 30px;
    border: 1px solid #dc0000;
    border-radius: 5px;
    display: inline-block;
    color: #dc0000;
    text-align: center;
    font: bold 0.675rem/30px "Helvetica";
    cursor: pointer;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .product-right-button:hover {
    background: #dc0000;
    color: white;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .product-right-box .product-right-sold {
    width: 100%;
    display: block;
    text-align: right;
    font: 0.675rem/30px "kanit";
    color: gray;
    padding: 0 10px 0 0px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .botton-bottom {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    text-align: right;
    max-width: 980px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .botton-bottom .botton-wrap {
    width: 20%;
    display: inline-block;
    text-align: left;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .botton-bottom .botton-wrap button {
    width: 80px;
    background: white;
    padding: 5px;
    border: 1px solid #CCCCCC;
    font: 1rem "sarabun";
    display: inline-block;
    border-radius: 5px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .botton-bottom .input-wrap {
    width: 10%;
    margin-top: 10px;
    display: inline-block;
    text-align: left;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .other-product .botton-bottom .input-wrap input {
    font: 1rem "sarabun";
    text-align: center;
    width: 40px;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #CCCCCC;
  }
  /* eform-800 */
  .eform-main-wrap {
    width: 100%;
    display: inline-block;
    padding-bottom: 50px;
    text-align: center;
  }
  .eform-main-wrap .eform-banner {
    display: inline-block;
    width: 100%;
    max-width: 1600px;
  }
  .eform-main-wrap .eform-banner .imga {
    width: 100%;
  }
  .eform-main-wrap .eform-banner-mb {
    display: none;
  }
  .eform-main-wrap .main-form-wrap {
    width: 100%;
    padding: 20px;
  }
  .eform-main-wrap .main-form-wrap .form-top-wrap {
    text-align: left;
    margin: 0 0 30px 0;
  }
  .eform-main-wrap .main-form-wrap .form-top-wrap .head-text {
    font: bold 1.45rem "Kanit";
    margin: 0 0 10px 0;
    display: inline-block;
  }
  .eform-main-wrap .main-form-wrap .form-top-wrap .description-text {
    font: 1.125rem "Kanit";
    display: inline-block;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* individual */
    /* corporate */
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .invoice-type-wrap {
    width: 100%;
    display: inline-block;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .invoice-type-wrap .invoice-type {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .invoice-type-wrap .invoice-type .header-box-in,
  .eform-main-wrap .main-form-wrap .form-fill-wrap .invoice-type-wrap .invoice-type .header-box-co {
    width: auto;
    font: 1rem "kanit";
    display: block;
    float: left;
    text-align: center;
    padding: 10px 20px;
    border: 1px solid gray;
    margin-right: 10px;
    border-radius: 3px;
    cursor: pointer;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .invoice-type-wrap .invoice-type .active {
    background: #EFEFEF;
    font: bold 1rem "kanit";
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .submit-btn {
    padding: 0 20px;
    min-width: 100%;
    margin-top: 40px;
    height: 50px;
    font: 1.2rem "kanit";
    line-height: 50px;
    color: #fff;
    background: #090;
    border-radius: 4px;
    border: 0;
    text-transform: uppercase;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .line-break {
    width: 100%;
    clear: both;
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #DDD;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input {
    width: 100%;
    display: flex;
    margin: 20px 0;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-label {
    text-align: left;
    margin-right: 5%;
    margin-bottom: 0;
    width: 30%;
    font: 1.125rem "Kanit";
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap {
    display: block;
    width: 65%;
    text-align: left;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .input-id {
    display: block;
    width: 100%;
    height: 35px;
    padding: 10px;
    font-size: 15px;
    color: #999;
    line-height: 1.2;
    border: 1px solid #DDD;
    border-radius: 4px;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .drop-down {
    background: url(../img/icons.png) no-repeat right -1086px rgba(0, 0, 0, 0);
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .drop-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    background: #fff;
    max-height: 132px;
    overflow-y: auto;
    border: 1px solid #DDD;
    z-index: 1;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .drop-menu .drop-menu-list {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .drop-menu .drop-menu-list a {
    display: block;
    text-decoration: none;
    color: #999;
    width: 100%;
    padding: 0 10px;
    font: lighter 16px/36px "PT Sans";
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .textarea-id {
    display: block;
    width: 100%;
    height: 80px;
    padding: 10px;
    font-size: 15px;
    color: #555;
    line-height: 1.2;
    border: 1px solid #DDD;
    border-radius: 4px;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .individual-wrap .form-input .input-id-wrap .sub-text {
    display: block;
    font: 0.9rem "Kanit";
    color: #005CDC;
    margin: 10px 0 0 0;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap {
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .line-break {
    width: 100%;
    clear: both;
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #DDD;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input {
    width: 100%;
    display: flex;
    margin: 20px 0;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-label {
    text-align: left;
    margin-right: 5%;
    margin-bottom: 0;
    width: 30%;
    font: 1.125rem "Kanit";
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap {
    display: block;
    width: 65%;
    text-align: left;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .input-id {
    display: block;
    width: 100%;
    height: 35px;
    padding: 10px;
    font-size: 15px;
    color: #999;
    line-height: 1.2;
    border: 1px solid #DDD;
    border-radius: 4px;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .input-idc {
    display: inline-block;
    width: 55%;
    height: 35px;
    padding: 10px;
    font-size: 15px;
    color: #999;
    line-height: 1.2;
    border: 1px solid #DDD;
    border-radius: 4px;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .input-idcx {
    display: inline-block;
    width: 40%;
    height: 35px;
    padding: 10px;
    font-size: 15px;
    color: #999;
    line-height: 1.2;
    border: 1px solid #DDD;
    border-radius: 4px;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .drop-down {
    background: url(../img/icons.png) no-repeat right -1086px rgba(0, 0, 0, 0);
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .drop-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    background: #fff;
    max-height: 132px;
    overflow-y: auto;
    border: 1px solid #DDD;
    z-index: 1;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .drop-menu .drop-menu-list {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .drop-menu .drop-menu-list a {
    display: block;
    text-decoration: none;
    color: #999;
    width: 100%;
    padding: 0 10px;
    font: lighter 16px/36px "PT Sans";
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .textarea-id {
    display: block;
    width: 100%;
    height: 80px;
    padding: 10px;
    font-size: 15px;
    color: #555;
    line-height: 1.2;
    border: 1px solid #DDD;
    border-radius: 4px;
  }
  .eform-main-wrap .main-form-wrap .form-fill-wrap .corporate-wrap .form-input .input-id-wrap .sub-text {
    display: block;
    font: 0.9rem "Kanit";
    color: #005CDC;
    margin: 10px 0 0 0;
  }
  /* ====================
    WIDE: CSS3 Effects
   ==================== */
  .header-container,
  .main aside {
    -webkit-box-shadow: 0 5px 10px #aaa;
    -moz-box-shadow: 0 5px 10px #aaa;
    box-shadow: 0 5px 10px #aaa;
  }
  /* ============
    WIDE: Menu
   ============ */
  .title {
    float: left;
  }
  nav {
    float: right;
    width: 38%;
  }
  /* ============
    WIDE: Main
   ============ */
  .main article {
    float: left;
    width: 57%;
  }
  .main aside {
    float: right;
    width: 28%;
  }
}
@media only screen and (min-width: 1100px) {
  /* Home 1100 */
  .main-container {
    min-width: 1100px;
    position: relative;
    margin-top: 8px;
  }
  .main-container .donation-counter-wrap .counter-wrap .left-sec {
    padding: 10px;
    font: bold 3rem / 30px "prompt";
    color: #dc0000;
  }
  .main-container .donation-counter-wrap .counter-wrap .right-sec .counter-wrap {
    font: bold 3rem / 30px "prompt";
  }
  .main-container .donation-counter-wrap .counter-wrap .right-sec .counter-wrap .counter {
    padding: 25px;
    margin: 0 2px;
    border: 1px solid #CCC;
    border-radius: 5px;
    font: bold 4rem/30px "Helvetica";
    background: #FFF;
  }
  .main-container .donation-counter-wrap .counter-wrap .right-sec .counter-wrap .c-text {
    padding: 10px;
  }
  .main-container .main-banner-wrap .top-banner {
    margin: 0 auto 8px;
    max-width: 1440px;
    width: 100%;
    position: relative;
  }
  .main-container .main-banner-wrap .top-banner .pre-slide-btn {
    display: inline-block;
    position: absolute;
    height: 25px;
    left: 40px;
    top: 48%;
    cursor: pointer;
  }
  .main-container .main-banner-wrap .top-banner .next-slide-btn {
    display: inline-block;
    position: absolute;
    height: 25px;
    right: 40px;
    top: 48%;
    cursor: pointer;
  }
  .main-container .main-banner-wrap .top-banner .banner .main-banner {
    margin: 0 auto;
    display: block;
  }
  .main-container .main-banner-wrap .top-banner .sub-banner {
    margin: 0 auto;
  }
  .main-container .main-banner-wrap .top-banner .banner-mobile .main-banner-mobile {
    display: none;
  }
  .main-container .main-banner-wrap .top-banner .dod-banner .sub-banner {
    display: block;
    margin: 0 auto;
  }
  .main-container .main-banner-wrap .top-banner .dod-banner-mobile .sub-banner-mobile {
    display: none;
  }
  .main-container .square-banner3 .square-banner3-wrap .square-banner3-left {
    text-align: right;
    padding-right: 10px;
  }
  .main-container .square-banner3 .square-banner3-wrap .square-banner3-left img {
    max-width: 400px;
  }
  .main-container .square-banner3 .square-banner3-wrap .square-banner3-right {
    text-align: left;
    padding-left: 10px;
  }
  .main-container .square-banner3 .square-banner3-wrap .square-banner3-right img {
    max-width: 400px;
  }
  .main-container .square-banner-wrap .square-banner-left,
  .main-container .square-banner-wrap .square-banner-right {
    max-width: 546px;
    margin: 0 8px 0 0;
  }
  .main-container .square-banner-wrap .square-banner-right {
    margin-left: -5px !important;
    display: inline-table;
  }
  .main-container .square-banner-wrap2 {
    display: inline-block;
    max-width: 1300px;
  }
  .main-container .square-banner-wrap2 .back-botton {
    width: 30px;
    height: 50px;
    background: #EFEFEF;
    color: gray;
    display: inline-block;
    border-radius: 0 10px 10px 0;
    font-size: 2rem;
    padding-top: 9px;
    position: absolute;
    left: unset;
    margin: 100px 0 0 -550px;
  }
  .main-container .square-banner-wrap2 .next-botton {
    width: 30px;
    height: 50px;
    background: #EFEFEF;
    color: gray;
    display: inline-block;
    border-radius: 10px 0px 0px 10px;
    font-size: 2rem;
    padding-top: 9px;
    position: absolute;
    right: unset;
    margin: 100px 0 0 520px;
  }
  .main-container .square-banner-wrap2 .square-banner .square-banner-left,
  .main-container .square-banner-wrap2 .square-banner .square-banner-right {
    width: 32%;
    margin: 0;
    white-space: normal;
  }
  .main-container .square-banner-wrap2 .square-banner .square-banner-right {
    margin-left: -5px !important;
  }
  .main-container .square-banner-wrap2 .square-banner .square-banner-right img {
    width: 95%;
    margin: 15px 15px 0 0 ;
    max-width: none;
  }
  .main-container .square-banner-wrap2 .square-banner .square-banner-right .Promotion {
    font: bold 1.3rem "kanit";
    display: none;
    width: 100%;
    color: #dc0000;
    white-space: normal;
    margin-top: 5px;
  }
  .main-container .square-banner-wrap2 .square-banner .square-banner-right .name {
    font: bold 1.3rem "kanit";
    display: inline-block;
    width: 100%;
    color: black;
    white-space: normal;
  }
  .main-container .square-banner-wrap2 .square-banner .square-banner-right .description {
    display: inline-block;
    width: 100%;
    color: #444444;
    white-space: normal;
  }
  .main-container .section-break {
    display: table;
  }
  .main-container .home-flash-wrap {
    position: relative;
    text-align: center;
    margin: 10px auto 40px;
  }
  .main-container .home-flash-wrap .home-flash-box {
    width: 100%;
    max-width: 1100px;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-header {
    width: 100%;
    display: inline-block;
    background: #dc0000;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-header .flash-header-title {
    float: left;
    color: #FFFFFF;
    font: bold 30px/55px "Helvetica";
    text-transform: uppercase;
    margin: 3px;
    padding: 3px;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 4px auto!important;
    width: 100%;
    display: inline-block;
    padding: 0 15px;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .pg-product-list.promotion-list {
    height: 460px;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list {
    position: relative;
    max-width: 258px;
    width: 100%;
    margin: 4px;
    float: left;
    padding: 15px 0;
    border: 1px solid #EFEFEF;
    text-align: center;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 0;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-image img {
    width: 100%;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    text-align: center;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-brand-title {
    font: bold 20px "Helvetica";
    text-transform: uppercase;
    color: #000000;
    margin-top: 5px;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price {
    font: bold 22px "Helvetica";
    display: inline-block;
    margin: 0px 0 2px;
    color: #dc0000;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price .save {
    padding: 0 10px;
    color: #dc0000;
    font: lighter 14px "Helvetica";
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-sale-price .old-price {
    padding: 0 10px 0 0;
    text-decoration: line-through;
    color: #999;
    font: lighter 18px "Helvetica";
    float: left;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-container-top .flash-code {
    width: 90%;
    font: bold 18px/30px "Helvetica";
    background: #dc0000;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 3px 0;
    margin: 0 auto;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-countdown-wrap {
    padding: 1.1em 0.8em 0;
    display: inline-block;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-left {
    display: inline-block;
    font: bold 1em "Helvetica";
    text-transform: uppercase;
    margin: 5px 15px 5px 0;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right {
    display: inline-block;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap {
    display: inline-block;
  }
  .main-container .home-flash-wrap .home-flash-box .home-flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap .timer-box {
    padding: 4px;
    font: bold 1.3em "Helvetica";
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
  }
  .main-container .plan-selection-wrap {
    width: 100%;
    max-width: 1040px;
    height: 328px;
    margin: 10px auto;
  }
  .main-container .plan-selection-wrap .plan-selection-cover {
    background-image: url(../img/plan-selection-background1.webp);
    background-size: cover;
    width: 100%;
    border: none;
    height: 326px;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-left-content {
    padding: 0;
    width: 60%;
    float: left;
    position: relative;
    padding: 0 40px 0;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-header {
    font: bold 39px/36px "PT Sans";
    text-transform: uppercase;
    position: absolute;
    color: #FFFFFF;
    background: url(../img/plan-red-strip.png) no-repeat;
    padding: 17px 125px 50px 32px;
    top: -12px;
    left: -18px;
    box-shadow: none;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-header:after {
    display: none;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-title {
    font: bold 26px "PT Sans";
    text-transform: uppercase;
    color: #0e3cc5;
    width: 85%;
    border-bottom: 1px solid #CCC;
    padding: 0 0 15px 0;
    margin: 80px 0px 0;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-text {
    margin-top: 10px;
    width: 85%;
    font-size: 20px;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-link {
    float: right;
    padding: 20px 90px 0 0;
    font: bold 20px "PT Sans";
    color: #666666;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-right-content {
    background: none;
    width: 40%;
    display: inline-block;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide {
    display: block;
    text-align: center;
  }
  .main-container .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box {
    width: 100px;
  }
  .main-container .main-title {
    padding: 20px 0;
  }
  .main-container .goal-menu-wrap {
    padding: 0 0 40px;
  }
  .main-container .goal-menu-wrap .goal-menu {
    margin: 0 20px;
  }
  .main-container .goal-menu-wrap .goal-menu .goal {
    max-width: 320px;
  }
  .main-container .timer-wrap {
    background: #dc0000;
  }
  .main-container .timer-wrap .timer-center-wrap {
    min-width: 800px;
    max-width: 1100px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-left {
    padding: 35px 0 26px 0;
    margin: 0 0 0 60px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-left .title-heading {
    font: bold 45px/42px "PT Sans";
    width: 247px;
    padding-left: 15px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right {
    padding: 42px 0 34px 7%;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap {
    float: left;
    padding: 11px 0;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap .timer-info {
    width: 260px;
  }
  .main-container .timer-wrap .timer-center-wrap .timer-wrap-right .counter-info-wrap .date-info {
    font: lighter 18px/19px "PT Sans";
    display: inline-block;
    text-transform: uppercase;
    width: 90px;
    margin: 0 30px;
    vertical-align: top;
  }
  .main-container .main {
    margin-bottom: 70px;
    /* Version 2 */
    /* Version 1 */
    /*
		.product-list-wrap {
			.reset;
			max-width: 1100px;
			.product-list {
				margin: 7px 12px 12px 0px;
				width: 210px;
				border: none;
			}
			.product-list:nth-child(5), .product-list:nth-child(10) {
				margin-right: 0;
			}
		}
		*/
  }
  .main-container .main .product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 1100px;
  }
  .main-container .main .product-list-wrap .product-list {
    margin: 7px 0 12px 0px;
    width: 275px;
    border: none;
    max-width: none;
  }
  .main-container .main .product-list-wrap .product-list a .p-image {
    position: relative;
    margin: 0 auto;
    width: 230px;
    height: 230px;
    vertical-align: bottom;
  }
  .main-container .main .product-list-wrap .product-list a .p-image img {
    max-height: 230px;
    width: 230px;
  }
  .main-container .main .product-list-wrap .product-list:nth-child(5),
  .main-container .main .product-list-wrap .product-list:nth-child(10) {
    margin-right: 0;
  }
  .main-container .main .product-list-wrap .product-list:hover {
    background: linear-gradient(120deg, #EFEFEF, #FFFFFF);
  }
  /* Product Grid 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .navigation-wrap {
    display: block;
    width: 100%;
    background: #333333;
    background-color: #fff;
    height: 8px;
  }
  .main-container .navigation-wrap .navigation {
    display: block;
    width: 1100px;
    margin: 0 auto;
    color: #999999;
    padding: 0 0 0 60px;
  }
  .main-container .navigation-wrap .navigation a {
    text-decoration: none;
    font: lighter 11px/28px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
    /*
		.pg-product-list-wrap {
			.reset;
			max-width: 1100px;
			padding-top: 10px;
			display: block;
			.pg-product-list {
				margin: 7px 12px 12px 0px;
				width: 210px;
				border: 1px solid @white;
				height: 380px;
				.pg-container-top {
					display: inline-block;
					width: 100%;
					.pg-brand-title {
						margin-top: 30px;
					}
				}
				.pg-container-bottom {
					.add-to-cart-btn {
						display: none;
					}
					.pg-points-earn {
					    .pg-points {
					    	font: bold 17px "PT Sans";
					    }
					}
				}
			}
			.pg-product-list:hover {
				border: 1px solid @light-gray;
				.pg-container-top {
					.pg-brand-title {
						margin-top: 5px;
					}
				}
				.pg-container-bottom {
					.add-to-cart-btn {
						display: inline-block;
					}
					.pg-points-earn {
						margin: 5px 0 0 0;
					}
				}
			}
			.pg-product-list:nth-child(5), .pg-product-list:nth-child(10) {
				margin-right: 0;
			}
		}
		*/
  }
  .main-container .main .large-bg {
    display: block;
  }
  .main-container .main .large-bg .category-brand-intro {
    display: block;
  }
  .main-container .main .large-bg .category-brand-intro.promocover {
    height: 330px;
    max-width: 990px;
  }
  .main-container .main .large-bg .category-brand-intro.promocover img {
    height: 330px;
  }
  .main-container .main .category-brand-intro-sub {
    display: block;
  }
  .main-container .main .pg-search-by-wrap {
    display: block;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 0 10px 0;
    text-align: right;
  }
  .main-container .main .pg-search-by-wrap h3 {
    margin: 0 0 0 60px;
    display: inline-block;
    float: left;
  }
  .main-container .main .pg-search-by-wrap .sm-logo {
    position: absolute;
    left: 30px;
    top: 9px;
  }
  .main-container .main .pg-search-by-wrap .sm-logo img {
    width: 150px;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top {
    display: inline-block;
    width: 220px;
    text-align: center;
    margin: 0;
    font-weight: lighter;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top .pg-prev-next-top {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top .pg-prev-next-top:hover {
    color: #0033CC;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top .pg-page-top .pg-block-top {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  .main-container .main .pg-grid-wrap {
    text-align: center;
    padding: 10px;
    position: relative;
    max-width: 1370px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap {
    max-width: 1210px;
    min-width: 1010px;
    width: 100%;
    padding-top: 10px;
    display: inline-block;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list.promotion-list {
    height: 455px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list {
    margin: 7px 0 12px 0px;
    width: 250px;
    border: 1px solid #FFFFFF;
    height: 420px;
    max-width: none;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image {
    position: relative;
    display: block;
    width: 100%;
    height: 230px;
    margin: 0 auto 5px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image .pg-promo-code-float {
    bottom: 30px;
    left: 15px;
    max-width: 230px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-image img {
    max-height: 230px;
    width: 230px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top {
    display: inline-block;
    width: 100%;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-top .pg-brand-title {
    margin-top: 15px;
    text-transform: uppercase;
    color: #333333;
    font: bold 18px "Helvetica";
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn {
    display: none;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn {
    text-align: center;
    background: url(../img/icons.png) no-repeat 8px -834px rgba(0, 0, 0, 0);
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn .pg-points {
    font: bold 17px "Helvetica";
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list:hover {
    border: 1px solid #EFEFEF;
    background: linear-gradient(120deg, #EFEFEF, #FFFFFF);
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list:hover .pg-container-top .pg-brand-title {
    margin-top: 5px;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list:hover .pg-container-bottom .add-to-cart-btn {
    display: inline-block;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list:hover .pg-container-bottom .pg-points-earn {
    margin: 5px 0 0 0;
  }
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list-large:nth-child(4),
  .main-container .main .pg-grid-wrap .pg-grid .pg-product-list-wrap .pg-product-list-large:nth-child(8) {
    margin-right: 0;
  }
  .main-container .main .pg-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .main .pg-page-wrap .pg-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-page-wrap .pg-prev-next:hover {
    color: #0033CC;
  }
  .main-container .main .pg-page-wrap .pg-page .pg-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  /* Product Grid 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .navigation-wrap {
    display: block;
    width: 100%;
    background: #333333;
    background-color: #fff;
    height: 8px;
  }
  .main-container .navigation-wrap .navigation {
    display: block;
    width: 1100px;
    margin: 0 auto;
    color: #999999;
    padding: 0 0 0 60px;
  }
  .main-container .navigation-wrap .navigation a {
    text-decoration: none;
    font: lighter 11px/28px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
    /*
		.pg-product-list-wrap {
			.reset;
			max-width: 1100px;
			padding-top: 10px;
			display: block;
			.pg-product-list {
				margin: 7px 12px 12px 0px;
				width: 210px;
				border: 1px solid @white;
				height: 380px;
				.pg-container-top {
					display: inline-block;
					width: 100%;
					.pg-brand-title {
						margin-top: 30px;
					}
				}
				.pg-container-bottom {
					.add-to-cart-btn {
						display: none;
					}
					.pg-points-earn {
					    .pg-points {
					    	font: bold 17px "PT Sans";
					    }
					}
				}
			}
			.pg-product-list:hover {
				border: 1px solid @light-gray;
				.pg-container-top {
					.pg-brand-title {
						margin-top: 5px;
					}
				}
				.pg-container-bottom {
					.add-to-cart-btn {
						display: inline-block;
					}
					.pg-points-earn {
						margin: 5px 0 0 0;
					}
				}
			}
			.pg-product-list:nth-child(5), .pg-product-list:nth-child(10) {
				margin-right: 0;
			}
		}
		*/
  }
  .main-container .main .large-bg {
    display: block;
  }
  .main-container .main .large-bg .category-brand-intro {
    display: block;
  }
  .main-container .main .large-bg .category-brand-intro.promocover {
    height: 330px;
    max-width: 990px;
  }
  .main-container .main .large-bg .category-brand-intro.promocover img {
    height: 330px;
  }
  .main-container .main .category-brand-intro-sub {
    display: block;
  }
  .main-container .main .pg-search-by-wrap {
    display: block;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 0 10px 0;
    text-align: right;
  }
  .main-container .main .pg-search-by-wrap h3 {
    margin: 0 0 0 60px;
    display: inline-block;
    float: left;
  }
  .main-container .main .pg-search-by-wrap .sm-logo {
    position: absolute;
    left: 30px;
    top: 9px;
  }
  .main-container .main .pg-search-by-wrap .sm-logo img {
    width: 150px;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top {
    display: inline-block;
    width: 220px;
    text-align: center;
    margin: 0;
    font-weight: lighter;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top .pg-prev-next-top {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top .pg-prev-next-top:hover {
    color: #0033CC;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top .pg-page-top .pg-block-top {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  .main-container .main .pg-grid-wrap {
    text-align: center;
    padding: 10px;
    position: relative;
    max-width: 1370px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap {
    max-width: 1010px;
    width: 100%;
    padding-top: 10px;
    padding-left: 5%;
    display: inline-block;
    /*
					.pg-product-list:hover {
						border: 1px solid @light-gray;
						background: @white;
						.pg-container-top {
							.pg-brand-title {
								margin-top: 5px;
							}
						}
						.pg-container-bottom {
							.add-to-cart-btn {
								display: inline-block;
							}
							.pg-points-earn {
								margin: 5px 0 0 0;
							}
						}
					}
					*/
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list.promotion-list {
    height: 455px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list {
    margin: 7px 0 12px 15px;
    width: 220px;
    border: 1px solid #FFFFFF;
    height: 420px;
    max-width: none;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image {
    position: relative;
    display: block;
    width: 100%;
    height: 230px;
    margin: 0 auto 5px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image .pg-promo-code-float {
    bottom: 30px;
    left: 15px;
    max-width: 230px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-image img {
    max-height: 230px;
    width: 210px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top {
    display: inline-block;
    width: 100%;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-top .pg-brand-title {
    margin-top: 15px;
    text-transform: uppercase;
    color: #333333;
    font: bold 18px/20px "Helvetica";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn {
    text-align: center;
    background: url(../img/icons.png) no-repeat 8px -834px rgba(0, 0, 0, 0);
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn .pg-points {
    font: bold 17px "Helvetica";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list:hover {
    border: 1px solid #CCCCCC;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list-large:nth-child(4),
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap .pg-product-list-large:nth-child(8) {
    margin-right: 0;
  }
  .main-container .main .pg-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .main .pg-page-wrap .pg-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-page-wrap .pg-prev-next:hover {
    color: #0033CC;
  }
  .main-container .main .pg-page-wrap .pg-page .pg-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  /* Product Detail 1100px */
  .main-container {
    min-width: 1100px;
  }
  .main-container.gray-bg {
    background: url(../img/pd-bg-800x500.png) repeat-x 0 0 rgba(0, 0, 0, 0);
  }
  .main-container.soft-bg {
    background: #F5F5F5;
  }
  .main-container .control-wrap {
    width: 1100px;
    margin: 0 auto;
    display: table;
  }
  .main-container .control-wrap.white-bg {
    background: #FFFFFF;
  }
  .main-container .control-wrap.gradient-bg {
    background: linear-gradient(90deg, #f5f5f5, #ffffff) repeat scroll 0 0 rgba(0, 0, 0, 0);
  }
  .main-container .control-wrap .pd-main-wrap {
    width: 730px;
    float: left;
    padding: 0;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder {
    display: block;
    width: 100%;
    min-width: 480px;
    position: relative;
    text-align: center;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-image-main {
    max-width: 400px;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-image-main .pd-float-img .sure-logo {
    width: 160px;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap {
    width: 100%;
    display: block;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap {
    width: 450px;
    position: absolute;
    z-index: 2;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap .back-button {
    width: 25px;
    height: 25px;
    border-radius: 20px;
    font-size: 1.2rem;
    color: #444444;
    background: white;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    text-align: center;
    display: block;
    float: left;
    margin: 9% 0 0 15px;
    padding: 0px 0 0 0px;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap .next-button {
    text-align: center;
    font-size: 1.2rem;
    color: #444444;
    display: block;
    float: right;
    margin: 9% 50px 0 3px;
    background: white;
    width: 25px;
    height: 25px;
    padding: 0px 0 0 3px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img {
    white-space: nowrap;
    overflow: auto;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img .multi-img-box {
    width: 120px;
    height: 120px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #EFEFEF;
    border-radius: 10px;
    margin-right: 10px;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img .multi-img-box img {
    width: 100%;
    width: 120px;
    height: 120px;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-product-title-wrap {
    padding: 30px 0;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-brand {
    margin: 0 0 5px 0;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-supplement-btn {
    display: none;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-img-popup {
    display: none;
    width: 100%;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 30;
    background-color: rgba(48, 48, 48, 0.7);
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap {
    width: 70%;
    height: unset;
    display: inline-block;
    padding: 20px;
    background: white;
    margin-top: 5%;
    border-radius: 10px;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .close-popup {
    font-size: 30px;
    font-weight: bold;
    text-align: right;
    cursor: pointer;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-left {
    width: 60%!important;
    display: block;
    float: left;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-left .img-left-main {
    width: 100%;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-left .img-left-main img {
    width: 100%;
    max-width: 600px;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right {
    width: 39%;
    display: block;
    float: left;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right .img-right-sub {
    display: block;
    float: left;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 120px;
    height: 120px;
    cursor: pointer;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right .img-right-sub img {
    width: 80%;
    width: 120px;
    height: 120px;
  }
  .main-container .control-wrap .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right .img-right-sub video {
    width: 120px;
    height: 120px;
  }
  .main-container .control-wrap .pd-main-wrap .pd-bottom-holder {
    display: inline-block;
    width: 700px;
    height: 35px;
    padding: 15px 30px 0 30px;
    position: relative;
  }
  .main-container .control-wrap .pd-right-content-wrap {
    float: right;
    width: 370px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-head {
    font: bold 16px/29px "Helvetica";
    color: #666666;
    height: 30px;
    margin: 0;
    background: linear-gradient(180deg, #E9E9E9, #FFFFFF);
    border-bottom: 1px solid #CCCCCC;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap {
    display: block;
    margin: 0;
    width: 370px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap {
    float: left;
    padding-top: 25px;
    padding-bottom: 10px;
    margin: 0;
    background: linear-gradient(180deg, #E9E9E9, #FFFFFF);
    width: 100%;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content {
    width: 200px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap .pd-selection-wrap .pd-selection-content .selection-points {
    border-top: 1px solid #CCCCCC;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap ul li {
    background: #EFEFEF;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap ul li .label {
    font: normal 12px "Helvetica";
    color: #999999;
    text-transform: capitalize;
    padding: 0 0 0 10px;
    display: inline-block;
    width: 85px;
    vertical-align: middle;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap ul li .label.first {
    width: 120px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap ul li .label.flavor {
    width: 120px;
    padding: 0px 0 0px 10px;
    color: #333333;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap ul li .label.available {
    color: #333333;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap ul li .expire {
    width: 65px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap ul li:nth-child(1) {
    background: #FFFFFF;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap ul li:hover {
    background: #FFFFFF;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 {
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap {
    float: left;
    padding-top: 25px;
    padding-bottom: 10px;
    margin: 0;
    background: linear-gradient(180deg, #E9E9E9, #FFFFFF);
    width: 100%;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content {
    width: 200px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-selection-wrap .pd-selection-content .selection-points {
    border-top: 1px solid #CCCCCC;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .promotionset-add-to-cart-btn {
    padding: 20px 10px 20px 0;
    text-align: right;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .promotionset-add-to-cart-btn a {
    text-decoration: none;
    background: #009900;
    padding: 10px 15px 10px 15px;
    font: 1rem/20px "Helvetica";
    color: white;
    cursor: pointer;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap {
    display: table;
    width: 100%;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-flag {
    width: 70px;
    height: 100px;
    position: absolute;
    background-image: url(../img/free_flag.png);
    background-size: 70px;
    background-repeat: no-repeat;
    text-align: center;
    margin-left: 30px;
    display: block;
    float: left;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-flag .pd-freebies-text {
    color: white;
    font: bold 30px/70px "Helvetica";
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box {
    border-bottom: 1px solid #CCCCCC;
    height: 80px;
    background: #EFEFEF;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-free {
    display: block;
    float: left;
    padding-top: 23px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-free .free {
    position: relative;
    display: inline-block;
    background: #0033CC;
    padding: 7px 15px;
    color: #FFFFFF;
    margin: 0px 0 2px 10px;
    font: normal 16px/12px "Helvetica";
    text-transform: capitalize;
    float: left;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-free .free-arrow {
    float: left;
    margin-right: 16px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: none;
    border-left: 13px solid #0033CC;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-image {
    width: 80px;
    text-align: center;
    display: block;
    float: left;
    margin-right: 10px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-image img {
    max-height: 70px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-image div {
    position: absolute;
    display: block;
    margin: -29px 0 0 29px;
    color: white;
    background: #0033CC;
    padding: 1px;
    width: 45px;
    height: 20px;
    font: bold 14px/19px "Helvetica";
    border-radius: 5px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-name {
    font: 12px/20px "Helvetica";
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 10px;
    margin-right: 10px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 .pd-freebies-wrap .pd-freebies-box .pd-freebies-content {
    font: bold 16px/20px "Helvetica";
    margin: 10px 0 10px 0;
    display: block;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li {
    display: block;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0;
    text-align: left;
    background: #EFEFEF;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label {
    font: normal 12px "Helvetica";
    color: #999999;
    text-transform: capitalize;
    padding: 10px 0 0 10px;
    display: inline-block;
    width: 75px;
    vertical-align: middle;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label.first {
    width: 120px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label.flavor {
    width: 120px;
    padding: 17px 0 0 10px;
    color: #333333;
    vertical-align: top;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label.available {
    color: #333333;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap {
    position: relative;
    display: flow-root;
    padding: 5px 0 0 0;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount {
    position: relative;
    display: inline-block;
    background: #dc0000;
    padding: 3px 10px;
    color: #FFFFFF;
    margin: 0px 0 2px 10px;
    font: normal 10px/12px "Helvetica";
    text-transform: capitalize;
    float: left;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount-arrow {
    float: left;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: none;
    border-left: 7px solid #dc0000;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount-old {
    font: normal 12px/11px "Helvetica";
    color: #999;
    text-decoration: line-through;
    display: inline-block;
    padding: 3px 5px 0 0;
    float: left;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .label .product-discount-wrap .product-discount-new {
    font: bold 15px/11px "Helvetica";
    color: #dc0000;
    padding: 3px 2px 0 0;
    float: left;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .discount-price {
    width: 85px;
    display: inline-block;
    text-align: right;
    color: #dc0000;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .discount-price .old-price {
    font: 0.875rem "Helvetica";
    display: inline-block;
    color: #444444;
    text-decoration: line-through;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .expire {
    font: normal 12px "Helvetica";
    color: #666666;
    text-transform: capitalize;
    padding: 0px 0 0 10px;
    display: inline-block;
    width: 85px;
    text-align: center;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .promo-discount {
    font: normal 12px "Helvetica";
    color: #dc0000;
    margin: 3px 10px 0px 10px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .add-to-cart-new-btn {
    margin: 0 0 0 0px;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-right-flav-wrap2 ul li .add-to-cart-new-btn:hover {
    opacity: 0.8;
  }
  .main-container .control-wrap .pd-right-content-wrap .pd-product-label-wrap {
    display: block;
  }
  .main-container .control-wrap .pd-product-content-wrap {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
  }
  .main-container .control-wrap .pd-product-content-wrap .pd-product-content-body {
    font: normal 16px/33px "Arial";
    color: #000000;
  }
  .main-container .control-wrap .pd-product-content-wrap .pd-product-mobile-label-wrap {
    display: none;
  }
  .main-container .control-wrap .pd-product-content-wrap-tab {
    width: 100%;
    padding-top: 0px;
    text-align: left;
  }
  .main-container .control-wrap .pd-product-content-wrap-tab .tab {
    overflow: auto;
    max-width: 730px;
  }
  .main-container .control-wrap .pd-product-content-wrap-tab .tab .tablinks {
    width: 170px;
  }
  .main-container .control-wrap .pd-product-content-wrap-tab .tabcontent {
    display: none;
    border: 1px solid #ccc;
    border: none;
    width: 100%;
    max-width: 730px;
    background: white;
    padding: 10px;
  }
  .main-container .control-wrap .pd-sub-content-wrap {
    display: none;
  }
  .main-container .control-wrap .pd-offer-wrap {
    width: 100%;
    max-width: 730px;
  }
  .main-container .control-wrap .pd-offer-wrap.top {
    display: table;
  }
  .main-container .control-wrap .pd-offer-wrap.bottom {
    display: none;
  }
  .main-container .control-wrap .pd-offer-wrap .pd-offer-right {
    display: table;
  }
  .main-container .pg-product-list-wrap .once-remove:nth-child(6) {
    display: none;
  }
  /* Cart 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .cart-wrap .cart-title {
    font: bold 30px/60px "PT Sans";
  }
  .main-container .cart-wrap .cart-box-wrap {
    padding: 0;
    margin: 0 auto;
    max-width: 1100px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.product {
    width: 100px;
    padding-left: 45px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.empty {
    width: 38%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.price {
    width: 16%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.quantity {
    width: 15%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.sub-total {
    width: 14%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-label .column.remove-box {
    width: 85px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list {
    padding: 0 20px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .product {
    padding-left: 40px;
    width: 37%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .price {
    width: 17%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .quantity {
    width: 16%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .sub-total {
    width: 14%;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-product-list .remove a {
    font-size: 22px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap {
    width: 100%;
    display: table;
    height: 340px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .cart-left-wrap {
    display: inline-block;
    margin: 0 30px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap {
    background: #F5F5F5;
    display: inline-block;
    margin: 12px 30px;
    width: 300px;
  }
  .main-container .cart-wrap .cart-box-wrap .cart-point-wrap .price-wrap .white-space {
    padding: 50px 0px 10px 0px;
  }
  .main-container .cart-wrap .cart-box-wrap .remark-wrap {
    float: left;
  }
  .main-container .cart-wrap .cart-box-wrap .main-card-condition .back-botton {
    width: 30px;
    height: 50px;
    background: #EFEFEF;
    color: gray;
    display: inline-block;
    border-radius: 0 10px 10px 0;
    font-size: 2rem;
    padding-top: 9px;
    position: absolute;
    left: unset;
    margin: 100px 0 0 -550px;
  }
  .main-container .cart-wrap .cart-box-wrap .main-card-condition .next-botton {
    width: 30px;
    height: 50px;
    background: #EFEFEF;
    color: gray;
    display: inline-block;
    border-radius: 10px 0px 0px 10px;
    font-size: 2rem;
    padding-top: 9px;
    position: absolute;
    right: unset;
    margin: 100px 0 0 520px;
  }
  /* Gift 1100 */
  .main-container {
    min-width: 1100px;
    position: relative;
  }
  .main-container .main-content ul {
    max-width: 1100px;
    padding: 0 5px 20px;
  }
  .main-container .main-content ul .gift-content {
    margin: 0 5px 10px;
  }
  .main-container .main-content ul .gift-content .gift-image {
    padding: 8px 0 2px;
    max-width: 190px;
  }
  .main-container .main-content ul .gift-content .gift-image img {
    height: 170px;
  }
  .main-container .main-content ul .gift-content .gift-detail .title {
    padding: 6px 9px;
    min-height: 65px;
    display: block;
  }
  .main-container .main-content ul .gift-content .gift-detail .option {
    display: inline-block;
    margin: 5px 0;
  }
  .main-container .main-content ul .gift-content .gift-detail .option .cart-btn {
    display: table;
    vertical-align: middle;
    margin: 5px auto;
    width: 178px;
    height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    background: #0033CC;
    color: #FFFFFF;
    font: bold 13px/30px "PT Sans";
  }
  .main-container .main-content ul .gift-content .gift-detail .option .cart-btn.remove {
    background-color: #EFEFEF;
    color: #666666;
  }
  .main-container .main-content ul .gift-content .gift-detail .option .cart-btn:hover {
    opacity: 0.8;
  }
  .main-container .main-content ul .gift-content .gift-detail .point-wrap {
    padding: 0 0 45px 0;
  }
  .main-container .main-content ul .gift-content .gift-detail .remove {
    display: none;
  }
  .main-container .main-content ul .gift-content:hover .gift-image {
    padding: 8px 0 2px;
    max-width: 190px;
  }
  .main-container .main-content ul .gift-content:hover .gift-image img {
    height: 170px;
  }
  .main-container .main-content ul .gift-content:hover .gift-detail .title {
    padding: 6px 9px;
    min-height: 65px;
    display: block;
  }
  .main-container .main-content ul .gift-content:hover .gift-detail .option {
    display: inline-block;
    margin: 5px 0;
  }
  .main-container .main-content ul .gift-content:hover .gift-detail .point-wrap {
    padding: 0 0 45px 0;
  }
  .main-container .main-content .gift-group {
    max-width: 700px;
    margin: 0 auto 15px;
  }
  .main-container .main-content .gift-group .gift-group-header {
    padding: 14px 25px;
  }
  .main-container .main-content .gift-group .gift-group-header .gift-group-image {
    width: 60px;
    height: 60px;
  }
  .main-container .main-content .gift-group .gift-group-header .gift-group-name {
    font-size: 1.2rem;
  }
  .main-container .main-content .gift-group .gift-variant-row {
    padding: 12px 25px;
  }
  .main-container .main-content .gift-group .gift-variant-row .gift-variant-point {
    width: 80px;
  }
  .main-container .main-content .gift-group .gift-variant-row .gift-stepper .stepper-btn {
    width: 34px;
    height: 34px;
    font-size: 18px;
  }
  .main-container .main-content .gift-group .gift-variant-row .gift-stepper .stepper-qty {
    width: 40px;
    font-size: 1rem;
  }
  .main-container .bottom-menu {
    padding: 12px 20px;
  }
  .main-container .bottom-menu .gift-menu .point-total {
    margin-right: 30px;
  }
  .main-container .bottom-menu .gift-menu .point-total .text {
    font-size: 0.9rem;
    padding-left: 28px;
    background-size: 22px;
  }
  .main-container .bottom-menu .gift-menu .point-total .number {
    font-size: 0.9rem;
  }
  .main-container .bottom-menu .gift-menu .gift-total span {
    font-size: 0.9rem;
  }
  .main-container .bottom-menu .gift-menu .gift-total .number {
    font-size: 0.9rem;
  }
  .main-container .bottom-menu .btn {
    width: 140px;
  }
  .main-container .freebies-grid {
    gap: 15px;
  }
  .main-container .freebies-grid .gift-group {
    width: calc(50% - 8px);
  }
  .main-container .shipping-wrap .center-content .title-heading {
    padding: 35px 0 50px 0;
  }
  .main-container .shipping-wrap .center-content .shipping-content .address-cards-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 24px 40px;
  }
  .main-container .shipping-wrap .center-content .shipping-content .address-card {
    padding: 24px;
  }
  .main-container .shipping-wrap .center-content .button-wrap {
    padding: 30px 40px;
  }
  /* Confirmation 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap {
    padding: 0;
    margin: 0 auto;
    max-width: 1100px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.product {
    width: 100px;
    padding-left: 50px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.empty {
    width: 44%;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.price {
    width: 16%;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.quantity {
    width: 15%;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.sub-total {
    width: 14%;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-label .column.remove-box {
    width: 85px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list {
    padding: 0 20px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .product {
    padding-left: 10px;
    width: 40%!important;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .product .main-text {
    padding-right: 40px;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .price {
    width: 17%!important;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .quantity {
    width: 15%!important;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .sub-total {
    width: 14%!important;
  }
  .main-container .confirmation-wrap .confirmation-box-wrap .confirmation-product-list .remove a {
    width: 55px;
  }
  .main-container .confirmation-wrap .remark-wrap {
    padding: 20px 0;
  }
  .main-container .confirmation-wrap .confirmation-shipping-wrap {
    display: table;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .main-container .confirmation-wrap .confirmation-shipping-wrap .shipping-billing-content {
    margin: 0 auto 20px;
    float: left;
    display: inline-block;
  }
  .main-container .confirmation-wrap .confirmation-shipping-wrap .shipping-billing-content.right {
    float: right;
  }
  .main-container .confirmation-wrap .button-wrap {
    display: flex;
    justify-content: center;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 50px 0;
  }
  .main-container .confirmation-wrap .button-wrap .noti-area {
    padding: 0;
    align-items: center;
  }
  .main-container .confirmation-wrap .button-wrap .continue-btn {
    text-align: center;
    min-width: 260px;
    padding: 0 40px;
    height: 60px;
    font: bold 20px/60px "PT Sans";
    box-shadow: 0 4px 12px rgba(0, 153, 0, 0.3);
  }
  /* Payment 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .payment-wrap .center-content .payment-header {
    padding: 18px 30px;
  }
  .main-container .payment-wrap .center-content .payment-header .payment-header-left .order-id {
    font-size: 20px;
  }
  .main-container .payment-wrap .center-content .payment-header .payment-header-left .order-total {
    font-size: 26px;
  }
  .main-container .payment-wrap .center-content .payment-product-list .image img {
    width: 55px;
    height: 55px;
  }
  .main-container .payment-wrap .center-content .payment-product-list .product-info .product-name {
    font-size: 14px;
  }
  .main-container .payment-wrap .center-content .payment-2c2p-wrap {
    padding: 0 20px;
  }
  .main-container .payment-wrap .center-content .payment-2c2p-wrap .container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap {
    flex: 1 1 calc(50% - 4px);
    min-width: 300px;
    box-sizing: border-box;
  }
  .main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .radio-content .payment-icon {
    max-height: 32px;
    max-width: 240px;
  }
  .main-container .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap.active {
    flex: 1 1 100%;
  }
  .main-container .payment-wrap .center-content .payment-sticky-bar .sticky-inner {
    padding: 14px 30px;
  }
  .main-container .payment-wrap .center-content .payment-sticky-bar .sticky-inner .total-amount .amount {
    font-size: 24px;
  }
  .main-container .payment-wrap .center-content .payment-sticky-bar .sticky-inner .paid-btn {
    min-width: 240px;
    height: 52px;
    line-height: 52px;
    font-size: 17px;
  }
  /* Contact 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .contact-wrap .bottom-wrap {
    display: table;
    width: 1100px;
    margin: 0 auto;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap {
    width: 50%;
    float: left;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap {
    margin-bottom: 50px;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .contact-form {
    padding-bottom: 15px;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .upload-image-wrap {
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .upload-image-wrap .title {
    font: bold 14px "PT Sans";
    color: #666666;
    text-transform: capitalize;
    margin-bottom: 15px;
    display: table;
    width: 100%;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .upload-image-wrap .add-btn {
    display: inline-block;
    background: url(../img/button-icons.png) no-repeat 10px 15px #009900;
    width: 145px;
    height: 55px;
    font: bold 18px/55px "PT Sans";
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 0 0 40px;
    vertical-align: top;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .upload-image-wrap .files-list-wrap {
    display: inline-block;
    width: 285px;
    margin: 0 0 0 30px;
  }
  .main-container .contact-wrap .bottom-wrap .contact-form-wrap .form-wrap .upload-image-wrap .files-list-wrap .files {
    height: 55px;
    background: url(../img/icons.png) no-repeat 0 -347px;
    font: normal 14px/55px "PT Sans";
    padding: 0 0 0 45px;
    text-overflow: ellipsis;
    width: 285px;
    overflow: hidden;
    white-space: nowrap;
    color: #666666;
  }
  .main-container .contact-wrap .bottom-wrap .support-context-wrap {
    width: 50%;
    float: left;
  }
  /* Knowledge 1100 */
  .main-container {
    min-width: 800px;
  }
  .main-container .knowledge-wrap .knowledge-selection-wrap .selection {
    display: inline-block;
    margin: 10px 20px;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap {
    width: 1100px;
    margin: 0 auto;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .left-content {
    width: 750px;
    padding: 50px 60px 50px 20px;
    float: left;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .left-content .heading {
    text-align: left;
    font: bold 40px/40px "PT Sans";
    margin: 0;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading {
    display: block;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #EFEFEF;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading ul li {
    width: 130px;
    display: inline-block;
    font: normal 11px "PT Sans";
    text-transform: uppercase;
    text-align: left;
    color: #666666;
    padding: 0 0 0 30px;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading ul li.date {
    background: url(../img/icons.png) no-repeat scroll -6px -1780px #FFFFFF;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading ul li.category {
    background: url(../img/icons.png) no-repeat scroll -6px -1867px #FFFFFF;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading ul li.writer {
    background: url(../img/icons.png) no-repeat scroll -6px -1958px #FFFFFF;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .left-content .sub-heading ul li.view {
    background: url(../img/icons.png) no-repeat scroll -6px -2053px #FFFFFF;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .left-content .main-content {
    text-align: left;
    padding: 40px 0 0 0;
    font: normal 16px "PT Sans";
    color: #666666;
    width: 660px;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .left-content .main-content ul {
    list-style: outside!important;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .right-content {
    display: block;
    float: left;
    width: 350px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    margin: 40px 0 0 0;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .right-content .filter-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 40px 30px;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .right-content .filter-wrap .filter {
    font: bold 20px "PT Sans";
    color: #666666;
    text-decoration: none;
    text-transform: capitalize;
    margin: 0 10px;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .right-content .filter-wrap .active {
    color: #0033CC;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .right-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 30px 30px;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .right-content ul li {
    display: table;
    width: 100%;
    padding: 0 0 20px 0;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .right-content ul li a {
    text-decoration: none;
    color: #666666;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .right-content ul li a img {
    float: left;
    width: 50px;
    height: 50px;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .right-content ul li a .info {
    float: left;
    text-align: left;
    width: 215px;
    margin: 0 0 0 20px;
    font: normal 16px/18px "PT Sans";
    padding: 0 0 10px 0;
    border-bottom: 1px solid #EFEFEF;
    min-height: 70px;
  }
  .main-container .knowledge-wrap .knowledge-content-wrap .right-content ul li a .date {
    font: normal 11px "PT Sans";
    text-transform: uppercase;
    color: #666666;
    padding: 10px 0 10px 70px;
    float: left;
  }
  .main-container .knowledge-wrap .knowledge-question-wrap .question-wrap {
    margin: 10px 40px;
    display: inline-block;
  }
  /* Article Grid 1100 */
  .main-container {
    min-width: 1100px;
    background-color: #FFFFFF;
  }
  .main-container .article-grid-wrap .article-nav-wrap .nav-bar {
    max-width: 1100px;
  }
  .main-container .article-grid-wrap .article-content-wrap .category-title {
    width: 1100px;
    margin: 0 auto;
    position: relative;
  }
  .main-container .article-grid-wrap .article-content-wrap .category-title .total {
    position: absolute;
    right: 20px;
    top: 60px;
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list {
    max-width: 1100px;
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap {
    margin: 0 25px 25px 0;
    float: left;
  }
  .main-container .article-grid-wrap .article-content-wrap .article-list .article-wrap:nth-child(3n+3) {
    margin: 0 0 25px 0;
  }
  .main-container .article-grid-wrap .article-content-main {
    width: 1100px;
    margin: 30px auto 0;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-left {
    width: 720px;
    margin: 0 30px 0 0;
    float: left;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right {
    display: inline-block;
    width: 350px;
    margin: 0;
    float: left;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .mid-ad-wrap {
    float: left;
    margin: 0 0 30px 0;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .mid-author-wrap {
    float: left;
    margin: 0 0 30px 0;
  }
  .main-container .article-grid-wrap .article-content-main .article-info-right .popular-content-wrap {
    float: left;
    margin: 0 0 30px 0;
  }
  .main-container .article-grid-wrap .article-content-main .article-selection-wrap {
    background: none;
    margin: 0 0 20px 0;
  }
  .main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection .selection-btn {
    color: #666666;
  }
  .main-container .article-grid-wrap .article-content-main .article-selection-wrap .selection .article-name {
    color: #999999;
  }
  /* Login Signup 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .login-main-wrap .login-main {
    max-width: 480px;
    padding: 0 0 60px;
  }
  .main-container .login-main-wrap .login-main .title-wrap {
    padding: 50px 0 20px;
  }
  /* My Account 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .login-main-wrap {
    display: block;
  }
  .main-container .login-main-wrap .my-account-wrap {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 0 60px;
  }
  .main-container .login-main-wrap .my-account-wrap .title-wrap {
    padding: 50px 0 20px;
  }
  .main-container .login-main-wrap .my-account-wrap .title-wrap .title {
    font: bold 1.6rem "PT Sans";
  }
  .main-container .login-main-wrap .my-account-wrap .address-card {
    flex: 1 1 calc(50% - 6px);
  }
  .main-container .login-main-wrap .my-account-wrap .logout-btn {
    display: none;
  }
  /* Order History 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .login-main-wrap {
    display: block;
  }
  .main-container .login-main-wrap .order-history-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 0 60px;
  }
  .main-container .login-main-wrap .oh-card-body {
    flex-wrap: nowrap;
  }
  /* Order History Detail 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap {
    padding: 0;
    margin: 0 auto;
    max-width: 1100px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.product {
    width: 100px;
    padding-left: 50px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.empty {
    width: 44%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.price {
    width: 16%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.quantity {
    width: 15%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.sub-total {
    width: 14%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .top-label .column.remove-box {
    width: 85px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list {
    padding: 0 20px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .product {
    padding-left: 40px;
    width: 43%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .product .main-text {
    padding-right: 40px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .price {
    width: 17%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .quantity {
    width: 15%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .sub-total {
    width: 14%;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-product-list .remove a {
    width: 55px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .points-left-wrap {
    display: inline-block;
    width: 655px;
    margin: 47px 30px;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .points-left-wrap .points-wrap {
    text-align: center;
  }
  .main-container .history-detail-wrap .history-detail-box-wrap .detail-point-wrap .price-wrap .points-left-wrap .points-wrap .fitwhey-points .points-earn {
    background: url(../img/points-icon.png) no-repeat scroll 30px 0px rgba(0, 0, 0, 0);
    padding: 10px 0 10px 90px;
  }
  .main-container .history-detail-wrap .detail-shipping-wrap {
    display: table;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }
  .main-container .history-detail-wrap .detail-shipping-wrap .shipping-billing-content {
    margin: 20px auto 20px;
    float: left;
    display: inline-block;
  }
  .main-container .history-detail-wrap .detail-shipping-wrap .shipping-billing-content.right {
    float: right;
  }
  .main-container .history-detail-wrap .button-wrap {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    text-align: right;
    padding: 30px 0 50px 0;
  }
  .main-container .history-detail-wrap .button-wrap .delete-btn {
    text-align: center;
    float: left;
    margin: 0;
  }
  .main-container .history-detail-wrap .button-wrap .continue-btn {
    text-align: center;
  }
  /* Ingredient List 1100 */
  .main-container .full-listing-wrap .listing-content-main {
    width: 1100px;
    margin: 30px auto 0;
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-left .il-heading {
    font-size: 26px;
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-left .il-grid {
    gap: 14px;
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-left .il-card {
    width: calc(20% - 12px);
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-left .il-card-name {
    padding: 12px;
    font-size: 14px;
  }
  .main-container .full-listing-wrap .listing-content-main .listing-info-right {
    width: 330px;
    margin-left: 30px;
  }
  /* Money Transfer Notification 1100*/
  .main-container {
    min-width: 500px;
    background-color: #FFFFFF;
  }
  .main-container .money-transfer-wrap {
    width: 100%;
    display: table;
    position: relative;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap {
    display: table;
    margin-bottom: 30px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .left {
    display: inline-block;
    float: left;
    width: 510px;
    padding-right: 20px;
    border-right: 1px solid #CCCCCC;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right {
    display: inline-block;
    width: 520px;
    padding-left: 20px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .head-info {
    display: block;
    width: 100%;
    padding: 15px 0;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .head-info .bold-heading {
    font: bold 16px "PT Sans";
    color: #0033CC;
    text-transform: uppercase;
    margin: 0 20px 0 0;
    display: inline-block;
    text-align: right;
    width: 165px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .head-info .sub-info {
    font: normal 13px "PT Sans";
    color: #999999;
    display: inline-block;
    padding: 0;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .head-info .sub {
    font: normal 13px "PT Sans";
    color: #999999;
    display: inline-block;
    padding: 0 0 0 10px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap {
    display: block;
    position: relative;
    width: 100%;
    padding: 15px 0;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .input-label {
    text-transform: uppercase;
    font: normal 13px "PT Sans";
    color: #666666;
    margin-right: 20px;
    display: inline-block;
    width: 165px;
    text-align: right;
    vertical-align: top;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .selection-wrap {
    position: relative;
    display: inline-block;
    width: 300px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .input-box {
    width: 300px;
    height: 27px;
    padding: 5px 30px 5px 5px;
    font: lighter 13px "PT Sans";
    border: 1px solid #999999;
    margin: 0;
    box-shadow: none;
    vertical-align: top;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .input-box.drop-down {
    background: url(../img/icons.png) no-repeat 263px -1091px rgba(0, 0, 0, 0);
    border: 1px solid #999999;
    text-align: left;
    cursor: pointer;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .drop-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    background: #FFFFFF;
    position: absolute;
    top: 26px;
    left: 0px;
    width: 300px;
    max-height: 132px;
    overflow-y: auto;
    border: 1px solid #999999;
    z-index: 1;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .drop-menu .drop-menu-list {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .drop-menu .drop-menu-list a {
    display: block;
    text-decoration: none;
    color: #999999;
    width: 100%;
    padding: 0 10px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .drop-menu .drop-menu-list a:hover {
    background: #F5F5F5;
    color: #666666;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .input-area {
    width: 300px;
    font: lighter 13px "PT Sans";
    border: 1px solid #999999;
    padding: 5px;
    margin: 0;
    box-shadow: none;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .notice {
    width: 340px;
    height: 27px;
    font: normal 13px "PT Sans";
    color: #999999;
    display: none;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .input-wrap .important-notice {
    color: #dc0000;
    font: lighter 12px "PT Sans";
    margin-top: 10px;
    padding-left: 185px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .upload-image-wrap {
    display: block;
    width: 100%;
    margin: 15px 0 30px 0;
    padding-left: 40px;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .upload-image-wrap .input-label {
    text-transform: uppercase;
    font: normal 13px "PT Sans";
    color: #666666;
    margin-right: 20px;
    display: inline-block;
    width: 80px;
    text-align: right;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .upload-image-wrap .add-btn {
    display: inline-block;
    background: url(../img/button-icons.png) no-repeat 10px 15px #009900;
    height: 55px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    vertical-align: top;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .upload-image-wrap .files-list-wrap .files {
    height: 55px;
    background: url(../img/icons.png) no-repeat 0 -347px;
    font: normal 14px/55px "PT Sans";
    padding: 0 0 0 45px;
    text-overflow: ellipsis;
    width: 285px;
    overflow: hidden;
    white-space: nowrap;
    color: #666666;
  }
  .main-container .money-transfer-wrap .transfer-notice-wrap .content-info-wrap .right .send-btn {
    width: 420px;
    height: 60px;
    display: block;
    margin: 30px auto;
    text-decoration: none;
    text-align: center;
    font: bold 24px/60px "PT Sans";
    color: #FFFFFF;
    background: #0033CC;
  }
  /* Coupon Grid 1100 */
  .main-container .navigation-wrap {
    display: block;
    width: 100%;
    background: #333333;
  }
  .main-container .navigation-wrap .navigation {
    display: block;
    width: 1100px;
    margin: 0 auto;
    color: #999999;
    padding: 0 0 0 60px;
    background-color: #fff;
    height: 8px;
  }
  .main-container .navigation-wrap .navigation a {
    text-decoration: none;
    font: lighter 11px/28px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
  }
  .main-container .main .login-main-wrap {
    display: block;
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
  }
  .main-container .main .login-main-wrap .my-coupon-wrap {
    margin-bottom: 24px;
  }
  .main-container .main .login-main-wrap .cg-points-banner {
    margin: 0 0 20px;
    padding: 20px 24px;
    overflow: hidden;
  }
  .main-container .main .login-main-wrap .cg-points-banner .cg-points-value {
    font-size: 18px;
  }
  .main-container .main .login-main-wrap .cg-points-banner .cg-points-value strong {
    font-size: 36px;
  }
  .main-container .main .login-main-wrap .cg-points-banner .cg-points-desc {
    font-size: 14px;
  }
  .main-container .main .login-main-wrap .outter-wrap {
    padding: 0;
    clear: both;
    overflow: hidden;
  }
  .main-container .main .login-main-wrap .outter-wrap .resp-tabs-list .coupon-tab {
    font-size: 14px;
    padding: 14px 20px;
  }
  .main-container .main .login-main-wrap .outter-wrap .resp-tab-content {
    padding: 24px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list-wrap {
    justify-content: flex-start;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list {
    width: 220px;
    padding: 20px 16px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-image img {
    max-height: 160px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-top .cg-brand-title {
    font-size: 26px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-bottom .get-now-btn {
    font-size: 14px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-exchange .cg-coupon-list .cg-container-bottom .cg-points-earn .cg-points {
    font-size: 18px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .unused-list-title,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .unused-list-title {
    font-size: 14px;
    padding: 12px 20px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .unused-list-title .coupon-title,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .unused-list-title .coupon-title {
    width: 25%;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .unused-list-title .date-title,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .unused-list-title .date-title {
    width: 25%;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .unused-list-title .promo-title,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .unused-list-title .promo-title {
    width: 50%;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list {
    padding: 8px 20px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .coupon-amount,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .coupon-amount {
    width: 25%;
    font-size: 18px;
    line-height: 50px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .date-used,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .date-used {
    width: 25%;
    line-height: 50px;
    font-size: 14px;
  }
  .main-container .main .login-main-wrap .outter-wrap .cg-unused-coupon .unused-list-wrap .promo-code-list .promo-code,
  .main-container .main .login-main-wrap .outter-wrap .cg-used-coupon .unused-list-wrap .promo-code-list .promo-code {
    width: 50%;
    line-height: 50px;
    font-size: 14px;
  }
  /* Lab Test 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .navigation-wrap {
    display: block;
    width: 100%;
    background: #333333;
    background-color: #fff;
    height: 8px;
  }
  .main-container .navigation-wrap .navigation {
    display: block;
    width: 1100px;
    margin: 0 auto;
    color: #999999;
    padding: 0 0 0 60px;
  }
  .main-container .navigation-wrap .navigation a {
    text-decoration: none;
    font: lighter 11px/28px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
  }
  .main-container .main .lt-intro h2.intro-heading {
    text-align: left;
    padding-left: 20px;
  }
  .main-container .main .lt-intro h3.intro-sub-heading {
    text-align: left;
    padding-left: 20px;
  }
  .main-container .main .lt-search-by-wrap {
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 25px 10px;
    flex-direction: column;
    justify-content: center;
  }
  .main-container .main .lt-search-by-wrap h3 {
    margin: 0 0 0 30px;
    display: inline-block;
  }
  .main-container .main .lt-search-by-wrap .search-option-wrap {
    display: inline-block;
    margin: 0 10px 0 0;
  }
  .main-container .main .lt-search-by-wrap .lt-page-wrap-top {
    display: inline-block;
    width: 220px;
    text-align: center;
    margin: 0;
    font-weight: lighter;
  }
  .main-container .main .lt-search-by-wrap .lt-page-wrap-top .lt-prev-next-top {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .lt-search-by-wrap .lt-page-wrap-top .lt-prev-next-top:hover {
    color: #0033CC;
  }
  .main-container .main .lt-search-by-wrap .lt-page-wrap-top .lt-page-top .lt-block-top {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  .main-container .main .lt-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .main .lt-page-wrap .lt-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .lt-page-wrap .lt-prev-next:hover {
    color: #0033CC;
  }
  .main-container .main .lt-page-wrap .lt-page .lt-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  .main-container .main .lab-result-content .table-heading-wrap .table-heading {
    font: bold 14px "PT Sans";
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content {
    font: normal 14px "PT Sans";
  }
  .main-container .main .lab-result-content ul .table-content-wrap .table-content.eight img {
    width: 50px;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content {
    font: normal 14px "PT Sans";
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content img {
    width: 45px;
  }
  .main-container .main .lab-result-content .table-content-wrap .table-content.eight img {
    width: 50px;
  }
  /* Gym 1100 */
  .main-container {
    min-width: 800px;
  }
  .main-container .gym-wrap .gym-banner-wrap .selection {
    display: inline-block;
    margin: 10px 20px;
  }
  .main-container .gym-wrap .gym-content-wrap {
    width: 1100px;
    margin: 0 auto;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content {
    width: 750px;
    padding: 50px 60px 50px 20px;
    float: left;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .heading {
    text-align: left;
    font: normal 30px/30px "PT Sans";
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #CCCCCC;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .sub-heading {
    display: block;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #EFEFEF;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .sub-heading ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .sub-heading ul li {
    width: 130px;
    display: inline-block;
    font: normal 11px "PT Sans";
    text-transform: uppercase;
    text-align: left;
    color: #666666;
    padding: 0 0 0 30px;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .sub-heading ul li.date {
    background: url(../img/icons.png) no-repeat scroll -6px -1780px #FFFFFF;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .sub-heading ul li.category {
    background: url(../img/icons.png) no-repeat scroll -6px -1867px #FFFFFF;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .sub-heading ul li.writer {
    background: url(../img/icons.png) no-repeat scroll -6px -1958px #FFFFFF;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .sub-heading ul li.view {
    background: url(../img/icons.png) no-repeat scroll -6px -2053px #FFFFFF;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .main-content {
    text-align: left;
    padding: 10px 0 0 0;
    font: normal 16px "PT Sans";
    color: #666666;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .main-content ul {
    list-style: outside!important;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .main-content .gym-image {
    max-width: 330px;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .gym-price-wrap .price-left {
    max-width: 330px;
    width: 100%;
  }
  .main-container .gym-wrap .gym-content-wrap .left-content .gym-price-wrap .price-right {
    max-width: 330px;
    width: 100%;
  }
  .main-container .gym-wrap .gym-content-wrap .right-hours {
    float: left;
    margin: 40px 0 0 0;
  }
  .main-container .gym-wrap .gym-content-wrap .right-location {
    float: left;
    margin: 40px 0 0 0;
  }
  .main-container .gym-wrap .knowledge-question-wrap .question-wrap {
    margin: 10px 40px;
    display: inline-block;
  }
  /* Promotion Set Landing 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .navigation-wrap {
    display: block;
    width: 100%;
    background: #333333;
    background-color: #fff;
    height: 8px;
  }
  .main-container .navigation-wrap .navigation {
    display: block;
    width: 1100px;
    margin: 0 auto;
    color: #999999;
    padding: 0 0 0 60px;
  }
  .main-container .navigation-wrap .navigation a {
    text-decoration: none;
    font: lighter 11px/28px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .promotion-main {
    padding: 0;
    margin-bottom: 30px;
  }
  .main-container .promotion-main .promotion-large-bg {
    display: block;
  }
  .main-container .promotion-main .promotion-large-bg .promocover {
    display: block;
    max-width: 1100px;
    margin: 0 auto;
  }
  .main-container .promotion-main .promotion-large-bg .promocover img {
    max-width: 1100px;
  }
  .main-container .promotion-main .promotion-large-bg .promocover-mobile {
    display: none;
  }
  .main-container .promotion-main .promotion-large-bg .promocover-discription {
    max-width: 1100px;
  }
  .main-container .promotion-main .category-brand-intro-sub {
    display: block;
  }
  .main-container .promotion-main .pg-search-by-wrap {
    display: block;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 0 10px 0;
    text-align: right;
  }
  .main-container .promotion-main .pg-search-by-wrap h3 {
    margin: 0 0 0 60px;
    display: inline-block;
    float: left;
  }
  .main-container .promotion-main .pg-search-by-wrap .sm-logo {
    position: absolute;
    left: 30px;
    top: 9px;
  }
  .main-container .promotion-main .pg-search-by-wrap .sm-logo img {
    width: 150px;
  }
  .main-container .promotion-main .pg-search-by-wrap .search-option-wrap {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .main-container .promotion-main .pg-search-by-wrap .pg-page-wrap-top {
    display: inline-block;
    width: 220px;
    text-align: center;
    margin: 0;
    font-weight: lighter;
  }
  .main-container .promotion-main .pg-search-by-wrap .pg-page-wrap-top .pg-prev-next-top {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .promotion-main .pg-search-by-wrap .pg-page-wrap-top .pg-prev-next-top:hover {
    color: #0033CC;
  }
  .main-container .promotion-main .pg-search-by-wrap .pg-page-wrap-top .pg-page-top .pg-block-top {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  .main-container .promotion-main .pro-product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 1100px;
    padding-top: 10px;
    display: block;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list {
    margin: 7px 0 12px 0px;
    width: 275px;
    border: 1px solid #FFFFFF;
    height: 420px;
    max-width: none;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-image {
    position: relative;
    display: block;
    width: 100%;
    height: 230px;
    margin: 0 auto 5px;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-image img {
    max-height: 230px;
    width: 230px;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top {
    display: inline-block;
    width: 100%;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-top .pg-brand-title {
    margin-top: 15px;
    text-transform: uppercase;
    color: #333333;
    font: bold 18px "Helvetica";
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .add-to-cart-btn {
    display: none;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn {
    text-align: center;
    background: url(../img/icons.png) no-repeat 24px -834px rgba(0, 0, 0, 0);
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list .pg-container-bottom .pg-points-earn .pg-points {
    font: bold 17px "Helvetica";
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list:hover {
    border: 1px solid #EFEFEF;
    background: linear-gradient(120deg, #EFEFEF, #FFFFFF);
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list:hover .pg-container-top .pg-brand-title {
    margin-top: 5px;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list:hover .pg-container-bottom .add-to-cart-btn {
    display: inline-block;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list:hover .pg-container-bottom .pg-points-earn {
    margin: 5px 0 0 0;
  }
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list-large:nth-child(4),
  .main-container .promotion-main .pro-product-list-wrap .pg-product-list-large:nth-child(8) {
    margin-right: 0;
  }
  .main-container .promotion-main .pg-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .promotion-main .pg-page-wrap .pg-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .promotion-main .pg-page-wrap .pg-prev-next:hover {
    color: #0033CC;
  }
  .main-container .promotion-main .pg-page-wrap .pg-page .pg-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  /* Baam Classic 1100 */
  .baam-main-container {
    min-width: 500px;
    min-height: 1238px;
    background: url(../img/baam-classic-bg-full.png) no-repeat scroll center 0px #FFFFFF;
  }
  .baam-main-container .baam-main-wrap {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    display: table;
    position: relative;
  }
  .baam-main-container .baam-main-wrap .left-wrap {
    display: table;
    width: 100%;
    max-width: 550px;
    float: left;
  }
  .baam-main-container .baam-main-wrap .left-wrap .logo {
    margin: 40px 0 10px 0;
  }
  .baam-main-container .baam-main-wrap .left-wrap .date {
    font: bold 20px/24px "Helvetica Neue";
    margin: 0 0 10px 0;
    display: block;
  }
  .baam-main-container .baam-main-wrap .left-wrap .qr-btn {
    display: inline-block;
    width: 100%;
    margin: 25px 0 35px 0;
  }
  .baam-main-container .baam-main-wrap .left-wrap .baam-rule {
    display: none;
  }
  .baam-main-container .baam-main-wrap .left-wrap .baam-by-wrap {
    max-width: 500px;
    width: 100%;
    margin: 35px auto 0;
    display: inline-block;
  }
  .baam-main-container .baam-main-wrap .left-wrap .baam-by-wrap .management-name {
    margin: 45px 0 0 0;
  }
  .baam-main-container .baam-main-wrap .left-wrap .baam-by-wrap .management-image {
    display: none;
  }
  .baam-main-container .baam-main-wrap .right-wrap {
    display: table;
    position: relative;
    max-width: 550px;
    width: 100%;
    float: right;
    padding: 20px 30px;
    margin: 200px 0 0 0;
  }
  .baam-main-container .baam-main-wrap .right-wrap .float {
    position: absolute;
    left: -10px;
    top: -60px;
  }
  /* Fake Whey 1100 */
  .main-container {
    min-width: 800px;
  }
  .main-container .fake-whey-wrap .fake-whey-banner-wrap {
    padding: 0;
  }
  .main-container .fake-whey-wrap .fake-whey-banner-wrap .title {
    line-height: 400px;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap {
    width: 1100px;
    margin: 0 auto;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .left-content {
    width: 750px;
    padding: 50px 60px 50px 20px;
    float: left;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .heading {
    text-align: left;
    font: bold 38px/40px "PT Sans";
    margin: 0;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .sub-heading-wrap .circle-wrapper {
    background-color: #FF3000;
    border-radius: 20px;
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    width: 27px;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .sub-heading-wrap .sub-heading {
    display: block;
    margin: 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #EFEFEF;
    text-align: left;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .main-content-new {
    text-align: left;
    padding: 0;
    font: normal 16px/28px "PT Sans";
    color: #666666;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .left-content .main-content-new .minor-image {
    margin: 30px 10px 15px 0;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .right-content {
    display: block;
    float: left;
    width: 350px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    margin: 40px 0 0 0;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .right-content .filter-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 40px 30px;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .right-content .filter-wrap .filter {
    font: bold 20px "PT Sans";
    color: #666666;
    text-decoration: none;
    text-transform: capitalize;
    margin: 0 10px;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .right-content .filter-wrap .active {
    color: #0033CC;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .right-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 30px 30px;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .right-content ul li {
    display: table;
    width: 100%;
    padding: 0 0 20px 0;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .right-content ul li a {
    text-decoration: none;
    color: #666666;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .right-content ul li a img {
    float: left;
    width: 50px;
    height: 50px;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .right-content ul li a .info {
    float: left;
    text-align: left;
    width: 215px;
    margin: 0 0 0 20px;
    font: normal 16px/18px "PT Sans";
    padding: 0 0 10px 0;
    border-bottom: 1px solid #EFEFEF;
    min-height: 70px;
  }
  .main-container .fake-whey-wrap .fake-whey-content-wrap .right-content ul li a .date {
    font: normal 11px "PT Sans";
    text-transform: uppercase;
    color: #666666;
    padding: 10px 0 10px 70px;
    float: left;
  }
  /* Fitwhey Classic 5 */
  .fwc-main-container {
    min-width: 500px;
    min-height: 1238px;
    background: url(../img/fwc5-bg-full.png) no-repeat scroll center 0px #FFFFFF;
  }
  .fwc-main-container .fwc-main-wrap {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    display: table;
    position: relative;
  }
  .fwc-main-container .fwc-main-wrap .left-wrap {
    display: table;
    width: 100%;
    max-width: 550px;
    float: left;
  }
  .fwc-main-container .fwc-main-wrap .left-wrap .logo {
    margin: 40px 0 10px 0;
  }
  .fwc-main-container .fwc-main-wrap .left-wrap .date {
    font: bold 20px/24px "Helvetica Neue";
    margin: 0 0 10px 0;
    display: block;
  }
  .fwc-main-container .fwc-main-wrap .left-wrap .qr-btn {
    display: inline-block;
    width: 100%;
    margin: 25px 0 35px 0;
  }
  .fwc-main-container .fwc-main-wrap .left-wrap .fwc-rule {
    display: none;
  }
  .fwc-main-container .fwc-main-wrap .left-wrap .fwc-by-wrap {
    max-width: 500px;
    width: 100%;
    margin: 35px auto 0;
    display: inline-block;
  }
  .fwc-main-container .fwc-main-wrap .left-wrap .fwc-by-wrap .management-name {
    margin: 45px 0 0 0;
  }
  .fwc-main-container .fwc-main-wrap .left-wrap .fwc-by-wrap .management-image {
    display: none;
  }
  .fwc-main-container .fwc-main-wrap .right-wrap {
    display: table;
    position: relative;
    max-width: 550px;
    width: 100%;
    float: right;
    padding: 20px 30px;
    margin: 200px 0 0 0;
    color: #FFF;
  }
  .fwc-main-container .fwc-main-wrap .right-wrap .float {
    position: absolute;
    left: -10px;
    top: -60px;
  }
  .fwc-main-container .fwc-main-wrap .right-wrap .text {
    font-size: 18px;
  }
  /* FitAngel Classic 1100 */
  .fac-main-container {
    min-width: 500px;
    background: url(../img/angel-classic-bg-full2.png) no-repeat scroll center 0px #FFFFFF;
  }
  .fac-main-container .fac-main-wrap {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    display: table;
    position: relative;
  }
  .fac-main-container .fac-main-wrap .left-wrap {
    display: table;
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
  }
  .fac-main-container .fac-main-wrap .left-wrap .logo {
    margin: 40px 0 10px 0;
  }
  .fac-main-container .fac-main-wrap .left-wrap .date {
    font: bold 20px/24px "Helvetica Neue";
    margin: 0 0 10px 0;
    display: block;
  }
  .fac-main-container .fac-main-wrap .left-wrap .qr-btn {
    display: inline-block;
    width: 100%;
    margin: 10px 0 0 0;
  }
  .fac-main-container .fac-main-wrap .left-wrap .fac-rule {
    display: none;
  }
  .fac-main-container .fac-main-wrap .right-wrap {
    display: table;
    position: relative;
    max-width: 550px;
    width: 100%;
    padding: 20px 60px;
    margin: 0 auto;
    color: #FFF;
  }
  .fac-main-container .fac-main-wrap .right-wrap .float {
    position: absolute;
    left: -10px;
    top: -60px;
  }
  .fac-main-container .fac-main-wrap .right-wrap .text {
    font-size: 16px;
    color: #E8257A;
  }
  /* Fitwhey Classic 6 */
  .fwc6-main-container {
    min-width: 500px;
    min-height: 1060px;
    background: url(../img/fwc6-bg.png) no-repeat scroll center 0px #FFFFFF;
  }
  .fwc6-main-container .fwc6-main-wrap {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    display: table;
    position: relative;
  }
  .fwc6-main-container .fwc6-main-wrap .left-wrap {
    display: table;
    width: 100%;
    max-width: 550px;
    margin: 525px auto 0;
  }
  .fwc6-main-container .fwc6-main-wrap .left-wrap .logo {
    margin: 40px 0 10px 0;
  }
  .fwc6-main-container .fwc6-main-wrap .left-wrap .date {
    font: bold 20px/24px "Helvetica Neue";
    margin: 0 0 10px 0;
    display: block;
  }
  .fwc6-main-container .fwc6-main-wrap .left-wrap .qr-btn {
    display: inline-block;
    width: 100%;
    margin: 25px 0 35px 0;
  }
  .fwc6-main-container .fwc6-main-wrap .left-wrap .fwc6-rule {
    display: none;
  }
  .fwc6-main-container .fwc6-main-wrap .left-wrap .fwc6-by-wrap {
    max-width: 500px;
    width: 100%;
    margin: 35px auto 0;
    display: inline-block;
  }
  .fwc6-main-container .fwc6-main-wrap .left-wrap .fwc6-by-wrap .management-name {
    margin: 45px 0 0 0;
  }
  .fwc6-main-container .fwc6-main-wrap .left-wrap .fwc6-by-wrap .management-image {
    display: none;
  }
  .fwc6-main-container .fwc6-main-wrap .right-wrap {
    display: table;
    position: relative;
    max-width: 550px;
    width: 100%;
    padding: 0 45px;
    margin: 0 auto;
    color: #FFF;
    text-shadow: 1px 1px 7px #000;
    font-family: 'RSU';
  }
  .fwc6-main-container .fwc6-main-wrap .right-wrap .float {
    position: absolute;
    left: -10px;
    top: -60px;
  }
  .fwc6-main-container .fwc6-main-wrap .right-wrap .text {
    font-size: 18px;
  }
  /* Valentine 1100 */
  .main-container {
    min-width: 500px;
    background-color: #FFFFFF;
  }
  .main-container .navigation-wrap {
    display: block;
    width: 100%;
    background: #333333;
    background-color: #fff;
    height: 8px;
  }
  .main-container .navigation-wrap .navigation {
    display: block;
    width: 1100px;
    margin: 0 auto;
    color: #999999;
    padding: 0 0 0 60px;
  }
  .main-container .navigation-wrap .navigation a {
    text-decoration: none;
    font: lighter 11px/28px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
  }
  .main-container .main .women-banner-cover {
    display: block;
  }
  .main-container .main .women-banner-mb-cover {
    display: none;
  }
  .main-container .main .vday-ad-wrap {
    margin: 0 auto;
  }
  .main-container .main .vday-ad-wrap h3 {
    text-align: left;
  }
  .main-container .main .vday-ad-wrap .vday-ad-promo-wrap {
    float: left;
  }
  .main-container .main .vday-ad-wrap .vday-ad-promo-wrap .vday-ad-promo {
    float: left;
    margin: 4px;
    width: 354px;
  }
  .main-container .main .vday-ad-wrap .vday-ad-promo-wrap .vday-ad-promo img {
    width: 354px;
  }
  .main-container .main .vday-ad-wrap .vday-ad-event-wrap .vday-event-promo {
    margin: 4px;
  }
  /* Knowledge 1100 */
  .main-container {
    min-width: 800px;
  }
  .main-container .job-wrap .job-selection-wrap {
    text-align: left;
  }
  .main-container .job-wrap .job-selection-wrap .selection {
    display: inline-block;
    margin: 10px 20px;
  }
  .main-container .job-wrap .job-description-wrap {
    margin: 30px auto;
    width: 100%;
    max-width: 1100px;
    padding: 20px 40px;
  }
  .main-container .job-wrap .job-description-wrap .how-to-apply {
    float: left;
    max-width: 500px;
    margin: 0 0 20px 0;
    padding: 0 0 10px 50px;
    border-top: none;
    border-left: 1px solid #CCCCCC;
  }
  .main-container .job-wrap .job-description-wrap .how-to-apply .section2 {
    font-weight: bold;
  }
  /* Product Grid 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .navigation-wrap {
    display: block;
    width: 100%;
    background: #333333;
    background-color: #fff;
    height: 8px;
  }
  .main-container .navigation-wrap .navigation {
    display: block;
    width: 1100px;
    margin: 0 auto;
    color: #999999;
    padding: 0 0 0 60px;
  }
  .main-container .navigation-wrap .navigation a {
    text-decoration: none;
    font: lighter 11px/28px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .main,
  .main-container .flashsale-main-wrap {
    padding: 0;
    margin-bottom: 30px;
    max-width: 1400px;
    display: inline-block;
    padding-top: 30px;
  }
  .main-container .main .flash-search-by-wrap,
  .main-container .flashsale-main-wrap .flash-search-by-wrap {
    display: block;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 0 10px 0;
    text-align: right;
  }
  .main-container .main .flash-search-by-wrap h3,
  .main-container .flashsale-main-wrap .flash-search-by-wrap h3 {
    margin: 0 0 0 60px;
    display: inline-block;
    float: left;
  }
  .main-container .main .flash-search-by-wrap .search-option-wrap,
  .main-container .flashsale-main-wrap .flash-search-by-wrap .search-option-wrap {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .main-container .main .flash-search-by-wrap .pg-page-wrap-top,
  .main-container .flashsale-main-wrap .flash-search-by-wrap .pg-page-wrap-top {
    display: inline-block;
    width: 220px;
    text-align: center;
    margin: 0;
    font-weight: lighter;
  }
  .main-container .main .flash-search-by-wrap .pg-page-wrap-top .pg-prev-next-top,
  .main-container .flashsale-main-wrap .flash-search-by-wrap .pg-page-wrap-top .pg-prev-next-top {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .flash-search-by-wrap .pg-page-wrap-top .pg-prev-next-top:hover,
  .main-container .flashsale-main-wrap .flash-search-by-wrap .pg-page-wrap-top .pg-prev-next-top:hover {
    color: #0033CC;
  }
  .main-container .main .flash-search-by-wrap .pg-page-wrap-top .pg-page-top .pg-block-top,
  .main-container .flashsale-main-wrap .flash-search-by-wrap .pg-page-wrap-top .pg-page-top .pg-block-top {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  .main-container .main .flash-product-list-wrap,
  .main-container .flashsale-main-wrap .flash-product-list-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 1100px;
    padding-top: 10px;
    display: block;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list {
    margin: 7px 0 12px 0px;
    width: 275px;
    border: 1px solid #FFFFFF;
    height: 440px;
    max-width: none;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-image,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-image {
    position: relative;
    display: block;
    width: 100%;
    height: 230px;
    margin: 0 auto 5px;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-image img,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-image img {
    max-height: 230px;
    width: 230px;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-container-top,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-container-top {
    display: inline-block;
    width: 100%;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-container-top .flash-brand-title,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-container-top .flash-brand-title {
    margin-top: 5px;
    text-transform: uppercase;
    color: #333333;
    font: bold 1rem/20px "prompt";
    height: 40px;
    margin-bottom: 5px;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-container-top .flash-code,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-container-top .flash-code {
    font: bold 17px "prompt";
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-countdown-wrap,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-countdown-wrap {
    padding: 1.5em;
    display: inline-block;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-left,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-left {
    margin: 5px 5px;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap .timer-box,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list .flash-countdown-wrap .countdown-right .countdown-timer-wrap .timer-box {
    padding: 5px;
    font: bold 1.5em "prompt";
  }
  .main-container .main .flash-product-list-wrap .flash-product-list:hover,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list:hover {
    border: 1px solid #EFEFEF;
    background: linear-gradient(120deg, #EFEFEF, #FFFFFF);
  }
  .main-container .main .flash-product-list-wrap .flash-product-list:hover .flash-container-top .pg-brand-title,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list:hover .flash-container-top .pg-brand-title {
    margin-top: 5px;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list:hover .pg-container-bottom .add-to-cart-btn,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list:hover .pg-container-bottom .add-to-cart-btn {
    display: inline-block;
  }
  .main-container .main .flash-product-list-wrap .flash-product-list:hover .pg-container-bottom .pg-points-earn,
  .main-container .flashsale-main-wrap .flash-product-list-wrap .flash-product-list:hover .pg-container-bottom .pg-points-earn {
    margin: 5px 0 0 0;
  }
  .main-container .main .flash-product-list-wrap .pg-product-list-large:nth-child(4),
  .main-container .flashsale-main-wrap .flash-product-list-wrap .pg-product-list-large:nth-child(4),
  .main-container .main .flash-product-list-wrap .pg-product-list-large:nth-child(8),
  .main-container .flashsale-main-wrap .flash-product-list-wrap .pg-product-list-large:nth-child(8) {
    margin-right: 0;
  }
  .main-container .main .pg-page-wrap,
  .main-container .flashsale-main-wrap .pg-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .main .pg-page-wrap .pg-prev-next,
  .main-container .flashsale-main-wrap .pg-page-wrap .pg-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-page-wrap .pg-prev-next:hover,
  .main-container .flashsale-main-wrap .pg-page-wrap .pg-prev-next:hover {
    color: #0033CC;
  }
  .main-container .main .pg-page-wrap .pg-page .pg-block,
  .main-container .flashsale-main-wrap .pg-page-wrap .pg-page .pg-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  .main-container .main .product_grid_left,
  .main-container .flashsale-main-wrap .product_grid_left {
    width: 20%;
    display: block!important;
    float: left;
    text-align: left;
    margin-right: 20px;
  }
  .main-container .main .product_grid_left .product_grid_fillter,
  .main-container .flashsale-main-wrap .product_grid_left .product_grid_fillter {
    display: inline-block;
    width: 100%;
    padding: 20px 15px 40px 20px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
  }
  .main-container .main .product_grid_left .product_grid_fillter .fillter_name,
  .main-container .flashsale-main-wrap .product_grid_left .product_grid_fillter .fillter_name {
    font: bold 1rem "PT Sans";
    border-bottom: 1px solid #444444;
    padding-bottom: 10px;
  }
  .main-container .main .product_grid_left .product_grid_fillter .fillter_box,
  .main-container .flashsale-main-wrap .product_grid_left .product_grid_fillter .fillter_box {
    padding-top: 10px;
  }
  .main-container .main .product_grid_left .product_grid_fillter .fillter_box input,
  .main-container .flashsale-main-wrap .product_grid_left .product_grid_fillter .fillter_box input {
    margin-right: 10px;
  }
  .main-container .main .product_grid_left .product_grid_fillter_mobile,
  .main-container .flashsale-main-wrap .product_grid_left .product_grid_fillter_mobile {
    display: none;
  }
  .main-container .main .wrap-flashsale .product_grid_right,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right {
    width: 75%;
    display: block;
    float: left;
    text-align: left;
  }
  .main-container .main .wrap-flashsale .product_grid_right .head_product_grid_right,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .head_product_grid_right {
    width: 100%;
    display: inline-block !important;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
  }
  .main-container .main .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_name,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_name {
    display: block;
    float: left;
    width: 30%;
    font: bold 1.5rem "PT sans";
    text-align: left;
  }
  .main-container .main .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort {
    display: block;
    float: right;
    width: 43%;
  }
  .main-container .main .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort .text,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort .text {
    display: block;
    float: left;
    padding-top: 5px;
    vertical-align: middle;
    font: 1rem "PT sans";
  }
  .main-container .main .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort .dropdown,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort .dropdown {
    display: block;
    float: left;
    padding: 0 10px 0 10px;
    margin: 0 10px 0 10px;
  }
  .main-container .main .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort .dropdown .dropdown-box,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort .dropdown .dropdown-box {
    width: 130px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 5px 0 5px 0;
  }
  .main-container .main .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort .pagr_number,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort .pagr_number {
    display: block;
    float: left;
  }
  .main-container .main .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort .pagr_number a,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort .pagr_number a {
    text-decoration: none;
    margin-right: 5px;
    cursor: pointer;
  }
  .main-container .main .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort .pagr_number input,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .head_product_grid_right .head_grid_sort .pagr_number input {
    width: 40px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 5px 0 5px 0;
  }
  .main-container .main .wrap-flashsale .product_grid_right .display-fix-top,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .display-fix-top {
    display: none;
  }
  .main-container .main .wrap-flashsale .product_grid_right .banner_grid,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .banner_grid {
    width: 100%;
    margin: 10px;
    display: inline-block;
    background: #444444;
    height: 250px;
    border-radius: 10px;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding: 5px;
    max-width: 980px;
    min-width: 980px;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap a,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap a {
    text-decoration: none;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .product-right-box,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .product-right-box {
    text-align: center;
    width: 230px;
    display: inline-block;
    border: 1px solid #CCCCCC;
    margin: 5px 7px 7px 2px;
    border-radius: 10px;
    cursor: pointer;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .box-img,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .box-img {
    display: block;
    width: 230px;
    height: 230px;
    text-align: center;
    margin: 0;
    padding: 10px;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .box-img .code-flash_sale,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .box-img .code-flash_sale {
    display: inline-block;
    width: 90px;
    height: 22px;
    position: absolute;
    z-index: 10px;
    margin: 8px 0 0 -33px;
    color: white;
    padding: 3px;
    font: bold 0.76rem "prompt";
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .box-img .code-top,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .box-img .code-top {
    width: 150px;
    height: 30px;
    font-size: 1rem;
    margin: -11px 0px 0px -10px;
    border-radius: 5px 0 0 0;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .box-img .code-bottom,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .box-img .code-bottom {
    width: 150px;
    height: 26px;
    font-size: 0.9rem;
    margin: 195px 0 0 -10px;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .box-img img,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .box-img img {
    max-width: 220px;
    max-height: 220px;
    margin: 0;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .box-name,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .box-name {
    margin-top: 10px;
    width: 100%;
    padding: 0 10px 0 10px;
    font: 0.875rem "prompt";
    color: black;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .box-description,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .box-description {
    padding: 0 10px 0 10px;
    height: 44px;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .box-type,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .box-type {
    margin-top: 5px;
    font: 0.775rem "prompt-light";
    color: #CCCCCC;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .box-price,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .box-price {
    width: 100%;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .box-price .old-price,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .box-price .old-price {
    width: 45%;
    display: inline-block;
    text-align: right;
    font: 0.875rem "prompt";
    color: #CCCCCC;
    text-decoration: line-through;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .box-price .now-price,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .box-price .now-price {
    width: 50%;
    display: inline-block;
    text-align: left;
    font: bold 1.1rem "prompt";
    color: red;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .product-right-button,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .product-right-button {
    width: 70%;
    height: 30px;
    border: 1px solid #dc0000;
    border-radius: 5px;
    display: inline-block;
    color: #dc0000;
    text-align: center;
    font: bold 0.675rem/30px "prompt";
    cursor: pointer;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .product-right-button:hover,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .product-right-button:hover {
    background: #dc0000;
    color: white;
  }
  .main-container .main .wrap-flashsale .product_grid_right .product_grid_wrap .product-right-sold,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .product_grid_wrap .product-right-sold {
    width: 100%;
    display: block;
    text-align: right;
    font: 0.675rem/30px "kanit";
    color: gray;
    padding: 0 10px 0 0px;
  }
  .main-container .main .wrap-flashsale .product_grid_right .botton-bottom,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .botton-bottom {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    text-align: right;
    max-width: 980px;
  }
  .main-container .main .wrap-flashsale .product_grid_right .botton-bottom .botton-wrap,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .botton-bottom .botton-wrap {
    width: 20%;
    display: inline-block;
    text-align: left;
  }
  .main-container .main .wrap-flashsale .product_grid_right .botton-bottom .botton-wrap button,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .botton-bottom .botton-wrap button {
    width: 80px;
    background: white;
    padding: 5px;
    border: 1px solid #CCCCCC;
    font: 1rem "sarabun";
    display: inline-block;
    border-radius: 5px;
  }
  .main-container .main .wrap-flashsale .product_grid_right .botton-bottom .input-wrap,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .botton-bottom .input-wrap {
    width: 10%;
    margin-top: 10px;
    display: inline-block;
    text-align: left;
  }
  .main-container .main .wrap-flashsale .product_grid_right .botton-bottom .input-wrap input,
  .main-container .flashsale-main-wrap .wrap-flashsale .product_grid_right .botton-bottom .input-wrap input {
    font: 1rem "sarabun";
    text-align: center;
    width: 40px;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #CCCCCC;
  }
  .fast-cart-mobile,
  .fast-cart-mobile2 {
    transition: bottom 0.5s, visibility 0.5s;
    width: 100%;
    max-height: 85%;
    height: auto;
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    min-width: 320px;
    display: inline-block;
    position: fixed;
    z-index: 100;
    background: white;
    border-radius: 10px;
    padding: 20px;
    margin-left: 0;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  }
  .fast-cart-mobile .close-button,
  .fast-cart-mobile2 .close-button {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    background: white;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
    border-radius: 30px;
    margin: -20px 10px 0 0px;
    text-align: center;
    font-weight: bold;
  }
  .fast-cart-mobile .cart-wrap,
  .fast-cart-mobile2 .cart-wrap {
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
    border: none;
  }
  .fast-cart-mobile .cart-wrap .img,
  .fast-cart-mobile2 .cart-wrap .img {
    display: block;
    float: left;
    width: 30%;
    text-align: center;
    min-width: 120px;
    min-height: 150px;
  }
  .fast-cart-mobile .cart-wrap .img .code-bottom,
  .fast-cart-mobile2 .cart-wrap .img .code-bottom {
    display: inline-block;
    width: 120px;
    height: 25px;
    background: #dc0000;
    background: linear-gradient(90deg, #dc0000 75%, rgba(71, 172, 255, 0) 100%);
    position: absolute;
    z-index: 10px;
    margin: 180px 0 0 0px;
    color: white;
    padding: 3px;
    font: bold 0.86rem "prompt";
    z-index: 1;
    text-align: center;
    left: 0;
  }
  .fast-cart-mobile .cart-wrap .img img,
  .fast-cart-mobile2 .cart-wrap .img img {
    width: 100%;
    max-width: 205px;
    min-width: 100px;
    display: inline-block;
    position: absolute;
    margin: 0 0 0 -115px;
  }
  .fast-cart-mobile .cart-wrap .name,
  .fast-cart-mobile2 .cart-wrap .name {
    margin-top: 10px;
    width: 60%;
    text-align: left;
    padding: 0;
    font: bold 1.1rem "prompt";
    color: black;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .fast-cart-mobile .cart-wrap .box-price-mobile,
  .fast-cart-mobile2 .cart-wrap .box-price-mobile {
    margin-top: 5px;
    width: 60%;
    display: inline-block;
    font: bold 1.2rem "prompt";
    color: red;
    text-align: left;
  }
  .fast-cart-mobile .cart-wrap .box-price-mobile span,
  .fast-cart-mobile2 .cart-wrap .box-price-mobile span {
    font: lighter 0.975rem "prompt";
    color: #CCCCCC;
    margin-left: 5px;
    text-decoration: line-through;
  }
  .fast-cart-mobile .cart-wrap .box-description,
  .fast-cart-mobile2 .cart-wrap .box-description {
    text-align: center;
    display: inline-block;
    font: 0.775rem "sarabun";
    text-align: left;
    width: 60%;
    color: black;
    margin-top: 5px;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .fast-cart-mobile .cart-select,
  .fast-cart-mobile2 .cart-select {
    width: 70%;
    display: block;
    float: right;
  }
  .fast-cart-mobile .cart-select .size button,
  .fast-cart-mobile2 .cart-select .size button,
  .fast-cart-mobile .cart-select .flavour button,
  .fast-cart-mobile2 .cart-select .flavour button,
  .fast-cart-mobile .cart-select .promotion-tab button,
  .fast-cart-mobile2 .cart-select .promotion-tab button,
  .fast-cart-mobile .cart-select .tab-select button,
  .fast-cart-mobile2 .cart-select .tab-select button {
    background: white;
    min-width: 50px;
    padding: 5px;
    margin: 10px 2px 0 2px;
    border: 1px solid #EFEFEF;
    font: 1rem "sarabun";
    display: inline-block;
    border-radius: 5px;
  }
  .fast-cart-mobile .cart-select .active,
  .fast-cart-mobile2 .cart-select .active {
    background: url(https://bucket.fitwhey.com/editor/612f7b03558bb.png) no-repeat !important;
    color: black;
    border: 1.5px solid #dc0000 !important;
  }
  .fast-cart-mobile .cart-select .disable,
  .fast-cart-mobile2 .cart-select .disable {
    color: #EFEFEF;
    background: #444444 !important;
  }
  .fast-cart-mobile .cart-select .size,
  .fast-cart-mobile2 .cart-select .size {
    overflow-y: auto;
    height: 70px;
  }
  .fast-cart-mobile .cart-select .flavour,
  .fast-cart-mobile2 .cart-select .flavour {
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 10px;
    height: 100px;
    margin-top: 10px;
    overflow-y: auto;
  }
  .fast-cart-mobile .cart-select .promotion-tab,
  .fast-cart-mobile2 .cart-select .promotion-tab {
    padding-bottom: 10px;
    border: none;
    white-space: nowrap;
    overflow: auto;
  }
  .fast-cart-mobile .cart-select .tab-select,
  .fast-cart-mobile2 .cart-select .tab-select {
    display: none;
    overflow-x: scroll;
    height: 150px;
    border-bottom: 1px solid #EFEFEF;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 10px;
  }
  .fast-cart-mobile .cart-select .conclude,
  .fast-cart-mobile2 .cart-select .conclude {
    width: 100%;
    display: inline-block;
    padding: 10px;
    margin-top: 5px;
    height: 50px;
  }
  .fast-cart-mobile .cart-select .conclude span,
  .fast-cart-mobile2 .cart-select .conclude span {
    width: 32%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .fast-cart-mobile .cart-select .conclude .conclude-name,
  .fast-cart-mobile2 .cart-select .conclude .conclude-name {
    font: bold 0.875rem "prompt";
    text-transform: uppercase;
  }
  .fast-cart-mobile .cart-select .conclude .conclude-select,
  .fast-cart-mobile2 .cart-select .conclude .conclude-select {
    font: bold 0.875rem "prompt";
    color: #dc0000;
  }
  .fast-cart-mobile .cart-select .conclude .conclude-exp,
  .fast-cart-mobile2 .cart-select .conclude .conclude-exp {
    font: 0.875rem "prompt";
  }
  .fast-cart-mobile .cart-select-desktop,
  .fast-cart-mobile2 .cart-select-desktop {
    width: 70%;
    float: right;
    padding-bottom: 10px;
  }
  .fast-cart-mobile .cart-select-desktop .cart-select-desktop-product .cart-select-desktop-product-name,
  .fast-cart-mobile2 .cart-select-desktop .cart-select-desktop-product .cart-select-desktop-product-name {
    font: bold 1.1rem "prompt";
    margin-bottom: 5px;
    text-transform: uppercase;
  }
  .fast-cart-mobile .cart-select-desktop .cart-select-desktop-product .box-select,
  .fast-cart-mobile2 .cart-select-desktop .cart-select-desktop-product .box-select {
    width: 100%;
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin-bottom: 10px;
    display: inline-block;
    font: 1rem "sarabun";
    border-radius: 10px;
  }
  .fast-cart-mobile .button-bay,
  .fast-cart-mobile2 .button-bay {
    width: 70%;
    display: block;
    float: right;
    bottom: 0;
    position: static;
    padding: 10px;
    border-top: 1px solid #CCCCCC;
  }
  .fast-cart-mobile .button-bay .amount,
  .fast-cart-mobile2 .button-bay .amount {
    width: 100%;
    display: inline-block;
  }
  .fast-cart-mobile .button-bay .amount p,
  .fast-cart-mobile2 .button-bay .amount p {
    font: 1rem "sarabun";
    display: block;
    float: left;
  }
  .fast-cart-mobile .button-bay .amount .input,
  .fast-cart-mobile2 .button-bay .amount .input {
    display: block;
    float: right;
    padding-right: 20px;
  }
  .fast-cart-mobile .button-bay .amount .input input,
  .fast-cart-mobile2 .button-bay .amount .input input {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: white;
    text-align: center;
    border: 1px solid #CCCCCC;
    padding: 5px;
    display: block;
    float: left;
    margin-right: 5px;
  }
  .fast-cart-mobile .button-bay .amount .input span,
  .fast-cart-mobile2 .button-bay .amount .input span {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: white;
    text-align: center;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    margin-right: 5px;
    background: #EFEFEF;
    font-weight: bold;
  }
  .fast-cart-mobile .button-bay .button,
  .fast-cart-mobile2 .button-bay .button {
    width: 96%;
    margin-top: 20px;
    display: inline-block;
    color: white;
    font: bold 1rem "prompt";
    border-radius: 5px;
  }
  .fast-cart-mobile .active,
  .fast-cart-mobile2 .active {
    background: #dc0000 !important;
    color: white;
  }
  .fast-cart-mobile2 {
    height: 580px;
  }
  .bottom_fix {
    bottom: auto !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 10001 !important;
    position: fixed !important;
    visibility: visible !important;
  }
  .fade-box {
    width: 100%;
    height: 100%;
    min-height: 4000px;
    display: none;
    background: rgba(30, 30, 30, 0.5);
    position: absolute;
    z-index: 20;
  }
  .display {
    display: inline-block;
  }
  /* Fitwhey Family Signup 1100 */
  .fw-family-signup-main-container {
    min-width: 500px;
    min-height: 1060px;
    background: url(../img/fw-family-qr-bg.jpg) no-repeat scroll center 0px #FFFFFF;
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    display: table;
    position: relative;
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap {
    display: table;
    width: 100%;
    max-width: 550px;
    margin: 525px auto 0;
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .logo {
    margin: 40px 0 10px 0;
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .date {
    font: bold 20px/24px "Helvetica Neue";
    margin: 0 0 10px 0;
    display: block;
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .qr-btn {
    display: inline-block;
    width: 100%;
    margin: 25px 0 15px 0;
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .fwf-rule {
    display: none;
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .fwc6-by-wrap {
    max-width: 500px;
    width: 100%;
    margin: 35px auto 0;
    display: inline-block;
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .fwc6-by-wrap .management-name {
    margin: 45px 0 0 0;
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-left-wrap .fwc6-by-wrap .management-image {
    display: none;
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-right-wrap {
    display: table;
    position: relative;
    max-width: 800px;
    width: 100%;
    padding: 0 45px;
    margin: 0 auto;
    color: #FFF;
    text-shadow: 1px 1px 7px #000;
    font-family: 'RSU';
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-right-wrap .float {
    position: absolute;
    left: -10px;
    top: -60px;
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-right-wrap .text {
    font-size: 18px;
    background: #333;
    padding: 15px;
  }
  .fw-family-signup-main-container .fw-family-signup-main-wrap .fwf-right-wrap .fwf-title {
    margin: 5px 0 10px;
  }
  /* store locator 1100 */
  .main-container {
    min-width: 800px;
  }
  .main-container .store-locator-wrap .store-banner-wrap .selection {
    display: inline-block;
    margin: 10px 20px;
  }
  .main-container .store-locator-wrap .store-content-wrap {
    width: 1100px;
    margin: 0 auto;
  }
  .main-container .store-locator-wrap .store-content-wrap .store-heading {
    margin: 0;
    border-radius: 5px;
  }
  .main-container .store-locator-wrap .store-content-wrap .heading {
    text-align: left;
    font: bold 25px/25px "PT Sans";
    padding: 20px 0 10px 0;
  }
  .main-container .store-locator-wrap .store-content-wrap .main-store-content {
    width: 100%;
    padding: 0 0 15px 0;
    float: left;
  }
  .main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-wrap {
    margin: 20px 0 0 0;
  }
  .main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-wrap .fw-info {
    float: left;
    width: 50%;
  }
  .main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-wrap .fw-info h4 {
    margin: 0 0 5px 0;
    font-size: 18px;
    text-transform: uppercase;
  }
  .main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-wrap .fw-map {
    width: 100%;
    float: right;
    max-width: 450px;
    margin-top: 5px;
    height: 150px;
    border: 1px solid #000000;
  }
  .main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-x-wrap {
    width: 50%;
  }
  .main-container .store-locator-wrap .store-content-wrap .main-store-content .store-info-x-wrap .fw-info {
    min-height: 140px;
    border: none;
  }
  /* Product Grid Promo2 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .navigation-wrap {
    display: block;
    width: 100%;
    background: #333333;
    background-color: #fff;
    height: 8px;
  }
  .main-container .navigation-wrap .navigation {
    display: block;
    width: 1100px;
    margin: 0 auto;
    color: #999999;
    padding: 0 0 0 60px;
  }
  .main-container .navigation-wrap .navigation a {
    text-decoration: none;
    font: lighter 11px/28px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
  }
  .main-container .main .large-bg {
    display: block;
  }
  .main-container .main .large-bg .category-brand-intro {
    display: block;
  }
  .main-container .main .large-bg .category-brand-intro.promocover {
    height: 330px;
    max-width: 990px;
  }
  .main-container .main .large-bg .category-brand-intro.promocover img {
    height: 330px;
  }
  .main-container .main .category-brand-intro-sub {
    display: block;
  }
  .main-container .main .pg-search-by-wrap {
    display: block;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 0 10px 0;
    text-align: right;
  }
  .main-container .main .pg-search-by-wrap h3 {
    margin: 0 0 0 60px;
    display: inline-block;
    float: left;
  }
  .main-container .main .pg-search-by-wrap .sm-logo {
    position: absolute;
    left: 30px;
    top: 9px;
  }
  .main-container .main .pg-search-by-wrap .sm-logo img {
    width: 150px;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top {
    display: inline-block;
    width: 220px;
    text-align: center;
    margin: 0;
    font-weight: lighter;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top .pg-prev-next-top {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top .pg-prev-next-top:hover {
    color: #0033CC;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top .pg-page-top .pg-block-top {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  .main-container .main .filter-nav-bar2 {
    max-width: 900px;
    text-align: center;
  }
  .main-container .main .pg-grid-wrap {
    text-align: center;
    padding: 10px;
    position: relative;
    max-width: 1370px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 {
    text-align: left;
    max-width: 1010px;
    width: 100%;
    display: inline-block;
    padding-left: 10px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 {
    margin: 0 1% 12px 0;
    width: 235px;
    border: 1px solid #EFEFEF;
    max-width: none;
    min-height: 483px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image {
    position: relative;
    display: block;
    width: 100%;
    height: 230px;
    margin: 0 auto 5px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image .pg-promo-code-float {
    bottom: 30px;
    left: 15px;
    max-width: 230px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-image img {
    max-height: 230px;
    width: 230px;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top {
    display: inline-block;
    width: 100%;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-top .pg-brand-title {
    margin-top: 15px;
    text-transform: uppercase;
    color: #333333;
    font: bold 18px/20px "Helvetica";
    text-align: center;
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom .pg-points-earn {
    text-align: center;
    background: url(../img/icons.png) no-repeat 8px -834px rgba(0, 0, 0, 0);
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list2 .pg-container-bottom .pg-points-earn .pg-points {
    font: bold 17px "Helvetica";
  }
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list-large:nth-child(4),
  .main-container .main .pg-grid-wrap .pg-grid-promo .pg-product-list-wrap2 .pg-product-list-large:nth-child(8) {
    margin-right: 0;
  }
  .main-container .main .pg-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .main .pg-page-wrap .pg-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-page-wrap .pg-prev-next:hover {
    color: #0033CC;
  }
  .main-container .main .pg-page-wrap .pg-page .pg-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  /* Co Promotion Grid 1100 */
  .main-container {
    min-width: 1100px;
    background-color: #FFFFFF;
  }
  .main-container .co-promotion-grid-wrap .co-promotion-content-wrap .category-title {
    max-width: 1100px;
    position: relative;
  }
  .main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list {
    max-width: 1100px;
  }
  .main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list .co-promotion-wrap {
    margin: 0 25px 25px 0;
  }
  .main-container .co-promotion-grid-wrap .co-promotion-content-wrap .co-promotion-list .co-promotion-wrap:nth-child(3n+3) {
    margin: 0 0 25px 0;
  }
  /* Product Grid 1100 */
  .main-container {
    min-width: 1100px;
  }
  .main-container .navigation-wrap {
    display: block;
    width: 100%;
    background: #333333;
    background-color: #fff;
    height: 8px;
  }
  .main-container .navigation-wrap .navigation {
    display: block;
    width: 1100px;
    margin: 0 auto;
    color: #999999;
    padding: 0 0 0 60px;
  }
  .main-container .navigation-wrap .navigation a {
    text-decoration: none;
    font: lighter 11px/28px "PT Sans";
    color: #999999;
    text-transform: capitalize;
  }
  .main-container .main {
    padding: 0;
    margin-bottom: 30px;
    /*
		.pg-product-list-2-wrap {
			.reset;
			max-width: 1100px;
			padding-top: 10px;
			display: block;
			.pg-product-list-2 {
				margin: 7px 12px 12px 0px;
				width: 210px;
				border: 1px solid @white;
				height: 380px;
				.pg-container-top {
					display: inline-block;
					width: 100%;
					.pg-brand-title {
						margin-top: 30px;
					}
				}
				.pg-container-bottom {
					.add-to-cart-btn {
						display: none;
					}
				}
			}
			.pg-product-list-2:hover {
				border: 1px solid @light-gray;
				.pg-container-top {
					.pg-brand-title {
						margin-top: 5px;
					}
				}
				.pg-container-bottom {
					.add-to-cart-btn {
						display: inline-block;
					}
				}
			}
			.pg-product-list-2:nth-child(5), .pg-product-list-2:nth-child(10) {
				margin-right: 0;
			}
		}
		*/
  }
  .main-container .main .large-bg {
    display: block;
  }
  .main-container .main .large-bg .category-brand-intro {
    display: block;
  }
  .main-container .main .large-bg .category-brand-intro.promocover {
    height: 330px;
    max-width: 990px;
  }
  .main-container .main .large-bg .category-brand-intro.promocover img {
    height: 330px;
  }
  .main-container .main .category-brand-intro-sub {
    display: block;
  }
  .main-container .main .pg-search-by-wrap {
    display: block;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 0 10px 0;
    text-align: right;
  }
  .main-container .main .pg-search-by-wrap h3 {
    margin: 0 0 0 60px;
    display: inline-block;
    float: left;
  }
  .main-container .main .pg-search-by-wrap .sm-logo {
    position: absolute;
    left: 30px;
    top: 9px;
  }
  .main-container .main .pg-search-by-wrap .sm-logo img {
    width: 150px;
    height: 100%;
  }
  .main-container .main .pg-search-by-wrap .search-option-wrap {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top {
    display: inline-block;
    width: 220px;
    text-align: center;
    margin: 0;
    font-weight: lighter;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top .pg-prev-next-top {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top .pg-prev-next-top:hover {
    color: #0033CC;
  }
  .main-container .main .pg-search-by-wrap .pg-page-wrap-top .pg-page-top .pg-block-top {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  .main-container .main .pg-grid-2-wrap {
    text-align: center;
    padding: 10px;
    position: relative;
    max-width: 1370px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 {
    width: 1010px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap {
    float: left;
    max-width: 1010px;
    min-width: 1010px;
    width: 100%;
    padding-top: 10px;
    display: inline-block;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 {
    margin: 7px 0 12px 0px;
    width: 250px;
    border: 1px solid #FFFFFF;
    max-width: none;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image {
    position: relative;
    display: block;
    width: 100%;
    height: 230px;
    margin: 0 auto 5px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-image .pg-promo-code-float {
    bottom: 30px;
    left: 15px;
    max-width: 230px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top {
    display: inline-block;
    width: 100%;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-top .pg-brand-title {
    margin-top: 15px;
    text-transform: uppercase;
    color: #333333;
    font: bold 1rem/25px "Helvetica";
    height: 48px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2 .pg-container-bottom .add-to-cart-btn {
    display: inline-block;
    margin-top: 10px;
  }
  .main-container .main .pg-grid-2-wrap .pg-grid-2 .pg-product-list-2-wrap .pg-product-list-2:hover {
    border: 1px solid #ccc;
  }
  .main-container .main .pg-grid-3-wrap {
    text-align: center;
    padding: 10px;
    position: relative;
    max-width: 1370px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 {
    width: 1010px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap {
    float: left;
    max-width: 1010px;
    min-width: 1010px;
    width: 100%;
    padding-top: 10px;
    display: inline-block;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 {
    float: left;
    position: relative;
    display: block;
    width: 48%;
    margin: 7px 0 3px 5px;
    padding: 15px 0;
    border: 1px solid #EFEFEF;
    text-align: center;
    min-height: 300px;
    border-radius: 3px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    opacity: 0.9;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap .pg-discount-wrap {
    position: relative;
    background: #dc0000;
    color: #FFFFFF;
    padding: 5px 0px 5px 0px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-text {
    font: bold 8px/15px "PT Sans";
    text-transform: uppercase;
    color: #efefef;
    border-radius: 2px 10px 10px 2px;
    padding-bottom: 2px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap .pg-discount-wrap .pg-discount-percent {
    font: bold 18px/23px "PT Sans";
    text-shadow: 1px 1px 2px #333;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-discount-arrow-wrap .pg-bottom-arrow {
    border-top: 9px solid #dc0000;
    border-bottom: none;
    border-right: 27px solid transparent;
    border-left: 27px solid transparent;
    position: relative;
    z-index: 1;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 5px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image .pg-promo-code-float {
    bottom: 10px;
    left: 0;
    text-align: left;
    position: absolute;
    z-index: 2;
    min-width: 190px;
    max-width: 210px;
    height: 30px;
    background: linear-gradient(to left, rgba(255, 0, 0, 0), #dc0000 30%);
    box-shadow: -3px 2px 2px #333;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 4px 10px;
    font: bold italic 14px/24px "Arial";
    overflow: hidden;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-image .pg-float-img {
    top: -10px;
    right: 2px;
    position: absolute;
    z-index: 1;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .pg-brand-title {
    font: bold 0.875rem/20px "Helvetica";
    color: #000000;
    text-transform: capitalize;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 40px;
    margin-bottom: 5px;
    text-align: center;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .expiredate {
    color: #dc0000;
    text-transform: uppercase;
    font: normal 12px "Helvetica Neue";
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-top .pg-price {
    font: lighter 14px "Helvetica";
    display: inline-block;
    color: #CCCCCC;
    margin-right: 5px;
    text-decoration: line-through;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-bottom {
    text-align: left;
    padding: 0 20px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-bottom .add-to-cart-btn {
    position: relative;
    width: 100%;
    background: #dc0000;
    color: #FFFFFF;
    font: 0.875rem/20px "PT Sans";
    height: 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 8px 8px;
    border-radius: 3px;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-bottom .add-to-cart-btn:hover {
    opacity: 0.8;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-3 .pg-container-bottom .pg-category {
    font: lighter 14px "Helvetica";
    display: block;
    margin: 8px 0 2px;
    color: #666666;
    text-align: left;
    text-transform: uppercase;
    font-style: italic;
  }
  .main-container .main .pg-grid-3-wrap .pg-grid-3 .pg-product-list-3-wrap .pg-product-list-2:nth-child(5n) {
    margin-right: 0;
  }
  .main-container .main .pg-page-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: lighter;
  }
  .main-container .main .pg-page-wrap .pg-prev-next {
    text-decoration: none;
    font: lighter 16px "PT Sans";
    color: #666666;
  }
  .main-container .main .pg-page-wrap .pg-prev-next:hover {
    color: #0033CC;
  }
  .main-container .main .pg-page-wrap .pg-page .pg-block {
    display: inline-block;
    border: 1px solid #999999;
    width: 20px;
    margin: 0 5px;
  }
  /*  @import 'lucky_draw_1100.less';*/
  /* 11-11-2020 Campaign 1100 */
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box {
    text-align: center;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 1100px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-left {
    display: block;
    float: left;
    width: 50%;
    padding-right: 10px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-left img {
    width: 100%;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right {
    width: 50%;
    display: block;
    float: left;
    margin-top: 20px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-right-title {
    background: #3f3f3f;
    color: white;
    font: bold 22px/30px "Oswald";
    display: inline-block;
    padding: 10px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap {
    display: block;
    margin-top: 20px;
    width: 100%;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap .countdow-box {
    width: 100px;
    border-radius: 10px;
    display: block;
    float: left;
    text-align: center;
    margin: 10px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap .countdow-box .number {
    font: bold 100px/100px "Oswald";
    color: white;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-right .countdow-box-wrap .countdow-box .title {
    font: 15px/15px "Oswald";
    color: #aeaeae;
    text-align: center;
    display: block;
    width: 100%;
    margin: -15px 0 0 0;
    letter-spacing: 5px;
  }
  .countdow-main-container .countdow-main-wrap .countdow-wrap-box .countdow-break {
    display: block;
    float: left;
    font: bold 70px/110px "Oswald";
    color: white;
  }
  /* card new 1100 */
  .main-container-card {
    min-width: 320px;
    background: #EFEFEF;
  }
  .main-container-card .card-head-wrap {
    width: 100%;
    background: white;
    box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.44);
    text-align: center;
    padding: 20px;
  }
  .main-container-card .card-head-wrap .card-head,
  .main-container-card .card-head-wrap .bill-head {
    font: bold 25px/40px "Helvetica";
    display: inline-block;
    width: 100%;
    max-width: 1100px;
    text-align: left;
    border-bottom: 1px solid #EFEFEF;
  }
  .main-container-card .card-head-wrap .order-id {
    font: bold 22px/40px "Helvetica";
    color: #0033CC;
    display: inline-block;
    width: 100%;
    max-width: 1100px;
    text-align: left;
  }
  .main-container-card .main-card {
    width: 100%;
    text-align: center;
    margin: 20px;
  }
  .main-container-card .main-card .card-wrap {
    width: 100%;
    max-width: 1200px;
    display: inline-block;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left {
    width: 100%;
    display: block;
    float: left;
    margin: 10px;
    background: white;
    /*payment 1100*/
  }
  .main-container-card .main-card .card-wrap .card-left .wrap {
    display: block;
    float: left;
    width: 65%;
    min-height: 500px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table {
    width: 100%;
    background: white;
    padding: 10px;
    margin-bottom: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table {
    width: 100%;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr {
    font: bold 0.975rem "Helvetica";
    color: black;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .product {
    width: 10%;
    display: block;
    float: left;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .detell {
    width: 30%;
    display: block;
    float: left;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .price {
    width: 20%;
    display: block;
    float: left;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .amount {
    width: 20%;
    display: block;
    float: left;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-head-table table tr .price-total {
    width: 20%;
    display: block;
    float: left;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box {
    width: 100%;
    background: none;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table {
    width: 100%;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr {
    font-size: 0.875rem;
    text-align: left;
    width: 100%;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .product {
    width: 15%;
    display: inline-block;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .product img {
    width: 80px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .detell {
    width: 24%;
    display: inline-block;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .detell .card-name {
    font: bold 0.875rem "Helvetica";
    color: #0033CC;
    text-align: left;
    margin-bottom: 5px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .detell .card-detell {
    font: 0.575rem/13px "Helvetica";
    color: gray;
    text-align: left;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .price {
    width: 20%;
    display: inline-block;
    text-align: center;
    font: 0.875rem/25px "Helvetica";
    height: 100%;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .price .discount-price {
    color: gray;
    text-decoration: line-through;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount {
    width: 19%;
    display: inline-block;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap {
    display: inline-block;
    font: 0.875rem/25px "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .reduce {
    width: 25px;
    height: 25px;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    border-right: none;
    border-radius: 3px 0 0 3px ;
    cursor: pointer;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .reduce:active {
    background: gray;
    color: white;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .number {
    width: 50px;
    height: 25px;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .plus {
    width: 25px;
    height: 25px;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    border-left: none;
    border-radius: 0 3px 3px 0 ;
    cursor: pointer;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .amount .amount-wrap .plus:active {
    background: gray;
    color: white;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .price-total,
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .price-total-payment {
    width: 19%;
    display: inline-block;
    text-align: center;
    font: bold 1rem/25px "Helvetica";
    color: #dc0000;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box table tr .price-total-payment {
    color: #444444;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .card-box .card-cordion {
    border-top: 1px solid #EFEFEF;
    padding: 10px;
    text-align: left;
    font: 0.8rem "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary {
    width: 100%;
    display: inline-block;
    text-align: right;
    padding-right: 20px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap {
    width: 400px;
    display: inline-block;
    text-transform: uppercase;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-subtotal {
    color: gray;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
    font: 1.1rem "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-subtotal .text {
    width: 50%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-subtotal .number {
    width: 48%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-discount {
    color: gray;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
    font: 1.1rem "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-discount .text {
    width: 50%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-discount .number {
    width: 48%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-total {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-total .text {
    font: bold 1.2rem "Helvetica";
    color: #444444;
    width: 50%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-box-wrap .cart-summary .summary-wrap .summary-total .number {
    font: bold 1.2rem "Helvetica";
    color: #dc0000;
    width: 48%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point {
    width: 100%;
    display: inline-block;
    padding-top: 20px;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 20px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point p {
    font: 0.9rem "Helvetica";
    margin-right: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point span img {
    width: 50px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point .point {
    font: bold 2rem "Helvetica";
    color: #0033CC;
    vertical-align: middle;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point button {
    padding: 10px;
    font: bold 0.9rem "Helvetica";
    border: 1.1px solid #0033CC;
    border-radius: 5px;
    background: white;
    margin-left: 10px;
    color: #0033CC;
    text-transform: uppercase;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point button:active {
    background: #0033CC;
    color: white;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point .remark {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point .remark p {
    width: 100%;
    text-align: left;
    font: bold 1rem "Helvetica";
    padding-left: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .main-cart-point .remark textarea {
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    margin-top: 10px;
    height: 100px;
    padding: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .nonactive {
    color: gray!important;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .nonactive img {
    filter: grayscale(100%) !important;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .nonactive .card-name,
  .main-container-card .main-card .card-wrap .card-left .wrap .nonactive .price-total {
    color: gray!important;
  }
  .main-container-card .main-card .card-wrap .card-left .wrap .card-nonactive {
    width: 100%;
    margin-top: 20px;
    font: bold 1rem/30px "Helvetica";
    text-align: left;
    color: black;
    margin-bottom: 10px;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    width: 30%;
    margin-top: 0px;
    display: block;
    float: left;
    margin-left: 10px;
    padding: 15px;
    margin-bottom: 10px;
    background: white;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address a,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address a {
    text-decoration: none;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-title,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-title {
    text-align: left;
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-title .title,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-title .title {
    width: 46%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-title .edit,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-title .edit {
    text-align: right;
    width: 50%;
    display: inline-block;
    color: #0033CC;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .text-remark,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .text-remark {
    text-align: left;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail {
    text-align: left;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-box .name-phone,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-box .name-phone {
    font: 0.875rem "Helvetica";
    margin-bottom: 5px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-address .card-address-detail .address-box .address,
  .main-container-card .main-card .card-wrap .card-left .bill-right-address .card-address-detail .address-box .address {
    font: 0.775rem "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .bill-right-address {
    margin-top: 65px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill {
    background: white;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    width: 30%;
    display: block;
    float: left;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-left: 10px;
    padding: 15px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill a {
    text-decoration: none;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-bill-title {
    text-align: left;
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap {
    text-align: right;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 3px solid #EFEFEF;
    border-style: hidden hidden dotted hidden;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .code-box {
    margin-bottom: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .code-box input {
    width: 65%;
    display: block;
    float: left;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .code-box .code-button {
    width: 30%;
    height: 30px;
    background: #0033CC;
    color: white;
    display: block;
    float: left;
    margin-left: 10px;
    text-align: center;
    border-radius: 5px;
    font: bold 0.875rem/35px "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .copon-box {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .copon-box .copon-button {
    width: 100%;
    height: 30px;
    margin-top: 10px;
    background: #0033CC;
    color: white;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    font: bold 0.875rem/35px "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .result-coppon {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .result-coppon .selected-copon {
    width: 50%;
    display: block;
    float: left;
    text-align: left;
    font: bold 0.875rem/35px "Helvetica";
    color: #0033CC;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .promotion-box-wrap .result-coppon .remove-coppon {
    width: 49%;
    display: block;
    float: right;
    text-align: right;
    font: 0.875rem/35px "Helvetica";
    color: grey;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .fans-discount {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    border-bottom: 3px solid #EFEFEF;
    border-style: hidden hidden dotted hidden;
    padding-bottom: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .fans-discount .fans-text {
    width: 40%;
    display: block;
    float: left;
    text-align: left;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .fans-discount .fans-discount-detail {
    width: 60%;
    display: block;
    float: right;
    text-align: center;
    background: #e6bc09;
    border-radius: 5px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    border-bottom: 3px solid #EFEFEF;
    border-style: hidden hidden dotted hidden;
    padding-bottom: 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap p {
    width: 100%;
    display: inline-block;
    text-align: left;
    font: bold 0.875rem/35px "Helvetica";
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-left {
    width: 60%;
    display: inline-block;
    font: 0.875rem "Helvetica";
    text-align: left;
    color: gray;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-right {
    width: 37%;
    display: inline-block;
    font: 0.875rem "Helvetica";
    text-align: right;
    color: gray;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-sum .card-detail-left-sum {
    width: 60%;
    display: inline-block;
    font: bold 1rem "Helvetica";
    text-align: left;
    color: #0033CC;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-sum .card-detail-right-sum {
    width: 37%;
    display: inline-block;
    font: bold 1rem "Helvetica";
    text-align: right;
    color: #0033CC;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-sum .card-right-button-wrap {
    width: 100%;
    display: inline-block;
    padding: 10px 10px 0 10px;
  }
  .main-container-card .main-card .card-wrap .card-left .card-right-bill .card-detail-wrap .card-detail-sum .card-right-button-wrap .card-right-button {
    background: #009900;
    width: 100%;
    color: white;
    font: bold 1.3rem "Helvetica";
    border-radius: 5px;
    padding: 5px;
    text-decoration: none;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-content .payment-input-wrap {
    width: 30%;
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-content .payment-info-wrap {
    width: 70%;
    padding: 92px 50px;
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap {
    padding: 0 0px ;
    display: inline-block;
    position: relative;
    width: 100%;
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap .container {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap {
    border: 1px solid #EFEFEF;
    padding: 20px;
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .payment-icon {
    width: 100%;
    max-width: 600px;
  }
  .main-container-card .main-card .card-wrap .card-left .payment-wrap .center-content .payment-2c2p-wrap .container .radio-wrap .payment-icon-other {
    width: 100%;
    max-width: 900px;
  }
  .main-container-card .main-card .card-wrap .product-recoment {
    width: 65%;
    text-align: left;
    padding: 10px;
  }
  .main-container-card .main-card .card-wrap .product-recoment .product-recoment-head {
    width: 100%;
    margin-top: 20px;
    font: bold 1rem/30px "Helvetica";
    text-align: left;
    color: gray;
    margin-bottom: 20px;
    display: inline-block;
  }
  .main-container-card .main-card .card-wrap .product-recoment .product-recoment-wrap {
    white-space: nowrap;
    overflow-x: auto;
  }
  .main-container-card .main-card .card-wrap .product-recoment .product-recoment-wrap .product-recoment-box {
    width: 160px;
    height: 160px;
    background: white;
    border: 1px solid #EFEFEF;
    display: inline-block;
    border-radius: 5px;
    margin: 10px;
  }
  /* home new landing page 1100*/
  .main-container-new {
    text-align: center;
  }
  .main-container-new .wrap {
    max-width: 1100px;
    display: inline-block;
  }
  .main-container-new .wrap .main-banner-wrap {
    max-width: 1100px;
    display: inline-block;
    width: 100%;
  }
  .main-container-new .wrap .main-banner-wrap .banner-left {
    padding: 10px;
    display: block;
    float: left;
    text-align: left;
  }
  .main-container-new .wrap .main-banner-wrap .banner-left img {
    width: 100%;
  }
  .main-container-new .wrap .main-banner-wrap .banner-left .navigater-wrap {
    position: relative;
    top: -30px;
    left: 30px;
  }
  .main-container-new .wrap .main-banner-wrap .banner-left .navigater-wrap .navigater {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: white;
    display: inline-block;
    margin-left: 5px;
  }
  .main-container-new .wrap .main-banner-wrap .banner-left .navigater-wrap .active {
    width: 30px!important;
  }
  .main-container-new .wrap .main-banner-wrap .banner-right {
    padding: 10px 10px 10px 0;
    display: block;
    float: left;
    width: 32.5%;
    text-align: left;
  }
  .main-container-new .wrap .main-banner-wrap .banner-right .banner-right-top {
    padding-bottom: 10px;
  }
  .main-container-new .wrap .main-banner-wrap .banner-right .banner-right-top img {
    width: 100%;
  }
  .main-container-new .wrap .main-banner-wrap .banner-right .banner-right-bottom img {
    width: 100%;
  }
  .main-container-new .wrap .main-categories {
    padding: 0 10px 0 10px;
    width: 100%;
    max-width: 1100px;
    display: inline-block;
  }
  .main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .goals-icon-box {
    display: inline-block;
    padding: 10px 10px 20px 10px;
    border-radius: 10px;
    cursor: pointer;
    background: url("../img/new-landing-page/bg.jpg");
  }
  .main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .goals-icon-box .goals-img img {
    width: 100%;
  }
  .main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .goals-icon-box .goals-icon {
    margin: 0px 0 10px 0;
    text-align: right;
  }
  .main-container-new .wrap .main-categories .main-categories-wrap .goals-icon-wrap .goals-icon-box .goals-icon img {
    width: 30px;
    margin-right: 5px;
    display: inline-block;
  }
  .main-container-new .wrap .main-break {
    width: 100%;
    max-width: 1100px;
    display: inline-block;
  }
  .main-container-new .wrap .main-break img {
    width: 100%;
  }
  .main-container-new .wrap .main-flashsale-wrap {
    width: 100%;
    display: inline-block;
    padding: 10px;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap {
    width: 20%;
    display: block;
    float: left;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box {
    width: 160px;
    background-image: url(../img/new-landing-page/bgflashsale.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    padding: 30px;
    padding-top: 50px;
    text-align: center;
    border-radius: 5px;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box .title {
    color: white;
    font: 18px/30px "Helvetica";
    display: inline-block;
    width: 60%;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box .icon {
    display: inline-block;
    padding-top: 5px;
    width: 40%;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box .icon img {
    width: 100%;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-left-wrap .flashsale-left-box .flashsale-button {
    border: 2px solid #CCCCCC;
    color: white;
    font: bold 15px "Helvetica";
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap {
    width: 80%;
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box {
    width: 160px;
    display: inline-block;
    border: 1px solid #CCCCCC;
    margin: 0 5px 0 5px;
    border-radius: 5px;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-img {
    display: block;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-img img {
    width: 70%;
    max-height: 110px;
    max-width: 110px;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-name {
    margin-top: 10px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px 0 10px;
    font: 0.875rem "Helvetica";
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-type {
    margin-top: 5px;
    font: 0.675rem "Helvetica";
    color: #CCCCCC;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-price .old-price {
    width: 49%;
    display: inline-block;
    text-align: right;
    font: 0.875rem "Helvetica";
    color: #CCCCCC;
    text-decoration: line-through;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-price .now-price {
    width: 50%;
    display: inline-block;
    text-align: left;
    font: bold 1.1rem "Helvetica";
    color: red;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-countdown {
    width: 100%;
    padding: 0 10px 0 10px;
    margin-top: 5px;
    display: table;
    text-align: center;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-countdown .countdown-text {
    width: 30%;
    font: bold 0.775rem "Helvetica";
    display: inline-block;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-countdown .countdown-wrap {
    width: 60%;
    display: inline-block;
    margin-left: 5px;
    text-align: center;
  }
  .main-container-new .wrap .main-flashsale-wrap .flashsale-right-wrap .flashsale-right-box .box-countdown .countdown-wrap .box {
    width: 25px;
    height: 25px;
    border: 1px solid #CCCCCC;
    display: inline-block;
    color: #dc0000;
    font-weight: bold;
  }
  .main-container-new .wrap .main-topsale-wrap {
    width: 100%;
    display: inline-block;
    padding: 10px;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-left-wrap {
    width: 20%;
    display: block;
    float: left;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-left-wrap .topsale-left-box {
    width: 160px;
    background-image: url(../img/new-landing-page/bgtopsale.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    padding: 30px;
    padding-top: 50px;
    text-align: center;
    border-radius: 5px;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-left-wrap .topsale-left-box .title {
    color: white;
    font: 18px/30px "Helvetica";
    display: inline-block;
    width: 100%;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-left-wrap .topsale-left-box .topsale-button {
    border: 2px solid #CCCCCC;
    color: white;
    font: bold 15px "Helvetica";
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap {
    width: 80%;
    display: block;
    float: left;
    white-space: nowrap;
    overflow-x: auto;
    text-align: left;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box {
    text-align: center;
    width: 160px;
    display: inline-block;
    border: 1px solid #CCCCCC;
    margin: 0 5px 0 5px;
    border-radius: 5px;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-img {
    display: block;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-img img {
    width: 70%;
    max-height: 110px;
    max-width: 110px;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-name {
    margin-top: 10px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px 0 10px;
    font: 0.875rem "Helvetica";
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .box-type {
    margin-top: 5px;
    font: 0.675rem "Helvetica";
    color: #CCCCCC;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .topsale-button {
    width: 60%;
    height: 30px;
    border: 1px solid #dc0000;
    border-radius: 5px;
    display: inline-block;
    color: #dc0000;
    text-align: center;
    font: bold 0.675rem/30px "Helvetica";
    cursor: pointer;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .topsale-button:hover {
    background: #dc0000;
    color: white;
  }
  .main-container-new .wrap .main-topsale-wrap .topsale-right-wrap .topsale-right-box .topsale-sold {
    width: 100%;
    display: block;
    text-align: right;
    font: 0.675rem/30px "Helvetica";
    color: gray;
    padding: 0 10px 0 0px;
  }
  .main-container-new .wrap .shopby-category-wrap {
    display: inline-block;
    width: 100%;
    max-width: 950px;
    padding: 10px;
  }
  .main-container-new .wrap .shopby-category-wrap .shopby-category-head {
    width: 100%;
    display: inline-block;
    padding: 10px;
  }
  .main-container-new .wrap .shopby-category-wrap .shopby-category-head .title {
    text-align: left;
    display: inline-block;
    width: 80%;
    font: bold 1.1rem "Helvetica";
  }
  .main-container-new .wrap .shopby-category-wrap .shopby-category-head .seemore {
    text-align: right;
    display: inline-block;
    width: 20%;
    cursor: pointer;
  }
  .main-container-new .wrap .shopby-category-wrap .category {
    width: 100%;
    padding: 10px;
    white-space: nowrap;
    overflow-x: auto;
    display: inline-block;
  }
  .main-container-new .wrap .shopby-category-wrap .category a {
    text-decoration: none;
  }
  .main-container-new .wrap .shopby-category-wrap .category .category-box {
    display: inline-block;
    padding: 5px 10px 15px 10px;
    border: 1px solid gray;
    color: gray;
    cursor: pointer;
    margin: 0 5px 0 5px;
  }
  .main-container-new .wrap .shopby-category-wrap .category .category-box:hover {
    background: gray;
    color: white;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap {
    width: 100%;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    padding: 10px 10px 20px 10px;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product {
    width: 160px;
    display: inline-block;
    height: 240px;
    border: 1px solid #CCCCCC;
    margin: 0 5px 0 5px;
    text-align: center;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-img {
    display: block;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-img img {
    width: 70%;
    max-height: 110px;
    max-width: 110px;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-name {
    margin-top: 10px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px 0 10px;
    font: 0.875rem "Helvetica";
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-type {
    margin-top: 5px;
    font: 0.675rem "Helvetica";
    color: #CCCCCC;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-price {
    width: 100%;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-price .old-price {
    width: 47%;
    display: inline-block;
    text-align: right;
    font: 0.875rem "Helvetica";
    color: #CCCCCC;
    text-decoration: line-through;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .box-price .now-price {
    width: 50%;
    display: inline-block;
    text-align: left;
    font: bold 1.1rem "Helvetica";
    color: red;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .category-button {
    width: 60%;
    height: 30px;
    border: 1px solid #dc0000;
    border-radius: 5px;
    display: inline-block;
    color: #dc0000;
    text-align: center;
    font: bold 0.675rem/30px "Helvetica";
    cursor: pointer;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .category-button:hover {
    background: #dc0000;
    color: white;
  }
  .main-container-new .wrap .shopby-category-wrap .category-product-wrap .category-product .category-sold {
    width: 100%;
    display: block;
    text-align: right;
    font: 0.675rem/30px "Helvetica";
    color: gray;
    padding: 0 10px 0 0px;
  }
  .main-container-new .wrap .plan-selection-wrap {
    width: 100%;
    max-width: 1040px;
    height: 328px;
    margin: 10px auto;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover {
    background-size: cover;
    padding-top: 0px;
    width: 100%;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content {
    padding: 0;
    width: 50%;
    float: left;
    position: relative;
    padding: 10px 20px 10px 10px;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-header {
    font: bold 26px/55px "Helvetica";
    text-transform: uppercase;
    box-shadow: none;
    padding: 0 10px 0 10px;
    width: 450px;
    text-align: left;
    border-bottom: 1px solid #CCCCCC;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-header:after {
    display: none;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-title {
    font: 18px "Helvetica";
    text-transform: uppercase;
    color: #444444;
    width: 85%;
    text-align: left;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-text {
    width: 85%;
    font: 16px/30px "Helvetica";
    padding: 0 0 15px 10px;
    text-align: left;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-left-content .plan-link {
    float: right;
    padding: 20px 90px 0 0;
    font: bold 20px "Helvetica";
    color: #666666;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content {
    background: url("../img/new-landing-page/bg-plan.png") no-repeat;
    background-size: cover;
    width: 50%;
    margin-top: 10px;
    display: inline-block;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide {
    display: block;
    text-align: center;
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-text-goal {
    font: bold 26px "Helvetica";
  }
  .main-container-new .wrap .plan-selection-wrap .plan-selection-cover .plan-right-content .plan-slide .plan-class .plan-class-box {
    width: 100px;
  }
  .main-container-new .wrap .square-banner-wrap2 {
    display: inline-block;
    max-width: 1300px;
  }
  .main-container-new .wrap .square-banner-wrap2 .back-botton {
    width: 30px;
    height: 50px;
    background: #EFEFEF;
    color: gray;
    display: inline-block;
    border-radius: 0 10px 10px 0;
    font-size: 2rem;
    padding-top: 9px;
    position: absolute;
    left: unset;
    margin: 100px 0 0 -550px;
  }
  .main-container-new .wrap .square-banner-wrap2 .next-botton {
    width: 30px;
    height: 50px;
    background: #EFEFEF;
    color: gray;
    display: inline-block;
    border-radius: 10px 0px 0px 10px;
    font-size: 2rem;
    padding-top: 9px;
    position: absolute;
    right: unset;
    margin: 100px 0 0 520px;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-left,
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right {
    width: 32%;
    margin: 0;
    white-space: normal;
    display: inline-block;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right {
    margin-left: -5px !important;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right img {
    width: 95%;
    margin: 15px 15px 0 0 ;
    max-width: none;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right .Promotion {
    font: bold 1.3rem "kanit";
    height: 35px;
    display: inline-block;
    width: 100%;
    color: #0033CC;
    white-space: normal;
    margin-top: 5px;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right .name {
    font: bold 1.3rem "kanit";
    height: 35px;
    display: inline-block;
    width: 100%;
    color: black;
    margin-top: -5px;
    white-space: normal;
  }
  .main-container-new .wrap .square-banner-wrap2 .square-banner .square-banner-right .description {
    font: 0.875rem "kanit";
    height: 40px;
    display: inherit;
    width: 80%;
    color: #444444;
    white-space: normal;
  }
  /* V1 landing page 1100*/
  .main-baam-mass-v1 {
    padding-top: 30px;
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .main-baam-mass-v1 .benefit {
    width: 100%;
  }
  /* Product grid new ver.*/
  .main-container {
    width: 100%;
    min-width: 320px;
    text-align: center;
  }
  .main-container .product_grid_new {
    width: 100%;
    max-width: 1400px;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    padding: 0;
  }
  .main-container .product_grid_new .product_grid_left {
    width: 20%;
    display: block;
    float: left;
    text-align: left;
    margin-right: 20px;
  }
  .main-container .product_grid_new .product_grid_left .product_grid_fillter {
    display: inline-block;
    width: 100%;
    padding: 20px 15px 40px 20px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
  }
  .main-container .product_grid_new .product_grid_left .product_grid_fillter .fillter_name {
    font: bold 1rem "PT Sans";
    border-bottom: 1px solid #444444;
    padding-bottom: 10px;
  }
  .main-container .product_grid_new .product_grid_left .product_grid_fillter .fillter_box {
    padding-top: 10px;
  }
  .main-container .product_grid_new .product_grid_left .product_grid_fillter .fillter_box input {
    margin-right: 10px;
  }
  .main-container .product_grid_new .product_grid_left .product_grid_fillter_mobile {
    display: none;
  }
  .main-container .product_grid_new .display-fix-top {
    display: none;
  }
  .main-container .product_grid_new .product_grid_right {
    width: 75%;
    display: block;
    float: left;
    text-align: left;
    padding: 0;
  }
  .main-container .product_grid_new .product_grid_right .head_product_grid_right {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    top: 70px;
    background: white;
    position: sticky;
  }
  .main-container .product_grid_new .product_grid_right .head_product_grid_right .head_grid_name {
    display: block;
    float: left;
    width: 30%;
    font: bold 1.5rem "PT sans";
    text-align: left;
  }
  .main-container .product_grid_new .product_grid_right .head_product_grid_right .head_grid_sort {
    display: flex;
    float: right;
    width: auto;
    justify-content: flex-end;
  }
  .main-container .product_grid_new .product_grid_right .head_product_grid_right .head_grid_sort .pg-desktop-sort .pg-sort-select {
    width: 180px;
  }
  .main-container .product_grid_new .product_grid_right .banner_grid {
    width: 100%;
    max-width: 970px;
    display: inline-block;
    border-radius: 10px;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding: 5px;
    max-width: 980px;
    min-width: 980px;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap a {
    text-decoration: none;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .product-right-box {
    text-align: center;
    width: 230px;
    display: inline-block;
    min-height: 300px;
    border: 1px solid #CCCCCC;
    margin: 5px 7px 7px 2px;
    border-radius: 10px;
    cursor: pointer;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-img {
    display: block;
    width: 230px;
    height: 230px;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-img .code-top {
    width: 120px;
    height: 30px;
    font-size: 1rem;
    margin: 0px 0px 0px 0px;
    border-radius: 5px 0 0 0;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-img .code-bottom {
    width: 115px;
    height: 26px;
    font-size: 0.9rem;
    margin: 145px 0 0 -29px;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-img img {
    width: 100%;
    max-height: 230px;
    max-width: 230px;
    width: 230px;
    height: 230px;
    padding: 10px;
    border-radius: 15px;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-name {
    margin-top: 10px;
    width: 100%;
    padding: 0 10px 0 10px;
    font: bold 0.875rem "Helvetica";
    color: black;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-description {
    padding: 0 10px 0 10px;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-type {
    display: inline-block;
    margin-top: 5px;
    font: 0.675rem "Helvetica";
    color: #CCCCCC;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-price {
    width: 100%;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-price .old-price {
    width: 45%;
    display: inline;
    text-align: right;
    font: 0.875rem "Helvetica";
    color: #CCCCCC;
    text-decoration: line-through;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .box-price .now-price {
    width: 50%;
    display: inline;
    text-align: left;
    font: bold 1.1rem "Helvetica";
    color: red;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .product-right-button {
    width: 70%;
    height: 30px;
    border: 1px solid #dc0000;
    border-radius: 5px;
    display: inline-block;
    color: #dc0000;
    text-align: center;
    font: bold 0.675rem/30px "Helvetica";
    cursor: pointer;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .product-right-button:hover {
    background: #dc0000;
    color: white;
  }
  .main-container .product_grid_new .product_grid_right .product_grid_wrap .product-right-sold {
    width: 100%;
    display: block;
    text-align: right;
    font: 0.675rem/30px "kanit";
    color: gray;
    padding: 0 10px 0 0px;
  }
  .main-container .product_grid_new .product_grid_right .pg-pagination-bottom {
    display: flex;
  }
  .main-container .product_grid_new .product_grid_right .pg-load-more {
    display: none;
  }
  /* Footer 1100px */
  .footer-container-mobile {
    display: none;
  }
  .footer-container {
    display: inline-block;
  }
  .footer-container .wrapper .message-us {
    display: inline-block !important;
    width: 100%;
    text-align: right;
  }
  .footer-container .wrapper .message-us .message-button {
    display: block;
    position: fixed;
    background: white;
    border-radius: 10px 10px 0px 0;
    border: 1px solid #0384ff;
    padding: 10px;
    margin: 0 50px 0 0px;
    z-index: 20;
    bottom: 0;
    right: 0;
    cursor: pointer;
  }
  .footer-container .wrapper .message-us .message-button i {
    color: #0384ff;
  }
  .footer-container .wrapper .message-us .message-button span {
    color: #0384ff;
    font: 1rem "Helvetica";
    margin-left: 5px;
  }
  .footer-container .wrapper .footer-left {
    width: 420px;
  }
  .footer-container .wrapper .footer-left .footer-contact {
    text-align: left;
    color: #999999;
  }
  .footer-container .wrapper .footer-left .footer-contact .ft-contact-wrap {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0 0 0 55px;
    font: lighter 18px "PT Sans";
  }
  .footer-container .wrapper .footer-left .footer-contact .ft-contact-wrap.phone {
    background: url(../img/icons.png) no-repeat 0px -73px rgba(0, 0, 0, 0);
  }
  .footer-container .wrapper .footer-left .footer-contact .ft-contact-wrap.mail {
    background: url(../img/icons.png) no-repeat 0px 0px rgba(0, 0, 0, 0);
  }
  .footer-container .wrapper .footer-right {
    width: 340px;
  }
  .footer-container .wrapper .footer-right .ft-menu li {
    width: 113px!important;
  }
  .footer-container .wrapper .footer-right .ft-menu li a {
    padding: 11px 10px 10px;
  }
  .footer-container .wrapper .ft-social-payment-wrap {
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .footer-container .wrapper .ft-social-payment-wrap .social-btn-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 226px;
    margin: 30px auto;
    display: inline-block;
  }
  .footer-container .wrapper .ft-social-payment-wrap .social-btn-wrap li {
    float: left;
    position: relative;
    padding: 0 5px;
  }
  .footer-container .wrapper .ft-social-payment-wrap .ft-payment-option {
    width: 310px;
    margin: 0 auto 30px;
  }
  .footer-container .wrapper .ft-social-payment-wrap .ft-payment-option img {
    width: 100%;
  }
  /* Product detail 1100*/
  .main-container {
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .main-container .wrap {
    width: 100%;
    max-width: 1100px;
    display: inline-block;
    background: white;
    padding: 20px;
  }
  .main-container .wrap .head-product-detail-wrap {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left {
    width: 45%;
    display: block;
    float: left;
    padding: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img {
    width: 100%;
    display: inline-block;
    max-width: 400px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img img {
    width: 100%;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .button-navigat-wrap {
    width: 450px;
    position: absolute;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .button-navigat-wrap .back-button {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    font-size: 1.5rem;
    color: #444444;
    background: white;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    text-align: center;
    display: block;
    float: left;
    margin: 9% 0 0 15px;
    padding: 3px 0 0 0px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .button-navigat-wrap .next-button {
    text-align: center;
    font-size: 1.5rem;
    color: #444444;
    display: block;
    float: right;
    margin: 9% 15px 0 0px;
    background: white;
    width: 30px;
    height: 30px;
    padding: 3px 0 0 3px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .sub-img-box-wrap {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: auto;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .sub-img-box-wrap .sub-img-box {
    width: 120px;
    height: 120px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .sub-img .sub-img-box-wrap .sub-img-box img {
    width: 100%;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .main-img-mobile {
    display: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .supfact {
    width: 100%;
    display: block;
    margin-top: 30px;
    text-align: center;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .supfact button {
    width: 90%;
    display: inline-block;
    font: bold 1rem "prompt";
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    padding: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .supfact .disable {
    background: #CCCCCC;
    color: gray;
    border: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    background: #FFFFFF;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main {
    position: relative;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .pd-float-img {
    z-index: 1;
    position: absolute;
    bottom: -8px;
    left: 15px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .pd-float-img .sure-logo {
    width: 100px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main img {
    width: 100%;
    max-width: 500px;
    border-radius: 5px;
    position: relative;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap {
    width: 100%;
    display: block;
    margin-top: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap {
    width: 450px;
    position: absolute;
    z-index: 1;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap .back-button {
    width: 25px;
    height: 25px;
    border-radius: 20px;
    font-size: 1.2rem;
    color: #444444;
    background: white;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    text-align: center;
    display: block;
    float: left;
    margin: 5% 0 0 -15px;
    padding: 0px 0 0 0px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .button-navigat-wrap .next-button {
    text-align: center;
    font-size: 1.2rem;
    color: #444444;
    display: block;
    float: right;
    margin: 5% 10px 0 3px;
    background: white;
    width: 25px;
    height: 25px;
    padding: 0px 0 0 3px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img {
    white-space: nowrap;
    overflow: auto;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img .multi-img-box {
    cursor: pointer;
    width: 100px;
    height: 100px;
    display: inline-block;
    border: 1px solid #EFEFEF;
    margin-right: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main .multi-img-wrap .multi-img .multi-img-box img {
    width: 100px;
    height: 100px;
    border-radius: 5px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .multi-img-wrap-mobile {
    display: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap {
    max-width: 260px;
    display: inline-block;
    color: #333333;
    text-transform: uppercase;
    padding: 15px 0;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-brand {
    text-align: left;
    display: block;
    font: bold 16px/16px "prompt";
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-name {
    display: block;
    width: 100%;
    font: bold 36px/42px "prompt";
    margin: 15px 0 0;
    display: inline-block;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .selection-points-new {
    color: #666666;
    display: block;
    font: lighter 13px "prompt";
    padding: 10px 0 0 0;
    margin: 10px 0;
    text-transform: capitalize;
    border-top: 1px solid #EFEFEF;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .selection-points-new .points {
    color: #0033CC;
    font: bold 20px "prompt";
    padding-left: 30px;
    background: url(../img/icons.png) no-repeat scroll -5px -832px rgba(0, 0, 0, 0);
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-description {
    display: block;
    font: lighter 14px/16px "prompt";
    text-transform: capitalize;
    margin: 15px 0;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-supplement-btn {
    color: #FFFFFF;
    display: block;
    background: url(../img/button-icons.png) no-repeat 180px -160px #0033CC;
    text-decoration: none;
    width: 220px;
    padding: 13px 10px 13px 20px;
    margin-top: 20px;
    font: normal 12px "prompt";
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-product-title-wrap .pd-supplement-btn:hover {
    opacity: 0.9;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile-popup {
    display: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-image-main-mobile {
    display: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup {
    display: none;
    background: red;
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 30;
    background-color: rgba(48, 48, 48, 0.7);
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap {
    width: 70%;
    height: 85%;
    max-width: 1000px;
    max-height: 636px;
    display: inline-block;
    padding: 20px;
    background: white;
    border-radius: 10px;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .close-popup {
    font-size: 30px;
    font-weight: bold;
    text-align: right;
    cursor: pointer;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-left {
    width: 60%;
    display: block;
    float: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-left .img-left-main {
    width: 100%;
    padding: 20px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-left .img-left-main img {
    width: 100%;
    max-width: 500px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right {
    width: 40%;
    display: block;
    float: left;
    height: 500px;
    overflow-y: auto;
    background: #EFEFEF;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right .img-right-sub {
    display: inline-block;
    float: none;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: center;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-top-holder .pd-img-popup .pd-img-popup-wrap .img-right .img-right-sub img {
    overflow: hidden;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-left .pd-main-wrap .pd-bottom-holder {
    display: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right {
    width: 54%;
    display: block;
    float: left;
    padding: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap {
    width: 100%;
    display: inline-block;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail {
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 0px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .brand {
    font: 1rem "prompt";
    color: gray;
    text-transform: uppercase;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .name-product {
    font: bold 2.5rem "prompt";
    color: #444444;
    text-transform: uppercase;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .get-points {
    font: 1.2rem "prompt";
    color: gray;
    text-transform: uppercase;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .get-points span {
    color: #0033CC;
    font: bold 1.7rem "prompt";
    margin: 0 10px 0 10px ;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .review {
    margin-top: 10px;
    color: #0033CC;
    font: 1rem "prompt";
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .head-product-detail .review i {
    color: #f8b203;
    margin: 0 2px 0 0 ;
    font-size: 1.2rem;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail {
    width: 100%;
    display: block;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product {
    width: 100%;
    display: block;
    text-align: left;
    padding-top: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product .old-price {
    display: inline-block;
    font: 1.2rem "prompt";
    color: #CCCCCC;
    margin-right: 10px;
    text-decoration: line-through;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product .now-price {
    display: inline-block;
    font: bold 2rem "prompt";
    color: #dc0000;
    margin-right: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product span {
    padding: 0;
    display: inline-block;
    margin: 0 0 0 -10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .price-product span img {
    height: 34px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion {
    margin: 10px 0 10px 0 ;
    display: block;
    font: 1rem "prompt";
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .code-promotion span {
    margin: 0 5px 0 5px;
    font: 1rem "prompt";
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-promotion {
    width: 70%;
    display: inline-block;
    margin-top: 10px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-promotion .product-promotion-name {
    font: bold 1.1rem "prompt";
    display: block;
    float: left;
    margin: 5px 0 5px 0;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-promotion .product-promotion-exp {
    display: block;
    float: right;
    font: 1rem "prompt";
    color: gray;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .product-promotion select {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    padding: 10px;
    font: 1rem "prompt";
    border: 1px solid #EFEFEF;
    border-radius: 5px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product {
    width: 100%;
    display: inline-block;
    margin: 10px 0 10px 0;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .text-size-wrap,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .text-size-wrap {
    width: 20%;
    display: block;
    float: left;
    font: bold 1rem "prompt";
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap {
    width: 79%;
    display: block;
    float: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap button,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap button {
    padding: 10px;
    background: white;
    font: 1rem "prompt";
    border: 1px solid gray;
    border-radius: 5px;
    margin: 0 0 10px 10px;
    cursor: pointer;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap .active,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap .active {
    background: #0033CC;
    color: white;
    border: 1px solid #0033CC;
    cursor: pointer;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .size-product .button-size-wrap .non-active,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .flavor-product .button-size-wrap .non-active {
    background: #CCCCCC;
    color: gray;
    border: none;
    cursor: no-drop;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .EXP {
    text-align: left;
    font: 1rem "prompt";
    color: gray;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .supfact-mobile {
    display: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity {
    margin-top: 20px;
    width: 100%;
    display: inline-block;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity p {
    width: 20%;
    display: block;
    float: left;
    font: bold 1rem "prompt";
    text-transform: uppercase;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap {
    width: 79%;
    display: block;
    float: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap span,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap input {
    padding-top: 5px;
    width: 40px;
    height: 40px;
    font: bold 1.3rem "prompt";
    display: block;
    float: left;
    text-align: center;
    cursor: pointer;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap span:active,
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap input:active {
    background: #444444;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap span {
    background: #EFEFEF;
    border: 1px solid gray;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap input {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    border-left: none;
    border-right: none;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap .plus {
    border-right: none;
    border-radius: 5px 0 0 5px;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .quantity .input-wrap .rub {
    border-left: none;
    border-radius: 0 5px 5px 0;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .add-to-cart {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    text-align: left;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .add-to-cart button {
    width: 35%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid gray;
    font: 1rem "prompt";
    cursor: pointer;
  }
  .main-container .wrap .head-product-detail-wrap .head-product-detail-right .product-detail-right-wrap .main-product-detail .add-to-cart .buy {
    border: none;
    font-weight: bold;
  }
  .main-container .wrap .main-product-detail-wrap {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
    padding-bottom: 20px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left {
    width: 70%;
    display: block;
    float: left;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set {
    padding: 10px;
    width: 100%;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set p,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set p {
    width: 100%;
    text-align: left;
    font: bold 1.3rem "prompt";
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap {
    width: 100%;
    border: 1px solid gray;
    border-radius: 10px;
    text-align: center;
    margin-top: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap {
    width: 100%;
    display: block;
    position: relative;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap .back-button,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap .back-button {
    font-size: 1.5rem;
    color: #444444;
    text-align: left;
    display: block;
    float: left;
    margin: 8% 0 0 15px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap .next-button,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .button-navigat-wrap .next-button {
    text-align: right;
    font-size: 1.5rem;
    color: #444444;
    display: block;
    float: right;
    margin: 8% 15px 0 0px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box {
    width: 400px;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-img,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-img {
    width: 150px;
    display: block;
    float: left;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-img img,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-img img {
    width: 100%;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail {
    padding-top: 20px;
    display: block;
    float: left;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .name,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .name {
    font: bold 1.3rem "prompt";
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price {
    margin-top: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price .old-price,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price .old-price {
    font: 1rem "prompt";
    color: #CCCCCC;
    text-decoration: line-through;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price .now-price,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .price .now-price {
    font: 1.3rem "prompt";
    color: #dc0000;
    text-decoration: line-through;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .buy-button,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .buy-button {
    margin-top: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .buy-button button,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .promotion-set .main-promotion-wrap .promotion-set-box .promotion-detail .buy-button button {
    width: 160px;
    background: #dc0000;
    padding: 10px;
    border-radius: 10px;
    border: none;
    color: white;
    font: bold 1rem "prompt";
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap {
    padding: 10px;
    width: 100%;
    display: inline-block;
    max-width: 730px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tab,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tab {
    margin-top: 10px;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: auto;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tab .tablinks,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tab .tablinks {
    background: #EFEFEF;
    font: 1rem "prompt";
    border: none;
    padding: 10px;
    min-width: 150px;
    text-transform: uppercase;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tab .active,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tab .active {
    background: #0033CC;
    color: white;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .tabcontent,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .tabcontent,
  .main-container .wrap .main-product-detail-wrap .main-product-detail-left .main-detail-product-wrap .main-tabcontent,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-left .main-detail-product-wrap .main-tabcontent {
    width: 100%;
    display: none;
    padding: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right {
    width: 29%;
    display: block;
    float: left;
    padding: 15px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .break-mobile,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .break-mobile {
    display: none;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right p,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right p {
    width: 100%;
    font: bold 1.2rem "prompt";
    margin-bottom: 10px;
    padding: 0;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap {
    white-space: normal;
    width: 100%;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box {
    cursor: pointer;
    width: 90%;
    padding: 10px;
    text-align: center;
    border: 1px solid gray;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-img,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-img {
    width: 150px;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-img img,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-img img {
    width: 100%;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-name,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-name {
    font: bold 1rem "prompt";
    margin-top: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-size,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-size {
    font: 1rem "prompt";
    margin-top: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price .old-price,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price .old-price {
    font: 1rem "prompt";
    color: #CCCCCC;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-product-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price .now-price,
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right .recommen-products .recommen-products-box-wrap .recommen-products-box .recommen-products-price .now-price {
    font: bold 1.2rem "prompt";
    color: #dc0000;
    display: inline-block;
  }
  .main-container .wrap .main-product-detail-wrap .main-promotion-detail-right {
    display: block;
  }
  .bg-light-gray {
    background: #f3f3f3 !important;
  }
  .break-mobile {
    display: none;
  }
  /* new_landing_1100 */
  .main-content .landing-content-wrap .landing-content .pd-offer-wrap {
    width: 100%;
  }
  .main-content .landing-content-wrap .landing-content .pd-offer-wrap.top {
    display: table;
  }
  .main-content .landing-content-wrap .landing-content .pd-offer-wrap.bottom {
    display: none;
  }
  .main-content .landing-content-wrap .landing-content .pd-offer-wrap .pd-offer-right {
    display: table;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion {
    width: 100%;
    display: inline-block;
    padding: 10px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .head-spacail-promotion {
    width: 100%;
    display: inline-block;
    text-align: left;
    font: bold 1.5rem 'helvetica';
    padding-left: 0;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    max-width: 1100px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion a {
    text-decoration: none;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box {
    text-align: left;
    width: 49%;
    display: inline-block;
    border: 1px solid #CCCCCC;
    margin: 5px 2px 2px 2px;
    border-radius: 10px;
    cursor: pointer;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-img {
    display: block;
    float: left;
    width: 45%;
    min-width: 100px;
    margin-top: 20px;
    min-height: 150px;
    text-align: center;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-img .code-top {
    display: inline-block;
    width: 130px;
    height: 22px;
    background: linear-gradient(113deg, #dc0000 90%, rgba(71, 172, 255, 0) 90%);
    position: relative;
    margin: -20px 0 0 13px;
    color: white;
    padding: 3px;
    font: bold 0.96rem/15px "Helvetica";
    text-align: center;
    z-index: 1;
    border-radius: 5px 0 0 0;
    left: -61px;
    top: -24px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-img img {
    margin-top: -25px;
    width: 100%;
    max-height: 170px;
    max-width: 170px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-name {
    margin-top: 10px;
    width: 54%;
    text-align: left;
    padding: 0;
    font: bold 0.975rem "Helvetica";
    color: black;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-description {
    text-align: center;
    display: inline-block;
    font: 0.875rem "sarabun";
    text-align: left;
    width: 54%;
    color: black;
    margin-top: 3px;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-star {
    width: 54%;
    font-size: 0.875rem;
    color: #f8db03;
    text-align: left;
    display: inline-block;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-star span {
    color: black;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price-mobile {
    width: 54%;
    display: inline-block;
    font: bold 1.3rem "Helvetica";
    color: red;
    text-align: left;
    margin-top: 5px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price-mobile span {
    font: bold 0.975rem "Helvetica";
    color: #CCCCCC;
    margin-right: 5px;
    text-decoration: line-through;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-type {
    width: 100%;
    display: none;
    margin-top: 5px;
    font: 0.675rem "Helvetica";
    color: #CCCCCC;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price {
    width: 100%;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price .old-price {
    width: 45%;
    display: none;
    text-align: right;
    font: 0.875rem "Helvetica";
    color: #CCCCCC;
    text-decoration: line-through;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .box-price .now-price {
    width: 50%;
    display: none;
    text-align: left;
    font: bold 1.1rem "Helvetica";
    color: red;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .product-right-button {
    width: 40%;
    height: 30px;
    border: 1px solid #dc0000;
    border-radius: 5px;
    display: inline-block;
    color: #dc0000;
    text-align: center;
    font: bold 0.675rem/30px "Helvetica";
    cursor: pointer;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .product-right-button:hover {
    background: #dc0000;
    color: white;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .time {
    font: bold 0.875rem "Helvetica";
    color: black;
    margin-top: 10px;
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .time span {
    border: 1px solid #CCCCCC;
    margin-left: 2px;
    padding: 3px;
    font: bold 0.775rem "Helvetica";
  }
  .main-content .landing-content-wrap .grid-product-wrap .grid-product .spacail-promotion .box-spacail-promotion .product-right-box .product-right-sold {
    width: 100%;
    display: block;
    text-align: right;
    font: 0.675rem/30px "kanit";
    color: gray;
    padding: 0 10px 0 0px;
  }
  /* card new popup 1100 */
  .main-container-cart-popup {
    max-width: 500px;
    height: 600px;
    width: 100%;
    display: none;
    background: white;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.44);
    z-index: 10;
    position: flex;
    top: 50%;
    left: 50%;
    border-radius: 5px;
    transform: translate(-50%, -50%);
  }
  .main-container-cart-popup .cart-popup-wrap {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    min-width: 320px;
  }
  .open_popup_coupon {
    display: flex;
  }
  /* ===============
    Maximal Width
   =============== */
  .wrapper {
    width: 1100px;
    /* 1140px - 10% for margins */
    margin: 0 auto;
  }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ==========================================================================
   Active Inactive
   ========================================================================== */
.flex-element {
  display: flex;
}
.block-element {
  display: block;
}
.hide-element {
  display: none;
}
.hidden-element {
  visibility: hidden;
}
/* ==========================================================================
   Mouse Cursor
   ========================================================================== */
.clickable {
  cursor: pointer;
}
/* ==========================================================================
   Fixed Head
   ========================================================================== */
.fixed-head {
  position: sticky;
  top: 50;
}
@media only screen and (min-width: 1100px) {
  .fixed-head {
    top: 70px;
  }
}
/* ==========================================================================
   Text Size
   ========================================================================== */
.normal {
  font-family: 'Prompt';
  font-weight: normal;
}
.bold {
  font-family: 'Prompt';
  font-weight: bold;
}
/* ==========================================================================
    Lab Test Enhanced Styles Import
    ========================================================================== */
/* Enhanced Lab Test Page Styles */
.lab-test-page {
  /* Prevent zoom/scale on iOS Safari */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  touch-action: pan-y;
  /* Additional zoom prevention */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Prevent iOS Safari double-tap zoom */
  /* Enhanced Table Styling */
  /* Status Badge Styling */
  /* Product Information */
  /* Protein Analysis */
  /* Spike Free Logo */
  /* Result Link */
  /* Enhanced Search Controls */
  /* Advanced Search Wrapper - positioned above table */
  /* Search Controls Container */
  /* Advanced Search Panel - Popover Style */
  /* Desktop backdrop for popover (hidden by default) */
  /* Search Results Info */
  /* Pagination Styles */
  /* New Pagination Styles */
  /* Mobile Card Layout */
  /* Responsive Design */
}
.lab-test-page * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.lab-test-page .table-responsive {
  overflow-x: auto;
  margin: 20px 0;
  padding: 0 25px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.lab-test-page .table-responsive .lab-result-content {
  width: 100%;
  border-collapse: collapse;
  background: white;
  min-width: 910px;
}
.lab-test-page .table-responsive .lab-result-content thead {
  background: #34495e;
  color: white;
}
.lab-test-page .table-responsive .lab-result-content th {
  padding: 15px 8px;
  text-align: center;
  font-weight: bold;
  border-bottom: 2px solid #bdc3c7;
  font-size: 12px;
  line-height: 1.3;
}
.lab-test-page .table-responsive .lab-result-content th small {
  display: block;
  font-size: 10px;
  font-weight: normal;
  opacity: 0.8;
  margin-top: 2px;
}
.lab-test-page .table-responsive .lab-result-content td {
  padding: 12px 8px;
  text-align: center;
  border-bottom: 1px solid #ecf0f1;
  font-size: 11px;
  line-height: 1.4;
}
.lab-test-page .table-responsive .table-row-passed {
  background-color: #f8fff8;
}
.lab-test-page .table-responsive .table-row-passed:hover {
  background-color: #f5f5f5;
}
.lab-test-page .table-responsive .table-row-warning {
  background-color: #fffdf8;
}
.lab-test-page .table-responsive .table-row-warning:hover {
  background-color: #f5f5f5;
}
.lab-test-page .table-responsive .table-row-failed {
  background-color: #fff8f8;
}
.lab-test-page .table-responsive .table-row-failed:hover {
  background-color: #f5f5f5;
}
.lab-test-page .status-badge {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border: 2px solid transparent;
}
.lab-test-page .status-badge.passed {
  background: #27ae60;
  color: white;
  border-color: #1e8449;
}
.lab-test-page .status-badge.warning {
  background: #f39c12;
  color: white;
  border-color: #d68910;
}
.lab-test-page .status-badge.failed {
  background: #e74c3c;
  color: white;
  border-color: #c0392b;
}
.lab-test-page .status-badge small {
  display: block;
  font-size: 8px;
  margin-top: 1px;
}
.lab-test-page .product-info {
  text-align: left !important;
  max-width: 200px;
}
.lab-test-page .product-info strong {
  color: #2c3e50;
  font-size: 16px;
  font-weight: bold;
}
.lab-test-page .product-info em {
  color: #7f8c8d;
  font-size: 12px;
}
.lab-test-page .lot-info code {
  background: #ecf0f1;
  padding: 2px 6px;
  border-radius: 1.5px;
  font-family: monospace;
  font-size: 10px;
}
.lab-test-page .lot-info strong {
  color: #e67e22;
  font-size: 10px;
}
.lab-test-page .protein-claim {
  font-weight: bold;
  color: #34495e;
  font-size: 12px;
}
.lab-test-page .protein-lab.success {
  color: #27ae60;
  font-weight: bold;
}
.lab-test-page .protein-lab.warning {
  color: #f39c12;
  font-weight: bold;
}
.lab-test-page .protein-lab.fail {
  color: #e74c3c;
  font-weight: bold;
}
.lab-test-page .percentage-badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 11px;
}
.lab-test-page .percentage-badge.good {
  background: #d5f4e6;
  color: #27ae60;
}
.lab-test-page .percentage-badge.warning {
  background: #fef5e7;
  color: #f39c12;
}
.lab-test-page .percentage-badge.failed {
  background: #fadbd8;
  color: #e74c3c;
}
.lab-test-page .spike-free-logo {
  max-width: 40px;
  height: auto;
}
.lab-test-page .result-link {
  background: #3498db;
  color: white;
  padding: 6px 12px;
  border-radius: 7.5px;
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  display: inline-block;
  transition: background 0.3s ease;
}
.lab-test-page .result-link:hover {
  background: #2980b9;
}
.lab-test-page .result-link small {
  display: block;
  font-size: 8px;
  margin-top: 1px;
}
.lab-test-page .search-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #ecf0f1;
}
.lab-test-page .search-header h3 {
  margin: 0;
  color: #2c3e50;
  font-size: 24px;
}
.lab-test-page .search-header .results-count {
  font-size: 14px;
  color: #7f8c8d;
  font-weight: normal;
}
.lab-test-page .advanced-search-wrapper {
  margin: 15px 0;
  position: relative;
}
.lab-test-page .advanced-search-wrapper .advanced-search-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
  padding-right: 25px;
  /* Align with table padding */
}
.lab-test-page .search-toggle-btn {
  background: #3498db;
  color: white;
  border: none;
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  transition: background 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
.lab-test-page .search-toggle-btn:hover {
  background: #2980b9;
}
.lab-test-page .search-toggle-btn svg {
  width: 18px;
  height: 18px;
}
.lab-test-page .search-toggle-btn.active {
  background: #2980b9;
}
.lab-test-page .search-controls-container {
  margin-bottom: 15px;
  /* Search Input Buttons */
}
.lab-test-page .search-controls-container .main-search-wrapper {
  margin-bottom: 5px;
}
.lab-test-page .search-controls-container .search-input-wrapper {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
}
.lab-test-page .search-controls-container .lab-search {
  width: 100%;
  padding: 16px 170px 16px 25px;
  border: 2px solid #e9ecef;
  border-radius: 12.5px;
  font-size: 16px;
  transition: border-color 0.3s ease;
  background: white;
  font-family: inherit;
  line-height: 1.5;
  color: #2c3e50;
  height: 40px;
  min-width: 240px !important;
}
.lab-test-page .search-controls-container .lab-search::placeholder {
  color: #95a5a6;
  font-size: 15px;
}
.lab-test-page .search-controls-container .lab-search:focus {
  border-color: #3498db;
  outline: none;
}
.lab-test-page .search-controls-container .search-btn,
.lab-test-page .search-controls-container .scan-btn {
  top: 50%;
  background: #3498db;
  color: white;
  border: none;
  border-radius: 6px;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s ease;
  z-index: 10;
}
.lab-test-page .search-controls-container .search-btn:hover,
.lab-test-page .search-controls-container .scan-btn:hover {
  background: #2980b9;
}
.lab-test-page .search-controls-container .search-btn svg,
.lab-test-page .search-controls-container .scan-btn svg {
  width: 16px;
  height: 16px;
}
.lab-test-page .search-controls-container .search-btn {
  right: 55px;
}
.lab-test-page .search-controls-container .scan-btn {
  right: 95px;
}
.lab-test-page .search-controls-container .search-clear-btn {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  background: #6c757d;
  color: white;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  z-index: 10;
}
.lab-test-page .search-controls-container .search-clear-btn:hover {
  background: #5a6268;
}
.lab-test-page .advanced-search-panel {
  background: white;
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #dee2e6;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 320px;
  max-width: 400px;
  z-index: 1000;
  margin-top: 8px;
  /* Arrow pointing up to the button */
}
.lab-test-page .advanced-search-panel::before {
  content: '';
  position: absolute;
  top: -8px;
  right: 12px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
  z-index: 1001;
}
.lab-test-page .advanced-search-panel::after {
  content: '';
  position: absolute;
  top: -9px;
  right: 12px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #dee2e6;
  z-index: 1000;
}
.lab-test-page .advanced-search-panel .filter-controls {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}
.lab-test-page .advanced-search-panel .filter-controls .filter-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lab-test-page .advanced-search-panel .filter-controls .filter-group .filter-label {
  font-size: 13px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 5px;
}
.lab-test-page .advanced-search-panel .filter-controls .filter-group .filter-select {
  padding: 10px 15px;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  background: white;
  font-size: 14px;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.lab-test-page .advanced-search-panel .filter-controls .filter-group .filter-select:focus {
  border-color: #3498db;
  outline: none;
}
.lab-test-page .advanced-search-panel .filter-actions {
  grid-column: 1 / -1;
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-top: 10px;
}
.lab-test-page .advanced-search-panel .filter-actions .btn-reset,
.lab-test-page .advanced-search-panel .filter-actions .btn-apply {
  padding: 12px 25px;
  border: none;
  border-radius: 12.5px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease;
  min-width: 120px;
}
.lab-test-page .advanced-search-panel .filter-actions .btn-reset {
  background: #ecf0f1;
  color: #2c3e50;
}
.lab-test-page .advanced-search-panel .filter-actions .btn-reset:hover {
  background: #d5dbdb;
}
.lab-test-page .advanced-search-panel .filter-actions .btn-apply {
  background: #27ae60;
  color: white;
}
.lab-test-page .advanced-search-panel .filter-actions .btn-apply:hover {
  background: #219a52;
}
.lab-test-page .search-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}
.lab-test-page .search-backdrop.active {
  display: block;
}
.lab-test-page .search-results-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background: #e8f5e8;
  border-radius: 4px;
  border: 1px solid #c3e6cb;
  margin: 15px 0;
}
.lab-test-page .search-results-info .results-text {
  color: #27ae60;
  font-size: 14px;
}
.lab-test-page .search-results-info .clear-all-filters {
  background: transparent;
  border: 1px solid #27ae60;
  color: #27ae60;
  padding: 6px 15px;
  border-radius: 7.5px;
  cursor: pointer;
  font-size: 12px;
  transition: background 0.3s ease, color 0.3s ease;
}
.lab-test-page .search-results-info .clear-all-filters:hover {
  background: #27ae60;
  color: white;
}
.lab-test-page .lt-page-wrap-top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
  padding: 15px 20px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.lab-test-page .lt-page-wrap-top .lt-prev-next-top {
  background: #3498db;
  color: white;
  padding: 10px 20px;
  border-radius: 12.5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.3s ease;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 120px;
  justify-content: center;
}
.lab-test-page .lt-page-wrap-top .lt-prev-next-top:hover {
  background: #2980b9;
}
.lab-test-page .lt-page-wrap-top .lt-prev-next-top:active {
  background: #2980b9;
}
.lab-test-page .lt-page-wrap-top .lt-page-top {
  font-size: 16px;
  color: #2c3e50;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 15px;
}
.lab-test-page .lt-page-wrap-top .lt-page-top .lt-block-top {
  background: #e74c3c;
  color: white;
  padding: 6px 12px;
  border-radius: 25%;
  margin: 0 3px;
  font-weight: bold;
  min-width: 30px;
  text-align: center;
  display: inline-block;
}
.lab-test-page .lt-page-wrap-top .lt-page-top .total-page {
  color: #7f8c8d;
  font-weight: 500;
}
.lab-test-page .pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin: 20px 0;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.lab-test-page .pagination-wrapper .pagination-btn {
  background: #6c757d;
  color: white;
  padding: 8px 16px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: background 0.3s ease;
  border: 1px solid #6c757d;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 100px;
  justify-content: center;
}
.lab-test-page .pagination-wrapper .pagination-btn:hover {
  background: #5a6268;
}
.lab-test-page .pagination-wrapper .pagination-btn:active {
  background: #495057;
}
.lab-test-page .pagination-wrapper .pagination-btn.prev {
  background: #dc3545;
  border-color: #dc3545;
}
.lab-test-page .pagination-wrapper .pagination-btn.prev:hover {
  background: #c82333;
}
.lab-test-page .pagination-wrapper .pagination-btn.next {
  background: #28a745;
  border-color: #28a745;
}
.lab-test-page .pagination-wrapper .pagination-btn.next:hover {
  background: #218838;
}
.lab-test-page .pagination-wrapper .pagination-info {
  background: #f8f9fa;
  color: #495057;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #dee2e6;
  margin: 0 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.lab-test-page .pagination-wrapper .pagination-info .current-page {
  background: #e74c3c;
  color: white;
  padding: 8px 15px;
  font-weight: bold;
  min-width: 35px;
  text-align: center;
  display: inline-block;
}
.lab-test-page .pagination-wrapper .pagination-info .total-pages {
  color: #7f8c8d;
  font-weight: 500;
}
.lab-test-page .mobile-card-container {
  display: none;
}
.lab-test-page .mobile-card-container .lab-test-card {
  background: white;
  border-radius: 6px;
  margin: 15px 0;
  padding: 20px;
  border: 3px solid #e9ecef;
  border-left: 8px solid #3498db;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.lab-test-page .mobile-card-container .lab-test-card.passed {
  border-left: 12px solid #27ae60;
}
.lab-test-page .mobile-card-container .lab-test-card.warning {
  border-left: 12px solid #f39c12;
}
.lab-test-page .mobile-card-container .lab-test-card.failed {
  border-left: 12px solid #e74c3c;
}
.lab-test-page .mobile-card-container .lab-test-card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ecf0f1;
}
.lab-test-page .mobile-card-container .lab-test-card .card-header .card-status-mobile {
  flex-shrink: 0;
}
.lab-test-page .mobile-card-container .lab-test-card .card-header .card-date {
  font-size: 12px;
  color: #7f8c8d;
  text-align: right;
}
.lab-test-page .mobile-card-container .lab-test-card .card-product {
  margin-bottom: 15px;
}
.lab-test-page .mobile-card-container .lab-test-card .card-product .card-product-name {
  font-size: 20px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 5px;
}
.lab-test-page .mobile-card-container .lab-test-card .card-product .card-product-details {
  font-size: 16px;
  color: #7f8c8d;
  line-height: 1.4;
}
.lab-test-page .mobile-card-container .lab-test-card .card-lot {
  background: #f8f9fa;
  padding: 10px;
  margin-bottom: 15px;
}
.lab-test-page .mobile-card-container .lab-test-card .card-lot .card-lot-title {
  font-size: 12px;
  color: #7f8c8d;
  margin-bottom: 5px;
}
.lab-test-page .mobile-card-container .lab-test-card .card-lot .card-lot-number {
  font-family: monospace;
  background: #e9ecef;
  padding: 4px 8px;
  font-size: 14px;
  display: inline-block;
}
.lab-test-page .mobile-card-container .lab-test-card .card-lot .card-lot-exp {
  color: #e67e22;
  font-weight: bold;
  margin-top: 5px;
  font-size: 13px;
}
.lab-test-page .mobile-card-container .lab-test-card .card-protein-comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-bottom: 15px;
}
.lab-test-page .mobile-card-container .lab-test-card .card-protein-comparison .protein-item {
  text-align: center;
  padding: 12px;
  background: #f8f9fa;
}
.lab-test-page .mobile-card-container .lab-test-card .card-protein-comparison .protein-item .protein-label {
  font-size: 11px;
  color: #7f8c8d;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.lab-test-page .mobile-card-container .lab-test-card .card-protein-comparison .protein-item .protein-value {
  font-size: 18px;
  font-weight: bold;
  color: #2c3e50;
}
.lab-test-page .mobile-card-container .lab-test-card .card-protein-comparison .protein-item .protein-value.lab-success {
  color: #27ae60;
}
.lab-test-page .mobile-card-container .lab-test-card .card-protein-comparison .protein-item .protein-value.lab-warning {
  color: #f39c12;
}
.lab-test-page .mobile-card-container .lab-test-card .card-protein-comparison .protein-item .protein-value.lab-fail {
  color: #e74c3c;
}
.lab-test-page .mobile-card-container .lab-test-card .card-accuracy {
  text-align: center;
  margin-bottom: 15px;
}
.lab-test-page .mobile-card-container .lab-test-card .card-accuracy .accuracy-label {
  font-size: 12px;
  color: #7f8c8d;
  margin-bottom: 5px;
}
.lab-test-page .mobile-card-container .lab-test-card .card-accuracy .accuracy-value {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.lab-test-page .mobile-card-container .lab-test-card .card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
.lab-test-page .mobile-card-container .lab-test-card .card-footer .card-spike-free {
  flex-shrink: 0;
}
.lab-test-page .mobile-card-container .lab-test-card .card-footer .card-spike-free img {
  max-width: 60px;
  height: auto;
}
.lab-test-page .mobile-card-container .lab-test-card .card-footer .card-result-btn {
  background: #3498db;
  color: white;
  padding: 12px 20px;
  border-radius: 12.5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  transition: background 0.3s ease;
}
.lab-test-page .mobile-card-container .lab-test-card .card-footer .card-result-btn:hover {
  background: #2980b9;
}
@media (max-width: 992px) {
  .lab-test-page .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .lab-test-page .table-responsive .lab-result-content {
    min-width: 760px;
  }
  .lab-test-page .table-responsive .lab-result-content th,
  .lab-test-page .table-responsive .lab-result-content td {
    padding: 10px 6px;
    font-size: 11px;
  }
  .lab-test-page .search-header {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  .lab-test-page .search-header h3 {
    font-size: 20px;
  }
  .lab-test-page .advanced-search-panel .filter-controls {
    grid-template-columns: repeat(2, 1fr);
  }
  .lab-test-page .lt-page-wrap-top {
    padding: 12px 15px;
    gap: 12px;
  }
  .lab-test-page .lt-page-wrap-top .lt-prev-next-top {
    padding: 8px 16px;
    font-size: 13px;
    min-width: 110px;
  }
  .lab-test-page .lt-page-wrap-top .lt-page-top {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .lab-test-page {
    /* Hide table, show cards */
    /* Mobile backdrop for popover */
  }
  .lab-test-page .table-responsive {
    display: none;
  }
  .lab-test-page .mobile-card-container {
    display: block;
    padding: 0 25px;
  }
  .lab-test-page .search-header {
    text-align: center;
  }
  .lab-test-page .search-header h3 {
    font-size: 18px;
  }
  .lab-test-page .search-toggle-btn {
    width: 40px;
    height: 40px;
    padding: 10px;
    position: absolute;
    right: 25px;
    /* Align with mobile card padding */
    top: -15px;
  }
  .lab-test-page .advanced-search-wrapper {
    position: static;
  }
  .lab-test-page .advanced-search-wrapper .advanced-search-header {
    position: relative;
    height: 40px;
  }
  .lab-test-page .advanced-search-panel {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    right: auto;
    width: 90vw;
    max-width: 350px;
    max-height: 80vh;
    overflow-y: auto;
    margin-top: 0;
  }
  .lab-test-page .advanced-search-panel::before,
  .lab-test-page .advanced-search-panel::after {
    display: none;
  }
  .lab-test-page .advanced-search-panel .filter-controls {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .lab-test-page .advanced-search-panel .filter-controls .filter-actions {
    flex-direction: column;
  }
  .lab-test-page .advanced-search-panel .filter-controls .filter-actions .btn-reset,
  .lab-test-page .advanced-search-panel .filter-controls .filter-actions .btn-apply {
    width: 100%;
  }
  .lab-test-page .search-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
  }
  .lab-test-page .search-backdrop.active {
    display: block;
  }
  .lab-test-page .search-controls-container .search-input-wrapper {
    max-width: none;
    margin: 0;
  }
  .lab-test-page .search-controls-container .lab-search {
    font-size: 16px;
    padding: 14px 150px 14px 18px;
    border-radius: 12.5px;
    height: 32px;
  }
  .lab-test-page .search-controls-container .search-btn {
    right: 55px;
    width: 34px;
    height: 34px;
  }
  .lab-test-page .search-controls-container .search-btn svg {
    width: 16px;
    height: 16px;
  }
  .lab-test-page .search-controls-container .scan-btn {
    right: 95px;
    width: 34px;
    height: 34px;
  }
  .lab-test-page .search-controls-container .scan-btn svg {
    width: 16px;
    height: 16px;
  }
  .lab-test-page .search-controls-container .search-clear-btn {
    right: 18px;
    width: 26px;
    height: 26px;
  }
  .lab-test-page .mobile-card-container .card-result-btn {
    padding: 18px 24px;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 12px;
    margin-top: 10px;
  }
  .lab-test-page .result-link {
    padding: 12px 18px;
    font-size: 14px;
    min-width: 90px;
    border-radius: 8px;
  }
  .lab-test-page .search-results-info {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
  .lab-test-page .pagination-wrapper {
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
    margin: 20px 0;
  }
  .lab-test-page .pagination-wrapper .pagination-btn {
    flex: 1;
    min-width: 120px;
    padding: 10px 20px;
    font-size: 13px;
  }
  .lab-test-page .pagination-wrapper .pagination-info {
    width: 100%;
    order: -1;
    margin-bottom: 10px;
    text-align: center;
    font-size: 15px;
  }
  .lab-test-page .pagination-wrapper .current-page {
    padding: 6px 12px;
    min-width: 30px;
  }
}
@media (max-width: 480px) {
  .lab-test-page .mobile-card-container .lab-test-card {
    padding: 15px;
    margin: 10px 0;
    border: 1px solid #e9ecef;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  .lab-test-page .mobile-card-container .lab-test-card .card-protein-comparison {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .lab-test-page .mobile-card-container .lab-test-card .card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .lab-test-page .mobile-card-container .lab-test-card .card-footer {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }
  .lab-test-page .mobile-card-container .lab-test-card .card-result-btn {
    padding: 12px 18px;
    font-size: 14px;
    margin-top: 10px;
  }
  .lab-test-page .pagination-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 12px 8px;
  }
  .lab-test-page .pagination-wrapper .pagination-btn {
    flex: 0 0 auto;
    min-width: 80px;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    margin: 0;
  }
  .lab-test-page .pagination-wrapper .pagination-info {
    flex: 1;
    margin: 0 8px;
    padding: 8px 12px;
    border-radius: 6px;
    text-align: center;
    order: 0;
    min-width: 120px;
  }
  .lab-test-page .result-link {
    padding: 8px 12px;
    font-size: 11px;
    min-width: 70px;
  }
  .lab-test-page .search-controls-container .lab-search {
    font-size: 16px;
    padding: 12px 130px 12px 15px;
  }
  .lab-test-page .search-controls-container .search-btn {
    right: 45px;
    width: 32px;
    height: 32px;
  }
  .lab-test-page .search-controls-container .search-btn svg {
    width: 14px;
    height: 14px;
  }
  .lab-test-page .search-controls-container .scan-btn {
    right: 85px;
    width: 32px;
    height: 32px;
  }
  .lab-test-page .search-controls-container .scan-btn svg {
    width: 14px;
    height: 14px;
  }
  .lab-test-page .search-controls-container .search-clear-btn {
    right: 10px;
    width: 24px;
    height: 24px;
    font-size: 12px;
  }
}
/* ==========================================================================
    Custom Styles - Merged from custom.css
    ========================================================================== */
/* Custom Utilities - Common utility classes from custom.css */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-10%, -50%);
}
.hr-sect {
  display: flex;
  flex-basis: 100%;
  align-items: center;
  color: rgba(0, 0, 0, 0.35);
  margin: 8px 0px;
}
.hr-sect:before,
.hr-sect:after {
  content: "";
  flex-grow: 1;
  background: rgba(0, 0, 0, 0.35);
  height: 1px;
  font-size: 0px;
  line-height: 0px;
  margin: 0px 8px;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
[v-cloak].main-container {
  display: none;
}
@media only screen and (max-width: 768px) {
  .centered {
    left: 40%;
  }
}
/* Custom Modal Styles - Modal and popup z-index fixes from custom.css */
div.modal div.modal-backdrop {
  z-index: 0 !important;
}
.modal {
  text-align: center;
  padding: 0 !important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal .row-display_coupon:hover {
  background-color: #F0F0F0;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.coupon-img-container {
  position: relative;
  text-align: center;
  color: white;
}
.coupon-img {
  width: 180px;
}
#appleid-signin div {
  max-width: 100% !important;
  max-height: 60px !important;
}
.fast-cart-mobile2 {
  z-index: 10001 !important;
  margin-left: 0 !important;
  left: 0 !important;
  position: fixed !important;
  top: auto !important;
}
.bottom_fix {
  z-index: 10001 !important;
  bottom: 0% !important;
  position: fixed !important;
  top: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  visibility: visible !important;
}
.fade-box {
  z-index: 10000 !important;
}
.header-container .list-drop .onclick-menu li .sub-top {
  border-top: 1px solid #999999 !important;
  border-right: 1px solid #999999 !important;
}
.supfact-popup {
  z-index: 10002 !important;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.5) !important;
}
.supfact-popup[style*="display: inline-block"] {
  display: flex !important;
}
.supfact-popup-wrap {
  z-index: 10002 !important;
  width: 95% !important;
  max-width: 500px !important;
  height: 90vh !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  background: white !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  padding-top: 50px !important;
}
.close_popup_supfact {
  position: absolute !important;
  top: 10px !important;
  right: 15px !important;
  font-size: 28px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  color: #333 !important;
  z-index: 10004 !important;
  line-height: 1 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
.close_popup_supfact:hover {
  color: #000 !important;
}
.supfact-popup-wrap .size-select,
.supfact-popup-wrap .flavour-select {
  margin: 8px auto !important;
  padding: 6px 8px !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  width: 85% !important;
  max-width: 100% !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: bold !important;
}
.supfact-fda {
  margin: 8px auto !important;
  padding: 8px !important;
  border: 1px solid #eee !important;
  background: #f9f9f9 !important;
  text-align: center !important;
  width: 85% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}
.fda-text {
  font-size: 14px !important;
  color: #666 !important;
  margin-bottom: 3px !important;
  font-weight: bold !important;
}
.supfact-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  flex: 1 !important;
  padding: 15px !important;
  box-sizing: border-box !important;
}
.pd-img-popup {
  z-index: 10001 !important;
  position: fixed !important;
}
.pd-img-popup-wrap {
  z-index: 10001 !important;
  position: relative !important;
  top: 10% !important;
  left: auto !important;
  margin: auto !important;
  transform: none !important;
  overflow: auto !important;
}
.pd-img-popup-wrap .img-right {
  text-align: left !important;
}
.close-popup {
  z-index: 10002 !important;
}
.jssor_2 {
  top: auto !important;
  left: auto !important;
  margin: auto !important;
}
@media only screen and (max-width: 768px) {
  .modal-dialog {
    width: 90% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .fast-cart-mobile2.bottom_fix {
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
  }
}
/* Custom Form Styles - Form inputs and buttons from custom.css */
.btn-standard {
  width: auto !important;
  display: inline-block !important;
  background: #EFEFEF !important;
  color: #444444 !important;
  margin: auto 8px;
}
.abcRioButton.abcRioButtonBlue {
  max-width: 100%;
}
.custom-wrap .pop-up-wrap {
  display: inline-block;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  z-index: 2;
  top: 65px;
  box-shadow: 10px 10px 20px #CCCCCC;
}
.custom-wrap .pop-up-wrap .pop-up-head-wrap {
  height: 85px;
  background: #F5F5F5;
  position: relative;
  border-bottom: 1px solid #CCCCCC;
}
.custom-wrap .pop-up-wrap .pop-up-head-wrap .title {
  display: inline-block;
  font: bold 18px/55px "PT Sans";
  padding: 0 0 0 35px;
  margin: 15px 0;
  width: 410px;
  border-right: 1px solid #CCCCCC;
  text-transform: capitalize;
}
.custom-wrap .pop-up-wrap .pop-up-head-wrap .close-btn {
  background: url(../img/button-icons.png) no-repeat scroll 0 -236px;
  right: 35px;
  top: 34px;
}
.custom-wrap .pop-up-wrap .pop-up-content-wrap {
  padding: 10px;
}
.custom-wrap .pop-up-wrap .pop-up-content-wrap .input-box {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: lighter 13px "PT Sans";
  height: 30px;
  margin: 0 0 15px;
  padding: 5px;
  width: 100%;
  min-width: 200px;
}
.custom-wrap .pop-up-wrap .pop-up-content-wrap .input-box.sub {
  min-width: 200px;
  width: 100%;
  margin-right: 15px;
}
.custom-wrap .pop-up-wrap .pop-up-content-wrap .select-wrap {
  display: block;
  position: relative;
}
.custom-wrap .pop-up-wrap .pop-up-content-wrap .select-wrap .selection {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  font: lighter 13px "PT Sans";
  height: 30px;
  margin: 0 0 15px;
  padding: 5px;
  width: 100%;
  min-width: 200px;
  background: url(../img/icons.png) no-repeat scroll right -1089px rgba(0, 0, 0, 0);
  cursor: pointer;
}
.custom-wrap .pop-up-wrap .pop-up-content-wrap .select-wrap .drop-menu {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  display: inline-block;
  left: 0;
  list-style: outside none none;
  margin: 0;
  max-height: 152px;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  top: 29px;
  width: 100%;
  min-width: 200px;
  z-index: 1;
}
.custom-wrap .pop-up-wrap .pop-up-content-wrap .select-wrap .drop-menu li {
  float: left;
  position: relative;
  text-align: left;
  width: 100%;
}
.custom-wrap .pop-up-wrap .pop-up-content-wrap .select-wrap .drop-menu li a {
  color: #999999;
  display: block;
  padding: 0 10px;
  text-decoration: none;
  width: 100%;
  font: lighter 13px/30px "PT Sans";
}
.custom-wrap .pop-up-wrap .pop-up-content-wrap .select-wrap .drop-menu li a:hover {
  background: #F5F5F5;
}
.custom-wrap .pop-up-wrap .pop-up-content-wrap .input-area {
  width: 100%;
  min-width: 200px;
  font: lighter 13px "PT Sans";
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  margin: 0 0 15px;
  padding: 5px;
  box-shadow: none;
}
.custom-wrap .pop-up-wrap .pop-up-content-wrap .create-btn {
  min-width: 200px;
  width: 100%;
  height: 55px;
  font: bold 16px/55px "PT Sans";
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  margin-top: 10px;
  display: block;
  color: #FFFFFF;
  background: #0033CC;
  border-radius: 5px;
}
.phone-box span.input-label {
  vertical-align: top;
}
.phone-box span.input-wrap-mobile {
  display: inline-block;
  width: 348px;
}
.phone-box input {
  width: 308px !important;
}
.phone-box .verify-sign {
  display: inline-block;
  width: 32px;
}
.phone-box .verify-sign img {
  width: 32px;
}
.otp-input {
  width: 40px;
  height: 40px;
  font-size: 3rem;
  margin: 1rem;
  text-align: center;
}
#edit-address-modal .form .field {
  margin-bottom: 10px;
}
#edit-address-modal .form .label {
  display: block;
  margin-bottom: -2px;
  color: black !important;
  text-align: left !important;
  margin-left: -7px;
  font-size: 13px !important;
  color: black;
  padding: 0;
}
#edit-address-modal .input {
  border-radius: 0px;
  padding: 3px 1px;
  border: 1px solid #ccc;
  font-size: 13px;
  font-family: 'Prompt', sans-serif;
  background-color: #f2f2f2;
  width: 100%;
  box-sizing: border-box;
}
.custom-wrap .login-btn-container {
  text-align: center;
  height: 40px;
}
.custom-wrap .login-btn-container a.login-btn {
  width: 60% !important;
  height: 40px !important;
  font: bold 1.8rem/3.6rem "PT Sans" !important;
  margin: auto;
}
@media only screen and (max-width: 1110px) {
  .phone-box span.input-wrap-mobile {
    display: inline-block;
    width: 308px;
  }
  .phone-box input {
    width: 268px !important;
  }
}
@media only screen and (max-width: 500px) {
  .phone-box span.input-wrap-mobile {
    display: inline-block;
    width: 180px;
  }
  .phone-box input {
    width: 140px !important;
  }
  .main-container .confirmation-wrap .delivery-options-wrap .same-day {
    padding-top: 10px;
  }
  .main-container .confirmation-wrap .delivery-options-wrap .same-day .custom-check {
    width: 30px;
    height: 30px;
  }
  .otp-input {
    width: 30px;
    height: 30px;
    font-size: 2rem;
    margin: 0.5rem;
    text-align: center;
  }
  .blockUI.blockMsg.blockPage {
    min-width: 150px !important;
    left: 30% !important;
  }
}
/* Lab Report Styles - Product Protein Guarantee Table from custom.css */
#lab_report .table-responsive {
  overflow-x: auto;
  border: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
#lab_report .lab-result-content {
  width: 100%;
  border-collapse: collapse;
  border: none;
  margin-bottom: 0;
  background: white;
}
#lab_report .lab-result-content thead {
  background: linear-gradient(135deg, rgba(220, 0, 0, 0.08) 0%, rgba(220, 0, 0, 0.04) 100%);
}
#lab_report .table-heading-wrap {
  border-bottom: 2px solid #ddd;
}
#lab_report .table-heading {
  padding: 14px 10px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  color: #333;
  border-right: 1px solid #f0f0f0;
  border-bottom: 2px solid #ddd;
  word-break: break-word;
}
#lab_report .table-heading:last-child {
  border-right: none;
}
#lab_report .table-heading small {
  display: block;
  font-size: 10px;
  color: #888;
  margin-top: 3px;
  font-weight: 400;
}
#lab_report .table-content-wrap {
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s ease;
}
#lab_report .table-content-wrap.table-row-passed {
  background-color: rgba(76, 175, 80, 0.03);
}
#lab_report .table-content-wrap.table-row-passed:hover {
  background-color: rgba(76, 175, 80, 0.08);
}
#lab_report .table-content-wrap.table-row-failed {
  background-color: rgba(244, 67, 54, 0.03);
}
#lab_report .table-content-wrap.table-row-failed:hover {
  background-color: rgba(244, 67, 54, 0.08);
}
#lab_report .table-content {
  padding: 12px 10px;
  text-align: center;
  font-size: 13px;
  color: #333;
  border-right: 1px solid #f0f0f0;
  vertical-align: middle;
}
#lab_report .table-content:last-child {
  border-right: none;
}
#lab_report .status-badge {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
#lab_report .status-badge.passed {
  background: linear-gradient(135deg, rgba(76, 175, 80, 0.2) 0%, rgba(76, 175, 80, 0.1) 100%);
  color: #2e7d32;
  border: 1px solid rgba(76, 175, 80, 0.3);
}
#lab_report .status-badge.failed {
  background: linear-gradient(135deg, rgba(244, 67, 54, 0.2) 0%, rgba(244, 67, 54, 0.1) 100%);
  color: #c62828;
  border: 1px solid rgba(244, 67, 54, 0.3);
}
#lab_report .status-badge small {
  display: block;
  font-size: 9px;
  margin-top: 2px;
}
#lab_report .status-passed {
  color: #2e7d32;
}
#lab_report .status-failed {
  color: #c62828;
}
#lab_report .product-info {
  text-align: left;
  line-height: 1.6;
}
#lab_report .product-brand {
  font-size: 11px;
  color: #666;
  margin-bottom: 3px;
}
#lab_report .product-name {
  font-size: 13px;
  font-weight: bold;
  color: #333;
  margin-bottom: 3px;
}
#lab_report .product-flavour {
  font-size: 12px;
  font-style: italic;
  color: #888;
}
#lab_report .lot-info {
  text-align: center;
  line-height: 1.5;
}
#lab_report .lot-info code {
  display: block;
  background: #f5f5f5;
  padding: 4px 6px;
  border-radius: 3px;
  font-size: 11px;
  font-family: 'Courier New', monospace;
  margin-bottom: 4px;
  font-weight: 500;
}
#lab_report .lot-info strong {
  display: block;
  font-size: 12px;
  color: #333;
}
#lab_report .protein-claim,
#lab_report .protein-lab {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
}
#lab_report .protein-lab.success {
  color: #2e7d32;
  background: rgba(76, 175, 80, 0.1);
  border-radius: 4px;
  padding: 8px 10px;
}
#lab_report .protein-lab.fail {
  color: #c62828;
  background: rgba(244, 67, 54, 0.1);
  border-radius: 4px;
  padding: 8px 10px;
}
#lab_report .percentage-badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
}
#lab_report .percentage-badge.good {
  background: linear-gradient(135deg, rgba(76, 175, 80, 0.2) 0%, rgba(76, 175, 80, 0.1) 100%);
  color: #2e7d32;
  border: 1px solid rgba(76, 175, 80, 0.3);
}
#lab_report .percentage-badge.warning {
  background: linear-gradient(135deg, rgba(244, 67, 54, 0.2) 0%, rgba(244, 67, 54, 0.1) 100%);
  color: #c62828;
  border: 1px solid rgba(244, 67, 54, 0.3);
}
#lab_report .amino-spike {
  text-align: center;
}
#lab_report .spike-free-logo {
  max-width: 40px;
  height: auto;
  display: inline-block;
}
#lab_report .test-result {
  text-align: center;
}
#lab_report .result-link {
  display: inline-block;
  padding: 8px 12px;
  background: linear-gradient(135deg, #dc0000 0%, #b30000 100%);
  color: white;
  text-decoration: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer;
}
#lab_report .result-link:hover {
  background: linear-gradient(135deg, #b30000 0%, #8b0000 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(220, 0, 0, 0.3);
}
#lab_report .result-link:active {
  transform: translateY(0);
}
#lab_report .result-link small {
  display: block;
  font-size: 10px;
  margin-top: 2px;
}
@media only screen and (max-width: 768px) {
  #lab_report .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #lab_report .table-heading {
    padding: 10px 6px;
    font-size: 11px;
  }
  #lab_report .table-heading small {
    font-size: 9px;
    margin-top: 2px;
  }
  #lab_report .table-content {
    padding: 10px 6px;
    font-size: 12px;
  }
  #lab_report .product-info {
    text-align: left;
  }
  #lab_report .product-brand {
    font-size: 10px;
  }
  #lab_report .product-name {
    font-size: 12px;
  }
  #lab_report .product-flavour {
    font-size: 11px;
  }
  #lab_report .lot-info code {
    font-size: 10px;
    padding: 3px 5px;
  }
  #lab_report .lot-info strong {
    font-size: 11px;
  }
  #lab_report .result-link {
    padding: 6px 10px;
    font-size: 11px;
  }
  #lab_report .result-link small {
    font-size: 9px;
  }
}
/*# sourceMappingURL=../-none */