/*START: font*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap');

@font-face {
 font-family: 'Glyphicons Halflings';
 src: url('https://ch-api.healthhub.sg/api/public/content/980eefc0ba3e4c24bea897ebed6fa1a2?v=5b81d820') format('woff2'),
   url('https://ch-api.healthhub.sg/api/public/content/6089c0b7919b4b7d8ca51db0efdaa8a7?v=3fbe0167') format('svg'),
   url('https://ch-api.healthhub.sg/api/public/content/60de0d5679b94071b27e1423effd7901?v=ba746114') format('ttf'),
   url('https://ch-api.healthhub.sg/api/public/content/514f8bb757c74b3cb4dfac5f3f1eef0f?v=37dd687c') format('woff'),
   url('https://ch-api.healthhub.sg/api/public/content/be5137473e984b6084ac54bc9d35503a?v=3d59aada') format('woff2');
}
@font-face {
 font-family: 'Roboto-Regular';
 src: url("https://ch-api.healthhub.sg/api/public/content/a681bfe21fad4c5fb3360bb74389e2d4?v=1c324555");
 src: url("https://ch-api.healthhub.sg/api/public/content/a681bfe21fad4c5fb3360bb74389e2d4?v=1c324555?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/d7f6e490795a4ca0a1ef08ec7ac1dacd?v=778c8bc0") format("woff2"), url("../fonts/Roboto/Roboto-Regular.woff") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/80a13cbd5a4b4815be8b9ce136625765?v=19185e9a") format("truetype"), url("../fonts/Roboto/Roboto-Regular.svg#Roboto-Regular") format("svg");
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: 'Roboto-Bold';
 src: url("https://ch-api.healthhub.sg/api/public/content/1d068147215e49519a90d27892f00644?v=57ead3b9");
 src: url("https://ch-api.healthhub.sg/api/public/content/1d068147215e49519a90d27892f00644?v=57ead3b9?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/a1d90636ee624021a941bc78ef876df0?v=b35fa240") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/71c9f907fb3a40a2b92a6cd3f356bbff?v=786edfd6") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/0238e84437054645813f2e5604160adc?v=9eb27eb4") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/dfd803e7c9e54926b2b6ef290d8c46d0?v=cc259d89#Roboto-Bold") format("svg");
 font-weight: bold;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'robotoblack';
 src: url('https://ch-api.healthhub.sg/api/public/content/c82aa473a09b4e6a8f4b41513059a289?v=bcc533af') format('woff2'),
      url('https://ch-api.healthhub.sg/api/public/content/4c94ef2a14a7498ca4bf02b8520f42de?v=5bf842b0') format('woff');
 font-weight: normal;
 font-style: normal;

}
@font-face {
 font-family: 'cocogooselight';
 src: url('https://ch-api.healthhub.sg/api/public/content/527ee5772a18475d9e9b7b0fcb40d406?v=4b6f6f0c') format('woff2'),
      url('https://ch-api.healthhub.sg/api/public/content/17efa52068ce49739a1da5eb4a96b275?v=47acbd1a') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'cocogooseregular';
 src: url('https://ch-api.healthhub.sg/api/public/content/1cd0db13820b4dbea39a38c02cc80d92?v=6703317f') format('woff2'),
      url('https://ch-api.healthhub.sg/api/public/content/df4fe9358e8746aa95df5858be8e9fa2?v=42e1e825') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'tw_cen_mt_stdbold';
 src: url('https://ch-api.healthhub.sg/api/public/content/7d396f30ee0e442583e45324c5f7b3d0?v=b8561ea3') format('woff2'),
      url('https://ch-api.healthhub.sg/api/public/content/cc97bbc488854bf29b1df7d77bad4846?v=fb6f3bfb') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'cocogooselight';
 src: url('https://ch-api.healthhub.sg/api/public/content/527ee5772a18475d9e9b7b0fcb40d406?v=4b6f6f0c') format('woff2'),
      url('https://ch-api.healthhub.sg/api/public/content/17efa52068ce49739a1da5eb4a96b275?v=47acbd1a') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'cocogooseregular';
 src: url('https://ch-api.healthhub.sg/api/public/content/1cd0db13820b4dbea39a38c02cc80d92?v=6703317f') format('woff2'),
      url('https://ch-api.healthhub.sg/api/public/content/df4fe9358e8746aa95df5858be8e9fa2?v=42e1e825') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'BerkshireSwash-Regular';
 src: url("https://ch-api.healthhub.sg/api/public/content/24b7db2fae1f47d3ba0df4a415ce96c3?v=19df0cd7");
 src: url("https://ch-api.healthhub.sg/api/public/content/24b7db2fae1f47d3ba0df4a415ce96c3?v=19df0cd7?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/cffc7036027e4abfaa0e18719960ea20?v=0049c4c3") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/621248e0effc4b949d1236c1004555f3?v=4758a45d") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/9dc845f720ec447d9523c7a218037742?v=37e1e941") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/13bd4bf03bb84d0f953002a997687585?v=159f646e#BerkshireSwash-Regular") format("svg");
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'montserratbold';
 src: url('https://ch-api.healthhub.sg/api/public/content/9cc8e21579444c2d84052fc65d661ad8?v=b006e3a6') format('woff2'),
      url('https://ch-api.healthhub.sg/api/public/content/3be099c549b94b4b973f09c263ff6ba5?v=5bf12eb7') format('woff');
 font-weight: normal;
 font-style: normal;

}
@font-face {
 font-family: 'montserratlight';
 src: url('https://ch-api.healthhub.sg/api/public/content/6b41f8483faa45d483b777a0635bc06d?v=2283845c') format('woff2'),
      url('https://ch-api.healthhub.sg/api/public/content/a44864a79aea43579dc2ce235c2fff6f?v=19b28c72') format('woff');
 font-weight: normal;
 font-style: normal;

}
@font-face {
 font-family: 'montserratregular';
 src: url('https://ch-api.healthhub.sg/api/public/content/2511fbc95ac042a48f94e373926edc52?v=100d2585') format('woff2'),
      url('https://ch-api.healthhub.sg/api/public/content/2f735dd944d248b8ab0ed5a0cc2ccced?v=aa07fd4a') format('woff');
 font-weight: normal;
 font-style: normal;

}
@font-face {
 font-family: 'montserratsemibold';
 src: url('https://ch-api.healthhub.sg/api/public/content/ba466ae0cb1145e1a717f6ce4b84255f?v=bb3fa55e') format('woff2'),
      url('https://ch-api.healthhub.sg/api/public/content/df5098d0fa384d6fba841430de95130c?v=1a2f2e94') format('woff');
 font-weight: normal;
 font-style: normal;

}


/*START: hpb template*/
.temp-template {
 padding-left: 0 !important;
 padding-right: 0 !important;
}

.programme_site p,
.microsite {
 line-height: 1.4 !important;
 font-size: inherit;
}

@media only screen and (min-width: 1441px) {

 .programme_site p,
 .microsite {
   line-height: 1.4 !important;
 }
}

@media only screen and (max-width: 991px) {

 .programme_site p,
 .microsite {
   line-height: 1.2 !important;
 }
}

@media only screen and (max-width: 768px) {

 .programme_site p,
 .microsite {
   line-height: 1.4 !important;
 }
}

@media only screen and (max-width: 576px) {

 .programme_site p,
 .microsite {
   line-height: 1.3 !important;
 }
}

@media only screen and (max-width: 414px) {
 .programme_site p,
 .microsite {
   line-height: 1.3 !important;
 }
}

body, html {
 height: 100%;
 }
.bg-parallax {
    /* The image used */
    background-image: url('https://ch-api.healthhub.sg/api/public/content/f0c11b9f197744998823a94df3f7f438?v=bfe48cf5');

    /* Full height */
    height: 100%; 
    width: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 67.3% 98%;
    top: 0;
    left: 0;
    position: absolute;
}


/*END: hpb template*/
.border-rad16 { border-radius: 16px;}
.bg-white {background-color: #fff !important;}
.bg-gold {background: linear-gradient(0deg, #DEC079, #DEC079), #FFFFFF;}
.bg-green {background: #034B3C !important;}
.bg-darkgreen {
 background: #063630 !important;
}

.f-white {
 color: white !important;
}
.f-gold {
 color: #dec079 !important;
}
.f-green {
 color: #145729 !important;
}
.f-darkgreen {
 color: #063630 !important;
}
.f-black {color: #000 !important;}
.f-roboto-regular {
 font-family: 'Roboto-Regular' !important;
}
.fcocogoose { font-family: 'cocogooseregular';}
.fTWCent {font-family:'tw_cen_mt_stdbold' ;}
.f-roboto-bold {font-family: 'Roboto-Bold' !important;}
.f-robot-black {font-family: 'robotoblack' !important;}
.fMontserrat { font-family: 'montserratregular', sans-serif !important;}

.f-heading {font-family: 'BerkshireSwash-Regular' !important;}
.f1 {
 font-size: 21px !important;
}

.f2 {
 font-size: 16px !important;
}

.f3 {
 font-size: 15px !important;
}

.f4 {
 font-size: 13px !important;
}
.f12 {
 font-style: normal;
 font-weight: 400;
 font-size: 12px;
 line-height: 18px;

}
.f14 {
 font-style: normal;
 font-size: 14px;
 line-height: 24px;

}
.f22 {
 font-size: 22px !important;
 line-height: 26px !important;
}
.f24 {
 font-size: 24px !important;
 line-height: 24px !important;
}
.f28 {
 font-weight: 700 !important;
 font-size: 28px !important;
}
.f32 {
 font-weight: 700 !important;
 font-size: 32px !important;
}

.f38 {
 font-weight: 700 !important;
 font-size: 38px !important;
}
.f40 {
 font-size: 40px !important;
 line-height: 48px !important;
}
.f56 {
 font-size: 56px !important;
 line-height: 50px !important;
}

.visible-768 {
 display: none;
}
.hidden-768 {
 display: block;
}

.v-ready{
 display: none;
}
.h-rdy {
 display: block;
}

.marginTopBottom40 {
 margin-top: 40px;
 margin-bottom: 40px;
}

.marginTop15 {
 margin-top: 15px !important;
}
.marginBot15 {
 margin-bottom: 15px !important;
}
.marginTop35 {
 margin-top: 35px !important;
}

.marginBot35 {
 margin-bottom: 35px;
}

.marginTop50 {
 margin-top: 50px !important;
}
.marginTop55 {
 margin-top: 55px !important;
}
.marginTop150 {
 margin-top: 150px;
}
.marginBottom0 {margin-bottom: 0 !important;}
.marginBottom100 {
 margin-bottom: 100px;
}

.marginBottom150 {
 margin-bottom: 150px;
}

.nopadding { padding: 0 !important;}
.padTop30 {padding-top: 30px;}
.padTop40 {padding-top: 40px;}
.paddingTB40 {
 padding-top: 40px;
 padding-bottom: 40px;
}
.padBot30 {padding-bottom: 30px;}
.padBot40 {padding-bottom: 40px;}

.bottom0 {
 bottom: 0 !important;
}
.p-relative {position: relative;}
.p-absolute {position: absolute;}
.brdr-radall4 { border-radius: 4px;}
.brdr-radall8 { border-radius: 8px;}
.txt-center { text-align: center;}
.img-center {display: block;margin: 0 auto;}
.w900 { width: 900px; margin-left: auto; margin-right: auto;}
.w1050 { width: 1050px; margin-left: auto; margin-right: auto;}
.mb-white-space {white-space: nowrap;}
.white-space {white-space:normal ;}
/*START: Ramandan*/
.hpb-container.hpb-korang sup {
   font-size: 58% !important;
   top: -0.6896551724em !important;
}
.hpb-container.hpb-korang {
 font-size: 16px;
 font-family: "Roboto-Regular", Arial, Helvetica, sans-serif !important;
 color: #FFF;
 padding: 0 !important;
 position: relative;
}

.hpb-container.hpb-korang p {
 margin-bottom: 23px;
}

.hpb-container.hpb-korang .nowrap {
 white-space: nowrap;
}
.hpb-container.hpb-korang hr {
 height:1px;border-width:0;background-color:#dec079; width: 50%;
 margin-top: 30px;
 margin-bottom: 20px;
}
.hpb-container.hpb-korang .flexrow {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

.hpb-container.hpb-korang .flexbox {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}

.hpb-container.hpb-korang .align-center {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}

.hpb-container.hpb-korang .align-end {
 -webkit-box-align: flex-end;
 -ms-flex-align: flex-end;
 align-items: flex-end;
}

.hpb-container.hpb-korang .align-start {
 -webkit-box-align: flex-start;
 -ms-flex-align: flex-start;
 align-items: flex-start;
}

.hpb-container.hpb-korang .justify-between {
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}

.hpb-container.hpb-korang .justify-center {
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
}

.hpb-container.hpb-korang.korang-bg {
 /* background-image: url('https://ch-api.healthhub.sg/api/public/content/9ba6429d51e84bca83a49b2fc5d47f0d?v=e8548dc9'); */
 background-repeat: no-repeat;
 background-size: cover;
}

.hpb-container.hpb-korang .section {
 position: relative;
 padding-left: 15px;
 padding-right: 15px;
}

.hpb-container.hpb-korang .section.footer-section {
 overflow: hidden;
}

.hpb-container.hpb-korang .width-auto {
 width: 100%;
 margin: 0 auto;
}

.hpb-container.hpb-korang .pattern {
 position: absolute;
 width: 100%;
}

.hpb-container.hpb-korang .pattern.diamond {
 max-width: 40px;
}

.hpb-container.hpb-korang .pattern.diamond.img1 {
 bottom: 0;
 left: 0;
}

.hpb-container.hpb-korang .pattern.diamond.img2 {
 top: 0;
 right: 0;
}
.hpb-container.hpb-korang .pattern.diamond.img3 {
 bottom: -60px;
 left: 0;
}
.hpb-container.hpb-korang .pattern.diamond.img4 {
 top: 0;
 right: 0;
}

.hpb-container.hpb-korang .pattern.diamond.img5 {
 bottom: 0;
 left: -100px;
}

.hpb-container.hpb-korang .pattern.diamond.img6 {
 top: 0;
 right: -80px;
}
.hpb-container.hpb-korang .pattern.diamond.img7 {
 bottom: 0;
 left: 0;
}
.hpb-container.hpb-korang .pattern.diamond.img8 {
 top: 50px;
 left: 50px;
}
.hpb-container.hpb-korang .pattern.diamond.img9 {
 bottom: 0;
 left: 0;
}
.hpb-container.hpb-korang .pattern.diamond.img10 {
 bottom: -50px;
 right: 30px;
}
.hpb-container.hpb-korang .pattern.diamond.img11 {
 top: 0;
 right: 130px;
}

.hpb-container.hpb-korang .pattern.diamond.img12 {
 top: 10%;
 right: 30px;
}

.hpb-container.hpb-korang .pattern.diamond.img13 {
 top: 50px;
 left: 100px;
}

.hpb-container.hpb-korang .pattern.diamond.img14 {
 bottom:-50px;
 right: 50px;
}

.hpb-container.hpb-korang .pattern.diamond.img15 {
 bottom: -50px;
 left: 0;
}

.hpb-container.hpb-korang .pattern.diamond.img16 {
 top: 20px;
 left: -100px;
}
.hpb-container.hpb-korang .pattern.diamond.img17 {
 bottom: -100px;
 right: -100px;
}
.hpb-container.hpb-korang .pattern.diamond.img18 {
 bottom: -80px;
 left: 50px;
}

.hpb-container.hpb-korang .pattern.latern.img1{
 max-width: 65px;
 top:0;
 left:30px;
}

.hpb-container.hpb-korang .pattern.latern.img2 {
 max-width: 35px;
 top:0;
 left:110px;
}

.hpb-container.hpb-korang .pattern.latern.img3 {
 max-width: 35px;
 top:0;
 right:100px;
}

.hpb-container.hpb-korang .pattern.latern.img4 {
 max-width: 65px;
 top:0;
 right:30px;
}

.hpb-container.hpb-korang .section-language {
 max-width: 1082px;
 padding: 46px 15px 44px 15px;
}

.hpb-container.hpb-korang .section-language .wrapper {
 border-radius: 15px;
 background-color: #dec079;
 padding: 5px;
 width: 100%;
 max-width: 154px;
 margin-left: auto;
 margin-right: 0;
}

.hpb-container.hpb-korang .section-language .wrapper .taeb-switch {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
}

.hpb-container.hpb-korang .section-language .wrapper .taeb-switch:after {
 content: "";
 position: absolute;
 width: 50%;
 top: 0;
 transition: left cubic-bezier(.88, -.35, .565, 1.35) .4s;
 border-radius: 10px;
 box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .1);
 background-color: #114c3b;
 height: 100%;
 z-index: 0;
}

.hpb-container.hpb-korang .section-language .wrapper .taeb-switch.left:after {
 left: 0;
}

.hpb-container.hpb-korang .section-language .wrapper .taeb-switch.right:after {
 left: 50%;
}

.hpb-container.hpb-korang .section-language .wrapper .taeb-switch .taeb {
 display: inline-block;
 width: 50%;
 padding: 3px 0;
 z-index: 1;
 position: relative;
 cursor: pointer;
 transition: color 200ms;
 font-size: 13px;
 line-height: normal;
 color: #145729;
}

.hpb-container.hpb-korang .section-language .wrapper .taeb-switch .taeb.active {
 color: #ffffff;
}

.hpb-container.hpb-korang .section-masthead {
 max-width: 970px;
}

.hpb-container.hpb-korang .section-masthead .korang-logo {
 max-width: 589px;
}

.hpb-container.hpb-korang .contents .tabs-dropdown {
 display: none;
}
.mb-menu {position: relative;}
.hpb-container.hpb-korang .contents .tabs-dropdown::after {
 position: absolute;
   top: 50%;
   transform: translate(10px, -50%);
   right: 20px;
}

.mb-menu img {position: relative;}
.show-hamburger {
 position: sticky;
   top: 0;
   z-index: 1001;
   
}

.show-hamburger .nav-grid {
 opacity: 0;
 height: 0;
 pointer-events: none;
 background: linear-gradient(0deg, #DEC079, #DEC079), #FFFFFF;
}

.show-hamburger.is-open .nav-grid {
 opacity: 1;
 height: auto;
 pointer-events: all;
 transition: all 0.5s ease-in-out;
}

.hpb-container.hpb-korang .contents .tabs-dropdown::after {
 content: "";
 background:  url(https://ch-api.healthhub.sg/api/public/content/cf2a20651fde430b9072a720334adb02?v=15095073) no-repeat center top;
 width: 21px;
 height: 21px;
 font-family: "Glyphicons Halflings";
 display: block;
 float: right;

}

.hpb-container.hpb-korang .contents .tabs-dropdown.xmark::after {
 content: "";
 background:  url(https://ch-api.healthhub.sg/api/public/content/68b0bb7ff88e41e891bb60f9118441d4?v=3d76ac06) no-repeat center top;
 width: 21px;
 height: 21px;
 font-family: "Glyphicons Halflings";
 display: block;
 float: right;
 background-size: contain;

}



.hpb-container.hpb-korang .contents .mobile-tabs {
 background-color: #145729;
 border-bottom: 1px solid #dec079;
 border-top: 1px solid #dec079;
}

.hpb-container.hpb-korang .contents .mobile-tabs>li {
 border-right: 1px solid #dec079;
}

.hpb-container.hpb-korang .contents .mobile-tabs>li a {
 font-family: 'Roboto-Bold';
 border: 0px solid transparent;
 border-radius: 0px;
 color: #FFF;
 text-align: center;
}
.hpb-container.hpb-korang .contents .mobile-tabs>li a:hover,
.hpb-container.hpb-korang .contents .mobile-tabs>li a:focus,
.hpb-container.hpb-korang .contents .mobile-tabs>li a:active {
 color: #dec079;
 background-color: #145729;
 border: 1px solid transparent;
 border-bottom-color: transparent;
}

.hpb-container.hpb-korang .contents .mobile-tabs>li.active a,
.hpb-container.hpb-korang .contents .mobile-tabs>li.active a:hover,
.hpb-container.hpb-korang .contents .mobile-tabs>li.active a:active,
.hpb-container.hpb-korang .contents .mobile-tabs>li.active a:focus {
 color: #145729;
 background-color: #dec079;
 border: 1px solid transparent;
 border-bottom-color: transparent;
}

.hpb-container.hpb-korang .contents .section-contents {
 padding-left: 3em;
 padding-right: 3em;
}
.hpb-container.hpb-korang .contents .slick-wrap {
 padding-left: 25px;
}
.hpb-container.hpb-korang .contents .slick-wrapper .bullet {
 display: inline-block;
 font-size: 0.875em;
 line-height: 1.14286;
 width: 1.14286em;
 height: 1.14286em;
 border-radius: 50%;
 background-color: transparent;
 border: 1px solid #dec079;
 vertical-align: middle;
 text-align: center;
}
.hpb-container.hpb-korang .contents .slick-wrapper .bullet-wrapper .i-slick.active .bullet {
 background-color: #dec079;
}
.hpb-container.hpb-korang .contents .slide-heading {
 padding: 10px 5px;
}
.hpb-container.hpb-korang .contents .slick-wrapper .slide-caption {
 padding: 0px 5px 10px 5px;
}

.hpb-container.hpb-korang .contents .tab-content {
 position: relative;
}
.hpb-container.hpb-korang .contents .tab-content>.tab-pane {
 padding-left: 30px;
 padding-right: 30px;
 position: relative;
 border: 1px solid transparent;
}
.hpb-container.hpb-korang .contents .section-divider {
 max-width: 927px;
}

.hpb-container.hpb-korang .contents a.hpb-korang-btn,
.hpb-container.hpb-korang .contents a.hpb-korang-btn:hover,
.hpb-container.hpb-korang .contents a.hpb-korang-btn:active,
.hpb-container.hpb-korang .contents a.hpb-korang-btn:focus{
 display: inline-block;
 text-decoration: none !important;
 padding: 10px 26px;
 border-radius: 15px;
 background-color: #dec079;
 color: #145729;
 margin-top: 15px;
}
.hpb-container.hpb-korang .contents .hpb-korang-footer {
 max-width: 630px;
}
.hpb-container.hpb-korang .contents .mosque {
 max-width: 20%;
 width: 100%;
 right:3%;
 bottom: 0px;
 position: absolute;
}
.hpb-container.hpb-korang .disabled {
 pointer-events: none;
 cursor: default;
}
.hpb-container.hpb-korang .w-47 {
 width: 47%;
}
.hpb-container.hpb-korang .contents .bdr-gold {
 border: 1px solid #dec079;
 margin-bottom: 10px;
}
.hpb-container.hpb-korang .contents .bdr-right-gold {
 border-right: 1px solid #dec079;
}
.hpb-container.hpb-korang .contents .bdr-radius{
 border-radius: 20px;
}
.hpb-container.hpb-korang .maxWidth765 {
 max-width: 765px;
 position: relative;
}
.hpb-container.hpb-korang .maxWidth902 {
 max-width: 902px;
}
.hpb-container.hpb-korang .maxWidth1100 {
 max-width: 1100px;
}
.hpb-container.hpb-korang .section-video {
 max-width: 1150px;
}
.hpb-container.hpb-korang .maxWidth922 {
 max-width: 922px;
}
.hpb-container.hpb-korang .maxWidth767 {
 max-width: 767px;
 position: relative;
}
.hpb-container.hpb-korang .maxWidth533 {
 max-width: 590px;
 padding-left: 3em;
 padding-right: 3em;
 position: relative;
}
.hpb-container.hpb-korang .maxWidth630 {
 max-width: 630px;
 padding-left: 3em;
 padding-right: 3em;
 position: relative;
}
.hpb-container.hpb-korang .maxWidth446 {
 max-width: 446px;
 padding-left: 15px;
 padding-right: 15px;
}
.hpb-container.hpb-korang .fruit-infused-video-container {
 margin-top: 20px;
 margin-bottom: 30px;
 overflow: hidden;
}
.hpb-container.hpb-korang .modal-header {
 padding: 0px;
 border-bottom: 0px solid transparent;
 position: relative;
}
.hpb-container.hpb-korang .modal-header .closewrap {
 position: absolute;
 z-index: 999;
 right: -20px;
 top: -20px;
}
.hpb-container.hpb-korang .modal-dialog {
 max-width: 800px;
 width: 100%;
 margin: 5% auto;
 padding: 0 20px;
}
.hpb-container.hpb-korang .modal-content {
 background-color: #000;
}
.hpb-container.hpb-korang .modal-body {
 background-color: #000;
 padding: 30px 0px 0px 0px;
}
.hpb-container.hpb-korang .reminder-item {
 overflow: hidden;
 margin-top: -38px;
}
.hpb-container.hpb-korang img.reminder-img {
 max-width: 120px;
 width: 100%;
 margin: 0 auto;
}
.hpb-container.hpb-korang .reminder-item .slide-heading {
 padding: 42px 5px 15px 5px;
}
.hpb-container.hpb-korang .reminder-item .event-info {
 padding: 25px 5px;
}
.hpb-container.hpb-korang .reminder-item .event-info span {
 display: block;
 margin-bottom: 10px;
}
.hpb-container.hpb-korang .reminder-item .event-info span:last-child {
 margin-bottom: 0px;
}

.hpb-container.hpb-korang .dl-container a{
 width: 288px;
 padding: 10px;
}
.hpb-container.hpb-korang .intro-wrapper {
 padding-left: 12em;
 padding-right: 12em;
}
.hpb-container.hpb-korang .img-risk-assessment {
 padding-left: 30px;
}

/* NEW STYLES */
.tbl-style-1 thead tr td{
 background: #034B3C;
 font-weight: 700;
}
.tbl-style-1 tr td{
 font-family: 'Roboto-Regular';
 color: #fff;
 font-size: 16px;
 line-height: 32px;
}

.gold-btn {
 background-color: #dec079;
 border-radius: 15px;
 border: none;
 box-shadow: none;
 color: #0B5629;
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-weight: 700;
 font-size: 16px;
 outline: none;  
 padding: 21px 26px;
}
.nh-section {
 width: 815px;
 margin: 0 auto;
}
.announcment-wrap {
 margin: 4px 0 10px 0;
 /* display: flex; */
 flex-flow: row nowrap;
 justify-content: center;
 padding-left: 0 !important;
 padding-right: 0 !important;
 
}
.announcment-wrap .pattern-deco {
 width: 129.34px;
 height: 202.58px;
} 
 
.pdeco-right {
 transform: scaleX(-1);
}

.heading {display: block; margin: 0 auto; text-align: center; padding: 10px 20px;position: relative;}
.announcment-bar {
 padding: 12px 170px;
 background: linear-gradient(0deg, #DEC079, #DEC079), #FFFFFF;
 border-radius: 8px;
 text-align: center;
 color: #0B5629;

}
.video-frame {

 margin-left: auto;
 margin-right: auto;
}
.home-content { text-align: center;}
.home-content h2 {
 font-family: 'cocogooseregular';
 font-style: normal;  
 font-size: 32px;
 line-height: 44px;
}
.home-content p {
 font-style: normal;
 font-weight: normal;
 font-size: 16px;
 line-height: 24px;
 padding: 0 120px;
}

.home-content p[data-key="dh-copy"] { 
 color: #B88E2B !important;
 font-family:'tw_cen_mt_stdbold' !important;
 font-style: normal;
 font-weight: 700;
 font-size: 32px;
 line-height: 28px;
}
.announcment-bar h3 {
 font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 28px;
 line-height: 32px;
}
.announcment-bar p {
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-weight: normal;
 font-size: 24px;
 line-height: 36px;
} 
 
.highlights-wrap {
 border-radius:  8px ;
 border:solid 1px #DEC079;
 background-color: #063630;
 display: flex;
 justify-content: center;
 margin-left: auto;
 margin-right: auto;
 padding-left: 65px !important;
 padding-right: 65px !important;

}
.highlights-content { margin: 50px auto 40px auto;}
.highlights-content h3 {
 color: #DEC079;
 font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 28px;
 line-height: 36px;
 margin: 0 0 20px 0;

}
.highlights-content ul li {
 font-family: 'Roboto-Regular';
 font-size: 18px;
 line-height: 36px;
}

.collapsible, .inner-collapsible {
 cursor: pointer;
 border: none;
  font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 18px;
 padding: 18px;
 outline: none;
 text-align: left;
 width: 100%;
 
}
.collapsible {
 color: #0B5629;
 background: linear-gradient(0deg, #DEC079, #DEC079), #FFFFFF;
 border-radius: 8px;
 display: flex;
 flex-flow: row;
 justify-content: space-between;
 align-items: center;
}
.inner-collapsible {
 color: #DEC079;
 border: 1px solid #DEC079;
 border-radius: 8px;
 background: #063630;
}

.inner-collapsible span {
 width: 95%;
}

/* .open, .collapsible:hover {
 background-color: transparent;
} */

.collapsible:after,  .inner-collapsible:after{
 background-size: contain;
 content: "";
 display: flex;
 float: right;
 width: 36px;
 height: 36px;
 display: block;

 -webkit-transition: 0.6s ease-out;
 -moz-transition:  0.6s ease-out;
 transition:  0.6s ease-out;
}

.collapsible:after {
 background: url(https://ch-api.healthhub.sg/api/public/content/e8cbd119d6b348d8bc47924a3df39f12?v=423e8a4e) no-repeat center top;
 -webkit-transform: rotateZ(180deg);
     -moz-transform: rotateZ(180deg);
     transform: rotateZ(180deg);
 float: right;
}
.collapsible.open:after {
 background: url(https://ch-api.healthhub.sg/api/public/content/e8cbd119d6b348d8bc47924a3df39f12?v=423e8a4e) no-repeat center top;
 -webkit-transform: rotateZ(0deg);
     -moz-transform: rotateZ(0deg);
     transform: rotateZ(0deg);
}

.inner-collapsible:after{
 background: url(https://ch-api.healthhub.sg/api/public/content/558a13020b094c0ab37917df6d649850?v=266dc74e) no-repeat center top;
}

.inner-collapsible.open:after {
 background: url(https://ch-api.healthhub.sg/api/public/content/a9f8d22fed504ec193e3c06d91e3e873?v=bbd083cd) no-repeat center top;
 -webkit-transform: rotateZ(180deg);
     -moz-transform: rotateZ(180deg);
     transform: rotateZ(180deg);
}
.content, .inner-coll-content-wrap {
 padding: 0;
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.2s ease-out;
 position: relative;
 z-index: 1;
 /* margin-bottom: 24px; */

}
.collapse-wrap {
 width: 1050px;
 margin: 50px auto;
}
.collapse-wrap .content-holder {
 text-align: center; 
 margin: 43px auto 0 auto;
 width: 753px; 
}
.collapse-wrap .content-holder h3, .inner-coll-content h3 {
 font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 40px;
 line-height: 44px;
 text-align: center;
 margin: 0 0 0px 0;
}
/* .collapse-wrap .content-holder h3 {
 font-family: 'cocogooseregular';
} */
#iquit-sec .content-holder h2  {
 font-family: 'cocogooseregular';
 font-style: normal;
 font-weight: 400;
 font-size: 40px;
 line-height: 44px;
}
#jls .box-w-diamond h2 {
 font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 28px;
 line-height: 44px;
 text-align: center;
}
.collapse-wrap .content-holder p, .inner-coll-content p {
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-weight: normal;
 font-size: 16px;
 line-height: 24px;
 text-align: center;
}
.inner-coll, .box-w-diamond {
 width: 900px;
 margin: 41px auto 0;
}

#wrs .inner-coll-content {
 width: 700px;
}

.inner-coll-content {
 width: 630px;
 text-align: center;
 margin: 31px auto 0;
}
.inner-coll-content h3 {
 font-size: 28px;
 font-weight: 700;
 margin-bottom: 10px;
}

.inner-coll-content-wrap .slick-wrap, .green-block.slick-wrap {
 padding-left: 0 !important;
 display: flex;
 /* justify-content: center; */
 align-items: center;
}
.gold-block {
 border: 1px solid #DEC079;
 border-radius: 4px;
}
.green-block  {
 margin: 0;
 background: #034B3C;
 border-radius: 8px;
}
.dark-green-block {
 margin: 0;
 background: #0B5629
}

.innerColaps-slick {
 width: 515px;
 margin: 0 auto;
 padding-left: 0;
}
.new-slick-video {
 width: 645px;
 margin: 0 auto;

}

.innerColaps-slick .slide-heading, #iquit-today .slide-heading {
 color: #DEC079;
  font-family: 'tw_cen_mt_stdbold';
 font-size: 24px;
 font-weight: 700;
 /* line-height: 44px;   */
 margin-top: 30px;
 margin-bottom: 20px;
 padding: 0 !important;
} 
.innerColaps-slick .slide-caption, #iquit-today .slide-caption {
 font-style: normal;
 font-weight: normal;
 font-size: 16px;
 line-height: 24px;
 margin-top: 31px;
 margin-bottom: 51px;
}
.innerColaps-slick .slide-caption a, #iquit-today .slide-caption a{
 color: #fff;
 text-decoration: underline;
}
#iquit-today.innerColaps-slick, #iquit-today.korang-slick {width: 582px; margin: 0 auto;}
#iquit-today .slide-caption {
 margin-bottom: 30px;
 margin-top: 11px;
}
#iquit-sec .holder .iquit-link {margin-top: 0px;}
#iquit-sec .holder {padding-bottom: 45px;}

.clps2-s1-callout::before {
 content: "";
 display: block;
 background: url(https://ch-api.healthhub.sg/api/public/content/f32d98992c6b4322a0f2d651ce8eb6e3?v=448514f6) no-repeat center top;
 background-size: contain;
 position: absolute;
 right: 0;
 top: 0;
 width: 118.31px;
 height: 80.03px;

}
.slick_navs {
 cursor: pointer;
}
.slick-rightArrow {transform: scale(-1);}
.slick-leftArrow {position: relative;left: 41px;}
.slick-rightArrow {position: relative;right: 41px;}

.n-prev.slick-leftArrow {position: relative;left: -41px;}
.n-next.slick-rightArrow {position: relative;right: -41px;}

.block-content {
 padding-left: 0;
 position: relative;
}

.block-heading {
 font-family:'tw_cen_mt_stdbold';
 font-size: 24px;
 font-weight: 700;
 line-height: 44px;
 color: #DEC079;
 margin-top: 0;
 margin-bottom: 20px;
 padding: 0 !important;

}
.green-block .subs-desc {
 padding: 0 133px;
}
.grid div[class*="col-"] {
 padding-top: 15px;
 padding-left: 7.5px;
 padding-right: 7.5px;
}

.h136 {height: 136px;}
.h196 { height: 196px;}

.flip-card {
 border-radius: 2px;
 border: #DEC079 solid 1px;
 background-color: #063630;
 perspective: 1000px; /* Remove this if you don't want the 3D effect */
 cursor: pointer;
}
/* This container is needed to position the front and back side */
.flip-card-inner {
 position: relative;
 width: 100%;
 height: 100%;
 text-align: center;
 /* transition: transform 0.8s;
 transform-style: preserve-3d; */
}

.flip-text {
 color: #FFFFFF;
 font-family: 'Roboto-Regular';  
 font-style: normal;
 font-weight: 700;
 font-size: 16px;
 line-height: 20px;
 display: block;
 margin-top: 10px;
 padding: 0;
}
/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-front {
 opacity: 0;
 visibility: hidden;
}

.flip-card:hover .flip-card-back {
 opacity: 1;
 visibility: visible;
}


.flip-card-front, .flip-card-back { 
 display: flex; 
 justify-content: center; 
 align-items: center;
 flex-flow: column;
 transition: 600ms ease;
}
/* Position the front and back side */
.flip-card-front, .flip-card-back {
 position: absolute;
 width: 100%;
 height: 100%;
 /* backface-visibility: hidden; */
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
 color: black;
}

/* Style the back side */
.flip-card-back {
 color: white;
 opacity: 0;
 visibility: hidden;
 /* transform: rotateY(180deg); */
}

.h196 .flip-card-back .flip-text {padding: 0 40px;}
.bg-deco {
 width: 100%;
 height: 100%;
 position: fixed;
 z-index: -1;
 top: 0;
 left: 0;
}
.pattern.flower.img1 {
 bottom:0;
 /* left: 328px; */
 width: 350px;
 height: 266px;
 transition: bottom 0.9s ease-in-out;
}
.pattern.flower.img2 {
   /* right: 326px; */
   width: 170px;
   height: 560px;
   top: 300px;
   transition: top 0.9s ease-in-out;
}
/* Keeping an eye on your sugar intake */
#keysi {background: #034B3C; border-radius: 4px;}
#keysi .content-block { padding:30px 0 ;}
#keysi .teaser-block {display: flex; flex-flow: row; padding: 0 46px;}
#keysi .teaser-block .content-holder { width: 600px;margin: 0 56px 0 0;}
#keysi .teaser-block .content-holder h3 {font-size: 28px; text-align: left;margin: 0;}
#keysi .teaser-block .content-holder p {text-align: left; margin-bottom: 0;}
#keysi .teaser-block .btn-holder {display: flex; justify-content: center; align-items: center;}
#keysi .teaser-block .btn-holder a {
 padding: 12px 26px;
 font-weight: 700;
 margin-top: 15px;
}

#keysi-showblock .modal-header {padding: 0;border-bottom: none;}
#keysi-showblock .modal-dialog {width: 738px;}
#keysi-showblock .modal-bg-color{
 border-radius: 4px;
 background: #034B3C;
}
#keysi-showblock .tsps-holder {display: flex; justify-content: center;flex-flow: wrap;}
#keysi-showblock .flip-text {text-align: center;}
#keysi-showblock .result span {color: #fff;}
#keysi-showblock .content-block{
 padding: 55px 0;
}

#keysi-showblock .teaser-block .content-holder { margin: 0;}
#keysi-showblock .gold-block {margin-top: 28px;}
#keysi-showblock .content-holder h3{
 font-size: 28px;
 line-height: 44px;
 margin-bottom: 10px;
 font-family: 'cocogooseregular';
 text-align: center;
}
#keysi-showblock .content-holder p{
 color: #FFFFFF;
 font-family: 'Roboto-Regular';
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 line-height: 24px;
 text-align: center;
}
#keysi-showblock .content-block .teaser-block {
 display: flex;
 justify-content: center;
 align-items: center;
}

#keysi-showblock .gold-block {
 margin-bottom: 12px;
}
#keysi-showblock .modal-content, #keysi-showblock .modal-content .modal-body {
 background-color: transparent !important;
 box-shadow: none !important;
 border: 0;
}
#keysi-showblock .modal-content .modal-body {
 padding: 30px 0 50px;
}
#keysi-showblock .closewrap {
 right: -140px;
 top: 11px;
 position: absolute;
}

#keysi-showblock .modal-bg-color {
 width: 1060px;
 margin: 0 auto;
}


.show-block {
 border-radius: 4px;
 background: #034B3C;
}
.info-ilus-block {
 display: flex;
 flex-flow: row nowrap;
 padding: 42px 30px 33px;
}
.iib-col {
 width: 313px;
 display: flex;
 flex-flow: column;
 justify-content: center;
}
.iib-col.col1 {width: 239px;}
.op-sign {
 font-size: 72px;
 font-family: 'BerkshireSwash-Regular';
 color: #fff;
 text-align: center;
 width: 100px;
}
.result {
 align-items: center;
 display: flex;
 justify-content: center;
}
.result span {
  font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 24px;
 text-align: center;
}
.fancy-block {
 display: flex;
 flex-flow: row;
}

.fb-content {
 background: url(https://ch-api.healthhub.sg/api/public/content/86073c31eed64225a61e2a90a512d4d1?v=82ce581e) repeat-x left;
 background-size: contain;
 display: flex;
 flex-flow: column;
 justify-content: center;
 width: 975px;
 height: auto;
 text-align: center;
}
.fb-content h3 {
  font-family:'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 44px;
 line-height: 48px;
}
.fb-content p {
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-weight: 700 !important;
 font-size: 18px !important;
 line-height: 28px !important;
 margin-bottom: 0 !important;
 padding: 36px 100px;
}
.fb-l, .fb-r {width: 257px;}
.fb-l img, .fb-r img { width: 100%;}
.fb-r {transform: scaleX(-1);}
#regp .bg-green {
 padding: 40px 83px;
 border: 1px solid #DEC079;

}
#regp .flexbox div { color: #222;}
#regp .flexbox img:nth-child(1) {margin-right: 15px !important;}
#regp .fancy-block {margin-bottom: 43px;}
#regp .fb-l, #regp .fb-r {width: 82px;}
#regp .fb-content { width: 570px;}
#regp .fb-content h3 {
 font-size: 24px;
 margin-top: 0;
 margin-bottom: 0;
 line-height: normal;
}
#regp .fb-content p {
  font-family: 'tw_cen_mt_stdbold' !important;
 line-height: 32px !important;
 padding: 0;
 font-weight: 400 !important;
 font-size: 16px !important;

}
#regp .flexbox p {
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
 color: #fff;
}

#regp .fb-content small {
 font-size: 11px;
 font-family: 'Roboto-Regular';
 line-height: 24px;
 margin-top: 13px;
}
#regp .flexbox h3 {
  font-family: 'tw_cen_mt_stdbold';
 font-weight: 700;
 font-size: 20px;
 line-height: 24px;
 color: #fff;
}
#regp .flexbox ul li { text-align: left; color: #fff;}
.flower-mark-decor::before {
 content: '';
 display: block;
 background: url(https://ch-api.healthhub.sg/api/public/content/6c35342b46874c788181376df0fb911c?v=270adea9) no-repeat;
 background-size: contain;
 width: 178px;
 height: 188px;
 position: absolute;
 top: 0;
 z-index: -1;
}

#rpswr .block-content {
 padding-left: 63px;
}
#rpswr .block-content p{
 text-align: justify;
}
#rpswr .fancy-block {
 padding: 0 90px;
}
#rpswr .fb-content h3 {
 font-size: 28px;
 line-height: 32px;
}
#rpswr .fb-l, #rpswr .fb-r {
 width: 163px;
}

#rpswr .voucher-steps {
 padding: 90px;
}
.voucher-steps {
 padding: 0;
}
#rpswr .voucher-steps .block-content {
 padding-left: 33px;
 padding-right: 33px;
 text-align: center;
}
#rpswr .voucher-steps .block-content:nth-child(1) {
padding-left: 0;
}
#rpswr .voucher-steps .block-content:nth-child(5) {
 padding-right: 0;
 }

#rpswr .voucher-steps .block-content p {
 font-family:'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 18px;
 line-height: 22px;
 text-align: center;
}
#rpswr .g-divider{
 width: 2px;
 background: #DEC079;
 height: 231px;
}

.bc-img {
 display: flex;
 justify-content: center;
 align-items: center;

}

.grid .content-holder h3 {
 font-size: 28px;
 line-height: 44px;
}
.flower-mark-decor.decor1::before{
 top: 28px;
 left: -106px;
}
.flower-mark-decor.decor2::before{
 top: 112px;
 right: -98px;
}
.flower-mark-decor.decor3::before{
 top: 68px;
 left: -109px;
}
.modal-backdrop {
 z-index: 0;
}
.thumb-v { width: 100%;}
.slick-w-arrow-wrap {
 display: flex;
 flex-flow: row;
 justify-content: center;
 align-items: center;
 position: relative;
 width: 753px;
 margin: 0 auto;
}
.slick-w-arrow-wrap .slick-leftArrow{
 left: -40px;
 top: -30px;
}
.slick-w-arrow-wrap .slick-rightArrow{
 right: -40px;
 top: -30px;
}
.slick-w-arrow-wrap .slick-dots li {
 background: transparent;
}
.slick-w-arrow-wrap .slick-dots li button,
.slick-w-arrow-wrap .slick-dots li a {
 border-radius: 50%;
 width: 20px;
 height: 20px;
 text-indent: -9999px;
 border: 1px solid #DEC079;
 outline: none;
 box-shadow: none;
 background: transparent;
 color: transparent;
 display: block;
 line-height: 0;
}
.slick-w-arrow-wrap .slick-dots li.slick-active button,
.slick-w-arrow-wrap .slick-dots li.slick-active a {
 background: #DEC079;
}
#reason3-quit {
 width: 900px;
}
#reason3-quit .flip-card{
 align-items: baseline;
 height: 372px;
 border: none;
}
#reason3-quit .flip-card .flip-card-front {
 background: #0a4c24;
}
#reason3-quit .flip-card .flip-card-front .flip-text{
 color: #034B3C;
  font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-size: 60px;
 font-weight: 700;
 line-height: 60px;
 padding: 0 50px;
 position: absolute;
 top: 35%;
}

#reason3-quit .flip-card .flip-card-front .flp-title {
 color: #FFFFFF;
 font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 20px;
 line-height: 24px;
 text-align: center;
 margin-top: 30px;
}

#reason3-quit .flip-card .flip-card-back .tsps-holder{
 width: 73px;
 height: 69px;
 background: url(https://ch-api.healthhub.sg/api/public/content/d481c370914b4de4a4660255b4acf5ef?v=fb4cb158) center top no-repeat;
 background-size: contain;
}

#reason3-quit .flip-card .flip-card-back {
 background: #fff !important;
 justify-content: flex-start;
 padding-top: 16px;
 padding-bottom: 16px;
}
#reason3-quit .flip-card .flip-card-back .tsps-holder span{
 color: #0B5629;
  font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-size: 40px;
 line-height: 72px;
 font-weight: 700;
}

#reason3-quit .flip-card .flip-card-back .flip-text, #reason3-quit .flip-card .flip-card-back .flp-title {
 color: #0B5629;
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
 padding: 0 40px;
}

#reason3-quit .flip-card .flip-card-back .flp-title {
 font-weight: 700;
 margin-top: 26px;
}

.iquit-link {
 border-radius: 64px;
 display: block;
 font-weight: 700;
 margin-top: 35px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 width: 644px;
 padding: 25px 0;

}

#iquit-sec .content-holder { text-align: center;}
#iquit-sec p[data-key="iquit-p"] {
 padding: 0 90px;
}
#iquit-sec .inner-coll-content { width:auto}
#vouchers { width: 1050px; margin: 0 auto;}
#vouchers .heading {
 
 display: block;
 height: auto;
 margin: 0 auto;
}
#vouchers .heading h3 {
 font-family:'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 40px;
 line-height: 48px;
 text-align: center;
 color: #034B3C;
}
#vouchers  .heading p {
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
 text-align: center;
 color: #000000;
 padding: 0 160px;
}

#vouchers .fb-l, #vouchers .fb-r { width: 157px;}
#vouchers .fb-content h3 {margin-top: 0; }
#vouchers .fb-content p {
 padding: 0 40px;
 font-weight: 400 !important;
 font-size: 16px !important;
 line-height: 24px !important;
 text-align: center;
}
#vouchers p[data-key="voucher-p"]{
 color: #FFFFFF;
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-size: 20px;
 font-weight: 400;  
 line-height: 24px;
 text-align: center;
 margin-top: 35px;
}

#vouchers p[data-key="voucher-p"] a {
 margin-top: 30px;
 color: #fff;
 text-decoration: underline;
}
.h-calenar {
 display: flex;
 flex-flow: row;
 margin: 23px auto 0;
 justify-content: center;
}

.caledar {
 background: url(https://ch-api.healthhub.sg/api/public/content/6fe800918b0647588ae22993922ae792?v=1d4e76f8) center top no-repeat;
 background-size: contain;
 width: 152px;
 height: 164px;
 display: flex;
 flex-flow: column;
 text-align: center;
 justify-content: center;
 color:#a1720a;
}
.hc-content {text-align: center;margin-top: 12px;}
.hc-content span{
 color: #DEC079;
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-weight: 900;
 font-size: 20px;
 line-height: 24px;
}
.numb {
 font-size: 68px;
 font-family: 'Roboto-Regular' !important;
 font-weight: 700;
 margin-top: 57px;
 line-height: 50px;
}
.g-arrow {display: flex;align-items: center; margin: 0 17px;}
.txt {
 font-family: 'Roboto-Regular' !important;
 font-size: 20px;
 font-weight: 700;
}
.vouchers-singup {
 border-radius: 64px;
 display: block;
 font-weight: 700;
 font-size: 20px;  
 margin: 45px auto 0;
 text-align: center;
 width: 287px;
 padding: 31px 0;
}

.gpacket-wrap {
 background: url(https://ch-api.healthhub.sg/api/public/content/89022e9fd2c9459db071ecfa9ad4b2e4?v=40d7b846) left top no-repeat #034B3C;
 background-size: contain;
 border-radius: 8px;
 width: 625px;
 height: 85px;
 margin: 35px auto 0;
 justify-content: center;
 padding: 15px 0;
}
.gpacket-wrap .flexbox {
 justify-content: center;
}
.gpacket-wrap .flexbox .col-l img {display: block;}
.gpacket-wrap .flexbox .col-r { display: flex; align-items: center;}
.gpacket-wrap .flexbox .col-r span {
 color: #FFFFFF;
 font-family:'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 18px;
 line-height: 22px;
 margin-left: 10px;

}
.video-fb { margin-bottom: 40px;margin-top: 10px;}
.video-fb .thumb-list .tl-container{ display: flex; flex-flow: row;  justify-content: center;margin-top: 5px;}
.video-fb .thumb-list .thumb-item { margin-left: 15px;}

.heading img { width: auto;}
.voucher-steps { display: flex; flex-flow: row;}

.sign-up {
 width: 287px;
 height: 87px;
 background: linear-gradient(0deg, #DEC079, #DEC079), #FFFFFF;
 border-radius: 64px;
 position: fixed;
 right: 350px;
 text-align: center;
 display: flex;
 justify-content: center;
 align-content: center;
 z-index: 10;

}
.sign-up a { 
 color: #063630;
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-weight: 700;
 font-size: 20px;
 line-height: 24px;
 align-self: center;
 
}
.mb-menu {
 font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 18px !important;
 line-height: 18px;
 display: flex;
 flex-flow: row nowrap;
}  
.nav-grid .home {
  width: 100px;
  max-width: 100px;
}
@media screen and (max-width: 768px) {
  .nav-grid .home {
    width: unset;
    max-width: unset;
  }
}
.nav-grid li .i-home {
  width: 50px;
}
@media screen and (max-width: 768px) {
  .nav-grid li .i-home {
    width: 30px;
  }
}
.nav-grid li .i-home.passive {
  display: block;
}
.nav-grid li .i-home.active {
  display: none;
}
.nav-grid li.active .i-home.passive {
  display: none;
}
.nav-grid li.active .i-home.active {
  display: block;
}
.nav-grid {
 width: 100%;
 margin: 43px 0 0 0;
 padding: 0;
 display: flex;
 flex-wrap: nowrap;
 /* display: inline-grid; */
 /* grid-template-columns: auto auto auto auto auto auto; */
}
.nav-grid {
 border-top: 2px solid #034B3C;
}
.nav-grid li {
 list-style: none;
 /* display: block; */
 /* border:  1px solid #034B3C; */
 flex: 0 1 100%;
 min-height: 82px;
 border-left: 2px solid #034B3C;
 border-bottom: 2px solid #034B3C;

}
.nav-grid li:nth-child(even) {
 border-right: 2px solid #034B3C;
}
.nav-grid li a {
 color: #034B3C;
 height: 100%;
 text-decoration: none;
 padding: 0.5em 1em;
 border: 0px solid transparent;
 border-radius: 0px;
 margin-right: 0px;
 font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 20px;
 line-height: 18px;
 box-sizing: border-box;
 text-align: center;
}
.nav-grid li.active {
 background: #034B3C;
 border: 1px solid #034B3C;
}

.nav-grid li.active a {
 color: #DEC079;
}

.bot-shadow {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.brk-line { display: block;}
.content-block {width: 900px; margin: 0 auto; overflow: auto;}
.normal-slick-wrap {
 display: flex;
 flex-flow: row;
 justify-content: center;
 align-items: center;
 position: relative;
 margin: 0 auto;
}
.normal-slide, .manual-slide {width: 670px; margin: 0 auto;}
#hfc .flexbox{ width: 706px; margin: 0 auto;}
#hfc .green-block {
 background: url(https://ch-api.healthhub.sg/api/public/content/acc6cf9d08ea44e2803861c6a9d69726?v=0d138e4a) #034B3C no-repeat bottom right;
 background-size: contain;
}
#tehwdo .block-content {padding-left: 0;}
#tehwdo .block-content h4 {
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-weight: 700;
 font-size: 20px;
 line-height: 24px;
 margin-bottom: 8px;
}
#tehwdo .flexbox {align-items: flex-start !important; }
#tehwdo .flexbox:not(:first-child) {margin-top: 30px !important;} 
#tehwdo .flexbox h4 {margin-top: 0;}
.hcs {
 position: absolute;
 bottom: 0;
 left: 50%;
 width: 420px;
 transform: translate(-50%, -50%);

}
.hcs-testi {
 box-sizing: border-box;
 padding-left: 30px;
 padding-right: 30px;
}
.hcs-testi .block-content{
 box-sizing: border-box;
 padding-left: 30px;
 padding-right: 30px;
}
#csr {
 padding: 0 10px;
}
#csr .block-content {
 padding-left: 35px !important;
 padding-right: 35px !important;
 padding-top: 20px;
 width: 33.33%;
 box-sizing: border-box;
}
#csr h3 {
 font-family:'tw_cen_mt_stdbold';
 font-weight: 700;
 font-size: 20px;
 line-height: 18px;
 text-align: left;
} 
#csr h3 span {
 font-size: 48px;
 margin-right: 5px;
 
}
#csr .bc-img {
 margin: 0 auto;
 display: block;
 /* position: absolute;
 top: -47px;
 left: 50%;
 transform: translate(-50%,0); */
}
#csr .voucher-steps .block-content p {
 font-size: 16px;
 text-align: left;
} 
 
.recipe-slides .grid .gid-blocks {
 /* background: url(https://ch-api.healthhub.sg/api/public/content/3d099f26af96499888eb08bd7d8f6952?v=aa0c5f9a) no-repeat bottom left #063630;
 background-size: 150px;
 min-height: 182px;
 border-radius: 4px;
 text-align: center;
 display: flex;
 align-items: center;
 flex-flow: column;
 justify-content: center; */
}
.recipe-slides .grid .gid-blocks img {
 margin:  0 auto;
}
.recipe-slides .grid .gid-blocks h5 {
 font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 22px;
 line-height: 22px;
 color: #fff;
 padding: 0 15px;
 
}
#recipe-modal .modal-dialog {
 width: 1050px;
}
#recipe-modal .modal-content {
 background: #063630;
 border-radius: 8px;
}


#recipe-modal .modal-body {
 margin-top: 20px;
 padding-bottom: 50px;
}

#recipe-modal .modal-dialog .modal-header{
 border-bottom: none;
 position: relative;
}

#recipe-modal .closewrap {
 float: right;
 position: absolute;
 right: 0;
}

.bg-gold .slick-w-arrow-wrap .slick-dots li button,
.bg-gold .slick-w-arrow-wrap .slick-dots li a {
 border: 1px solid #063630;
}
.bg-gold .slick-w-arrow-wrap .slick-dots li.slick-active button,
.bg-gold .slick-w-arrow-wrap .slick-dots li.slick-active a{
 background:#063630;
}


.nocamp .green-block {
   background: url(https://ch-api.healthhub.sg/api/public/content/acc6cf9d08ea44e2803861c6a9d69726?v=0d138e4a) #034B3C no-repeat bottom right;
   background-size: contain;
   width: 960px;
}
.nocamp .green-block .flexbox {
 padding: 40px 50px 0;
}
.nocamp .green-block .flexbox span {
 color: #DEC079;
 font-family: 'montserratregular', sans-serif;
 font-style: normal;
 font-weight: 700;
 font-size: 14px;
 line-height: 14px;
 text-transform: uppercase;
 display: block;
 margin-bottom: 10px;
}
.nocamp .green-block .flexbox .block-heading {
 color: #DEC079;
 font-family: 'montserratregular', sans-serif;
 font-style: normal;
 font-weight: 700;
 font-size: 28px;
 line-height: 32px;
 text-transform: uppercase;
 margin-bottom: 60px; 
}
.cta {
 display: block;
 width: 210px;
 border: 1px solid #063630;
 border-radius: 64px;
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-weight: 700;
 font-size: 16px;
 line-height: 24px;
 color: #063630;
 text-align: center;
 padding: 21px 0px;
}
.nocamp .green-block .flexbox [class^="col-md-"]{
 padding-left: 0;
 padding-right: 0;
}
.nocamp .green-block .flexbox .col-md-8 {
 position: relative;
}
.nocamp .green-block .flexbox .col-md-8 .img-wrap{
 width: 482px;
 position: absolute;
 bottom: 0 !important;
}
.nocamp .green-block .flexbox .col-md-8 .img-wrap img{
 width: 100%;
}
#edshc {margin: 0 auto;}
#edshc img:nth-child(2) {
 margin: 0 14px;

}
#jtc { 
 font-family: 'tw_cen_mt_stdbold';
 font-size: 28px;
 line-height: 24px;
 margin-left: auto; 
 margin-right: auto;}
#hfc .recipe-slides .grid .row {
 margin-left: 0;
 margin-right: 0;
}
#hfc .recipe-slides .grid .gid-blocks {
 min-height: auto;
 display: block;
}
#hfc .recipe-slides .grid .gid-blocks a {
 align-content: end;
 border-radius: 4px;
 background-size: cover !important;
 display: flex;
 flex-flow: wrap;
 position: relative;
 padding: 0 10px 10px;
}
#hfc .wide-grid {height: 182px;}
#hfc .small-grid {height: 182px;}
/* #hfc .recipe-slides .grid div[class*="col-md-"] {
 padding-left: 0;
 padding-right: 0;
} */

#hfc .recipe-slides .grid .gid-blocks a .recipe-ame{
 font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 22px;
 line-height: 22px;
 color: #FFFFFF;
 text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#hfc .recipe-slides .slick_navs {
 /* margin-bottom: -23%; */
}
.checkout {
 background:url(https://ch-api.healthhub.sg/api/public/content/5a8abb30966e486aa6e991518fc59db7?v=7125d588) no-repeat center top;
 background-size: contain;
 padding: 48px 50px; 
}
.checkout span {
 font-size: 20px;
 font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
}
.checkout .block-heading, .checkout .block-heading span {
 font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 48px;
 line-height: 43px;
 margin-bottom: 20px !important;
}

.rsa .gid-blocks a, .rsa .gid-blocks div  {
 display: flex;
 flex-flow: column;
 justify-content: center;
}
.rsa .gid-blocks a.small-grid, .rsa .gid-blocks div.small-grid {
 height: 200px;

}
.rsa .gid-blocks a.wide-grid, .rsa .gid-blocks div.wide-grid {
 height: 220px;
}
.rsa .gid-blocks a img, .rsa .gid-blocks div img {
 margin: 0 auto;
 display: block;
}

.rsa .gid-blocks a .recipe-ame, .rsa .gid-blocks div .recipe-ame {
 color: #FFFFFF;
 font-family: 'tw_cen_mt_stdbold';
 font-style: normal;
 font-weight: 700;
 font-size: 20px;
 line-height: 20px;
 text-align: center;
 margin-top: 8px;
}
/* 
.checkout .cta {
 margin-top: 20px;
} */
#easyWay .flexbox .col-md-6 div {
 padding: 30px 33px;
}

#easyWay table thead tr td { border: 1px solid #063630 ;}
.flexbox.grd-block4 {margin-bottom: 30px;}
.long-card .flexbox {
 padding: 0 60px;
 height: 276px;
}
.long-card .flexbox div:nth-child(2) {
 position: relative;
}
.long-card .flexbox div:nth-child(2) img{
 position: absolute;
 bottom: 0;
}

#moveIt .flexbox {
   background: url("https://ch-api.healthhub.sg/api/public/content/e497b943495c4aa68d6341cd6f76dc89?v=08e928d0") no-repeat center center;
 background-size: cover;
}

#bowling-to-kpop .content-block {padding: 30px 0;}
#bowling-to-kpop .cta-wrap {
 position:relative;
 margin-top: 100px;
 margin-bottom: 30px;

}
#bowling-to-kpop .cta-wrap img {
 /* position: absolute;
 bottom: 0;
 z-index: 1;
 left: 50%;
 transform: translate(-50%, -50%); */
}
#bowling-to-kpop .cta{ 
 width: 364px; 
 margin: 0 auto; 
 display: block;
 position:relative;
 z-index: 0;
}
#screenlife .block-heading {margin-bottom: 10px;line-height: normal;}
#screening-myths {padding: 0 50px; box-sizing: border-box;}
#screening-myths .flexbox {min-height: 183px;}
#screening-myths .flexbox div[class^="col-sm"]:first-child {
 padding-right: 22px;
 padding-left: 0;
}

#screenlife #hfc .content-block { width: 960px;}
#screenlife #hfc .flexbox {width: 874px;}
#hfc #screen-cards .flexbox div[class^="col-md"] {text-align: center;}
#hfc #screen-cards .flexbox div[class^="col-md"] img {margin-bottom: 20px;}
#hfc #screen-cards .flexbox div[class^="col-md"] p {
 font-family: 'Roboto-Regular';
 font-style: normal;
 font-weight: 700;
 font-size: 16px;
 line-height: 20px;
 padding: 0 10px;
}
#screen-cards .cta{ width: 398px; margin: 0 auto;}
#benefits-screening p {padding: 0 10px;}
#mainhead { width: 71%; margin: 0 auto;}
.dl-app-wrap {
 align-items: center;
 background: #DEC079;
 box-sizing: border-box;
 border-radius: 12px;
 display: flex;
 flex-flow: column nowrap;
 justify-content: center;
 width: 570px;
 padding: 29px 10px;
 margin: 0 auto;
 
}
.dl-app-wrap p {
 font-family: 'robotoblack';
 font-style: normal;
 font-weight: 900;
 font-size: 16px;
 line-height: 24px;
 color: #034B3C;
}
.dl-app-wrap .two-btn {display: flex;}
.dl-app-wrap .two-btn a {display: block;}
.dl-app-wrap .two-btn a:nth-child(1){
 margin-right: 20px;
}
#mwb-sup,  #jpiquit {position: relative;}
#mwb-sup .slick_navs, #jpiquit .slick_navs{
 position: absolute;
 top: 50%;
 transform: translate(-50%, 0);
}
#mwb-sup .slick-rightArrow, #jpiquit .slick-rightArrow {
 right: 50px;
}
#mwb-sup .slick-rightArrow img, #jpiquit .slick-rightArrow img{
 transform: scaleX(-1);
}
#mwb-sup .slick-leftArrow, #jpiquit .slick-leftArrow {
 left: 50px;
}

@media (min-width: 769px) {
 .hpb-container.hpb-korang .contents .mobile-tabs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex !important;
   width: 100%;
   flex-wrap: wrap;
   margin-top: 40px;
 }

 .hpb-container.hpb-korang .contents .mobile-tabs>li {
   width: 16.6%;
   display: block;
   min-height: 70px;
 }

 .hpb-container.hpb-korang .contents .mobile-tabs>li:last-child {
   border-right: 0px solid transparent;
 }

 .hpb-container.hpb-korang .contents .mobile-tabs>li a {
   height: 100%;
   text-decoration: none;
   padding: 0.5em 1em;
   border: 0px solid transparent;
   border-radius: 0px;
   margin-right: 0px;
   font-size: 20px;
   font-family:'tw_cen_mt_stdbold';
   font-weight: 700;
   box-sizing: border-box;

 }




}
@media screen and (max-width: 1250px) {
.hidden-1250 {
 display:none !important;
}
}
@media screen and (max-width: 1200px) {
 .hpb-container.hpb-korang .pattern.diamond.img8, .hpb-container.hpb-korang .pattern.diamond.img13, .hpb-container.hpb-korang .pattern.diamond.img18 {
   left: 0px;
 }
 .hpb-container.hpb-korang .pattern.diamond.img11, .hpb-container.hpb-korang .pattern.diamond.img12, .hpb-container.hpb-korang .pattern.diamond.img14{
   right: 50px;
 }
}
@media screen and (max-width: 1111px) {
 .pattern.flower.img1 { left: 0;}
 .pattern.flower.img2 {right: 0;}
 .collapse-wrap { width: auto;}
 .collapse-wrap .green-block img {width: 100%;}
 .highlights-wrap { width: auto;}
 .container { width: auto !important;}
 .video-frame img { width: 100%;}
 .hpb-container.hpb-korang .pattern.diamond.img1 {
   left: 15px;
 }
 .hpb-container.hpb-korang .pattern.diamond.img2 {
   right: 15px;
 }
 
 .hpb-container.hpb-korang .pattern.diamond.img7,
 .hpb-container.hpb-korang .pattern.diamond.img8,
 .hpb-container.hpb-korang .pattern.diamond.img9,
 .hpb-container.hpb-korang .pattern.diamond.img13,
 .hpb-container.hpb-korang .pattern.diamond.img15,
 .hpb-container.hpb-korang .pattern.diamond.img18 {
   left: -15px;
 }
 .hpb-container.hpb-korang .pattern.diamond.img3 {
   left: -25px;
 }
 .hpb-container.hpb-korang .pattern.diamond.img4 {
   top: 100px;
   right: -25px;
 }
 .hpb-container.hpb-korang .pattern.diamond.img9 {
   top: -100px;
 }
 .hpb-container.hpb-korang .pattern.diamond.img10, .hpb-container.hpb-korang .pattern.diamond.img15 {
   bottom: 100px;
 }
 .hpb-container.hpb-korang .pattern.diamond.img10,
 .hpb-container.hpb-korang .pattern.diamond.img11,
 .hpb-container.hpb-korang .pattern.diamond.img12,
 .hpb-container.hpb-korang .pattern.diamond.img14 {
   right: -15px;
 }
 .pattern.flower.img1 {
   bottom: 0;
   height: auto;
 }
 .pattern.flower.img2 {
   width: 120px;
   height: auto;
 }
}

@media screen and (max-width: 1020px) {
 #recipe-modal .modal-dialog { width: auto;}
 .mb-white-space {white-space: normal;
 }
 .white-space {white-space: nowrap;}
 #keysi-showblock {padding-left:10px !important;padding-right: 10px;}
 #keysi-showblock .modal-bg-color {width: auto;}
 #keysi-showblock .closewrap {right: 0;z-index: 1;}
 .container {
   padding-left: 0;
   padding-right: 0;
 }
 .nh-section { width: auto !important;}
 .w900, #reason3-quit, .iquit-link { width: auto;}
 #rpswr .fb-l, #rpswr .fb-r {width: 257px;}
 .hpb-container.hpb-korang .pattern.diamond {
   max-width: 30px;
 }
 .hpb-container.hpb-korang .pattern.diamond.img5, .hpb-container.hpb-korang .pattern.diamond.img16 {
   left: -15px;

 }
 .hpb-container.hpb-korang .pattern.diamond.img6, .hpb-container.hpb-korang .pattern.diamond.img17 {
   right: -15px;;
 }
 .hpb-container.hpb-korang .maxWidth765, .hpb-container.hpb-korang .maxWidth533, .hpb-container.hpb-korang .maxWidth630, .hpb-container.hpb-korang .maxWidth767 {
   position: static;
 }

 .hpb-container.hpb-korang .pattern.latern.img1 {
   padding-right:18px;
 }
 .hpb-container.hpb-korang .pattern.latern.img2 {
   padding-right:5px;
   left: 90px;
 }
 .hpb-container.hpb-korang .pattern.latern.img3{
   padding-left:3px;
   right: 90px;
 }
 .hpb-container.hpb-korang .pattern.latern.img4 {
   padding-left:18px;
 }
 .hpb-container.hpb-korang .contents .section-contents {
   padding-left:0px;
   padding-right:0px;
 }
 .hpb-container.hpb-korang .intro-wrapper {
   padding-left: 9em;
   padding-right: 9em;
 }
}
@media (max-width: 912px) {
 #mainhead { width: 91%;}
 .pattern.flower.img1 { left: 0;}
 .pattern.flower.img2 {
   right: 0;
 }
 .home-content p {padding: 0;}
 .video-frame {width: auto !important;}
 #vouchers .fb-l, #vouchers .fb-r { width: 257px;}
 #vouchers .fb-content h3 { text-align: center;}
 .content-block, .w1050, #vouchers {width: auto;}
 #screenlife #hfc .content-block {width: 90%; }
   #screenlife #hfc .flexbox {width: 90%;}
 #hfc #screen-cards .flexbox div[class^="col-md"] {
   text-align: center;
   width: 33%;
 }
 .nocamp .green-block { width: auto;}
 .flexbox .col-md-4 {width: 33.33%;}
 .flexbox .col-md-8 {width: 66.66666667%;}
}

@media screen and (max-width: 820px) { 
 #mainhead { width: auto}
 #hfc #screen-cards .flexbox {flex-flow: wrap;}
 #hfc #screen-cards .flexbox div[class^="col-md"] {
   text-align: center;
   width: 50%;
 }
 #types-screening .block-heading {padding: 0 130px !important;}
 #types-screening .subs-desc {padding: 0 125px !important;}
 #types-screening .img-center {width: 80%;}
}

@media screen and (max-width: 768px) {
 .nav-grid {
   flex-wrap: wrap;
 }
 .nav-grid li {
   flex: 1 0 33.33333%;
   -webkit-box-flex: 1;
   -ms-flex: 1 0 33.33333%;
 }
 #regp .fb-content { width: auto;padding: 0 10px;
   text-align: center;}
 #regp .bg-green {padding: 40px 23px;}
 #regp .fb-l, #regp .fb-r {width: auto;}
 #keysi-showblock .modal-bg-color, #keysi-showblock .modal-dialog { width: auto;}
 #rpswr .fancy-block {
   padding: 0 30px;
 }
 #rpswr .voucher-steps {
   padding: 0 20px;
   margin-top: 40px;
 }
 .gpacket-wrap {
   width: auto;
   padding: 15px 75px;
 }

 .f1 {font-size: 20px !important;}
 .pattern.flower.img1 {
   bottom: 0;
   width: 260px;
 }
 .w100 {
   width: 100% !important;
   max-width: 500px !important;
   margin: 0 auto;
 }
 .fb-content h3 {font-size: 37px;}
 .marginBottom100 {margin-bottom: 50px;}
 .hpb-container.hpb-korang .pattern.diamond.img14 {
   right: 3%;
 }

 .hpb-container.hpb-korang .pattern.diamond.img15 {
   bottom: 50vh;
 }
 .hpb-container.hpb-korang .pattern.diamond.img17 {
   top: 0px;
 }
 .hpb-container.hpb-korang .pattern.diamond.img19 {
   top: 30px;
   right: -15px;
 }
 .hpb-container.hpb-korang hr {
   width: 90%;
 }
 .hpb-container.hpb-korang .section-video,
 .hpb-container.hpb-korang .col-sm-6,
 .hpb-container.hpb-korang .col-sm-12,
 .hpb-container.hpb-korang .maxWidth902,
 .hpb-container.hpb-korang .maxWidth765,
 .hpb-container.hpb-korang .maxWidth922,
 .hpb-container.hpb-korang .maxWidth767 {
   width: 100%;
   max-width: 500px;
   margin: 0 auto;
   float: none;
 }
 .m-marginTop25  {
   margin-top: 25px;
 }
 .marginTop40 {
   margin-top: 20px;
 }
 .hpb-container.hpb-korang .w-47 {
   width: 100%;
 }
 .hpb-container.hpb-korang .contents .bdr-right-gold {
   border-right: 0px solid transparent;
 }
 .hpb-container.hpb-korang.korang-bg {
   background-image: url('../images/bg.png');
   background-repeat: repeat-y;
   background-size: 100% auto;
 }
 .hpb-container.hpb-korang .contents .tabs-dropdown,
 .hpb-container.hpb-korang .contents .tabs-dropdown:hover,
 .hpb-container.hpb-korang .contents .tabs-dropdown:active,
 .hpb-container.hpb-korang .contents .tabs-dropdown:focus {
   color: #145729;
   /* display: block; */
   margin-top: 25px;
   padding: 15px 26px;
   vertical-align: middle;
   text-align: left;
   width: 100%;
   border: 1px solid #dec079;
   border-radius: 0px;
   background-color: #dec079;
   font-size: 16px;
   font-family: 'Roboto-Bold';
   line-height: 26px;

 }

 .hpb-container.hpb-korang .contents .mobile-tabs {
   min-height: 20px;
   display: none;
 }

 .hpb-container.hpb-korang .contents .mobile-tabs>li {
   float: none;
   background-color: #145729;
   border-right: 0px solid transparent;
   border-bottom: 1px solid #dec079;
 }

 .hpb-container.hpb-korang .contents .mobile-tabs>li:last-child {
   border-bottom: 0px solid transparent;
 }

 .hpb-container.hpb-korang .contents .mobile-tabs>li,
 .hpb-container.hpb-korang .contents .mobile-tabs>li>a {
   width: 100%;
 }

 .hpb-container.hpb-korang .contents .mobile-tabs>li>a {
   border: 1px solid transparent;
 }

 .hpb-container.hpb-korang .contents .mobile-tabs>li>a:hover {
   color: #dec079;
   background-color: transparent;
 }

 .hpb-container.hpb-korang .contents .mobile-tabs>li.active>a,
 .hpb-container.hpb-korang .contents .mobile-tabs>li.active>a:hover,
 .hpb-container.hpb-korang .contents .mobile-tabs>li.active>a:active,
 .hpb-container.hpb-korang .contents .mobile-tabs>li.active>a:focus {
   background-color: transparent;
   color: #dec079;
 }
 .hpb-container.hpb-korang .flexbox-m {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   text-align: center;
 }

 .hpb-container.hpb-korang .pattern.latern.img1{
   max-width: 40px;
   left: 15px;
 }

 .hpb-container.hpb-korang .pattern.latern.img1,
 .hpb-container.hpb-korang .pattern.latern.img2 {
   padding-left: 0px;
   padding-right:0px;
 }

 .hpb-container.hpb-korang .pattern.latern.img2 {
   left: 60px;
 }

 .hpb-container.hpb-korang .pattern.latern.img3,
 .hpb-container.hpb-korang .pattern.latern.img4 {
   padding-right: 0px;
   padding-left: 0px;
 }
 .hpb-container.hpb-korang .pattern.latern.img3{
   right: 45px;
 }

 .hpb-container.hpb-korang .pattern.latern.img4 {
   max-width: 30px;
   right: 15px;
 }

 .hpb-container.hpb-korang .pattern.latern.img2,
 .hpb-container.hpb-korang .pattern.latern.img3 {
   max-width: 20px;
 }

 .hpb-container.hpb-korang .pattern.diamond.img5 {
   bottom: 0;
 }

 .hpb-container.hpb-korang .contents .section-contents {
   padding-top: 50px;
 }

 .marginTop150, .marginTop55 {
     margin-top: 0px;
 }
 .hpb-container.hpb-korang .contents #eating-right .section-contents  {
   padding-top: 20px;
 }
 .hpb-container.hpb-korang .contents .slick-wrap {
   padding-left: 15px;
   padding-right: 15px;
 }
 .green-block.slick-wrap {
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
 .hpb-container.hpb-korang .contents .slick-controls {
   margin-top: 15px;
 }
 .hpb-container.hpb-korang .intro-wrapper {
   padding-left: 3em;
   padding-right: 3em;
 }
 .hpb-container.hpb-korang .contents #eating-right .section-contents.m-paddingTop {
   padding-top: 0px;
 }
 .hpb-container.hpb-korang .maxWidth446 {
   max-width: 100%;
 }

 .home-wrap {margin-top: 25px}
 .home-wrap .section-contents {padding-top: 0 !important;}
 .home-content { margin: 0 auto;}
 .announcment-wrap {
   flex-flow: column;
   margin-top: 10px !important;
 }
 .announcment-bar {
   width: auto;
   padding: 0 15px;
 }
 
 .home-content p {padding: 0 23px;}
 .collapse-wrap .content-holder, .inner-coll-content  { width: auto;}
 .block-content { padding-left: 0;}
 .slick-w-arrow-wrap { width: auto;}
 .nav-grid {margin: 0;padding: 0;grid-template-columns: auto}
 #rpswr .block-content {padding-left: 0;}
 .iquit-link { width: auto;}
 #keysi .teaser-block { padding: 0 26px;}
 #keysi .teaser-block .content-holder {margin: 0 22px 0 0;}
 #vouchers { width: auto;}
 #vouchers .fb-content h3 {margin-top: 16px; text-align: center;}
 #vouchers .fb-content p {padding: 0px 40px 20px;}
 #vouchers .fb-l, #vouchers .fb-r { width: 400px;}
 #s3-prev {left: -10px;}
 #s3-next {right: -10px;}
 /* .pdeco-left {transform: rotate(90deg);margin: 0 auto;}
 .pdeco-right {transform: rotate(270deg);margin: 0 auto;} */
 .content-block {width: auto;}
 .normal-slide, .manual-slide  {width: 70%;}
 svg{ width: 100%; height: auto;}
 #hfc .flexbox {align-items: center;}


}



@media screen and (max-width: 769px) { 
 .hidden-768 {display: block;}
 .visible-768 {display: none;}
}
@media screen and (max-width: 720px) {
 .visible-768 {
   display: block;
 }
 .hidden-768 {
   display: none;
 }
 .hpb-container.hpb-korang .section-language {
   padding: 30px 15px 30px 15px;
 }

 .hpb-container.hpb-korang .section-masthead .korang-logo {
   max-width: 400px;
   padding-left: 15px;
   padding-right: 15px;
 }

 .hpb-container.hpb-korang .pattern.diamond {
   max-width: 19px;
 }
 .hpb-container.hpb-korang .pattern.diamond.img9 {
   top: -70px;
 }
 .hpb-container.hpb-korang .pattern.diamond.img10 {
   bottom: 70px;
 }
 .nocamp .green-block {width: auto;}
}
@media screen and (max-width: 640px) {
 
 .collapse-wrap {padding: 0 10px;}
 .nav-grid .flexbox { padding: 0 !important;}
 .marginTop50 { margin-top: 25px !important;}
 #main-nav {margin-top: 40px;}
 #keysi .content-block {padding: 55px 15px;}
 #iquit-sec p[data-key="iquit-p"] {    padding: 0 10px;}
 #wrs .inner-coll-content {width: auto;}
 .hcs-box {flex-flow: column;}
 .hcs-box img {margin-bottom: 15px !important;}
 #regp .flexbox img:nth-child(1) {margin-right: auto !important;}
 .home-content .heading {padding: 0;}
 .info-ilus-block, .fancy-block { flex-flow: column;}
 .info-ilus-block {align-items: center;}
 .fb-l,.fb-r,.fb-l img, .fb-r img, #regp .fb-l, #regp .fb-r {width: 100%;}
 .fb-content {
   background: url(https://ch-api.healthhub.sg/api/public/content/72c78c0c02424a3f8033c8b1006b23ad?v=73db8b22) top repeat-y;
   background-size: contain;
 }
 .fb-r {transform: scaley(-1);}
 .hpb-container.hpb-korang .contents .section-contents {padding-top: 20px;}
 .fb-content p {padding: 36px 37px;}
 .new-slick-video { width: 100%;}
 #regp .bg-green {padding: 40px 15px;}
 #regp .fb-content { 
   width: auto;
   padding: 31px;
   text-align: center;
 }
 
 #regp .fancy-block { margin-bottom: 25px;}
 #keysi .teaser-block {flex-flow: column;padding: 0 10px;}
 #keysi .teaser-block .content-holder { width: auto; margin: 0;}
 #rpswr .tab-pane, #iquit .tab-pane {padding-left: 0;padding-right: 0;}
 #rpswr .fancy-block {padding: 0 20px;}
 #rpswr .fb-content { width: auto;padding: 0 20px;}  
 #rpswr .fb-content h3 {font-size: 28px;line-height: 43px;}
 #rpswr .fb-l, #rpswr .fb-r {width: auto;}
 #rpswr .block-heading{padding: 0 10px !important;line-height: normal;}
 #rpswr .voucher-steps {padding: 0 20px;flex-flow: column;margin-top: 30px;}
 #rpswr .g-divider {width: auto;background: #DEC079;height: 2px;}
 #rpswr .voucher-steps .block-content {
   padding-right: 0;
   padding-left: 0;
 }
 .normal-slick-wrap {width: 100%;}
 #csr {margin-top: 60px;}
 #csr .block-content { width: auto;}
 #csr .bc-img {position: relative;top: 0;}
 .bc-img {margin-top: 10px;margin-bottom: 25px; min-height: auto;}
 .hpb-container.hpb-korang hr {width: 98%;}
 .video-fb {margin: 0 auto;}
 .video-fb iframe {width: auto;height: auto;}
 .slick-w-arrow-wrap { width: auto;}
 .slick-w-arrow-wrap .slick-rightArrow {right: -24px;top: 55%;}
 .slick-w-arrow-wrap .slick-leftArrow {left: -24px;top: 55%;}
 #keysi-showblock .closewrap {
   right: 0;
   top: 0;
   position: absolute;
   z-index: 9;
 }
 #vouchers .fb-l, #vouchers .fb-r {width: auto;}
 #vouchers .fb-content h3 {
   font-size: 24px;
   text-align: center;
   line-height: normal
 }
 #vouchers .fb-content {padding: 10px 10px; width: auto;}
 .h-calenar { flex-flow: column;}
 .caledar { margin: 0 auto;}
 .g-arrow {margin: 33px auto;transform: rotate(90deg);}
 .gpacket-wrap { width: auto; height: auto;padding: 15px;margin: 0;}
 .gpacket-wrap .flexbox { flex-flow: column;}
 .gpacket-wrap .flexbox .col-l img {margin: 0 auto;}
 .gpacket-wrap .flexbox .col-r span {text-align: center;margin-left: 0;margin-top: 10px;}
 .flower-mark-decor::before {width: 128px;height: 138px;}
 .flower-mark-decor.decor1::before {top: 208px;left: -56px;}
 .flower-mark-decor.decor2::before {top: 232px;right: -37px;}
 .innerColaps-slick { overflow: hidden;}
 .collapse-wrap .content-holder h3, .inner-coll-content h3 {
   font-size: 29px;
   line-height: normal;
 }
 #jls .box-w-diamond h2, #iquit-sec .content-holder h2 {
   font-size: 29px;
   line-height: normal;
 }
 .hpb-container.hpb-korang .pattern.latern.img1 {
   left: 3px;
 }
 .hpb-container.hpb-korang .pattern.latern.img2 {
   left: 46px;
 }
 .hpb-container.hpb-korang .pattern.latern.img3 {
   right: 30px;
 }
 .hpb-container.hpb-korang .pattern.latern.img4 {
   right: 3px;
 }
 .paddingRestLR {
   padding-left: 0px !important;
   padding-right: 0px !important;
 }

 .hpb-container.hpb-korang .contents .hpb-korang-footer .f4 {
   font-size: 16px !important;
 }

 .hpb-container.hpb-korang img.reminder-img {
   max-width: 94px;
 }
 .hpb-container.hpb-korang .reminder-item .slide-heading {
   padding: 35px 5px 10px 5px;
 }
 .hpb-container.hpb-korang .dl-image {
   max-width: 150px;
   width: 100%;
   margin: 0 auto;
 }
 .hpb-container.hpb-korang .dl-btn-wrap {
   padding: 10px 10px;
   font-size: 13px;
 }

 .hpb-container.hpb-korang .dl-btn-wrap img {
   max-width: 15px;
 }
 .hpb-container.hpb-korang .intro-wrapper, .hpb-container.hpb-korang .maxWidth533, .hpb-container.hpb-korang .maxWidth630 {
   padding-left: 15px;
   padding-right: 15px;
 }
 
 .highlights-wrap { width: auto; margin-top: 30 !important;}
 .highlights-content {
   margin: 10px auto 15px auto;
   padding: 0 15px;
 }
 .highlights-content ul li {
   margin-top: 25px;
 }
 .home-content h2 {font-size: 26px !important;line-height: normal !important;}
 .home-content h2 span{margin-bottom: 0 !important;}
 .inner-collapsible {display: flex; flex-flow: row;}
 .innerColaps-slick .slide-caption {padding: 0 15px;}
 .slick-wrap {position: relative;}
 .slick_navs {position: absolute; z-index: 1;}
 .slick-rightArrow {right: -30px;}
 .slick-leftArrow {left: -30px;}

 .recipe-slides .slick_navs { position: absolute;}
 .recipe-slides .slick-leftArrow {left: 7px;}
 .recipe-slides .slick-rightArrow {right: 7px;}

 .pattern.flower.img1 {
   left: 0;
   width: 161px;
   height: auto;
 }
 
 .pattern.flower.img2 {
   top: 430px;
   right: 0;
   width: 100px;
   height: auto;
 }
 .w1050 {width: auto;}
 .checkout {background-size: cover;padding: 48px 20px;}
 .hcs-testi {padding-left: 0;padding-right: 0;}
 p { padding: 0 !important;}
 .long-card {margin: 0 10px;}

 .flexbox.grd-block4 {padding: 20px 0 0 0 !important;margin-bottom: 0;}
 .flexbox.grd-block4 .col-md-6:nth-child(2) {margin-top: 20px;} 
 .dl-app-wrap .two-btn {flex-flow: column nowrap;}
 #mainhead, #mainhead .flexbox {padding: 0;}
 #nsc .flexbox { padding: 20px 0px;}
 #easyWay .flexbox, #moveIt .flexbox {padding-bottom: 0 !important;}
 #easyWay .flexbox .col-md-6 {margin-bottom: 20px;}
 #bowling-to-kpop .cta {width: auto; margin: 0 10px;}
 #bowling-to-kpop .cta-wrap img {bottom: 29px;}
 #easyWay, #stepAday {margin-top: 10px !important;}
 #vouchers .heading p {padding: 0;}
 #iquit-today.innerColaps-slick, #iquit-today.korang-slick { width: 100%;}
 #iquit-today .slide-heading {padding: 0 15px!important;line-height: normal}
 #iquit-today .slide-caption {padding: 0 15px !important;}
 /* #iquit-next { right: 5px;}
 #iquit-prev { left: 5px;} */
 #hfc .recipe-slides .manual-slide {width: auto;}
 #hfc .recipe-slides .grid .gid-blocks a .recipe-ame {bottom: 16px;left: 50%;transform: translate(-50%, 0px); position: relative;}
 #hfc .flexbox .col-sm-5 {margin-bottom:15px;}
 #rpswr .checkout .block-heading, #rpswr .checkout .block-heading span {font-size: 38px; padding: 0 !important;}
 #edshc {padding: 0;}
 #edshc img {width: 100%}
 #edshc img:nth-child(2) {margin: 15px 0;}
 #tehwdo .subs-desc {margin: 0 10px;}
 #tehwdo .flexbox .col-sm-4{ width: 100%; margin-bottom: 20px;}
 #tehwdo .flexbox .col-sm-4 img {width:100%;}

 #iq-slider .slick_navs {top: 87%;}
 #iq-slider #s3-prev {left: 20px;}
 #iq-slider #s3-next {right: 20px;}
 #mwb-sup, #jpiquit {margin-left: 30px;margin-right: 30px;}
 #mwb-sup .slick-leftArrow img,   #jpiquit .slick-leftArrow img {
   content: url("https://ch-api.healthhub.sg/api/public/content/be638c3e11184c09bd49f2bc2539db92?v=a5fb68bb");
 }
 #mwb-sup .slick-rightArrow img, #jpiquit .slick-rightArrow img {
   content: url("https://ch-api.healthhub.sg/api/public/content/be638c3e11184c09bd49f2bc2539db92?v=a5fb68bb");
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
 }
 #mwb-sup .slick-leftArrow, #jpiquit .slick-leftArrow  {left: -17px;}
 #mwb-sup .slick-rightArrow, #jpiquit .slick-rightArrow  {right: -39px;}
 #screening-myths { padding: 0;}
 #screening-myths .flexbox { padding: 0;min-height: auto;}
 #screening-myths .flexbox div[class^="col-sm"] { padding-left: 0 !important;padding-right: 0 !important;}
 #screening-myths .flexbox div[class^="col-sm"]:first-child img {width: 100%;}
 #screening-myths .f2 {margin-top: 15px;}
 #screen-cards .cta {margin: 0 30px;}
 #types-screening .block-heading {padding: 0 10px !important;}
 #types-screening .subs-desc {padding: 0 10px !important;}
 div[class^="col-md"] {text-align: center;width: auto !important;margin-bottom: 20px;}
 #hfc #screen-cards .flexbox {flex-flow: column;}
 #boostMWB div [class^="col-md"], .rsa .grid div [class^="col-md"]{margin-bottom: 0;}
 #moveIt .cta {width: 210px !important;}
 #hfc .recipe-slides .grid .gid-blocks a {background-size: contain !important;}

}

@media screen and (max-width: 540px) {
 
 .nav-grid li {min-height: 50px;}
 .nav-grid li a {
   color: #034B3C;
   height: 100%;
   text-decoration: none;
   padding: 0.5em 1em;
   border: 0px solid transparent;
   border-radius: 0px;
   margin-right: 0px;
   font-family: 'tw_cen_mt_stdbold';
   font-style: normal;
   font-weight: 700;
   font-size: 15px;
   line-height: 14px;
   box-sizing: border-box;
   text-align: center;
 }

 .nav-grid {flex-wrap:wrap;}
 .nav-grid li {flex: 1 0 50%;}
 .block-heading.f28 {font-size: 24px !important;}
 .bg-parallax { display: none;}
 .video-fb .thumb-list .thumb-item { margin-left: 15px;margin-right: 15px;}
 #vouchers, #vouchers .heading { width: auto;}
 .sign-up { bottom: 10px;right: 20px;}
 /* .nav-grid li.active { display: none;} */
 #hfc .flexbox { width: auto;}
 .iquit-link { width: auto !important;padding: 25px 25px;margin: 10px 10px;}
 .hcs {position: relative;}
 .green-block .subs-desc { padding: 10px 15px 0 !important;}
 .mb-wd-auto {width: auto !important;} 
 .hpb-container.hpb-korang .flexbox {flex-flow: column;padding: 20px 20px 0;}
 .nocamp .green-block .flexbox .col-md-8 .img-wrap {
   width: 100%;
   position: relative;
 }
 .cta {width: auto !important;}
 .long-card .flexbox {height: auto;}
 .long-card .flexbox div:nth-child(2) {
   position: relative;
   margin-bottom: 0;
 }
 .long-card .flexbox div:nth-child(2) img{
   position: relative;
   bottom: 0;
 }
 .dl-app-wrap {width: auto; margin: 0 10px;}
 .dl-app-wrap .two-btn a:nth-child(1){
   margin-right: 0;
   margin-bottom: 20px;
 }
 #jtc {
   
   margin-left: 20px;
   margin-right: 20px;
 }


}
@media screen and (max-width: 414px) {
 #iquit-sec #s3-next {
   right: -28px;
   top: 40%;
 }
 #iquit-sec #s3-prev {
   left: -28px;
   top: 40%;
 }
 .new-slick-video .slick-slide frame {

 }
 .hpb-container.hpb-korang .contents .tabs-dropdown, .hpb-container.hpb-korang .contents .tabs-dropdown:hover, .hpb-container.hpb-korang .contents .tabs-dropdown:active, .hpb-container.hpb-korang .contents .tabs-dropdown:focus {
   font-size: 3.4vw;
 }
 .marginTopBottom40 {
   margin-top: 30px;
 }

 .hpb-container.hpb-korang .section-language .wrapper {
   max-width: 125px;
   padding: 3px;
   border-radius: 12px;
 }
 .hpb-container.hpb-korang .section-language .wrapper .taeb-switch .taeb {
   font-size: 12px;
 }

 .hpb-container.hpb-korang .section-masthead .korang-logo {
   max-width: 300px;
   padding-left: 15px;
   padding-right: 15px;
 }
 .hpb-container.hpb-korang .pattern.latern.img1 {
   max-width: 30px;
 }
 .hpb-container.hpb-korang .pattern.latern.img4 {
   max-width: 25px;
 }
  .hpb-container.hpb-korang .pattern.latern.img2{
   max-width: 15px;
 }
 .hpb-container.hpb-korang .pattern.latern.img3{
   max-width: 17px
 }
 .hpb-container.hpb-korang .pattern.latern.img2 {
   left: 35px;
 }
 .hpb-container.hpb-korang .pattern.latern.img3 {
   right: 24px;
 }
 .hpb-container.hpb-korang .pattern.diamond.img14 {
   right: -20px;
 }
 .hpb-container.hpb-korang .contents .hpb-korang-table .f2 {
   font-size: 12.5px !important;
 }
 .hpb-container.hpb-korang .contents .hpb-korang-footer .f4 img {
   max-width: 100px;
 }
}
@media screen and (max-width: 390px) {
 .hpb-container.hpb-korang .section-language .wrapper .taeb-switch .taeb {
   font-size: 10px;
 }
 .g-arrow {
   margin: 40px auto;
   transform: rotate(90deg);
   width: 60px;
 }
}
@media screen and (max-width: 360px) {
 .hpb-container.hpb-korang .contents .tabs-dropdown, .hpb-container.hpb-korang .contents .tabs-dropdown:hover, .hpb-container.hpb-korang .contents .tabs-dropdown:active, .hpb-container.hpb-korang .contents .tabs-dropdown:focus {
   font-size: 3.2vw;
 }
}
@media screen and (max-width: 320px) {
 .f1 {
   font-size: 16px !important;
 }
 .f2 {
   font-size: 14px !important;
 }
 .f4 {
   font-size: 12px !important;
 }

}
