/*
Boxful sass variables
*/
/*
Boxful sass base
*/
/*
Boxful sass variables
*/
.btn {
  display: inline-block;
  width: 256px !important;
  height: 48px;
  line-height: 48px;
  border-radius: 99em !important;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  padding: 0 !important;
  border: 0 none;
}
.btn:hover {
  border-radius: 99em !important;
}

.bootgrid-header .btn {
  width: 40px !important;
  height: 40px;
  line-height: auto;
  border-radius: 0 !important;
}

.btn-primary {
  background: #f8d340 !important;
  color: #444;
  border: 0 none;
}
.btn-primary:hover {
  background: #d3b022 !important;
  border-radius: 100px !important;
  color: #fff;
}

.btn-secondary {
  color: #00c4b3;
}
.btn-secondary:hover {
  background: #00c4b3 !important;
  border-radius: 100px !important;
  color: #fff;
}
.btn-secondary.btn-disabled {
  border: 2px solid #d8d8d8;
  background: transparent !important;
}

.btn-disabled {
  background: #ebe9e9 !important;
  color: #fff;
}

.btn-small {
  width: 152px !important;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .btn {
    display: block;
    font-size: 14px;
    border-radius: 99em !important;
    padding: 10px 0 !important;
    width: 312px !important;
    height: auto !important;
    line-height: inherit;
    margin: 0 auto;
  }
}
@media screen and (max-width: 370px) {
  .btn {
    width: 260px !important;
  }
}
div.home-title h1 {
  font-size: 30px;
  letter-spacing: 2px;
  font-family: Lato, Helvetica, Arial, PingFang HK, Noto Sans, Noto Sans TC, Microsoft JhengHei, sans-serif;
  font-weight: bold;
  margin: 0;
}

div.home-title h2 {
  font-size: 30px;
  letter-spacing: 1px;
  font-family: Lato, Helvetica, Arial, PingFang HK, Noto Sans, Noto Sans TC, Microsoft JhengHei, sans-serif;
  font-weight: bold;
  margin: 0;
}

@media screen and (max-width: 767px) {
  div.home-title h1 {
    font-size: 19px;
  }

  div.home-title h2 {
    font-size: 22px;
  }
}
/* Variables */
/* For location switch - Start */
/* For location switch - End */
/* checkout head bar*/
div.checkoutHeader {
  width: 100%;
  background-color: #f3f3f4;
  color: #00c4b4;
  /*position: fixed;*/
  top: 68px;
  z-index: 999;
}

div.checkoutHeaderContainer {
  margin: 0 50px;
  padding: 20px 0 20px 0;
}

div.checkoutHeaderleft {
  font-size: 28px;
  line-height: 36px;
  font-weight: bold;
  text-transform: uppercase;
}

div.checkoutHeaderleft,
div.checkoutHeaderRight {
  display: inline-block;
  /*width: 50%;*/
  width: 100%;
}

div.checkoutHeaderRight {
  /*float:right;*/
  text-align: right;
  position: relative;
  height: 36px;
}

div.checkoutStepBar,
div.checkoutStepDetail {
  width: 100%;
  text-align: center;
  position: absolute;
}

div.checkoutStepBar div {
  display: inline-block;
}

div.checkoutStepBar div.processBarContainer {
  min-height: 1px;
  clear: both;
  /*width:74%;*/
  width: 48%;
  text-align: left;
  position: relative;
  top: -5px;
}

div.checkoutStepBar div.processBar {
  min-height: 1px;
  clear: both;
  width: 100%;
  border-bottom: 2px solid #d1d1d1;
  position: absolute;
}

div.checkoutStepBar div.currentProcess {
  min-height: 1px;
  clear: both;
  width: 0%;
  border-bottom: 2px solid #00c4b4;
  position: absolute;
}

div.checkoutStepBar div.currentProcess.step4 {
  width: 100%;
}

div.checkoutStepBar div.currentProcess.step3 {
  width: 66%;
}

div.checkoutStepBar div.currentProcess.step2 {
  width: 34%;
}

div.checkoutStepDetail > div {
  display: inline-block;
  /*width:24%;*/
  width: 16%;
  text-align: center;
}

div.stepItem {
  width: 20px;
  font-size: 14px;
  line-height: 20px;
  margin: auto;
  background-color: #b8bcc0;
  color: #FFF;
}

div.stepItem a {
  display: block;
  color: #FFF;
  min-width: 20px;
  min-height: 20px;
  pointer-events: none;
  cursor: default;
}

div.active div.stepItem {
  background-color: #00c4b4;
}

div.stepItemTitle {
  padding-top: 5px;
  font-weight: bold;
  color: #b8bcc0;
  font-size: 18px;
}

div.stepItemTitle a {
  color: #b8bcc0;
  pointer-events: none;
  cursor: default;
}

div.active div.stepItemTitle a {
  color: #00c4b4;
}

div.done div.stepItem a {
  background: #00c4b4 url("/images/checkoutbar/checkoutClick.png") top no-repeat;
  pointer-events: initial;
  cursor: initial;
}

div.done div.stepItem a font {
  display: none;
}

div.done div.stepItemTitle a {
  color: #b8bcc0;
  pointer-events: initial;
  cursor: initial;
}

div.checkoutbarSpace {
  padding-top: 20px !important;
}

/* end */
.nav-pills > .active > a, .nav-pills > .active > a:hover {
  color: #000;
  background-color: transparent;
}

/* For location switch - Start */
#site_location_container {
  float: right;
}

[name=site_location] {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.site_location {
  background: rgba(0, 0, 0, 0) url(/images/arrows-down.png) center right no-repeat !important;
  padding-right: 18px !important;
  outline: none;
  border: 0px;
  width: auto;
  height: auto;
  min-height: auto;
  cursor: pointer;
}

.site_location:hover {
  color: #00c4b4;
}

.nav-btn, .nav-pills > li > a, #site_location_container .site_location {
  margin: 10px 6px;
  padding: 8px;
  font-size: 15px;
}

#site_location_container .site_location {
  line-height: 15px;
  -webkit-appearance: none;
  margin-top: 13px;
}

html[lang=en-gb] #site_location_container .site_location {
  padding: 7px 8px;
  line-height: 17px;
}

.nav-pills > li > a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 8px 6px !important;
}

.nav-pills > li > a:focus, .nav-pills > li > a:hover {
  outline: none;
}

#side_menu_site_location_container {
  position: relative;
  overflow: hidden;
}

#side_menu_site_location_container .side_menu_site_location div {
  display: inline-block;
}

#side_menu_site_location_container .side_menu_site_location .location_name {
  color: #000000;
  font-size: 18px;
  line-height: normal;
}

#side_menu_site_location_container .side_menu_site_location .location_arrow {
  padding-left: 5px;
}

#side_menu_site_location_container .side_menu_site_location .location_arrow {
  padding-left: 5px;
}
#side_menu_site_location_container .side_menu_site_location .location_arrow img {
  width: 20px;
}

#side_menu_site_location_container select {
  cursor: pointer;
  position: absolute;
  outline: none;
  background-color: transparent;
  border: none;
  top: 0px;
  left: 0px;
  width: 100%;
  padding-top: 40px;
}

#side_menu_site_location_container:hover .side_menu_site_location .location_name {
  color: #00c4b4;
}

/* For location switch - End */
.nav > li > a:hover {
  background-color: transparent;
}

a:hover {
  color: #00c4b4;
  background-color: transparent;
}

div.boxful-header-promo {
  position: fixed;
  z-index: 999;
  width: 100%;
}

#boxful-header {
  width: 100%;
  z-index: 999;
  font-family: Lato, Helvetica, Arial, PingFang HK, Noto Sans, Noto Sans TC, Microsoft JhengHei, sans-serif;
  font-size: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block;
}

/* hing 17/06 */
a#sidebarAction {
  color: #000;
}

div.sidemenu-toggle {
  display: inline-block;
  margin-left: 10px;
}

.sidemenu-toggle .icon-bar {
  background-color: #000;
  border-radius: 1px 1px 1px 1px;
  display: block;
  height: 2px;
  width: 18px;
}

.sidemenu-toggle .icon-bar + .icon-bar {
  margin-top: 3px;
}

div.sidemenuButton {
  padding-top: 16px;
  vertical-align: top;
  padding-bottom: 13px;
}

div#sideMenu {
  position: fixed;
  background-color: #FFF;
  top: 0;
  right: 0;
  min-width: 270px;
  height: 100%;
  z-index: 9999;
  display: none;
  font-size: 18px;
  box-shadow: -5px 0px 16px rgba(0, 0, 0, 0.3);
  overflow-y: scroll;
}
div#sideMenu * {
  box-sizing: border-box;
}

div#blackLayer {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 100;
  display: none;
}

div#sideMenuContainer {
  padding: 0;
}

ul a {
  color: #000;
}

ul.sidemenu {
  padding: 0;
  margin: 0;
}

div.sidemenu-top {
  padding-top: 75px;
}

li.sidemenu-border-bottom,
div.sidemenu-border-bottom {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #c7c9cb;
}

ul.sidemenu li {
  list-style-type: none;
  padding-top: 15px;
}

ul.sidemenu ul {
  padding: 0px;
  padding-left: 30px;
}

ul.sidemenu ul li:last-child {
  padding-bottom: 0;
}

li.divider span {
  padding-right: 10px;
}

div.sidemenu-btn {
  display: none;
}

div.closeSidemenu {
  width: 18px;
  float: right;
  padding-top: 10px;
  padding-right: 10px;
}

/* end */
body {
  font-family: Lato, Helvetica, Arial, PingFang HK, Noto Sans, Noto Sans TC, Microsoft JhengHei, sans-serif !important;
}

/* boxful business button*/
li a.tobusiness {
  bottom: 5px;
  position: relative;
}

li a.tobusiness:after {
  font-size: 70%;
  vertical-align: super;
  content: "NEW";
  font-weight: bold;
  color: #00c4b4;
}

/* end */
/*for ie 10 above*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    font-family: Lato, Helvetica, Arial, PingFang HK, Noto Sans, Noto Sans TC, Microsoft JhengHei, sans-serif;
  }

  #boxful-header {
    font-family: Lato, Helvetica, Arial, PingFang HK, Noto Sans, Noto Sans TC, Microsoft JhengHei, sans-serif;
  }
}
/*end*/
#boxful-header-container {
  margin: 0 50px;
  top: 50%;
}

h2.title {
  display: none;
}

div#ct-parallaxtop {
  float: right;
  min-width: 670px;
  text-align: right;
}

/* For location switch - Start */
/*
#ct-parallaxtop > .rt-container {
    float: right;
    width: $rtContainerWidth;
}
html[lang="en-gb"] #ct-parallaxtop > .rt-container {
    width: 725px;
}
*/
/* For location switch - End */
div .nav-pills {
  color: black;
  margin: 0;
}

div #boxful-logo {
  display: inline;
}

.en-logo.size-xs, .en-logo.size-s, .en-logo.size-m, .en-logo.size-l, .zh-logo.size-xs, .zh-logo.size-s, .zh-logo.size-m, .zh-logo.size-l {
  display: none;
}

html[lang=en-gb] div #boxful-logo img.en-logo {
  padding-top: 14px;
  max-width: 145px;
}
html[lang=en-gb] div #boxful-logo img.en-logo.size-m {
  display: inline-block;
}

html[lang=zh-tw] div #boxful-logo img.zh-logo {
  padding-top: 14px;
  max-width: 200px;
}
html[lang=zh-tw] div #boxful-logo img.zh-logo.size-l {
  display: inline-block;
}

#boxful-footer {
  position: relative;
  width: 100%;
  background-color: RGB(0, 196, 180);
  z-index: 99;
}

ul.boxful-footer-top {
  display: none;
  width: 100%;
  background: #e6e7e8;
  text-align: center;
  margin: 0;
}

ul.boxful-footer-top li {
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
  padding: 14px 10px;
}

ul.boxful-footer-top li a {
  color: #000;
}

div #boxful-footer-container {
  width: 100%;
  max-width: 1172px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}

div #boxful-footer-container .div-table {
  width: 100%;
  max-width: 1172px;
  font-family: Lato, Helvetica, Arial, PingFang HK, Noto Sans, Noto Sans TC, Microsoft JhengHei, sans-serif;
}

div .boxful-footer {
  width: 20%;
  text-align: center;
  padding: 35px 0 50px;
}

div .boxful-footer.first {
  width: 30%;
  text-align: left;
}

div.footer-title {
  font-size: 18px;
  /*border-bottom: 1px solid;*/
  margin: 0 15px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 5px;
  padding-bottom: 8px;
  color: #019c8f;
}

div.footer-content {
  font-size: 13px;
  margin: 0 15px;
  text-align: left;
  font-weight: bold;
}

div.footer-content div {
  padding-bottom: 10px;
}

div.footer-content div.footer-address {
  min-height: 103px;
  font-weight: normal;
}

div.footer-content div.footer-service-title {
  padding-bottom: 0px;
  font-weight: normal;
  padding-top: 10px;
}

div.footer-content div.footer-service-label {
  font-weight: normal;
}

div.footer-content div.footer-service-title.first {
  padding-top: 0;
}

img.footer-logo {
  vertical-align: text-top;
  width: 150px;
  margin-left: 13%;
}

div .boxful-footer-seen, div .boxful-footer-charity {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f1f2f2;
}

div .boxful-footer-seen {
  padding: 45px 0 25px;
}

div .boxful-footer-charity {
  padding: 30px 0;
  display: none;
}

div .boxful-footer-seen .wrapper,
div .boxful-footer-charity .wrapper,
div .boxful-footer-contact-us .wrapper {
  position: relative;
  width: 100%;
  max-width: 1172px;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}

div .boxful-footer-seen .wrapper p, div .boxful-footer-charity .wrapper p {
  text-align: center;
  text-transform: uppercase;
  font-size: 21px;
  font-family: Lato, Helvetica, Arial, PingFang HK, Noto Sans, Noto Sans TC, Microsoft JhengHei, sans-serif;
  font-weight: bold !important;
  color: #8d8d8d;
  line-height: 1.1;
  display: inline-block;
  width: 100%;
  letter-spacing: 2px;
}

div .boxful-footer-seen .wrapper p:after, div .boxful-footer-charity .wrapper p:after {
  content: "";
  display: block;
  width: 61px;
  height: 4px;
  margin: 6px auto;
  background: #aeaeae;
}

div .boxful-footer-seen .wrapper a, div .boxful-footer-charity .wrapper a {
  display: inline-block;
  width: 15%;
}

div .boxful-footer-charity .wrapper a.property_finder > img {
  padding-left: 10px;
}

div .boxful-footer-seen .wrapper a {
  margin: 15px 30px;
}

div .boxful-footer-seen .wrapper a:nth-child(1), div .boxful-footer-seen .wrapper a:nth-child(2), div .boxful-footer-seen .wrapper a:nth-child(3), div .boxful-footer-seen .wrapper a:nth-child(4) {
  margin: 15px 50px;
}

div.footer-right {
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
}

div.footer-left {
  text-align: left;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}

div .footer-link {
  color: yellow;
}

div .footer-right-title {
  padding-bottom: 20px;
}

div .open-hour {
  font-weight: normal;
  font-size: 15px;
  margin-top: 15px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

div .open-hour .spacer {
  width: 100%;
  height: 7px;
}

div .contact-us img {
  padding-right: 8px;
}

div.footer-left .social {
  display: none;
}

div .social {
  text-align: left;
}

div .social img {
  margin-top: 10px;
  margin-right: 20px;
  width: 25px;
}

div .payment img {
  padding-top: 15px;
  padding-right: 4px;
  width: 40px;
}

/*
.parent > .nav-child{
	font-size:16px;
	text-align:center;
	border:2px solid RGB(147,149,152);
	background-color:rgba(0,0,0,0.2);
	width:140px;
	margin:auto;
	padding: 10px;
}

.parent > a{
	padding-bottom:5px !important;
}

.parent > .nav-child a.sub-myacc{
	border-top:1px solid RGB(147,149,152);
	border-bottom:1px solid RGB(147,149,152);
	padding:10px 22px;
}

.parent > .nav-child li{
	padding:10px 0;
}

.parent > .nav-child li:nth-child(2), .parent > .nav-child li:nth-child(3) {
	border-bottom:1px solid #939598;
}

.parent > .nav-child a:hover{
	color:#00c4b4 !important;
}
*/
ul.nav.nav-pills > li > a:hover {
  color: #00c4b4;
}

/*
.parent > .nav-child{
	display:none;
}

.parent:hover > .nav-child{
	display:block;
}
*/
div #boxful-footer-container a {
  color: #fff;
}

.nav-pills > li > a.menu-get-start, .nav-pills > li > a.menu-get-start:focus {
  color: #000;
  background-color: #f7d33f;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  max-width: 100px;
  margin-top: 13px;
}

a.menu-get-start-special {
  color: #fff;
  background-color: #FF5A5F;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 14px;
  max-width: 100px;
}

.nav > li > a.menu-get-start-special {
  margin-left: 5px !important;
  margin-top: 13px;
  border-radius: 99em;
  max-width: 152px;
  min-width: 152px;
  padding: 13px 0 13px !important;
  text-align: center;
}

.nav > li > a.menu-get-start-special:hover {
  background-color: #ff5a5fd9;
  color: #fff !important;
}

.nav > li > a.menu-get-start:hover {
  background-color: #d3b022;
  color: #fff !important;
}

div.hbl_pal_main_width {
  width: auto !important;
}

/* footer contact us */
div.boxful-footer-contact-us {
  font-size: 22px;
  color: #000;
  font-weight: bold;
  background-color: #e9f8f7;
  padding: 30px 0;
}

div.boxful-footer-contact-us a {
  color: #000;
}

div.boxful-footer-contact-us a:hover {
  color: #929496;
}

div.boxful-footer-contact-us div.column-1,
div.boxful-footer-contact-us div.column-2,
div.boxful-footer-contact-us div.column-3,
div.boxful-footer-contact-us div.column-4 {
  display: inline-block;
  width: 20%;
}

div.boxful-footer-contact-us div.boxful-content,
div.boxful-footer-contact-us div.boxful-content,
div.boxful-footer-contact-us div.boxful-content,
div.boxful-footer-contact-us div.boxful-content {
  display: inline-block;
}

div.boxful-footer-contact-us div.column-1 {
  color: #00c4b4;
  width: 30%;
  text-align: left;
}

div.boxful-footer-contact-us div.column-2 {
  width: 26%;
}

div.boxful-footer-contact-us div.column-1 div.boxful-title {
  padding-left: 6%;
}

div.boxful-footer-contact-us img {
  padding-right: 4%;
}

div.boxful-footer-contact-us div.column-1.mobileShow,
div.boxful-footer-contact-us div.column-2.mobileShow,
div.boxful-footer-contact-us div.column-3.mobileShow,
div.boxful-footer-contact-us div.column-4.mobileShow {
  display: none;
}

div.boxful-footer-contact-us div.column-1.mobileHide,
div.boxful-footer-contact-us div.column-2.mobileHide,
div.boxful-footer-contact-us div.column-3.mobileHide,
div.boxful-footer-contact-us div.column-4.mobileHide {
  display: inline-block;
}

/* end */
#ct-parallaxtop > .rt-container {
  float: right;
  width: auto;
}

#ct-parallaxtop > .rt-container > [class^=rt-grid],
#ct-parallaxbottom > .rt-container > [class^=rt-grid] {
  width: 100%;
}

/* responsive */
@media screen and (max-width: 1190px) {
  /* For location switch - Start */
  /*
  #ct-parallaxtop > .rt-container {
      width: $rtContainerWidth1190;
  }
  html[lang="en-gb"] #ct-parallaxtop > .rt-container {
      width: 625px;
  }
      */
  .nav-btn, #site_location_container .site_location, .nav-pills > li > a {
    margin: 8px 0;
    font-size: 14px;
  }

  #site_location_container .site_location {
    margin-top: 11px;
  }

  /* For location switch - End */
}
@media screen and (max-width: 1024px) {
  /* For location switch - Start */
  #ct-parallaxtop {
    min-width: 500px !important;
  }

  /*
  #ct-parallaxtop > .rt-container {
      width: $rtContainerWidth1024;
  }
  html[lang="en-gb"] #ct-parallaxtop > .rt-container {
      width: 555px;
  }
      */
  .nav-btn, #site_location_container .site_location, .nav-pills > li > a {
    margin: 8px 0px;
    font-size: 13px;
  }

  #site_location_container .site_location {
    margin-top: 11px;
  }

  /* For location switch - End */
  div .boxful-footer-seen .wrapper,
div .boxful-footer-charity .wrapper,
div .boxful-footer-contact-us .wrapper {
    width: 100%;
    margin: 0;
  }

  div .boxful-footer-seen, div .boxful-footer-charity {
    padding: 30px 25px;
  }

  div .boxful-footer-seen .wrapper a:nth-child(1), div .boxful-footer-seen .wrapper a:nth-child(2), div .boxful-footer-seen .wrapper a:nth-child(3), div .boxful-footer-seen .wrapper a:nth-child(4) {
    margin: 15px 30px;
  }

  div #boxful-footer-container {
    padding-left: 25px;
    padding-right: 25px;
    max-width: none;
  }

  div.boxful-footer-contact-us div.column-1 div.boxful-title {
    padding-left: 18%;
  }
}
@media screen and (min-width: 768px) and (max-width: 980px) {
  /*   */
  div.checkoutHeader {
    top: 60px;
  }

  /**/
  #boxful-header {
    padding-left: 25px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #boxful-header-container {
    margin: 0;
  }

  div#ct-parallaxtop {
    min-width: 0;
  }

  #boxful-header {
    font-size: 14px;
  }

  a.menu-get-start {
    font-size: 10px;
  }

  /* contact us banner */
  div.boxful-footer-contact-us {
    font-size: 17px;
  }

  div.boxful-footer-contact-us img {
    transform: scale(0.8);
  }

  /* end */
  html[lang=en-gb] div #boxful-logo img.en-logo {
    max-width: 145px;
  }
  html[lang=en-gb] div #boxful-logo img.en-logo.size-m {
    display: inline-block;
  }
  html[lang=en-gb] div #boxful-logo img.en-logo.size-xs, html[lang=en-gb] div #boxful-logo img.en-logo.size-s, html[lang=en-gb] div #boxful-logo img.en-logo.size-l {
    display: none;
  }

  html[lang=zh-tw] div #boxful-logo img.zh-logo {
    max-width: 170px;
  }
  html[lang=zh-tw] div #boxful-logo img.zh-logo.size-m {
    display: inline-block;
  }
  html[lang=zh-tw] div #boxful-logo img.zh-logo.size-xs, html[lang=zh-tw] div #boxful-logo img.zh-logo.size-s, html[lang=zh-tw] div #boxful-logo img.zh-logo.size-l {
    display: none;
  }

  .nav-pills > li > a {
    padding: 5px 0 !important;
    margin: 10px 0px;
  }

  html[lang=zh-tw] div #boxful-logo img.zh-logo {
    width: 170px;
  }
}
/* For location switch - Start */
@media screen and (min-width: 768px) and (max-width: 850px) {
  #ct-parallaxtop {
    min-width: 450px !important;
  }

  /*
  #ct-parallaxtop > .rt-container {
      width: $rtContainerWidth850;
  }
  html[lang="en-gb"] #ct-parallaxtop > .rt-container {
      width: 475px;
  }
     */
  .nav-btn, #site_location_container .site_location, .nav-pills > li > a {
    margin: 8px 0px;
    padding: 8px 0 !important;
    font-size: 12px;
  }

  #site_location_container .site_location {
    padding: 5px;
    line-height: 12px;
    padding-right: 18px !important;
    margin-top: 11px;
  }

  html[lang=en-gb] #site_location_container .site_location {
    padding: 4px 5px;
    line-height: 14px;
  }
}
/* For location switch - End */
@media screen and (min-width: 768px) and (max-width: 835px) {
  #boxful-header-container {
    margin: 0;
  }

  div .social img {
    width: 23px;
  }

  div .payment img {
    width: 35px;
  }

  div.boxful-footer-contact-us img {
    width: 30px;
  }
}
/* responsive */
@media screen and (max-width: 767px) {
  /* For location switch - Start */
  #site_location_container {
    display: none;
  }

  #side_menu_site_location_container .side_menu_site_location .location_name {
    font-size: 15px;
    font-weight: bold;
    padding-left: 10px;
  }

  /* For location switch - end */
  /* responsive checkout bar */
  div.checkoutHeaderleft {
    font-size: 12px;
    width: 30%;
  }

  div.checkoutHeaderRight {
    font-size: 12px;
    height: 32px;
    /*width: 70%;*/
  }

  div.checkoutStepDetail > div {
    width: 22%;
  }

  div.stepItemTitle {
    padding-top: 0;
    font-size: 13px;
  }

  div.checkoutHeaderContainer {
    margin: 0px 29px;
    padding: 12px 0 12px 0;
  }

  div.checkoutHeader {
    top: 48px;
  }

  div.stepItem {
    width: 15px;
    font-size: 13px;
    line-height: 15px;
  }

  div.stepItem a {
    min-width: 15px;
    min-height: 15px;
  }

  div.checkoutStepDetail > div {
    padding-top: 3px;
  }

  div.done div.stepItem a {
    background: #00c4b4 url("/images/checkoutbar/checkoutClick_m.png") top no-repeat;
  }

  div.checkoutStepBar div.processBarContainer {
    width: 69%;
  }

  /* end */
  /*hing 22/06*/
  div.checkoutStepBar div.processBar {
    min-height: 1.5px;
  }

  div#sideMenu {
    min-width: 245px;
    font-size: 15px;
    font-weight: bold;
  }

  div#sideMenuContainer {
    padding: 0 0px;
  }

  ul.sidemenu a {
    padding-left: 10px;
    color: #324a5e;
  }

  ul.sidemenu li {
    padding-top: 10px;
  }

  .sidemenu-username {
    padding-top: 10px !important;
  }

  li.sidemenu-border-bottom,
div.sidemenu-border-bottom {
    padding-bottom: 10px;
  }

  ul.sidemenu a img {
    width: 38px;
  }

  li.sidemenu-signup div {
    background-color: #f7d33f;
    padding: 10px 0;
  }

  li.sidemenu-login div {
    padding: 10px 0;
  }

  li.sidemenu-border-bottom:last-child {
    border: none;
  }

  li.sidemenu-border-bottom.divider + li.sidemenu-border-bottom {
    border-bottom: 1px solid #c7c9cb;
  }

  div.sidemenu-top {
    padding-top: 55px;
  }

  div.mobileHeaderContainer {
    display: inline-block;
    float: right;
    text-align: right;
  }

  div.sideMenuMobile {
    display: inline-block;
    vertical-align: middle;
    padding-top: 3px;
  }

  .sidemenu-toggle .icon-bar {
    height: 3px;
    width: 25px;
  }

  .sidemenu-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
  }

  div.sidemenu-btn {
    display: inline-block;
    right: 68px;
    padding: 2px 5px;
    z-index: 100000;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    border: 1px solid #02bdae;
    font-size: 13px;
    font-weight: bold;
    min-width: 23px;
    text-align: center;
  }

  div.sidemenu-btn a {
    color: #02bdae;
  }

  #boxful-header-container {
    margin: 0;
  }

  /* end */
  div.footer-content {
    font-size: 12px;
  }

  /* hing 30/04*/
  div .boxful-footer {
    display: table-cell;
    width: 50%;
    text-align: center;
    padding: 10px 0;
    padding-bottom: 10px;
  }

  div .boxful-footer.first {
    width: 100%;
  }

  img.footer-logo {
    display: none;
  }

  div.footer-title {
    font-size: 13px;
    text-align: left;
    margin-bottom: 10px;
    color: #f7d33e;
    border-bottom: 1px solid;
  }

  div.footer-content div.footer-address {
    min-height: 0px;
  }

  div.footer-content div {
    text-align: left;
    padding-bottom: 0px;
  }

  div .boxful-footer-charity .wrapper a {
    padding: 5px 10px;
    width: 25%;
  }

  /*end*/
  #boxful-header {
    height: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  html[lang=en-gb] div #boxful-logo img.en-logo {
    max-width: 130px;
    padding-top: 2px;
  }
  html[lang=en-gb] div #boxful-logo img.en-logo.size-s {
    display: inline-block;
  }
  html[lang=en-gb] div #boxful-logo img.en-logo.size-xs, html[lang=en-gb] div #boxful-logo img.en-logo.size-m, html[lang=en-gb] div #boxful-logo img.en-logo.size-l {
    display: none;
  }

  html[lang=zh-tw] div #boxful-logo img.zh-logo {
    max-width: 140px;
    padding-top: 2px;
  }
  html[lang=zh-tw] div #boxful-logo img.zh-logo.size-s {
    display: inline-block;
  }
  html[lang=zh-tw] div #boxful-logo img.zh-logo.size-xs, html[lang=zh-tw] div #boxful-logo img.zh-logo.size-m, html[lang=zh-tw] div #boxful-logo img.zh-logo.size-l {
    display: none;
  }

  ul.boxful-footer-top {
    display: none;
  }

  div.footer-right {
    display: none;
  }

  div #boxful-footer-container {
    padding-bottom: 30px;
    width: 100%;
  }

  div .footer-right-title {
    padding: 5% 0 8%;
  }

  div .footer-right-title img {
    width: 70px;
  }

  div .boxful-footer-seen .wrapper p, div .boxful-footer-charity .wrapper p {
    font-size: 12px;
    padding-top: 15px;
  }

  div .boxful-footer-seen {
    padding: 25px 25px 0;
  }

  div .boxful-footer-charity {
    padding: 25px 25px;
  }

  div .boxful-footer-seen a.now {
    width: 56px;
    height: 32px;
  }

  div .boxful-footer-seen a.tvb {
    width: 81px;
    height: 24px;
  }

  div .boxful-footer-seen a.icable {
    width: 42px;
    height: 28px;
  }

  div .boxful-footer-seen a.unwire {
    width: 77px;
    height: 12px;
  }

  div .boxful-footer-seen a.techinasia {
    width: 101px;
    height: 15px;
  }

  div .boxful-footer-seen a.startups {
    width: 31px;
    height: 30px;
  }

  div .boxful-footer-seen a.wenweipo {
    width: 62px;
    height: 20px;
  }

  div .boxful-footer-seen a.hket {
    width: 31px;
    height: 30px;
  }

  div .boxful-footer-seen a.imoney {
    width: 95px;
    height: 11px;
  }

  /*
  div .boxful-footer-charity a.crossroads { width: 90px; height: 32px; }
  div .boxful-footer-charity a.foodangel { width: 49px; height: 27px; }
  div .boxful-footer-charity a.spacious { width: 91px; height: 18px; }
  */
  div .boxful-footer-seen .wrapper a, div .boxful-footer-seen .wrapper a:nth-child(1), div .boxful-footer-seen .wrapper a:nth-child(2), div .boxful-footer-seen .wrapper a:nth-child(3), div .boxful-footer-seen .wrapper a:nth-child(4) {
    margin: 8px 15px;
  }

  div .boxful-footer-charity .wrapper p {
    padding-top: 0px;
    margin-bottom: 0px;
    width: 100%;
  }

  div .open-hour {
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
  }

  div .contact-us img {
    width: 11px;
  }

  div .contact-us img {
    width: 14px;
  }

  div .contact-us img {
    padding-right: 5px;
  }

  div .social img {
    width: 21px;
    margin: 0 10px;
  }

  div.footer-left .social {
    display: block;
  }

  div .social {
    text-align: center;
    padding-top: 15px;
  }

  div .contact-us {
    padding-top: 10px;
  }

  body.gf-sidemenu-size-marginleft {
    left: auto;
    right: 215px;
  }

  #boxful-header-container {
    margin-top: 8px;
  }

  /*hing 20150722*/
  div .boxful-footer-charity .wrapper a.property_finder > img {
    padding: 0;
  }

  div .boxful-footer-charity .wrapper a > img {
    max-height: 32px;
    max-width: 100px;
  }

  /* end */
  div.footer-content div.footer-service-label {
    font-size: 9px;
  }

  /* contact us */
  div.footer-content div.link + div.link {
    padding-top: 8px;
  }

  div.boxful-footer-contact-us {
    font-size: 13px;
    padding: 20px 0;
  }

  div.boxful-footer-contact-us div.column-1,
div.boxful-footer-contact-us div.column-2,
div.boxful-footer-contact-us div.column-3,
div.boxful-footer-contact-us div.column-4 {
    width: 100%;
    text-align: center;
  }

  div.boxful-footer-contact-us img {
    transform: scale(0.6);
    padding-right: 1%;
  }

  div.boxful-footer-contact-us div.column-1 div.boxful-title {
    padding-left: 0;
    font-size: 15px;
  }

  div.boxful-footer-contact-us div.boxful-content {
    display: inline-block;
    padding: 10px 0;
  }

  div.boxful-footer-mobile {
    text-align: center;
  }

  div.boxful-footer-mobile div.boxful-content {
    max-width: 300px;
    margin: auto;
  }

  div#boxful-footer-container.boxful-footer-mobile {
    padding: 20px;
  }

  div.boxful-footer-mobile div.boxful-title {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 4px;
    padding-bottom: 15px;
  }

  div.boxful-footer-mobile div.boxful-content br {
    display: none;
  }

  div.boxful-footer-contact-us div.column-1.mobileShow,
div.boxful-footer-contact-us div.column-2.mobileShow,
div.boxful-footer-contact-us div.column-3.mobileShow,
div.boxful-footer-contact-us div.column-4.mobileShow {
    display: inline-block;
  }

  div.boxful-footer-contact-us div.column-3.mobileShow,
div.boxful-footer-contact-us div.column-4.mobileShow {
    width: 40%;
  }

  div.boxful-footer-contact-us div.column-1.mobileHide,
div.boxful-footer-contact-us div.column-2.mobileHide,
div.boxful-footer-contact-us div.column-3.mobileHide,
div.boxful-footer-contact-us div.column-4.mobileHide {
    display: none;
  }

  div.boxful-footer.mobileHide {
    display: none;
  }

  div.social.mobileShow {
    margin: auto;
    padding-bottom: 20px;
  }

  /* end */
}
@media screen and (max-width: 370px) {
  html[lang=en-gb] div #boxful-logo img.en-logo {
    max-width: 120px;
  }
  html[lang=en-gb] div #boxful-logo img.en-logo.size-xs {
    display: inline-block;
  }
  html[lang=en-gb] div #boxful-logo img.en-logo.size-s, html[lang=en-gb] div #boxful-logo img.en-logo.size-m, html[lang=en-gb] div #boxful-logo img.en-logo.size-l {
    display: none;
  }

  html[lang=zh-tw] div #boxful-logo img.zh-logo {
    max-width: 120px;
  }
  html[lang=zh-tw] div #boxful-logo img.zh-logo.size-xs {
    display: inline-block;
  }
  html[lang=zh-tw] div #boxful-logo img.zh-logo.size-s, html[lang=zh-tw] div #boxful-logo img.zh-logo.size-m, html[lang=zh-tw] div #boxful-logo img.zh-logo.size-l {
    display: none;
  }

  div.sideMenuMobile {
    padding-top: 0;
  }

  div#sideMenu {
    min-width: 220px;
    font-size: 12px;
  }

  .sidemenu-toggle .icon-bar {
    height: 2px;
    width: 20px;
  }

  .sidemenu-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }

  div.sidemenu-btn {
    font-size: 9px;
  }

  /* For location switch - start */
  #side_menu_site_location_container .side_menu_site_location .location_name {
    font-size: 12px;
  }

  /* For location switch - end */
}
/* new side menu styles */
#sideMenu .side-menu-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 0 10px;
}
#sideMenu .side-menu-nav a.side-log-in {
  border: 2px solid #00c4b3;
  border-radius: 99em;
  font-size: 14px;
  font-weight: bold;
  color: #00c4b3;
  display: inline-block;
  padding: 4px 22px;
}
#sideMenu .side-menu-sub-title {
  margin-top: 16px;
  padding: 14px 20px 0;
  font-size: 18px;
  font-style: italic;
}
#sideMenu .side-menu-sub-title.yellow {
  color: #d3b022;
  background: #fef9e5;
}
#sideMenu .side-menu-sub-title.green {
  color: #00c4b3;
  background: #e9f8f7;
}
#sideMenu .sidemenu li {
  padding: 10px 20px 4px;
}
#sideMenu .sidemenu li.fl-nav {
  float: left;
  border-top: 1px solid #c7c9cb;
  border-bottom: 1px solid #c7c9cb;
  padding: 10px 0;
  text-align: center;
}
#sideMenu .sidemenu li.fl-nav.f-left {
  margin-left: 20px;
}
#sideMenu .sidemenu li.fl-nav.f-center {
  padding: 10px 38px;
}
#sideMenu .sidemenu li.fl-nav.f-right {
  margin-right: 20px;
  padding-right: 10px;
  float: right;
}
#sideMenu .sidemenu li.nav-last {
  padding-bottom: 14px;
}
#sideMenu .sidemenu li.side-nav-tel {
  padding-top: 14px;
  clear: both;
}
#sideMenu .sidemenu li.side-nav-tel a {
  display: block;
  background: #00c4b3 url(/images/new-home/phone-04.png) no-repeat 54px center;
  background-size: 14px;
  border-radius: 99em;
  color: #fff;
  text-align: center;
  padding: 6px 0 5px;
}
#sideMenu .sidemenu li.nav-side-mail {
  padding-top: 8px;
  clear: both;
}
#sideMenu .sidemenu li.nav-side-mail a {
  display: block;
  background: #00c4b3;
  border-radius: 99em;
  color: #fff;
  text-align: center;
  padding: 6px 0 5px;
}
#sideMenu .sidemenu li.nav-side-out {
  padding-top: 8px;
  clear: both;
}
#sideMenu .sidemenu li.nav-side-out a {
  display: block;
  border: 2px solid #00c4b3;
  border-radius: 99em;
  color: #00c4b3;
  text-align: center;
  padding: 4px 0 3px;
}
#sideMenu .sidemenu li:last-child div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sideMenu .sidemenu li:last-child div span a img {
  width: 32px;
}
#sideMenu .sidemenu li.sub-title {
  padding: 14px 20px 0;
}
#sideMenu .sidemenu li.sub-title > div > a {
  font-size: 18px;
  font-style: italic;
  color: #d3b022;
  padding-left: 0;
}
#sideMenu .sidemenu li.sub-title > div ul, #sideMenu .sidemenu li.sub-title > div li, #sideMenu .sidemenu li.sub-title > div a {
  padding-left: 0;
}
#sideMenu .menu-new .sidemenu li.has-bg {
  background: #fef9e5;
}
#sideMenu .menu-new .sidemenu li.used {
  display: none;
}
#sideMenu .menu-new.locker .sidemenu li.self-service-lockers {
  display: block;
  background: #fef9e5;
}
#sideMenu .menu-boxes .sidemenu li.has-bg {
  background: #e9f8f7;
}
#sideMenu .menu-boxes .sidemenu li.unused {
  display: none;
}
#sideMenu .menu-boxes .sidemenu li.sub-title > div > a {
  color: #00c4b3;
}
#sideMenu .menu-boxes .sidemenu li.self-service-lockers {
  display: block;
  background: #fef9e5;
}
#sideMenu .menu-xl .sidemenu li.has-bg {
  background: #fef9e5;
}
#sideMenu .menu-xl .sidemenu li.unused, #sideMenu .menu-xl .sidemenu li.only-item {
  display: none;
}
#sideMenu .menu-xl .sidemenu li.self-service-lockers {
  display: block;
  background: #e9f8f7;
}

@media screen and (max-width: 767px) {
  #sideMenu .side-menu-nav {
    padding: 0 20px;
  }
  #sideMenu .side-menu-sub-title {
    padding: 14px 20px 0 30px;
    font-size: 12px;
  }
  #sideMenu .sidemenu li.fl-nav.f-center {
    padding: 10px 28px;
  }
  #sideMenu .sidemenu li.sub-title {
    padding: 14px 20px 0 30px;
  }
  #sideMenu .sidemenu li.sub-title > div > a {
    font-size: 12px;
  }
}

/*# sourceMappingURL=boxful-menu-sass.css.map */