/*
Theme Name: Twenty Nineteen Child
Description: A child theme of twentynineteen Theme
Template: twentynineteen
*/
@import url('https://stackpath.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css');
@import url("../twentynineteen/style.css");
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:300,300i|Barlow:400,400i,500,600,600i');
@import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');

/*
Body max width          = 1920px
Container width         = 1140px (+16px padding each side, 1140px + 32px = 1172px)
Article container width = 720px (+16px padding each side, 720px + 32px = 752px)
Header container width  = 1200px (+16px padding each side, 1200px + 32px = 1232px)
*/

.bold {
    font-weight: 500;
}

h1 {
    font-family: 'Rubik', sans-serif;
    color: #323232;
    font-size: 56px;
    line-height: 56px;
    font-weight: 300;
    margin: 0!important;
}

h1:not(.site-title):before,
h2:before {
    content: none !important;
}

h2 {
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #323232;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    margin: 0;
}

h3, h4, h5, h6, p, a, button, li, label, input, th, tr, td, textarea, option {
    font-family: 'Rubik', sans-serif;
    color: #323232;
    letter-spacing: 0;
    margin: 0;
}

b, strong {
    font-weight: bolder!important;
}

input:focus {
    outline: none!important;
    border-color: #c8c8c8!important;
    outline-offset: unset!important;
}

.blueText {
    color: #30a4f2!important;
    font-weight: 300 !important;
}

.redText {
    color: #e00b00;
}

a:focus {
    outline: none;
    text-decoration: none!important;
}

.container{
    max-width: 1172px !important;
    width: 100%;
    padding: 0 16px !important;
    margin: auto;
}

.container.articleContainer {
    max-width: 752px !important;
}


.mobileShow {
    display: none;
}

.tabletShow {
    display: none;
}

#wpadminbar a.ab-item {
    font-size: 13px;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 32px;
}

header#top {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 9999;
    max-width: 1920px;
}

header#top .container {
    max-width: 1232px !important;
    padding: 0 16px !important;
    width: 100%;
}

header#top .row {
    margin: 0;
    position: relative;
    width: 100%;
    height: 80px;
}

body {
    background-color: #fafafa;
    max-width: 1920px;
    margin: auto;
}

.site-content-contain {
    padding-top: 80px;
}

/* hamburger icon */
#hamburgerMenuIcon {
    height: auto;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin: 0;
    padding: 0;
    float: right;
    padding-top: 22px;
    width: 24px;
}

#hamburgerMenuIcon span {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #969696;
    border-radius: 9px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    margin-bottom: 4px;
}

#hamburgerMenuIcon span:nth-child(2) {
    margin-bottom: -2px;
}

#hamburgerMenuIcon.open span:nth-child(1), #hamburgerMenuIcon.open span:nth-child(4) {
    width: 0%;
    margin-left: 50%;
}

#hamburgerMenuIcon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#hamburgerMenuIcon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* hamburger menu */
.hamburgerMenu {
    position: fixed;
    width: 100%;
    height: calc(100% - 60px);
    right: 0;
    z-index: -1;
    overflow: hidden;
    transition: all 1s;
    top: 60px;
}

.hamburgerWrapper {
    background-color: #fff;
    max-width: 327px;
    width: 100%;
    right: -327px;
    height: 100%;
    position: absolute;
    transition: all .5s;
    z-index: 9;
    overflow: scroll;
}

.hamburgerWrapper a {
    display: block;
    font-size: 16px;
    color: #323232;
    line-height: 28px;
    padding: 16px 24px;
    border-top: solid 1px #dcdcdc;
}

.hamburgerMenu .overlay {
    width: 100%;
    height: 100%;
    background: #000;
    transition: all 1s;
    opacity: 0;
}

.hamburgerMenu.active {
    z-index: 999;
}

.hamburgerMenu.active .hamburgerWrapper {
    right: 0;
}

.hamburgerMenu.active .overlay {
    opacity: 0.75;
}

.hamburgerMenu.active .hamburgerWrapper.pushed .hamburgerListContainer{
   margin-top: 60px;
}

.promotionContent a, .singleMallPromotionPostContentWrapper a, .singleHappeningPostWrapper a, .singleStorePostContentWrapper a, .accordionItemContent .answer a {
    color: #30A4F2;
    word-wrap: break-word;
}

p.memberAccWelcomeBtn {
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
}

/* Tab style */
.tabBtnWrapper {
    padding: 40px 0px;
}

.tabBtnWrapper .blackLine{
    margin: 0px !important;
}

.tabBtn.active:not(a):after, .selectedHappeningCat:after, .selectedPressRoomType:after, .selectedFunLearningType:after, .selectedLeasingEnquiryType:after, .selectedPromotionPageTypeCat:after, .selectedTimeSection:after, .selectedRewardsType:after, .selectedEarningRewardsType:after, .selectedSignUpType:after, .selectedVoucherDetails:after, .selectedRewardsCatalogueCat:after {
    content: "";
    height: 3px;
    display: block;
    background-color: #D4038D;
    margin-top: 12px;
}

.tabBtn {
    font-size: 22px;
    line-height: 27px;
    font-weight: 300;
    display: inline-block;
    cursor: pointer;
    padding: 0 40px 0 0;
    vertical-align: top;
    color: #323232!important;
}

.tabBtn.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.tabBtn.active:not(a) {
    color:#D4038D !important;
}

/*404 page*/
.error-404.not-found p.page-title {
    font-size: 16px;
    line-height: 28px;
    color: #323232;
    font-weight: 300;
    font-family: 'Rubik', sans-serif;
    padding: 0;
    margin: 0;
    text-align: center;
}

.error-404.not-found h1.page-title {
    font-size: 40px;
    line-height: 64px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #323232;
    text-align: center;
    padding-bottom: 16px;
    margin: 0;
}

.backToHomeBtnWrapper {
    text-align: center;
}

.backToHomeBtnWrapper .pinkBorderButton {
    color: #D4038D!important;
    border: 2px solid rgba(212,3,141);
    border-radius: 6px;
    font-size: 14px;
    letter-spacing: 0.75px;
    line-height: 17px;
    font-weight: 400;
    padding: 20px 24px;
    text-transform: uppercase;
    display: inline-block;
}

.pinkBorderButton:hover {
    background-color: #D4038D;
    color: #fff!important;
}

.error-404.not-found .page-header {
    padding-bottom: 0;
    margin: 0;
    border-bottom: 0;
}

.error-404.not-found .page-content{
    margin: 0;
    padding-top: 24px;
}

main#main {
    position: relative;
    height: 30em;
}

.error-404.not-found {
    max-width: 634px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
/*End 404 page*/

/*Background color*/
.ascend {
    background-color: #fff !important;
}

/*Header Logo*/
.headerLogo{
    height: 56px !important;
    width: auto;
    margin: 12px 0 !important;
    display: inline-block;
    vertical-align: middle;
}

/*Header Menu*/
.admin-bar #header-outer, #header-outer{
    padding: 0 !important;
}

.logoWrapper {
    float: left;
}

#top .row .menu{
    position: absolute;
    display: table;
    right: 0;
    height: 100%;
}

.searchIcon {
    padding-top: 3px;
}

.ais-Hits.ais-Hits--empty {
    font-size: 20px;
    line-height: 32px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    text-align: center;
    color: #323232;
}

#top .row .searchIconMobile{
    display: none!important;
    font-size: 24px;
    float: right;
    line-height: 24px;
    color: #B6B6B6;
    padding-top: 16px;
    margin-right: 32px;
}

#top .row .menu a{
    padding-right: 24px;
    font-size: 14px;
    vertical-align: middle;
    line-height: 17px;
    color: #323232;
    display: table-cell;
    transition: all .5s;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
}

#top .row .menu .loginBtn, #top .row .menu .loginMenuSelection {
    display: table-cell;
    vertical-align: middle;
    padding-left: 24px;
    cursor: pointer;
    padding-bottom: 0;
}

#top .row .menu .loginBtn p, #top .row .menu .loginMenuSelection button {
    width: auto;
    height: auto;
    border: solid 1px #dcdcdc;
    vertical-align: middle;
    display: table-cell;
    font-size: 14px;
    line-height: 17px;
    border-radius: 4px;
    text-align: center;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    padding: 8px 12px;
}

#top .row .menu .loginBtn p:hover, #top .row .menu .loginMenuSelection button:hover {
    background-color: #D4038D;
    color: #fff!important;
    border: 1px solid #D4038D;
    transition: all 0.25s;
}

#top .row .menu .loginMenuSelection button {
    width: auto;
}

.btn.btn-default.dropdown-toggle.selectLoginMenuBtn.active, .btn.btn-default.dropdown-toggle.selectLoginMenuBtn:active, .open>.btn.btn-default.dropdown-toggle.selectLoginMenuBtn {
    color: #323232;
    background-color: transparent;
    background-image: none;
    border-color: #dcdcdc;
}

#top .row .menu .loginMenuSelection button {
    background-color: transparent;
}

#top .row .menu .loginMenuSelection .selectionDropdown {
    width: auto;
    border-radius: 4px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    border: none;
    margin-top: -23px;
    margin-left: 24px;
    padding: 0;
}

#top .row .menu .loginMenuSelection .selectionDropdown li, #top .row .menu .loginMenuSelection .selectionDropdown a {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    font-family: 'Barlow', sans-serif;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-top: 8px;
}

#top .row .menu .loginMenuSelection .selectionDropdown li:hover {
    background-color: #D4038D;
    color: #fff;
}

#top .row .menu .loginMenuSelection .selectionDropdown li:hover>a , #top .row .menu .loginMenuSelection .selectionDropdown a.current:hover{
    color: #fff !important;
    transition: none;
}

span.selectedGender {
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

#top .row .menu .loginMenuSelection .selectionDropdown a {
    padding: 0;
    transition: none;
}

#top .row .menu .loginBtn p i, #top .row .menu .loginMenuSelection i {
    font-size: 10px;
    padding-left: 13px;
    vertical-align: top;
    line-height: 18px;
}

.menu.desktopShow a.current {
    color: #D4038D !important;
}

.menu a:hover {
    color: #D4038D !important;
}

a.searchIcon {
    padding-right: 0 !important;
}

.searchModalContent i.fas.fa-search {
    position: absolute;
    z-index: 99;
    padding-left: 26px;
    color: #323232;
}

i.fas.fa-search {
    font-weight: 900;
    font-size: 20px;
    vertical-align: top;
    color: #B6B6B6;
    -webkit-text-stroke: 1px #fff;
    padding-top: 30px;
}

#content {
    width: 100%;
    position: relative;
}

/* Login Modal and newsletter modal */
.loginModalWrapper, .newsletterModalWrapper, .pdfModalWrapper, .participatingStoreModalWrapper, .editProfileSuccessWrapper, .newsletterSuccessWrapper, .enquirySuccessWrapper, .feedbackSuccessWrapper, .searchModalWrapper, .featurePopupDialogWrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    z-index: 10000;
    max-width: 1920px;
}

.loginModalWrapper .overlay, .newsletterModalWrapper .overlay, .pdfModalWrapper .overlay, .participatingStoreModalWrapper .overlay, .editProfileSuccessWrapper .overlay, .newsletterSuccessWrapper .overlay, .enquirySuccessWrapper .overlay, .feedbackSuccessWrapper .overlay, .searchModalWrapper .overlay, .featurePopupDialogWrapper .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    z-index: -1;
}

.participatingStoreModalWrapper .overlay {
    z-index: 0;
}

.loginModalContainer, .newsletterModalContainer, .pdfModalContainer, .participatingStoreModalContainer, .editProfileSuccessContainer, .newsletterSuccessContainer, .enquirySuccessContainer, .feedbackSuccessContainer, .searchModalContainer, .featurePopupDialogContainer {
    display: table-cell;
    vertical-align: middle;
}

i.fas.fa-times.loginModalCloseIcon, .newsletterModalContainer i.fas.fa-times.newsletterModalCloseIcon  {
    color: #FFFFFF !important;
    font-size: 24px !important;
    -webkit-text-stroke: 2px #3F3F3C;
    position: fixed;
    z-index: 999;
    width: 480px !important;
    margin-left: 50px;
    text-align: right;
    cursor: pointer;
}

.loginModal, .newsletterModal {
    width: 480px;
    background-color: #fff;
    margin: auto;
    overflow: auto;
    max-height: 90vh;
    border-radius: 6px;
}

.forgotPasswordBtn {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.newsletterModalContent {
    padding: 40px 48px;
}

/*.newsletterModal {
    padding: 40px 48px;
    max-height: 90vh;
    overflow: auto;
    position: relative;
}*/

.editProfileSuccess, .newsletterSuccess, .enquirySuccess, .feedbackSuccess {
    width: 90%;
    max-width: 480px;
    margin: auto;
    background-color: #fff;
    padding: 40px 48px;
}

.editProfileSuccess h1, .newsletterSuccess h1, .enquirySuccess h1, .feedbackSuccess h1 {
    font-size: 28px;
    line-height: 33px;
    padding-bottom: 24px;
}

.editProfileSuccessWrapper, .newsletterSuccessWrapper, .enquirySuccessWrapper, .feedbackSuccessWrapper {
    display: table;
}

.editProfileSuccess .content, .newsletterSuccess .content, .enquirySuccess .content, .feedbackSuccess .content {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 32px;
}

.closeEditProfileSuccessBtn, .newsletterSuccess .closeNewsletterModalSuccessBtn, .enquirySuccess .closeEnquiryModalSuccessBtn, .feedbackSuccess .closeFeedbackModalSuccessBtn {
    font-size: 14px;
    line-height: 17px;
    padding: 16px;
    text-align: center;
    border-radius: 6px;
    background-color: #D4038D;
    color: #fff;
    cursor: pointer;
}

.loginModalHeader {
    height: 160px;
    width: 100%;
    padding: 100px 48px 24px;
    display: table-cell;
    vertical-align: bottom;
    background-size: 150%;
}

.loginModalHeader h1 {
    color: #fff;
    line-height: 28px;
    padding-bottom: 8px;
    font-size: 24px;
    font-weight: 500;
    display: inline-block;
}

.loginModalHeader p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 300;
}

#footer .loginModal .announcement {
    padding: 16px;
    background-color: #FFF6E1;
    margin-bottom: 26px;
}

#footer .loginModal .announcement h3 {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    padding-bottom: 8px;
}

#footer .loginModal .announcement p, #footer .loginModal .announcement p a {
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    margin: 0;
}

#footer .loginModal .announcement p span {
    font-weight: 400;
}

#footer .loginModal .announcement p a {
    color: #30A4F2!important;
    display: inline;
    vertical-align: bottom;
}

.loginModalFooter {
    width: 100%;
    padding: 0 48px 32px;
    display: table;
}

img.loginModalRewardIcon {
    width: 72px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 14px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
}

.loginModalFooter p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 16px;
}

.downloadBtnWrapperLoginModal {
    display: inline-block;
    margin-left: 24px;
    width: calc(100% - 96px);
    vertical-align: middle;
}

.downloadBtnWrapperLoginModal a.IosBtn img {
    width: auto;
    display: inline-block;
    height: 40px;
}

.downloadBtnWrapperLoginModal a.AndroidBtn img {
    width: auto;
    /* margin-left: 16px; */
    float: right;
    /* display: inline-block; */
    vertical-align: top;
    height: 40px;
}

.newsletterModal h1 {
    font-size: 28px;
    line-height: 33px;
    padding-bottom: 32px;
}

.loginModalContent {
    padding: 40px 48px 31px;
}

.loginModalContent label, .newsletterModalContent label {
    display: block;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 12px;
    margin: 0;
}

.newsletterModalContent .checkboxLabel {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 30px;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-style: italic;
    width: calc(100% - 30px);
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding-left: 8px;
}

/*.newsletterModalContent input[type="checkbox"] {
    width: auto;
    vertical-align: top;
}*/

.loginModalContent input, .newsletterModalContent input {
    font-size: 16px;
    line-height: 28px;
    width: 100%;
    border-radius: 6px;
    padding: 10px 11px;
    border: solid 1px #c8c8c8;
    margin-bottom: 32px;
}

.newsletterModalContent .newsletterSubmitBtn {
    margin-bottom: 0;
    background-color: #D4038D!important;
    border: none;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.75px;
    font-weight: 400;
    padding: 16px;
    opacity: .5;
    pointer-events: none;
}

.newsletterModalContent .birthdateField .monthSelection {
    width: 40%;
}

.newsletterModalContent .birthdateField .dateSelection, 
.newsletterModalContent .birthdateField .yearSelection {
    width: 30%;
}

#footer .newsletterModalContent button.dropdown-toggle i {
    font-size: 10px;
    float: right;
    line-height: 28px;
    color: #323232;
    width: auto;
    margin-right: 0;
}

.newsletterModalContent .birthdateField {
    padding-bottom: 32px;
}

.loginModalContent .submitBtnRow {
    height: 48px;
    margin-top: 8px;
    position: relative;
    margin-bottom: 32px;
}

.loginModalContent .forgotPasswordBtn:hover {
    cursor: pointer;
}

.forgetPassword p {
    font-size: 14px;
    line-height: 21px;
    margin: 0;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

.forgetPassword p:first-child{
    margin-top: 32px;
    color: #D4038D;
}

.forgetPassword p:last-child{
    margin-bottom: 32px;
}

.loginModalContent .forgotPasswordBtn {
    font-weight: 400;
    line-height: 17px;
    font-size: 14px;
    margin: 16px 0 0;
    float: left;
    color: #323232!important;
    border-bottom: none;
    position: relative;
}

.loginModalContent .loginSubmitBtn {
    font-weight: 400;
    font-size: 14px;
    line-height: 48px;
    background-color: #D4038D!important;
    color: #fff;
    border-radius: 6px;
    padding: 0;
    border: none;
    margin: 0;
    width: 92px;
    float: right;
    text-align: left;
    padding-left: 16px;
}

.loginModalContent .loginSubmitBtnChevron {
    position: absolute;
    right: 0;
    color: #fff!important;
    font-size: 10px!important;
    margin: 18px 13px 0 0!important;
    width: auto!important;
}

.errorMsg {
    font-weight: 400;
    font-size: 12px;
    color: red;
    padding-top: 16px;
    margin: 0;
}

.loginModalWrapper .errorMsg {
    padding: 0 0 8px 0;
}

.loginModalWrapper .notMemberMsg.loginErr {
    font-size: 16px;
    background-color: rgba(212,3,141,0.2);
    padding: 16px;
    margin-bottom: 24px;
    border: solid 1px #D4038D;
}

/* Header Image */
.headerImage, .singlePostImg, .guide_headerImage {
    background-size: cover;
    width: 100%;
    position: relative;
    padding-top: calc(100% /3);
}

.headerImage .headerCarouselContainer {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
}

.headerCarouselImg {
    height: 100%;
    background-size: cover;
    background-position: center;
}

.headerCarouselContainer .swiper-button-next, .headerCarouselContainer .swiper-button-prev {
    height: 24px;
}

.headerTitleContainer, .singlePostContainer, .guidePostWrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9;
    padding-bottom: 24px;
}

.headerTitleContainer h1, .singlePostContainer h1, .guidePostWrapper h1 {
    color: #fff;
    line-height: 64px;
    padding-bottom: 16px;
    text-transform: capitalize;
}

.headerTitleContainer a, .singlePostContainer a{
    color: #fff;
    line-height: 19px;
    font-size: 16px;
    padding-bottom: 7px;
    position: relative;
    padding-left: 20.5px;
    text-transform: uppercase;
    font-weight: 300;
}

.headerTitleContainer a i, .singlePostContainer a i{
    font-size: 12px;
    position: absolute;
    line-height: 19px;
    bottom: 12px;
    left: 0;
    top: 0px;
}

.headerTitleContainer span.selectedShopDineCat {
    text-transform: capitalize;
    font-size: 56px;
    line-height: 66px;
    font-weight: 300;
    padding-right: 30px;
}

.headerImage:after, .singlePostImg:after, .guide_headerImage:after{
    display: block;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 100%);
    height: 50%;
    width: 100%;
    content: '';
    bottom: 0;
    position: absolute;
}

.homepageHeader:after {
    display: none;
}

/*What's New*/
.what_new {
    font-size: 0;
    padding-top: 24px!important;
}

.what_new>div{
    display: inline-block;
    vertical-align: middle;
}

.what_new_desc {
    width: 41.6666667%;
    padding-right: 25px;
}

.what_new h1 {
    max-width: 165px;
    padding-bottom: 16px;
}

.what_new h2 {
    max-width: 100%;
    padding-bottom: 0;
    line-height: 32px;
}

.what_new .featuredWhatsNew {
    width: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.featuredWhatsNew::after, .whatsNew::after {
    display: block;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 100%);
    height: 80%;
    width: 100%;
    content: '';
    bottom: 0;
    position: absolute;
}

.smallGalleryImg::after, .bigGalleryImg::after {
    display: block;
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    height: 80%;
    width: 100%;
    content: '';
    bottom: 0;
    position: absolute;
}

.what_new .whatsNew {
    display: inline-block;
    width: calc(50% - 8px);
    padding-top: calc(50% - 8px);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.whatsNewWrapperMain {
    position: relative;
    width: 58.3333333%;
}

.whatsNewWrapperMain>div{
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.leftWhatsNewWrapper {
    padding-right: 8px;
}

.rightWhatsNewWrapper {
    padding-left: 8px;
}

.leftWhatsNewWrapper>a>div {
    margin-bottom: 16px;
}

.leftWhatsNewWrapperRow>a:first-child, .rightWhatsNewWrapperRow>a:first-child {
    margin-right: 16px;
}

.rightWhatsNewWrapper>div {
    margin-bottom: 16px;
}

p.featuredWhatsNewTitle {
    display: -webkit-box;
    max-width: 90%;
    max-height: 24px;
    -webkit-line-clamp: 1;
    transform: translateY(-204%) !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.whatsNewWrapperMain p {
    color: #fff;
    font-size: 17px;
    line-height: 24px;
    position: absolute;
    transform: translateY(-100%);
    padding: 0 0 10px 16px;
    z-index: 1;
}

.whatsNewWrapperMain .homePageNewStoreBox {
    position: absolute;
    right: 0;
    font-size: 12px;
    line-height: 14px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #D4038D;
    letter-spacing: 0.64px;
    padding: 5px;
    text-transform: uppercase;
    display: inline-block;
}
/*----WhatsNew*----/

/*Shopping Guide */
.getShoppingGuideImg:after {
    display: block;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 100%);
    height: 50%;
    width: 100%;
    content: '';
    bottom: 0;
    position: absolute;
}

.getShoppingGuideImg.shoppingCat {
    background-size: cover;
    background-position: top;
    width: 100%;
    position: relative;
    padding-top: calc(100% /3);
}

.getShoppingGuideImg.diningCat {
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
    padding-top: calc(100% /3);
}

.shoppingGuide {
    padding-top: 48px;
}

.shoppingGuideWrapper {
    margin-bottom: 32px;
}

.shoppingGuideWrapper h1 {
    width: 242px;
    display: inline-block;
    margin-right: 78px!important;
    vertical-align: bottom;
}

.shoppingGuideWrapper .tabBtn {
    display: inline-block;
    margin-right: 100px;
    transition: color 0.25s ease-in;
    font-size: 22px;
    line-height: 27px;
    position: relative;
    margin: 0;
    padding-right: 42px;
    cursor: pointer;
}

.homepageShoppingGuide .guideNavBtnWrapper {
    display: inline-block;
}

.shoppingGuideWrapper .tabBtn.active {
    background-color: transparent;
    height: auto;
}

.swiper-container{
    overflow: unset !important;
}

.featurePopupDialogWrapper .swiper-container {
    width: 517px !important;
}

.dropdownShopDine.dropdown i.fa.fa-caret-down {
    font-size: 46px;
    line-height: 29px;
}

.shoppingGuideImg {
    width: 100%;
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius: 8px 8px 0px 0px;
}

.bigImgShoppingGuide {
    display: inline-block;
    vertical-align: top;
    width: calc(60% - 24px);
}

.bigImgShoppingGuide:hover , .smallImgShoppingGuide:hover , .halfImgShoppingGuide:hover{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
    border-radius: 8px;
    transition: .25s all;
}

.smallImgShoppingGuide:first-child {
    margin-bottom: 24px;
}

.smallShoppingGuideImg {
    display: inline-block;
    width: 100%;
    height: 210px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 8px 8px 0px 0px;
}

.smallShoppingGuideContentWrapper {
    padding: 24px;
    background-color: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
    width: 100%;
    height: 212px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border: 1px solid #DCDCDC;
    box-sizing: border-box;
}

.smallImgShoppingGuide .shoppingGuideContentWrapper a {
    padding: 20px;
}

.smallShoppingGuideContentWrapper a {
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
    color: #323232;
}

.halfShoppingGuideImg {
    width: 100%;
    height: calc(100vw / 5);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 8px 8px 0px 0px;
}

.halfImgShoppingGuide:first-child {
    margin-right: 24px;
}

.halfImgShoppingGuide {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 12px);
}

.halfShoppingGuideContentWrapper {
    padding: 32px;
    background-color: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
    height: 244px;
    border: 1px solid #DCDCDC;
    /*height: calc(100vw / 8);*/
}

.halfShoppingGuideDesc {
    padding-top: 8px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    font-family: 'Rubik', sans-serif;
    color: #323232;
}

.shoppingGuideContentWrapper {
    padding: 40px;
    background-color: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
    height: 366px;
    border: 1px solid #DCDCDC;
    /*height: calc(100vw / 5);*/
}

.shoppingGuideContentWrapper a, .halfShoppingGuideContentWrapper a{
    font-size: 40px;
    line-height: 64px;
    font-weight: 300;
    color: #323232;
}

.shoppingGuideDesc {
    padding-top: 8px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    font-family: 'Rubik', sans-serif;
    color: #323232;
}

.firstRowShoppingGuideWrapper, .secondRowShoppingGuideWrapper{
    font-size: 0;
    padding-bottom: 24px;
}

.rightWrapper {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    margin-left: 24px;
}

.leftWrapper {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    margin-right: 24px;
}

.shoppingGuideBtnWrapper .blackLine{
    height: 1px;
    background-color: #dcdcdc;
    margin: 0 !important; 
}

.featurePopupDialogWrapper {
    display: table;
}

.featurePopupDialog::-webkit-scrollbar {
    width: 0;
}

/* .featurePopupSlide {
    height: 90%!important;
} */

.featurePopupDialog {
    width: 90vw;
    height: auto;
    max-width: 634px !important;
    max-height: 90vh;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.featurePopupSlide.swiper-slide {
    max-height: 90vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.featurePopupImage {
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    background-position: center;
}

.featurePopupDetails {
    padding: 24px;
    max-width: 517px !important;
    background-color: #fff;
    overflow: hidden;
}

.featurePopupTitle {
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 8px;
    font-style: unset;
    color: #323232!important;
}

.featurePopupDesc, .featurePopupDesc {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding-bottom: 40px;
    max-width: 100%;
}

.featurePopupDesc, .featurePopupDesc>p {
    padding-bottom: 28px;
}

/* .featurePopupDesc p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} */

.featurePopupDialogDontShowWrapper {
    text-align: left;
    /*position: absolute;
    padding: 0;
    margin-bottom: 16px;*/
}

.featurePopupDialogDontShowWrapper p {
    width: auto!important;
}

.featurePopupDialogDontShowWrapper .checkboxContainer {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    width: 100%;
    text-align: center;
    padding: 16px 0;
}

.featurePopupDialogDontShowWrapper .checkmark {
    padding: 0!important;
}

.featured-popup-swiper-button-prev, 
.featured-popup-swiper-button-next {
    opacity: 1!important;
    position: absolute;
    z-index: 999;
    top: calc(50% - 20px)!important;
}

.featured-popup-swiper-button-prev {
    left: -58px;
}

.featured-popup-swiper-button-next {
    right: -58px;
}

.featured-popup-swiper-button-prev i, 
.featured-popup-swiper-button-next i {
    position: absolute;
    width: 100%;
    left: 0;
}

/* Homepage custom carousel */
div#fbGuideGallery>.customSwiperContainer {
    width: 600%;
    position: relative;
    height: calc(100vw / 3);
}

.customSwiperWrapper {
    position: absolute;
    left: -33.33%
}

/*Auto Scroll Animation*/
/* .swiper-wrapper{
    transition: .5s ease !important; 
} */

.bigGalleryImg, .bigGalleryImgScroll {
    width: 100%;
    height: calc(100vw / 3);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.smallGalleryImg {
    display: inline-block;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    vertical-align: top;
}

.smallGalleryImg p, .bigGalleryImg p {
    position: relative;
    top: 100%;
    transform: translateY(-100%);
    z-index: 1;
    text-align: center;
    font-size: 22px;
    line-height: 27px;
    padding: 0 8px 32px;
    color: #fff;
}

.smallGalleryImgScroll {
    height: calc(100vw / 6);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.smallGalleryImgScroll p {
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #fff;
    position: relative;
    top: 100%;
    transform: translateY(-100%);
    z-index: 1;
    text-align: center;
}

.bigGalleryImgScroll p {
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #fff;
    position: relative;
    top: 100%;
    transform: translateY(-100%);
    z-index: 1;
    text-align: center;
}

a.big.swiper-slide{
    width: 720px !important;
}

a.swiper-slide{
    width: 360px !important;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: 0px;
}

.shoppingGuideBtnWrapper {
    padding: 32px 0px 46px 0px;
}

.shoppingGuideDescBG {
    background-color: #FFFFFF;
    padding: 40px 0px;
}

p.getShoppingGuideDesc.container {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
}

.shoppingGuideDescWrapper.container {
    margin-bottom: 39px;
}

#shopDineGallery, #fbGuideGallery {
    font-size: 0;
}

.shoppingGuide .leftGalleryWrapper, .shoppingGuide .rightGalleryWrapper {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.shoppingGuide #fbGuideGallery  .leftGalleryWrapper, .shoppingGuide #fbGuideGallery .rightGalleryWrapper {
    width: 50vw;
}

div#fbGuideGallery>div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-right: -5px;
}

.rightGalleryWrapper {
    height: calc(100vw / 3);
}

.rightGalleryWrapperRow {
    height: 50%;
}

/*/Shopping Guide */

/*Promotions*/
.noMatches {
    font-size: 16px;
    line-height: 28px;
    padding-top: 40px;
    font-weight: 300;
    text-align: center;
}

.promotionsContent h1 {
    letter-spacing: -1px;
    padding-bottom: 32px;
}

.promotionsContent {
    padding-bottom: 60px!important;
}

.promotionsContent .blackLine {
    margin-bottom: 40px;
}

.promotions .blackLine {
    margin-bottom: 0px;
}

.verticalLine {
    border-left: 1px solid #C8C8C8;
    height: 48px;
    vertical-align: bottom;
    margin-left: 70px;
    margin-bottom: 20px;
}

.promotions .promotionsTopBar {
    padding-top: 64px;
}

.promotionPageImg {
    background-size: cover;
    width: 100%;
    padding-top: 100%;
}

.promotions .promotionsTabContainer {
    padding-bottom: 49px;
    padding-top: 40px;
}

.promotionTabBtnWrapper>* {
    display: inline-block;
    font-size: 22px;
    font-weight: 300;
    line-height: 27px;
    padding: 0 40px 14px 0;
    position: relative;
    transition: .25s all;
    cursor: pointer;
}

.promotionTabBtnWrapper .promoTabBtn.active {
    color: #d4038d;
}

.promotionTabBtnWrapper .promoTabBtn.active:after {
    content: "";
    position: absolute;
    width: calc(100% - 40px);
    height: 3px;
    background-color: #d4038d;
    bottom: 0;
    left: 0;
}

.promotionsTabContainer {
    padding-bottom: 49px;
}

.promotionsTabContainer .promotionContainer{
    font-size: 0;
}

.promotionsTabContainer .promotionContainer .promotionPost{
    width: calc(25% - 12px);
    display: inline-block;
    margin-right: 16px;
    position: relative;
    padding-top: calc(50% - 24px);
    transition: .25s all;
    background-color: #fff;
    overflow: hidden;
    height: 0;
}

.promotionsPage div#store_promotions .promotionPost, .mainTouristPrivilegesContainer .promotionPost{
    width: calc(25% - 16px);
    display: inline-block;
    margin: 0 8px;
    position: relative;
    padding-top: calc(50% - 32px);
    transition: .25s all;
    background-color: #fff;
    overflow: hidden;
    height: 0;
}

div#store_promotions .promotionPageTypeTabContent{
    padding-bottom: 52px;
    padding-top: 56px;
}

.promotionsTabContainer .promotionContainer .promotionPost:last-child, .promotionPageTypeTabContent .promotionContainer .promotionPost:last-child{
    margin-right: 0;
}

.promotionsTabContainer .promotionContainer .promotionPost:hover, .promotionPageTypeTabContent .promotionPost:hover{
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
    transition: all 0.25s;
}

.promotionsTabContainer .promotionContainer .promotionContent, .promotionPageTypeTabContent .promotionContent{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: -200%;
}

.promotionsTabContainer  .promotionDetailsContainer {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.promotionsTabContainer .promotionContainer .promotionImg{
    box-shadow: none;
    margin: 0;
}

.promotionsTabContainer .promotionContainer .promotionDetailsBox {
    height: auto;
    background-color: #fff;
    padding: 24px 16px;
    position: absolute;
    top: 0;
}

.promotionsTabContainer .promotionContainer .promotionTitle{
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 8px;
    font-style: unset;
    font-family: 'Rubik', sans-serif;
    color: #323232;
    display: -webkit-box;
    max-width: 100%;
    height: 24px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.promotionsTabContainer .promotionContainer .promotionPeriod, .promotionPageTypeTabContent .promotionDetailsContainer .promotionPeriod{
    font-size: 16px;
    line-height: 24px;
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
    font-style: italic;
}

.promotionsTabContainer .promotionContainer .promotionLine, .promotionPageTypeTabContent .promotionDetailsContainer .colorLine, .happeningPostContentWrapper .colorLine {
    width: 40px;
    height: 3px;
    background-color: #dcdcdc;
    margin: 16px 0;
    transition: .25s all;
}

.promotionsTabContainer .promotionContainer .promotionPost:hover .promotionLine{
    background-color: #d4038d;
}

.promotionPageTypeTabContent .promotionPost:hover .promotionDetailsContainer .colorLine{
    background-color: #d4038d;
}

.promotions .promotionsTabContainer .promotionContainer .promotionDesc{
    font-size: 16px;
    line-height: 28px;
    display: -webkit-box;
    max-width: 100%;
    height: 56px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blackLine {
    border-top: 1px solid #DCDCDC;
}

.viewAllStoreBtnWrapper {
    text-align: center;
}

.startTheDayBtnWrapper{
    padding-top: 24px;
}

.startTheDayBtnWrapper .pinkBorderButton, .funLearningBtnWrapper .pinkBorderButton, .viewAllStoreBtnWrapper .pinkBorderButton, .retailSpaceBtnWrapper .pinkBorderButton, .eventSpaceBtnWrapper .pinkBorderButton{
    color: #D4038D!important;
    border: 2px solid rgba(212,3,141);
    border-radius: 6px;
    font-size: 14px;
    letter-spacing: 0.75px;
    line-height: 17px;
    font-weight: 400;
    padding: 20px 24px;
    text-transform: uppercase;
    display: inline-block;
}

.pinkBorderButton:hover {
    background-color: #D4038D;
    color: #fff!important;
}

.promotions .promotionsRow {
    margin: 0 -8px 54px -8px;
    position: relative;
}

.promotionLoadingBg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    display: none;
}

.promotions .promotionColumn{
    display: inline-block;
    width: 25%;
    vertical-align: top;
    padding: 0 8px;
}

.promotionImg {
    width: 100%;
    display: block;
    box-shadow: 0px 24px 20px -16px rgba(0,0,0,.4);
    margin-bottom: 28px;
    padding-top: 100%;
    background-size: cover;
    background-position: center;
}


.promotions .promotionColumn h2{
    font-size: 24px;
    line-height: 29px;
    font-style: italic;
    padding-bottom: 8px;
    margin-bottom: 0px;
}

.promotions .promotionColumn h3{
    color: #727272;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    font-style: italic;
    padding-bottom: 16px;
    margin-bottom: 0;
    margin-top: 0;
}

.redLine {
    width: 40px;
    border: 0;
    border-top: 3px solid #EA4335;
    margin: 0;
    padding-bottom: 14px;
}

.promotions .promotionColumn p{
    font-weight: 400;
    margin-top: 0;
    font-size: 17px;
    line-height: 28px;
}

.categoriesMenu p {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 17px;
    font-weight: 400;
    border: 1px solid #DCDCDC;
    border-radius: 6px;
    background-color: #FFFFFF;
    padding: 9px 16px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    transition: all .25s;
    margin: 0 9px 0 0;
}

.categoriesMenu .selectedCat {
    background-color: #EA4335;
    border: 1px solid #EA4335;
    color: #fff;
}

.categoriesMenu{
    padding-bottom: 30px;
}

/*Calendar*/
div#promotion .range-calendar .calendar {
    padding: 0px 0px !important;
}

#promotions_calendar .monthDropdown button {
    padding: 10px 16px;
    border: solid 1px #dcdcdc;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    background-color: #FAFAFA;
}

.open>.monthBtn.btn-default.dropdown-toggle{
    background-color: #FFF !important;
}

#promotions_calendar .monthDropdown .months {
    left: unset!important;
    width: auto;
    min-width: 133px;
    font-size: 16px;
    line-height: 28px;
    padding: 0;
    margin-left: 0;
}

.monthDropdown button i {
    padding-left: 24px;
    font-size: 16px;
    -webkit-text-stroke: 1px #fff;
}

#promotions_calendar .monthDropdown .months option {
    position: unset;
    display: block;
    float: unset;
    width: auto;
    text-align: left;
    cursor: pointer;
    color: #323232;
    padding: 5px 16px;
    font-weight: 300;
}

.range-calendar .months .cell.selected {
    background-color: unset !important;
}

#promotions_calendar .monthDropdown .months option:hover, li.selectedPromotionPageSubCat:hover {
    background-color: #D4038D !important;
    color: #FFF !important;
    transition: all 0.25s;
}

option.month-cell.cell.selected {
    color: #D4038D !important;
}

 li.selectedPromotionPageSubCat.selectedPromotionDropdownBtn{
    color: #D4038D;
 }

.wrapper.hidden-dropdown{
    display:none;
}

div#promotions_calendar:not(.hidden-dropdown) {
    display: inline-block!important;
}

.wrapper:not(.hidden-dropdown) {
    display: inline-block;
    margin-right: 66px;
    vertical-align: top;
    margin-bottom: 0;
}

div#promotions_calendar .wrapper:nth-child(3) {
    vertical-align: middle;
    width: 420px;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}

.cell-content:hover {
    color: #D4038D;
    cursor: pointer;
}

#promotions_calendar span.previous {
    position: absolute;
    float: left;
    color: #969696;
    margin: 26px 0 0 -39px;
    line-height: 0 !important;
    cursor: pointer;
    -webkit-text-stroke: 1px #fff;
}

#promotions_calendar span.nextcall {
    position: absolute;
    float: right;
    right: 0px;
    color: #969696;
    cursor: pointer;
    -webkit-text-stroke: 1px #fff;
    line-height: 0 !important;
    margin: 26px -39px 0 0;
}

#promotions_calendar span.nextcall:hover, #promotions_calendar span.previous:hover {
    color: #D4038D;
}

.previous.disabled, .nextcall.disabled {
    pointer-events: none;
    opacity: 0.3;
}

#promotions_calendar span.previous i.fa.fa-arrow-left {
    font-size: 16px;
    top: 0px;
    width: 16px;
    line-height: 16px;
    height: 16px;
}

#promotions_calendar span.nextcall i.fa.fa-arrow-right {
    font-size: 16px;
    top: 0px;
    width: 16px;
    line-height: 16px;
    height: 16px;
}

.customCalendar select{
    margin-top: 7px;
    background-color: #FFFFFF;
    cursor: pointer;
    width: 147px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #DCDCDC !important;
    border-radius: 6px!important;
    -webkit-appearance: none;
    padding: 16px 0 15px 16px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    position: unset !important;
}

label {position:relative}
.monthLable label::after {
    content:"\f078";   
    font-family: "FontAwesome";
    font-size: 10px;
    color:#323232;
    right: 19px;
    margin: 0;
    top: -13px;
    position:absolute;
    pointer-events:none;
    -webkit-text-stroke: 0.5px #fff;
}
/*/Calendar*/
/*End Promotion*/

/*Store Page Promotion*/
.promotionsPage .dropdownPromoPage.dropdown {
    padding-left: 46px;
    vertical-align: bottom;
    margin-bottom: 5px;
}

.dropdownStorePromo button.btn.btn-default.dropdown-toggle {
    text-align: left;
}

.dropdownStorePromo.dropdown button.btn.btn-default.dropdown-toggle::after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 10px;
    color: #323232;
    right: 12px;
    margin: 0;
    top: 12px;
    position: absolute;
    pointer-events: none;
    -webkit-text-stroke: 0.5px #fff;
}

.dropdownStorePromo span.selectedShopDineCat{
    padding: 10px 211px 10px 16px;
    font-size: 16px;
    line-height: 28px;
    color: #323232;
}

.promotionsTabContainer .blackLine {
    padding-bottom: 56px;
}

div#store_promotions {
    padding-top: 32px;
}

.promotionsTabContainer div#store_promotions {
    padding-top: 0;
    margin: 0;
}

.promotionsPageTopBar>* {
    display: inline-block;
}

.dropDownPromoWrapper {
    width: calc(100% - 730px);
    min-width: 160px;
}

.promotionsPage .dropdownPromoPage.dropdown {
    width: 100%;
}

.dropDownPromoWrapper button.promotionPageBtn.btn-primary.dropdown-toggle{
    text-transform: capitalize;
    width: 100%;
    text-align: left;
    padding: 10px 0px 10px 16px;
    font-size: 16px;
    line-height: 28px;
    background-color: #FAFAFA;
    border-radius: 4px;
    border: solid 1px #dcdcdc;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #323232;
    cursor: pointer;
}

.open>.promotionPageBtn.btn-primary.dropdown-toggle.focus, .open>.promotionPageBtn.btn-primary.dropdown-toggle:focus, .open>.promotionPageBtn.btn-primary.dropdown-toggle:hover {
    background-color: #FFF;
}

button.promotionPageBtn.btn-primary.dropdown-toggle::after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 10px;
    color: #323232;
    right: 12px;
    margin: 0;
    top: 12px;
    position: absolute;
    pointer-events: none;
    -webkit-text-stroke: 0.5px #fff;
}

#guide_bg ul.dropdown-menu.promotionPageCatSelect {
    margin-left: 46px;
    margin-top: -1px;
    width: calc(100% - 45px);
    background-color: #FFF;
    font-size: 16px;
    line-height: 28px;
    padding: 0px;
}

li.selectedPromotionPageSubCat {
    padding: 5px 0 5px 16px;
    font-weight: 300;
}
/*End Store Page Promotion*/

/*Kid's Club Offer*/
p.kidsClubOfferDesc {
    font-size: 16px;
    line-height: 28px;
    padding: 40px 0 40px 0;
    font-weight: 300;
}

.kidsClubOfferWrapper, .kidsClubBirthdayOfferWrapper {
    width: 100%;
    min-height: 500px;
    font-size: 0;
    position: relative;
    padding-bottom: 25px;
}

.kidsClubCategoriesMenu, .kidsClubBirthdayCategoriesMenu {
    display: unset;
    position: absolute;
    min-width: 0;
    padding: 0;
    margin: 0;
    line-height: 24px;
    width: 280px !important;
}

.promotionsPage div#kids_club_offers .promotionPageTypeTabContent, .promotionsPage div#kids_club_birthday_offers .promotionPageTypeTabContent {
    vertical-align: top;
    margin-left: 285px;
}

p.tabKidsClubBtn, p.tabKidsClubBirthdayBtn {
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 32px;
    cursor: pointer;
}

p.tabKidsClubBtn:hover, p.tabKidsClubBirthdayBtn:hover {
    color: #d4038d;
}

.selectedtabKidsClubBtn, .selectedtabKidsClubBirthdayBtn {
    color: #d4038d;
}

.promotionContainer p{
    font-size: 16px;
    line-height: 28px;
}

.promotionsPage div#kids_club_offers .promotionPost, .promotionsPage div#kids_club_birthday_offers .promotionPost{
    width: calc(33.33% - 12px);
    display: inline-block;
    margin: 0 6px 15px;
    position: relative;
    padding-top: calc(100% - 33.33% - 24px);
    transition: all .25s;
    background-color: #fff;
    overflow: hidden;
    height: 0;
}
/*End Kid Club*/

/*Tourist Privilege*/
.promotionsPage .touristPrivilegesCatWrapper .promotionPost{
    width: calc(33.33% - 10px);
    display: inline-block;
    margin: 0 5px 16px 5px;
    position: relative;
    padding-top: calc(100% - 33.33% - 24px);
    transition: all .25s;
    background-color: #fff;
    overflow: hidden;
    height: 0;
}

.touristPrivilegesDescWrapper{
    padding-top: 40px;
    width: 100%;
    padding-bottom: 70px;
}

.touristPrivilegesContainer {
    padding-right: 40px;
}

.touristPrivilegesContainer, .touristPrivilegesImageContainer{
    width: calc(50% - 3px);
    display: inline-block;
    vertical-align: middle;
}

h1.touristPrivilegesTitle {
    padding-bottom: 16px;
    font-size: 40px;
    line-height: 60px;
}

p.touristPrivilegesDesc {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 40px;
    font-weight: 300;
}

.touristPrivilegesCatWrapper {
    width: 100%;
    min-height: 500px;
    font-size: 0;
    padding-bottom: 40px;
}

.touristPrivilegesCatWrapper .touristPrivilegesCatMenuTabContent {
    vertical-align: top;
    margin-left: 300px;
}

.mainTouristPrivilegesContainer .blackLine {
    margin: 64px 0 40px 0;
}

button.touristPrivilegesBtn.dropdown-toggle {
    text-transform: capitalize;
    width: 0;
    text-align: left;
    padding: 0;
    font-size: 22px;
    line-height: 27px;
    background-color: unset;
    border-radius: 0;
    border: 0;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: #323232;
    cursor: pointer;
}

.touristPrivilegesType.dropdown .dropdown-menu{
    margin-top: -1px;
    padding-top: 18px;
    padding-left: 19px;
    width: 200px !important;
    background-color: unset !important;
}

a.touristPrivilegesType.selectedTouristPrivilegesParentBtn {
    color: #D4038D !important;
}

.touristPrivilegesCatWrapper .dropdown-menu, .rewardsCatWrapper .dropdown-menu{
    display: unset;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    margin-left: 0 !important;
    min-width: 0;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    list-style: none;
    background-color: unset;
    background-clip: padding-box;
    border: 0px;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background-color: unset !important;
    width: 280px !important;
}

.touristPrivilegesCatMenu .dropdown, .dropup, .rewardsCatMenu .dropdown, .dropup{
    display: unset;
}

ul.dropdown-menu.submenucat {
    padding-top: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    font-family: 'Rubik', sans-serif;
    font-style: italic;
    padding-bottom: 32px;
}

.touristPrivilegesCatMenu .dropdown-menu>li>a, .rewardsCatWrapper .dropdown-menu>li>a {
    padding: 0 !important;
    cursor: pointer;
}

.dropdownSpace {
    height: 32px;
}

a.touristPrivilegesType {
    font-size: 22px !important;
    line-height: 27px !important;
    font-weight: 400 !important;
    font-family: 'Rubik', sans-serif !important;
}

a.touristPrivilegesType:hover {
    background-color: unset !important;
}

li.touristPrivilegesBtn.selectedTouristPrivilegesBtn, a.rewardsBtn.selectedrewardsBtn, a.rewardsBtn:hover, .touristPrivilegesCatMenu ul.dropdown-menu.submenucat>li:hover{
    color: #D4038D !important;
}

ul.dropdown-menu.touristPrivilegesMenu ul.dropdown-menu.submenucat>li:not(.selectedTouristPrivilegesBtn) {
    padding-left: 19px !important;
}

li.touristPrivilegesBtn.selectedTouristPrivilegesBtn{
    padding-left: 0 !important;
    color: #D4038D;
}

ul.dropdown-menu.submenucat.touristPrivilegesSub.open {
    margin-left: 0 !important;
    padding-bottom: 32px !important;
    padding-top: 10px !important;
}

.touristPrivilegesCatMenu ul.dropdown-menu.submenucat>li{
    padding-top: 8px;
    cursor: pointer;
    font-style: italic;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

li.touristPrivilegesBtn.selectedTouristPrivilegesBtn:before, li.rewardsType.selectedAboutType:before {
    content:" • ";
    padding-left: 9px;
}

div#about_vivocity .rowContent.aboutUsPage {
    padding-top: 0 !important;
}

div#services .rowContent, div#tourist_page div#about_vivocity .rowContent:first-child{
    padding-top: 8px;
}

div#about_us_page .rowContent.customerService .descCol {
    vertical-align: top;
}

div#tourist_page div#about_vivocity .rowContent{
    padding-top: 0px;
}
/*End Tourist Privilege*/

/*Footer Style*/
a.termsOfUse, a.privacyPolicy {
    display: inline-block;
    cursor: pointer;
}

a.middleLine{
    display: inline-block;
    padding: 0 3px;
}

.footerBG {
    background-color: #323232;
    background-size: cover;
    position: relative;
}

h4.footertitle {
    margin-top: 0; 
    margin-bottom: 0 !important;
    font-size: 14px;
    line-height: 17px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: #C8C8C8;
}

p.footerColumnContent {
    font-weight: 300;
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    color: #C8C8C8;
    line-height: 18px;
    margin: 0;
    padding-bottom: 16px;
}

p.footerColumnContent:hover {
    color: #D4038D;
}

.footerRow {
    padding: 40px 0 16px 0;
    width: 100%;
}

.footerColumn {
    width: calc(25% - 5px);
    display: inline-block;
    vertical-align: top;
}

.pinkLine {
    width: 30px;
    border: 0;
    border-top: 3px solid #d4038d;
    margin: 16px 0;
}

.whiteLine {
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 0;
    border-left: 0;
    margin-bottom: 0px;
}

/*copyright*/
.copyrightRow {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 32px;
}

.copyrightColumn {
    width: calc(50% - 5px);
    display: inline-block;
    vertical-align: top;
}

.copyrightColumn.right{
    text-align: right;
}

.copyrightColumn p{
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    color: #C8C8C8;
    line-height: 17px;
    padding-bottom: 5px;
    font-family: 'Barlow', sans-serif;
    margin: 0 !important;
}

.whiteBorderButton.tenantLoginBtn{
    color: #C8C8C8!important;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    font-size: 14px !important;
    letter-spacing: 0.75px;
    line-height: 17px !important;
    font-weight: 400 !important;
    padding: 7px 8px;
    text-transform: uppercase;
    vertical-align: top;
    display: inline-block;
}

.tenantLoginBtnWrapper i.fas.fa-arrow-right{
    font-size: 12px !important;
    line-height: 12px !important;
    color: #C8C8C8 !important;
    display: inline-block;
    text-align: right;
    margin-right: 0 !important;
}

.tenantLoginBtnWrapper {
    padding-top: 19px;
}

.tenantLoginBtnWrapper .whiteBorderButton:hover i.fas.fa-arrow-right{
    color: #fff!important;
}

.tenantLoginBtnWrapper .whiteBorderButton:hover {
    background-color: #D4038D;
    color: #fff!important;
    border: 1px solid #D4038D;
    transition: all 0.25s;
}

p.termsOfUseFooter:hover, p.privacyPolicyFooter:hover, a.contactNum:hover{
    color:#D4038D !important;
}

a.contactNum{
    font-weight: 400 !important;
    font-style: italic;
    font-size: 16px !important;
    color: #C8C8C8  !important;
    line-height: 19px;
    padding-bottom: 8px;
    font-family: 'Barlow', sans-serif !important;
    margin: 0 !important;
}

/*/copyright*/

/*Social Media*/
#footer .socialMedia {
    background-image: linear-gradient(to right, #9B3CB7, #FF396F);
    width: 100%;
    height: calc(100% / 3);
    z-index: 3;
    position: relative;
}

#footer .socialMediaIcon {
    display: inline-block;
    width: 50%;
    padding-left: 16px;
}

#footer .socialMediaWrapper {
    height: 100%;
    width: 100%;
    background-image: url(https://d3nse58ioth0yc.cloudfront.net/wp/img_swirl.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 35px 0 42px 0 !important;
}

.socialMediaIcon>a:first-child {
    padding-right: 50px;
}

.socialMediaWrapper>* {
    display: inline-block;
}

div#newsletterWrapper {
    padding-left: 24px;
}

#newsletterWrapper p:first-child{
    padding-bottom: 0;
    margin-bottom: 11px;
}

p.newsletterInputField:hover {
    color: #D4038D!important;
    border-radius: 6px;
    letter-spacing: 0.75px;
    font-weight: 400;
    padding: 16px;
    text-transform: uppercase;
    display: inline-block;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.25s;
}

#newsletterWrapper p{
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
}

p.newsletterInputField {
    border: 2px solid #fff;
    border-radius: 6px;
    letter-spacing: 0.75px;
    font-weight: 400;
    padding: 16px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
}

#footer a {
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    vertical-align: top;
}

.newsletterCheckbox a {
    color: #30A4F2 !important;
    font-size: 16px !important;
    line-height: 24px;
    /* padding-bottom: 32px; */
    font-family: 'Barlow', sans-serif !important;
    font-weight: 400 !important;
    font-style: italic;
    margin: 0;
    padding-left: 0;
}

.footerColumn a {
    display: table;
}

#footer i{
    font-size: 40px;
    margin-right: 16px;
    width: 35px;
    color: #FFFFFF;
}

/*.newsletterModalContainer i.fas.fa-times.newsletterModalCloseIcon {
    color: #969696 !important;
    font-size: 24px !important;
    line-height: 24px !important;
    text-align: right;
    width: 100% !important;
    margin-right: 0 !important;
    vertical-align: top !important;
    -webkit-text-stroke: 2px #fff;
    position: absolute;
    z-index: 999;
    left: -16px;
    top: 16px;
}*/

.newsletterInputField input#email {
    width: 430px;
    border-radius: 6px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #C8C8C8;
    line-height: 28px;
    padding: 6px 0 6px 16px;
}

#newsletterForm .errorField, #newsletterForm .newsletterCheckbox .errorField, #loginForm .errorField, #enquiryForm .errorField, .enquiryRecaptchaError, #feedbackForm .errorField, .feedbackRecaptchaError {
    color: red;
    font-size: 14px;
    margin: 0;
    padding-bottom: 24px;
    margin-top: -26px;
}

#enquiryForm .errorField, .enquiryRecaptchaError, #feedbackForm .errorField, .feedbackRecaptchaError {
    margin-top: 0;
}

.newsletterCheckbox .errorField {
    padding-left: 35px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.enquiryFormSubmitButton, .feedbackFormSubmitButton {
    opacity: .5;
    pointer-events: none;
}

/*Download*/
#footer .download {
    width: 100%;
    background-size: cover;
    /* height: 0; */
    background-repeat: no-repeat;
    background-position: center;
    /* margin-top: 21px;
    padding-top: calc(100% / 3); */
    position: relative;
    background-image: url('https://d3nse58ioth0yc.cloudfront.net/wp/Footer_Web.jpg');
    padding: 64px 0 58px;
    margin-top: 24px;
}

/* #footer .downlaodWrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
} */

#footer .downlaodWrapper .container {
    position: relative;
    height: 100%;
}

#footer .downloadContentWrapper{
    padding-left: 48px;
}

#footer .downlaodWrapper h1 {
    font-size: 30px;
    line-height: 33px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: #37479B ;
    letter-spacing: 1.5px;
    /* padding-bottom: 16px; */
    margin-bottom: 0;
    padding: 16px 0 11px;
}

#footer .downlaodWrapper p {
    font-size: 30px;
    line-height: 33px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: #323232;
    max-width: 450px;
    margin: 0;
    padding-bottom: 21px;
    letter-spacing: 0.9px;
}

#footer .downlaodWrapper p.bold {
    font-weight: 600;
}

#footer img.vivorewardsicon {
    width: 202px;
    /* height: 70px; */
    /* margin-bottom: 15px; */
}

#footer img.handImg {
    width: auto;
    height: calc(100vw / 3 + 21px);
    /* bottom: -50%; */
    bottom: 0;
    position: absolute;
    right: 0;
    max-height: 700px;
}

/* #footer .downloadBtnWrapper>* {
    display: inline-block;
    vertical-align: bottom;
} */

#footer .downloadBtnWrapper .downloadDescWrapper {
    padding-right: 12px;
    font-size: 0;
    padding-bottom: 16px;
}

#footer .downloadBtnWrapper .downloadDescWrapper>* {
    display: inline-block;
    vertical-align: bottom;
}

#footer .downloadBtnWrapper .downloadDescWrapper img {
    height: 54px;
    margin: 0;
}

#footer .downloadBtnWrapper .downloadDescWrapper p {
    font-size: 16px;
    line-height: 17px;
    padding-left: 16px;
    padding-bottom: 0;
    letter-spacing: 0.5px;
}

/*Download Btn*/
#footer .downloadBtnWrapper img{
    /* height: 54px; */
    height: 48px;
    width: auto;
    display: inline-block;
    margin-right: 13px;
}
/*---------Finish Home Page CSS----------*/

/*directory page*/
/*directory store*/
div#store_guide_bg{
    background-color: #FAFAFA;
    margin-bottom: -21px;
}

div#guide_bg {
    background-color: #FAFAFA;
}

div#white_bg{
    background-color: #FFFFFF;
}

div#white_bg_FunLearningPage, div#white_bg_about_us, div#white_bg_mallPromotions {
    background-color: #FFFFFF;
    margin-bottom: -21px;
}

#white_bg_FunLearningPage.kcEventsTab {
    background-color: #fafafa;
}

.guideList {
    margin: 0 -5px;
    margin-bottom: 3px;
}

.happeningStoreContainer {
    margin: 0 -5px;
    padding-bottom: 40px;
}

#algolia_store_tags_list .ais-Hits-item .guideListWrapper {
    width: 100%;
}

#algolia_store_tags_list .ais-Hits-list {
    margin-top: 0;
    margin-left: 0;
    display: block;
}

.ais-SearchBox .button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background: transparent; 
    cursor: pointer;
}

#algolia_store_tags_list .ais-Hits-item:hover {
    transition: all .25s;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
}

.ais-Hits .guideListWrapper:hover, .ais-Hits .participatingWrapper:hover {
    transition: none;
    box-shadow: none;
}

a[data-val=""] {
    display: none!important;
}

.guideListWrapper, .participatingWrapper, #algolia_store_tags_list .ais-Hits-item {
    display: inline-block;
    width: calc(25% - 10px);
    margin: 0 5px 16px 5px;
    margin-bottom: 16px;
    background-color: #fff;
    vertical-align: top;
    overflow: hidden;
}

.guideBG {
    background-color: #FAFAFA;
}

.guideListWrapper:hover {
    transition: all .25s;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
}

.participatingWrapper:hover {
    transition: all .25s;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
    cursor: pointer;
}

.guideListWrapper:hover .guideListThumbnail, .participatingWrapper:hover .participatingThumbnailWrapper{
    filter: unset;
    transition: all 0.25s;
}

img.featureImage, img.participatingFeatureImage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: calc(100% - 32px);
    max-width: calc(100% - 32px);
}

.guideListThumbnail, .participatingThumbnailWrapper {
    background-repeat: no-repeat;
    padding-top: 100%;
    width: 100%;
    filter: grayscale(100%);
    transition: all 0.25s;
    position: relative;
    border-bottom: 1px solid #DCDCDC;
}

.guideListContentWrapper, .participatingContentWrapper {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.guideListContent {
    padding: 17px 16px;
    position: absolute;
    top: 0;
}

.participatingContent {
    padding: 15px 16px;
    position: absolute;
    top: 0;
}

.guideListContent h2{
    font-size: 24px;
    line-height: 29px;
    padding-bottom: 8px;
}

.guideListContent .guideLotNum, .participatingContent .participatingLotNum {
    font-family: 'Barlow', sans-serif;
    font-size: 16px !important;
    line-height: 24px !important;
    font-style: italic !important;
}

.guideListContent .storeName{
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 8px;
}

.participatingContent .participatingStoreName {
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 8px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
}
p.participatingStoreDesc{
    display: -webkit-box;
    max-width: 100%;
    height: 56px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.participatingContent p{
    color: #323232;
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;
}

a.guideContactNum, a.websiteULWrapper {
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 300 !important;
    display: block;
}

.guideListContent .guideCat, .participatingContent .participatingCat {
    font-family: 'Barlow', sans-serif;
    line-height: 24px;
    font-size: 16px;
    font-style: italic;
}

.guideListContent a, .participatingContent a {
    font-size: 17px;
    line-height: 28px;
    color: #323232;
}

.guideListContent p{
    color: #323232;
    font-size: 17px;
    line-height: 28px;
    font-style: italic;
}

.storeTagWrapper[data-store-tag="0"] {
    display: none!important;
}

.guideListContent .tooltip, .singleStorePostContentWrapper .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    z-index: 100;
}

.guideListContent .tooltip .tooltipText, .singleStorePostContentWrapper .tooltip .tooltipText {
    visibility: hidden;
    width: max-content;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    line-height: 14px;
    background-color: #FFF6E1;
    border: 1px solid #F0E6CD;
    color: #323232;
    padding: 5px 8px;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    margin-top: 6px;
    margin-left: -15px;
}
  
.guideListContent .tooltip:hover .tooltipText, .singleStorePostContentWrapper .tooltip:hover .tooltipText {
    visibility: visible;
}

.guideListContent .kidsClubStoreTag, .guideListContent .touristPrivilegesTag, .singleStorePostContentWrapper .kidsClubStoreTag, .singleStorePostContentWrapper .touristPrivilegesTag {
    display: inline-block;
    /* padding: 5px 8px; */
    margin-right: 8px;
    font-size: 12px;
    font-style: normal;
    color: #fff;
    line-height: 14px;
    text-transform: uppercase;
    height: 24px;
    cursor: pointer;
}

/* .guideListContent .kidsClubStoreTag {
    background-color: #00ACD4;
}

.guideListContent .touristPrivilegesTag {
    background-color: #D4038D;
} */

.colorLine {
    width: 64px;
    height: 3px;
    margin: 16px 0;
    background-color: #c8c8c8;
}

.guideListWrapper:hover .colorLine, .participatingWrapper:hover .colorLine {
    background-color: #d4038d;
}

.icon-phone:before {
    content: "\f095";
    font-size: 17px;
    color: #969696;
    padding-right: 12px;
}

.icon-globe:before {
    content: "\f0ac";
    font-size: 17px;
    color: #969696;
    padding-right: 8px;
}

.alphabetFilter {
    list-style-type: none;
    padding: 0 0 32px 0;
    cursor: pointer;
    width: 100%;
    font-size: 0;
}

.letterBtn {
    font-size: 17px;
    line-height: 28px;
    color: #969696;
    margin-right: 6.6px;
    display: inline-block;
    text-align: center;
    width: 34px;
    position: relative;
}

.letterBtn:first-child {
    width: 42px;
}

.letterBtn:last-child {
    margin-right: 0px;
}

.letterBtn.selectedAlphabet {
    color: #d4038d;
}

.letterBtn.selectedAlphabet:after {
    content: "";
    width: 100%;
    height: 3px;
    display: block;
    background-color: #D4038D;
    position: absolute;
    bottom: -6px;
}

.box {
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  padding: 10px;
  height: 100px;
  width: calc(25% - 10px);
  float: left;
  margin: 5px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
}
.spacer {
  clear: both;
  height: 20px;
}

p.letterBtn.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.alphabetFilter table td, table th {
    padding: 0;
    border: 1px solid #767676;
    word-break: break-all;
}

.btn btn-default dropdown-toggle {
    background-color: #4CAF50;
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: none;
}

/*Single Post */
.singleStorePostWrapper {
    width: 100%;
}

a.singlePostImage {
    display: inline-block;
    width: calc(9% - 5px);
    vertical-align: middle;
}

.singleStorePostImageWrapper.desktopShow {
    background-repeat: no-repeat;
    padding-top: 100%;
    width: 100%;
    transition: all 0.25s;
    position: relative;
    background-position: center;
    background-color: #fff;
}

.singleStorePostImage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.singleStorePostHeaderContentWrapper {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    width: calc(91% - 5px);
}

.singleStorePostTitle {
    font-size: 56px;
    line-height: 64px;
    color: #FFFFFF;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    padding-bottom: 12px;
}

.singlePostCategoriesWrapper {
    line-height: 100%;
}

.singleStorePostCategories, p.singleStoreLotNum {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 27px;
    display: inline-block;
}

.singleStorePostHeaderContentWrapper .vl {
    border-left: 1px solid #FFFFFF;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 4px 5px;
    margin-bottom: 4px;
    margin-left: 13px;
    margin-right: 13px;
}

.singlePostStorePromotionWrapper h1 {
    font-size: 40px;
    line-height: 64px;
    font-weight: 300;
    padding-bottom: 24px;
}

.directoryBackBtn a{
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    line-height: 19px;
    font-size: 16px;
    padding-bottom: 7px;
    position: relative;
    padding-left: 20.5px;
}

.guidePostWrapper a i {
    font-size: 12px;
    position: absolute;
    bottom: 12px;
    left: 0;
}

.map-container {
    width: 100%;
}

.map-container iframe{
    width: 100%;
    height: 800px;
    display: block;
    pointer-events: none;
    position: relative; 
}

.map-container iframe.clicked{
    pointer-events: auto;
}

.singleStorePostContentWrapper .storeTagWrapper {
    font-size: 0;
    padding-top: 32px;
}

/* .singleStorePostContentWrapper .kidsClubStoreTag, .singleStorePostContentWrapper .touristPrivilegesTag {
    display: inline-block;
    padding: 5px 8px;
    margin-right: 8px;
    font-size: 12px;
    font-style: normal;
    color: #fff;
    line-height: 14px;
    text-transform: uppercase;
}

.singleStorePostContentWrapper .kidsClubStoreTag {
    background-color: #00ACD4;
}

.singleStorePostContentWrapper .touristPrivilegesTag {
    background-color: #D4038D;
} */

.singleStorePostContent {
    padding-top: 32px;
}

.singleStorePostContent p{
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 32px;
    font-weight: 300;
}

.singleStorePostContent p:empty {
    padding-bottom: 0;
}

.singleStorePostContactInfoWrapper {
    padding: 13px 0 40px 0;
}

a.singleStorePostContact, a.singleStorePostURL  {
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    color: #323232;
    padding-right: 40px;
}

.singleMallPromotionPostContent{
    padding: 40px 0;
}

.singleMallPromotionPostContent p{
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
}

.slidertext23 {
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
}

.singleMallPromotionPostContent h1, .singleMallPromotionPostContent h2, .singleMallPromotionPostContent h4, .singleMallPromotionPostContent h5 {
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 8px;
    font-weight: 400;
    text-transform: capitalize;
}

.singleMallPromotionPostContent h3{
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 40px;
    font-weight: 400;
    text-transform: capitalize;
}

.singleMallPromotionPostContent>p>img {
    width: 100%;
}

.singleMallPromotionPostContent h6 {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 24px;
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
    font-style: italic;
}

.singleParticipating.container>h1 {
    font-size: 40px;
    line-height: 64px;
    text-align: center;
    font-weight: 300;
    padding: 56px 0 40px 0;
}

.happeningPdfWrapper {
    width: 550px!important;
    margin-bottom: 64px;
    cursor: pointer;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
}

.participatingStoreWrapper {
    width: 800px;
    height: 360px;
    margin: auto;
    overflow: hidden;
}

.participatingStoreWrapper .swiper-container {
    width: 720px;
    background-color: #fff;
}

.participatingStoreSlide {
    background-color: #fff;
}

.participatingStoreWrapper .storeWrapper {
    font-size: 0;
}

.participatingStoreWrapper .storeWrapper>* {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    max-height: 360px;
    overflow: auto;
}

.participatingStoreWrapper .storeWrapper .storeDetails {
    padding: 40px 40px 40px 16px;
}

.participatingStoreWrapper .storeImageWrapper {
    width: 360px;
    height: 360px;
    padding: 16px;
    box-sizing: border-box;
    border-right: solid 1px #dcdcdc;
}

.participatingStoreWrapper .storeImage {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 100%;
}

.participatingStoreWrapper .storeTitle {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 8px;
    line-height: 27px;
}

.participatingStoreWrapper .storeCategories,
.participatingStoreWrapper .storeLotNumber {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 8px;
    font-style: italic;
    font-family: 'Barlow', sans-serif;
}

.participatingStoreWrapper .storeCategories {
    padding-bottom: 8px;
}

.participatingStoreWrapper .promoDesc {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    font-family: 'Rubik', sans-serif;
    color: #323232;
}

.participatingStoreWrapper .swiper-button-next, 
.participatingStoreWrapper .swiper-button-prev {
    right: -32px;
    height: 24px;
    width: 24px;
}

.participatingStoreWrapper .swiper-button-next {
    right: -32px;
}

.participatingStoreWrapper .swiper-button-prev {
    left: -32px;
}

.pdfModalWrapper, .participatingStoreModalWrapper {
    display: table;
    visibility: hidden;
}

#flowpaper-logo-bottom {
    display: none!important;
}

.pdfModalContainer {
    text-align: center;
}

.pdfModalContainer iframe {
    max-width: 1140px;
    width: 100%;
    padding: 0 24px;
    height: 90vh;
}

.promotionOffersContainer {
    width: 100%;
}

.promotionImageWrapper {
    width: calc(25% - 5px);
    display: inline-block;
    vertical-align: top;
}

.promotionBgImg {
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    background-position: center;
}

.promotionContentWrapper {
    display: inline-block;
    width: calc(75% - 5px);
    vertical-align: top;
    padding-left: 40px;
    padding-top: 16px;
}

.promotionTitle {
    font-size: 22px;
    line-height: 27px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    padding-bottom: 0;
    margin-bottom: 8px;
    color: #323232;
}

.promotionContentWrapper .promotionContent h5, .promotionContentWrapper .promotionContent h2, .promotionContentWrapper .promotionContent h4 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.promotionDate {
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
    color: #323232;
    padding-bottom: 11px;
}

.promotionContent, .promotionPageTypeTabContent .promotionContent {
    font-size: 16px;
    line-height: 28px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #323232;
}

.promotionContent>p:not(:last-child) {
    padding-bottom: 28px;
}

.singlePostStorePromotionWrapper .blackLine {
    margin: 40px 0;
}

.singlePostStorePromotionWrapper .blackLine:last-child {
    visibility: hidden;
    margin: 0 0 64px;
}

.promotionType {
    font-size: 12px;
    line-height: 14px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #D4038D;
    letter-spacing: 0.64px;
    padding: 8px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 16px;
}

.promotionOffersContainer:hover .colorLine {
    background-color: #D4038D;
    transition: .25s all;
}


/*Shop and Dine*/
.preNexImageBGtWrapper.desktopShow, .preNexImageBGtWrapper.mobileShow {
    background-color: #fff;
    width: 100%;
    margin-top: 24px;
    margin-bottom: -21px;
}

.prevCatBtn i.fa.fa-arrow-left {
    padding-right: 23px;
    font-size: 16px;
    -webkit-text-stroke: 0.5px #fff;
    color: #727272;
}

.nextCatBtn i.fa.fa-arrow-right {
    padding-left: 23px;
    font-size: 16px;
    -webkit-text-stroke: 0.5px #fff;
    color: #727272;
}

p.prevBackBtn.desktopShow:hover i.fa.fa-arrow-right, p.prevBackBtn.desktopShow:hover i.fa.fa-arrow-left, .prevBackBtn.mobileShow:hover i.fa.fa-arrow-right, .prevBackBtn.mobileShow:hover i.fa.fa-arrow-left{
    color: #D4038D;
}

p.prevBackBtn.desktopShow:hover, p.prevBackBtn.mobileShow:hover {
    color: #D4038D;
}

a.prevBackBtn.desktopShow {
    color: #323232;
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
}

.preNexImageBGtWrapper.mobileShow .prevCatBtn {
    width: calc(50% - 5px);
    display: inline-block;
    padding: 42px 0;
    margin-bottom: 21px;
}

.prevCatBtn {
    width: calc(50% - 5px);
    display: inline-block;
    padding: 55px 0;
}

p.prevBackBtn.mobileShow{
    display: inline;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
}

p.prevBackBtn.desktopShow {
    display: inline;
    cursor: pointer;
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    text-transform: capitalize;
}

.preNexImageBGtWrapper.mobileShow .nextCatBtn {
    width: calc(50% - 5px);
    display: inline-block;
    text-align: right;
    padding: 42px 0;
    margin-bottom: 21px;
    vertical-align: top;
}

.nextCatBtn {
    width: calc(50% - 5px);
    display: inline-block;
    text-align: right;
    padding: 55px 0;
}

p.noPostMessage {
    font-size: 20px;
    line-height: 32px;
    padding: 64px 0;
    font-weight: 300;
    text-align: center;
}

ul.dropdown-menu.guideFilter {
    width: 300px;
    padding: 0;
}

li.selectedShopDine:hover {
    background-color: #D4038D;
    color: #fff;
}

li.selectedShopDine:first-child {
    padding-top: 8px;
}

li.selectedShopDine.selectedShopDineStore:hover {
    color: #fff;
}

li.selectedShopDine {
    text-transform: capitalize;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    cursor: pointer;
    padding: 4px 16px 4px 16px;
}

li.selectedShopDine.selectedShopDineStore {
    color: #D4038D;
}

.storeCat.container.contentContainer {
    padding-top: 28px!important;
}

.storeCat .blackLine {
    height: 1px;
    background-color: #dcdcdc;
    margin: 16px 0;
}

.dropdownStoreCat.dropdown, .dropdownStoreCat {
    width: 273px;
    /* width: calc(100% - 754px); */
    /* min-width: 340px; */
    /* padding-left: 46px; */
    display: inline-block;
}

.dropdown button.directorybtn.btn-default.dropdown-toggle, .dropdownStoreCat button.directorybtn.btn-default.dropdown-toggle {
    text-transform: capitalize;
    width: 100%;
    text-align: left;
    padding: 9px 30px 9px 16px;
    font-size: 16px;
    line-height: 28px;
    background-color: #FAFAFA;
    border-radius: 4px;
    border: solid 1px #dcdcdc;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #323232;
}

.open>.directorybtn.btn-default.dropdown-toggle.focus, .open>.directorybtn.btn-default.dropdown-toggle:focus, .open>.directorybtn.btn-default.dropdown-toggle:hover{
    background-color: #fff;
}

.dropdown button.directorybtn.btn-default.dropdown-toggle::after, .dropdown button.searchCatFilterBtn::after, .dropdownStoreCat button.directorybtn.btn-default.dropdown-toggle::after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 10px;
    color: #323232;
    right: 12px;
    margin: 0;
    top: 12px;
    position: absolute;
    pointer-events: none;
    -webkit-text-stroke: 0.5px #fff;
}

/* .directorybtn .notAllCatogeries, .rewardsCatalogueBtn .notAllCatogeries { */
.notAllCatogeries {
    display: inline-block;
    font-size: 14px;
    border-radius: 2px;
    border: solid 1px #c8c8c8;
    background-color: #e6e6e6;
    padding: 0 38px 0 12px;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
}

/* .directorybtn .notAllCatogeries .cancelCategory, .rewardsCatalogueBtn .notAllCatogeries .cancelRewardsCatalogueType { */
.notAllCatogeries .cancelCategory, .notAllCatogeries .cancelRewardsCatalogueType, .notAllCatogeries .cancelRewardsCatalogueCat {
    font-size: 10px;
    padding: 0 16px;
    position: absolute;
    right: 0;
    top: calc(50% - 5px);
}

.dropdown, .dropup {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.dropdownShopDine.dropdown {
    display: block;
}

.dropdownShopDine.dropdown button.btn.btn-default.dropdown-toggle {
    color: #FFFFFF;
    background-color: transparent;
    border-color: transparent;
    padding: 0px;
    padding-bottom: 0px 0px 16px 0px;
    width: 300px;
    text-align: left;
}

#guide_bg .dropdown-menu {
    /* margin-left: 46px; */
    margin-top: -1px;
    /* width: calc(100% - 45px); */
    width: 100%;
    background-color: #FFF;
    font-size: 16px;
    line-height: 28px;
    padding: 0px;
    z-index: 9998;
}

.dropdownStoreCat.dropdown ul.dropdown-menu.submenulist {
    margin-left: 0 !important;
}

ul.dropdown-menu.storeDropdownMenu {
    padding: 0;
}

#guide_bg .dropdown-menu ul {
    margin-top: -1px;
    width: 100%;
}

ul.dropdown-menu.storeDropdownMenu> li a:hover {
    background-color: #D4038D;
    color: #fff !important;
}

ul.dropdown-menu.touristPrivilegesMenu> li a:hover{
    color: #D4038D !important;
}

a.selectable.selectedStoreCat:hover {
    background-color: #D4038D;
    color: #fff !important;
}

a.selectable.selectedStoreCat {
    color: #D4038D !important;
}

#guide_bg .dropdown-menu li a {
    color: #323232;
    padding: 5px 16px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

#guide_bg .dropdown-submenu .dropdown-menu li a {
    padding-left: 28px;
}

a.subMenu.storeSubMenu:hover, #guide_bg .dropdown-submenu .dropdown-menu li a:hover {
    cursor: pointer;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: transparent;
}

.dropdown a:focus {
    outline: none;
}

.dropdown-submenu {
  position: relative;
}

button.enquiryTypeSelectionbtn.btn-default.dropdown-toggle.selectEnquiryTypeBtn {
    border-radius: 6px;
    border: solid 1px #c8c8c8;
}

button.enquiryTypeSelectionbtn.btn-default.dropdown-toggle.selectEnquiryTypeBtn:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 10px;
    color: #323232;
    right: 23px;
    margin: 0;
    top: 12px;
    position: absolute;
    pointer-events: none;
    -webkit-text-stroke: 0.5px #fff;
}

.dropdown-submenu .dropdown-menu {
    position: relative;
    box-shadow: none;
    background-color: transparent !important;
    border: none;
}

.dropdown-submenu .dropdown-menu li a {
    padding-left: 12px;
}

.storeCat.container.contentContainer .storeMenuContainerRow {
    display: flex;
}

.storeCat.container.contentContainer .storeKcTPType .checkboxContainer, .mobileFilterContainer .storeKcTPType .checkboxContainer {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 20px;
    width: 20px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
    padding: 0;
    margin-right: 10px;
}

.storeCat.container.contentContainer .storeKcTPType .checkboxContainer input, .mobileFilterContainer .storeKcTPType .checkboxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.storeCat.container.contentContainer .storeKcTPType .checkboxContainer .checkmark, .mobileFilterContainer .storeKcTPType .checkboxContainer .checkmark {
    position: absolute;
    top: -1px;
    left: -1px;
    font-size: 14px;
    background-color: transparent;
    color: white;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    padding: 3px 0 0 6px;
    margin-right: -1px;
    border-radius: 4px;
    transition: .15s all;
}

.storeCat.container.contentContainer .storeKcTPType .checkboxContainer .checkmark i, .mobileFilterContainer .storeKcTPType .checkboxContainer .checkmark i {
    position: absolute;
    top: 3px;
    left: 3px;
}

.storeCat.container.contentContainer .storeKcTPType .checkboxContainer input:checked ~ .checkmark, .mobileFilterContainer .storeKcTPType .checkboxContainer input:checked ~ .checkmark {
    background-color: #D4038D;
}

.storeCat.container.contentContainer .storeKcTPType, .mobileFilterContainer .storeKcTPType {
    font-size: 0;
    padding: 9px 16px;
    border: solid 1px #dcdcdc;
    border-radius: 6px;
    margin-right: 16px;
}

.storeCat.container.contentContainer .storeKcTPType>*, .mobileFilterContainer .storeKcTPType>* {
    display: inline-block;
    vertical-align: middle;
}

.storeCat.container.contentContainer .storeKcTPType p, .mobileFilterContainer .storeKcTPType p {
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
}

.storeCat.container.contentContainer .searchBar {
    position: relative;
    color: #B6B6B6;
    font-size: 24px;
    display: inline-block;
    height: 48px;
    padding: 8px 0;
    /* width: 748px; */
    flex-grow: 1;
    padding-right: 8px;
}

.storeCat.container.contentContainer .searchBar .cancelSearch {
    position: absolute;
    top: calc(50% - 5px);
}

.storeCat.container.contentContainer .searchBar .ais-SearchBox-submitIcon {
    width: 20px;
    height: 20px;
}

div#algolia_store_searchbox {
    display: inline-block;
    width: calc(100% - 16px);
}

.cancelSearch {
    font-size: 10px;
    color: #323232;
    visibility: hidden;
    cursor: pointer;
}

.storeCat.container.contentContainer .searchBar input {
    font-size: 20px;
    line-height: 32px;
    width: 100%;
    height: 32px;
    background: #FAFAFA;
    border: 0px solid #aaa;
    border-radius: 5px;
    padding: 0;
    padding-left: 46px;
    outline: none;
    vertical-align: top;
    font-weight: 300;
}

.storeCat.container.contentContainer .filterWrapper>.desktopShow {
    display: flex;
}

#algolia_store_searchbox input.ais-SearchBox-input::placeholder, #searchbox input.ais-SearchBox-input::placeholder {
    color: #323232;
}

.searchBar .fa-search {
    position: absolute;
    font-size: 20px;
    top: 14px;
}

#guide_bg .mobileFilterContainer {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 100%;
    z-index: 9999;
    background-color: transparent;
}

#guide_bg .mobileFilterContainer .mobileFilterOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

#guide_bg .mobileFilterContainer .mobileFilterWrapper {
    background-color: white;
    position: absolute;
    width: 100%;
    bottom: 0;
}

#guide_bg .mobileFilterContainer .mobileFilterHeader, #guide_bg .mobileFilterContainer .mobileStoreCategoryFilterHeader {
    position: relative;
    border-bottom: solid 1px #dcdcdc;
    padding: 16px;
}

#guide_bg .mobileFilterContainer .mobileStoreCategoryFilterHeader {
    margin-bottom: 16px;
}

#guide_bg .mobileFilterContainer .mobileFilterHeaderTitle, #guide_bg .mobileFilterContainer .mobileStoreCategoryFilterTitle {
    font-size: 17px;
    line-height: 24px;
    text-align: center;
}

#guide_bg .mobileFilterContainer .mobileFilterDoneBtn{
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.75px;
    color: #D4038D;
    position: absolute;
    right: 16px;
    top: calc(50% - 8.5px);
    cursor: pointer;
}

#guide_bg .mobileFilterContainer .mobileStoreCategoryFilterBackBtn {
    font-size: 20px;
    line-height: 20px;
    color: #323232;
    position: absolute;
    left: 16px;
    top: calc(50% - 10px);
    cursor: pointer;
    -webkit-text-stroke: 1px #fff;
}

#guide_bg .mobileFilterContainer .mobileFilterContent {
    padding: 16px 16px 40px;
}

#guide_bg .mobileFilterContainer .categoryFilter {
    padding-bottom: 24px;
    border-bottom: solid 1px #dcdcdc;
    margin-bottom: 24px;
}

#guide_bg .mobileFilterContainer .categoryFilter .title, #guide_bg .mobileFilterContainer .typeFilter .title {
    font-size: 17px;
    line-height: 24px;
    padding-bottom: 16px;
}

#guide_bg .mobileFilterContainer .categoryFilter .dropdownStoreCat {
    width: 100%;
}

#guide_bg .mobileFilterContainer .categoryFilter .dropdownStoreCat button {
    position: relative;
    background-color: #fff;
}

#guide_bg .mobileFilterContainer .categoryFilter .dropdownStoreCat .mobileStoreCategoryFilterWrapper {
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 9;
}

#guide_bg .mobileFilterContainer .categoryFilter .dropdownStoreCat .mobileStoreCategoryFilterWrapper.open {
    display: block;
}

#guide_bg .mobileFilterContainer .categoryFilter .dropdownStoreCat .mobileStoreCategoryFilterWrapper .storeDropdownMenu {
    display: block;
    top: 75px;
    border: none;
    box-shadow: none;
    height: calc(100% - 75px);
    overflow-y: scroll;
    border-radius: 0;
}

#guide_bg .mobileFilterContainer .categoryFilter .dropdownStoreCat .storeDropdownMenu li a {
    padding: 10px 16px;
}

#guide_bg .mobileFilterContainer .categoryFilter .dropdownStoreCat .storeDropdownMenu .submenulist li a {
    padding-left: 32px;
}

.mobileFilterContainer .storeKcTPType {
    border: 0;
    border-radius: 0;
    padding: 10px 0;
}

/*Happening Page*/
div#mall_promotions, div#atrium_events, div#whats_new, div#new_stores {
    margin: 0 -8px;
}

div#mall_promotions, div#new_stores, div#whats_new, div#atrium_events {
    margin-bottom: 5px;
}

.happeningBox{
    font-size: 16px;
    line-height: 28px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #323232;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: -200%;
}

div#atrium_events .happeningPostWrapper {
    width: calc(25% - 16px);
    display: inline-block;
    margin: 0 8px;
    position: relative;
    padding-top: calc(25% - 15px);
    transition: .25s all;
    background-color: #fff;
    overflow: hidden;
    height: 0;
}

/*p.happeningPostTitle {
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 8px;
    text-transform: capitalize;
}*/

.smallHappeningBox {
    font-size: 16px;
    line-height: 28px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #323232;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: -100%;
}

.happeningPostWrapper{
    width: calc(25% - 16px);
    display: inline-block;
    margin: 0 8px;
    position: relative;
    padding-top: calc(50% - 32px);
    transition: .25s all;
    background-color: #fff;
    overflow: hidden;
    height: 0;
}

#atrium_events .happeningPostContainer {
    position: relative;
    width: 100%;
    padding: 24px 16px;
}

.happeningPostDate {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Barlow', sans-serif;
    font-style: italic;
    font-weight: 400;
    color: #323232;
}

.happeningPostCategories {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Barlow', sans-serif;
    font-style: italic;
    font-weight: 400;
    color: #323232;
    padding-top: 8px;
    display: -webkit-box;
    width: 100%;
    max-height: 30px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.happeningPostLocation {
    font-size: 16px;
    line-height: 28px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #323232;
}

.selectedHappeningCat, .selectedPressRoomType, .selectedFunLearningType, .selectedLeasingEnquiryType, .selectedPromotionPageTypeCat, .selectedRewardsType, .selectedEarningRewardsType, .selectedSignUpType, .selectedVoucherDetails {
    color: #D4038D !important;
}

/* accordion */
.faqsContent .blackLine {
    margin: 26px 0;
}

.accordionItem{
    display:block;
    width:100%;
    position: relative;
}

.accordionItem.openAccordion .accordionItemHeading:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 32px;
    color: #323232;
    right: 24px;
    margin: 0;
    /* top: 10px; */
    top: 0;
    position: absolute;
    pointer-events: none;
    -webkit-text-stroke: 4px #FAFAFA;
    transform:rotate(180deg);
    transition: all 0.25s;
}

.accordionItem .accordionItemHeading:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 32px;
    color: #323232;
    right: 24px;
    margin: 0;
    /* top: 10px; */
    top: 0;
    position: absolute;
    pointer-events: none;
    -webkit-text-stroke: 4px #FAFAFA;
    transition: all 0.25s;
}

.accordionItem:nth-child(2):after, .accordionItem.openAccordion:nth-child(2):after  {
    top: 0px;
}

.accordionItem:nth-child(1):after, .accordionItem.openAccordion:nth-child(1):after {
    top: -10px;
}

.accordionItemContent {
    padding: 14px 0 8px 0;
}

.accordionItemHeading {
    cursor: pointer;
    font-size: 22px;
    line-height: 27px;
    /* padding-right: 20px; */
    font-weight: 400;
    position: relative;
}

.accordionItemHeading span {
    width: calc(100% - 64px);
    display: block;
}

.closeAccordion .accordionItemContent{
    height:0px;
    transition:height 1s ease-out;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    float:left;
    display:block;
}

.accordionItemContent .question {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    color: #D4038D;
    padding-bottom: 16px;
}

table.expiryDateRewards {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding-bottom: 32px;
}

.expiryDateRewards th {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
}

.accordionItemContent .answer, .accordionItemContent ul, .accordionItemContent ol, .accordionItemContent p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding-bottom: 32px;
}

.accordionItemContent .step {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding-bottom: 16px;
    text-decoration: underline;
}

#faq .backToTopBtn {
    position: fixed;
    bottom: 36px;
    right: 36px;
    z-index: 9;
    cursor: pointer;
    /* display: none; */
}

#faq .backToTopBtn .backToTopBtnCaret {
    height: 50px;
    width: 50px;
    background: linear-gradient(180deg, #F477D6 0%, #E542AC 100%);
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 0 6px 0 rgba(172,172,172,0.5);
}

#faq .backToTopBtn .backToTopBtnCaret i {
    color: #fff;
    font-size: 16px;
    line-height: 48px;
}

#faq .backToTopBtn p {
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    color: #E542AC;
    padding-top: 6px;
    text-shadow: 0 0 6px 0 rgba(172,172,172,0.5);
}

.faqPageTermsCondition>p {
    font-style: italic;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    text-align: center;
}

.faqPageTermsCondition{
    padding: 59px 0 19px 0;
}

.faqPageTermsCondition a {
    color: #30A4F2;
    font-weight: 300;
}
/* accordion end */

/*.happeningPostContentWrapper .colorLine {
    width: 40px;
    border: 0;
    border-top: 3px solid #DCDCDC;
    margin: 16px 0;
}*/

.happeningPostContentWrapper{
    position: relative;
    width: 100%;
    padding-top: 100%;
}

div#atrium_events .happeningPostContentWrapper {
    position: relative;
    width: 100%;
    padding-top: 0%;
} 

.happeningPostContainer {
    padding: 24px 16px;
    position: absolute;
    top: 0;
}

.promotionPageTypeTabContent .promotionDetailsWrapper {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.promotionPageTypeTabContent .promotionDetailsContainer {
    padding: 24px 16px;
    position: absolute;
    top: 0;
    box-sizing: border-box;
    max-width: 100%;
}

.happeningPostImage, .promotionPageTypeTabContent .promotionPageImg {
    background-size: contain;
    width: 100%;
    padding-top: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
}

.promotionPageTypeTabContent a.promotionTitle {
    color: #323232 !important;
    font-size: 22px;
    line-height: 27px;
    font-family: 'Rubik', sans-serif;
    text-transform: capitalize;
    font-weight: 400;
    display: -webkit-box;
    max-width: 100%;
    height: 27px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 0;
    margin-bottom: 8px;
}

a.happeningPostTitle, p.happeningPostTitle {
    color: #323232 !important;
    font-size: 22px;
    line-height: 27px;
    font-family: 'Rubik', sans-serif;
    text-transform: capitalize;
    font-weight: 400;
    display: -webkit-box;
    width: 100%;
    max-height: 59px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

p.readmore {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.75px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    transform: translateY(-100%);
    padding: 16px;
    text-transform: uppercase;
    color: #D4038D;
}

.happeningStoreContainer p.readmore {
    transform: translateY(0%);
}

.readmore i.fas.fa-arrow-right {
    font-size: 15px;
    line-height: 8px;
    padding-left: 6px;
    -webkit-text-stroke: 1px #fff;
}

.readmore a {
    color: #D4038D;
}

.promotionPageTypeTabContent .promotionDesc * {
    font-weight: 300;
    font-size: 16px;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
}

/*.promotionDesc h2::after {
    content: " ...";
}*/

.happeningPostContent, .pressRoomPostContent,  .promotionPageTypeTabContent .promotionDesc, .touristPrivilegesCatMenuTabContent .promotionDesc{
    display: -webkit-box;
    max-width: 100%;
    height: 56px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #323232;
}

.touristPrivilegesCatMenuTabContent .promotionDesc p {
    display: -webkit-box;
    max-width: 100%;
    height: 28px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.happeningPostWrapper:hover, .searchedPost:hover{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
    transition: all .25s;
}

.smallHappeningBox:hover .happeningPostContentWrapper .colorLine, .searchedPostContent:hover .searchedPostDetailsWrapper .colorLine{
    border-top: 3px solid #D4038D;
}

.happeningBox:hover .happeningPostContentWrapper .colorLine{
    background-color: #d4038d;
}

/*Happening Page*/
.singleHappeningPostWrapper {
    width: 100%;
    font-size: 0;
    margin: 40px 0px 133px 0px;
}

.singleHappeningPostImageWrapper {
    vertical-align: top;
    width: calc(26% - 20px);
    display: inline-block;
    margin-right: 40px;
}

.singleHappeningPostImage {
    position: relative;
    padding-top: 100%;
    background-size: cover;
    background-position: center;
}

.singleHappeningPostContentWrapper {
    display: inline-block;
    vertical-align: top;
    width: calc(74% - 20px);
}

.singleHappeningPostTitle {
    padding-bottom: 16px;
    font-family: 'Rubik', sans-serif;
    color: #323232;
    font-size: 32px;
    line-height: 48px;
    font-weight: 400;
    text-transform: capitalize;
}

.singleHappeningPostContent h5, .singleHappeningPostContent h2 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.singleMallPromotionPostContentWrapper>b, strong {
    font-weight: 400;
}

.singleHappeningPostContent * {
    font-family: 'Rubik', sans-serif;
    color: #323232;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding-bottom: 8px;
}

.happeningSinglePostCategories .blackLine {
    margin-bottom: 16px;
}

/*div#white_bg_FunLearningPage .blackLine {
    display: none;
}*/

.happeningSinglePostCategories {
    font-size: 14px;
    line-height: 17px;
    color: #323232;
    letter-spacing: 0.75px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 40px;
}

p.happeningCategories {
    background-color: #E6E6E6;
    padding: 8px 12px;
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 16px;
}

.singleMallPromotionPostContentWrapper table {
    font-family: 'Rubik', sans-serif;
    color: #323232;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.singleMallPromotionPostContent ul, .singleMallPromotionPostContent ol, .singleMallPromotionPostContent li {
    font-family: 'Rubik', sans-serif;
    color: #323232;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    margin: 0;
    padding-bottom: 40px;
}

/* The Close Button */
.happening_close {
    color: #FFFFFF;
    position: absolute;
    top: 24px;
    right: 0px;
    line-height: 24px;
    font-size: 35px;
    padding: 24px;
}

.happening_close:hover,
.happening_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.happening_modal_body {
    padding-left: 15px;
    display: inline-block;
    vertical-align: middle;
}
/*End Happening Single Post*/

/* Edit Profile Start */
.button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    background: unset;
    outline: none;
    outline-offset: 0;
}

#editProfileForm {
    font-size: 0;
    padding: 8px 0 85px;
}

p.editProfileText {
    font-size: 16px;
    line-height: 28px;
    color: #323232;
    font-weight: 300;
    margin: 0 0 48px;
}

.memberInfoWrapper {
    display: inline-block;
    width: calc(50% - 20px);
    vertical-align: top;
}

.basicInfo {
    margin-right: 40px;
}

.container.editProfileContainer {
    margin-top: 32px;
}

.container.editProfileContainer h3 {
    font-size: 40px;
    font-weight: 300;
    line-height: 64px;
}

.container.editProfileContainer .titleGreyLine {
    height: 1px;
    background-color: #dcdcdc;
    margin: 16px 0 24px 0;
}

.enquirySwitchPosition {
    display: unset;
}

.memberInfoWrapper .formSingleField, #enquiryForm .formSingleField, #feedbackForm .formSingleField {
    padding-bottom: 32px;
}

.editProfileNotifications .formSingleField {
    padding-bottom: 16px;
}

.memberInfoWrapper .twoColField, #enquiryForm .twoColField, #feedbackForm .twoColField {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.memberInfoWrapper .twoColField.leftField {
    padding-right: 12px;
}

.memberInfoWrapper .twoColField.rightField {
    padding-left: 12px;
}

.memberInfoWrapper label{
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    padding-bottom: 12px;
    display: block;
}

#enquiryForm label, #feedbackForm label {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    padding-bottom: 12px;
    display: block;
}

.memberInfoWrapper span.selectedGender {
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
}

.editProfileNotificationsWrapper input[type="submit"] {
    background-color: #d4038d;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    border-radius: 6px;
    border: 0;
    padding: 20px 16px;
    width: 145px;
}

.memberInfoWrapper input, #enquiryForm input, #enquiryForm textarea, #feedbackForm input, #feedbackForm textarea {
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    padding: 10px 16px;
    border-radius: 6px;
    width: 100%;
    border: solid 1px #c8c8c8;
}

.memberInfoWrapper input[disabled] {
    border-color: #f0f0f0;
    background-color: #f0f0f0;
    pointer-events: none;
}

.memberInfoWrapper .birthdateField .dropdown button {
    pointer-events: none;
    border-color: #f0f0f0;
    background-color: #f0f0f0!important;
}

.memberInfoWrapper .birthdateField,
.newsletterModalContent .birthdateField {
    width: 100%;
    font-size: 0;
}

.memberInfoWrapper .birthdateField>div,
.newsletterModalContent .birthdateField>div {
    display: inline-block;
    position: relative;
}

.memberInfoWrapper .birthdateField .dateSelection, .yearSelection {
    width: 25%;
}

.memberInfoWrapper .birthdateField .monthSelection {
    width: 50%;
}

.memberInfoWrapper .birthdateField,
.newsletterModalContent .birthdateField {
    width: 100%;
    font-size: 0;
}

.memberInfoWrapper .birthdateField>div,
.newsletterModalContent .birthdateField>div {
    display: inline-block;
    position: relative;
}

.memberInfoWrapper .birthdateField .dateSelection, .yearSelection {
    width: 25%;
}

.memberInfoWrapper .birthdateField .monthSelection {
    width: 50%;
}

.memberInfoWrapper .birthdateField .dateSelection,
.newsletterModalContent .birthdateField .dateSelection {
    padding-right: 16px;
}

.memberInfoWrapper .birthdateField .yearSelection,
.newsletterModalContent .birthdateField .yearSelection {
    padding-left: 16px;
}

.memberInfoWrapper button.dropdown-toggle, 
#enquiryForm button.dropdown-toggle, 
.newsletterModalContent button.dropdown-toggle {
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding: 10px 16px;
    background-color: #fff !important;
}

.memberInfoWrapper button.dropdown-toggle i, 
#enquiryForm button.dropdown-toggle i {
    font-size: 10px;
    float: right;
    line-height: 28px;
}

#enquiryForm .selectionDropdown {
    min-width: unset;
    margin: 0;
    font-size: 16px;
    padding: 0px 16px;
    width: 100%;
    max-height: 400px;
    overflow: scroll;
}

.newsletterModalContent .selectionDropdown {
    min-width: unset;
    margin: 0;
    font-size: 16px;
    padding: 10px 16px;
    width: 100%;
    max-height: 400px;
    overflow: scroll;
}

.memberInfoWrapper .selectionDropdown{
    min-width: unset;
    margin: 0;
    font-size: 16px;
    padding: 0;
    width: 100%;
    max-height: 400px;
    overflow: scroll;
}

.memberInfoWrapper .birthdateField .dateSelection .selectionDropdown,
.newsletterModalContent .birthdateField .dateSelection .selectionDropdown {
    width: calc(100% - 16px); 
}

.memberInfoWrapper .birthdateField .yearSelection .selectionDropdown,
.newsletterModalContent .birthdateField .yearSelection .selectionDropdown {
    width: calc(100% - 16px);
    margin-left: 16px;
}

.newsletterModalContent .selectionDropdown li {
    padding-bottom: 4px;
}

#enquiryForm .selectionDropdown li{
    padding: 5px 0;
}

#enquiryForm .selectionDropdown li.selected {
    color: #d4038d;
}

.memberInfoWrapper .selectionDropdown li{
    padding: 5px 16px 5px 16px;
    font-weight: 300;
}

.memberInfoWrapper .selectionDropdown li:first-child{
    padding-top: 10px;
    font-weight: 300;
}

.memberInfoWrapper .selectionDropdown li:last-child{
    padding-bottom: 10px;
    font-weight: 300;
}

#enquiryForm .selectionDropdown li:hover, .newsletterModalContent .selectionDropdown li:hover {
    background-color: #d4038d;
    margin: 0 -16px;
    padding-left: 16px;
    color: #fff;
}

input.newsletterSubmitBtn:hover {
    background-color: #D4038D;
}

.memberInfoWrapper .selectionDropdown li:hover{
    background-color: #d4038d;
    color: #fff;
}

.memberInfoWrapper .genderSelection {
    width: 100%;
}

.memberInfoWrapper .mobileField input {
    display: inline-block;
}

.memberInfoWrapper .mobileField .countryCodeSelection {
    width: calc(25% - 16px);
    margin-right: 16px;
}

.memberInfoWrapper .mobileField input[name="member_country_id"] {
    display: none;
}

.dropdown.countryCodeSelection ul {
    width: 300px;
}

.dropdown.countryCodeSelection li span {
    display: inline-block;
    vertical-align: top;
}

.dropdown.countryCodeSelection li .countryCode {
    width: 60px;
}

.dropdown.countryCodeSelection li .countryName {
    width: calc(100% - 65px);
}

.memberInfoWrapper .mobileField input[name="member_mobile_no"] {
    width: calc(100% - 25%);
}

.mobileField i {
    position: unset;
    font-size: 10px;
    margin-left: -41px;
    line-height: 50px;
}

#editProfileForm .errorField {
    color: red;
    font-size: 14px;
    margin: 0;
    padding-top: 8px;
}

/* The container */
.editProfileNotificationsWrapper .checkboxContainer, 
#enquiryForm .checkboxContainer, #feedbackForm .checkboxContainer, 
.newsletterModalContent .checkboxContainer,
.featurePopupDialogDontShowWrapper .checkboxContainer {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 24px;
    width: 24px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
    padding: 0;
}

.notificationCheckbox {
    padding-bottom: 24px;
}

/* Hide the browser's default checkbox */
.editProfileNotificationsWrapper .checkboxContainer input,
.featurePopupDialogDontShowWrapper .checkboxContainer input,
#enquiryForm .formSingleField.checkboxField input, 
#feedbackForm .formSingleField.checkboxField input, 
.newsletterModalContent input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.editProfileNotificationsWrapper .notificationCheckbox p{
    margin: 0;
    display: inline-block;
    font-size: 16px;
    color: #323232;
    line-height: 28px;
    vertical-align: top;
    padding-left: 16px;
    width: calc(100% - 24px);
    font-weight: 300;
}

.featurePopupDialogDontShowWrapper p {
    margin: 0;
    display: inline-block;
    font-size: 16px;
    color: #323232;
    font-style: italic;
    line-height: 24px;
    vertical-align: top;
    padding-left: 16px;
    width: calc(100% - 24px);
    font-weight: 300;
}

/* Create a custom checkbox */
.editProfileNotificationsWrapper .checkmark{
    position: absolute;
    top: -1px;
    left: -1px;
    font-size: 12px;
    background-color: transparent;
    color: white;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    padding: 3px 0 0 6px;
    margin-right: -1px;
    border-radius: 4px;
    transition: .15s all;
}

#enquiryForm .checkmark, 
#feedbackForm .checkmark, 
.featurePopupDialogDontShowWrapper .checkmark {
    position: absolute;
    top: -1px;
    left: -1px;
    font-size: 14px;
    background-color: transparent;
    color: white;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    padding: 3px 0 0 6px;
    margin-right: -1px;
    border-radius: 4px;
    transition: .15s all;
}

.newsletterModalContent .checkmark {
    position: absolute;
    top: -1px;
    left: -1px;
    font-size: 14px;
    background-color: transparent;
    color: white;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    padding: 0px 0 0 6px;
    margin-right: -1px;
    border-radius: 4px;
    transition: .15s all;
}

/* When the checkbox is checked, add a blue background */
.editProfileNotificationsWrapper .checkboxContainer input:checked ~ .checkmark, 
#enquiryForm .checkboxContainer input:checked ~ .checkmark, 
#feedbackForm .checkboxContainer input:checked ~ .checkmark, 
.featurePopupDialogDontShowWrapper .checkboxContainer input:checked ~ .checkmark, .newsletterModalContent .checkboxContainer input:checked ~ .checkmark {
    background-color: #D4038D;
}

.newsletterModalContent i.fas.fa-check{
    font-weight: 900;
    font-size: unset !important;
    margin-right: unset !important;
    width: unset !important;
    color: #FFFFFF !important;
}
/* Edit Profile End */

/* My Account */
.myAccountContainer {
    font-size: 0;
    padding: 32px 16px 85px!important;
}

.myAccountContainer .halfContainer {
    display: inline-block;
    width: calc(50% - 20px);
    vertical-align: top;
}

.myAccountContainer .halfContainer:first-child {
    margin-right: 40px;
}

.detailsContainer {
    /* padding-bottom: 24px; */
    width: 100%;
}

.detailsContainer.kcDetailsContainer p.title {
    padding-bottom: 8px;
}

.vehicleWrapper {
    padding-top: 28px;
}

.userVehicleContainer {
    width: 50%;
    display: inline-block;
}

.vehicleContainer p.desc {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.vehicleContainer p.title {
    padding-bottom: 16px !important;
}

p.title.kidsClubCard {
    padding-bottom: 20px !important;
}

.myAccountContainer .halfContainer .title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 300;
    padding-bottom: 5px;
}

.vehicleWrapper p.vehicleTitle {
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    display: inline-block;
}

.vehicleWrapper p.value {
    color: #323232 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    display: inline-block;
    padding-left: 24px;
}

.detailsContainer.kcDetailsContainer p.value {
    color: #30A4F2 !important;
    font-size: 40px;
    line-height: 47px;
}

.detailsContainer.kcDetailsContainer p.accumulatedSince {
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 32px;
    font-weight: 300;
}

.halfContainer.rewardContainer p.value {
    color: #D4038D;
}

.myAccountContainer .halfContainer .value {
    font-size: 40px;
    line-height: 64px;
    font-weight: 300;
    padding-bottom: 8px;
}

.myAccountContainer .halfContainer .description {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.myAccountContainer .membershipContainer .blackLine {
    margin: 24px 0;
}

.myAccountContainer .halfContainer h2 {
    font-size: 40px;
    line-height: 64px;
    font-weight: 300;
    padding-bottom: 16px;
}

.myAccountContainer .tabBtnWrapper {
    padding: 24px 0px;
}

.myAccountContainer .rewardHistoryInfoContainer, .myAccountContainer .parkingRewardHistoryInfoContainer {
    display: none;
}

.myAccountContainer .swiper-container {
    width: 100%;
    height: 100%;
}

.myAccountContainer .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.myAccountContainer .rewardHistoryButton p, .myAccountContainer .parkingRewardHistoryButton p {
    font-size: 14px;
    line-height: 17px;
    border: solid 1px #c8c8c8;
    display: inline-block;
    border-radius: 25px;
    vertical-align: middle;
    padding: 11px 16px;
    margin-right: 16px;
    transition: all 0.25s;
    cursor: pointer;
    width: auto;
}

.myAccountContainer .rewardHistoryButton p:hover, .myAccountContainer .parkingRewardHistoryButton p:hover {
    color: white;
    background-color: #d4038d;
    border-color: #d4038d;
    transition: all 0.25s;
}

.myAccountContainer .rewardHistoryButton p.selected, .myAccountContainer .parkingRewardHistoryButton p.selected {
    color: white;
    background-color: #d4038d;
    border-color: #d4038d;
}

.myAccountContainer .rewardHistoryButton, .myAccountContainer .parkingRewardHistoryButton {
    padding: 24px 0;
}

.myAccountContainer .rewardHistoryDateFilter>*, .myAccountContainer .parkingRewardHistoryDateFilter>* {
    display: inline-block;
    vertical-align: middle;
}

.myAccountContainer .rewardHistoryDateFilter>p, .myAccountContainer .parkingRewardHistoryDateFilter>p {
    font-size: 16px;
    line-height: 48px;
    padding-right: 22px;
}

.myAccountContainer .rewardHistoryDateFilter .dateSelection, .myAccountContainer .parkingRewardHistoryDateFilter .dateSelection {
    width: calc(100% - 137px);
}

.myAccountContainer .rewardHistoryDateFilter .dateSelection button, .myAccountContainer .parkingRewardHistoryDateFilter .dateSelection button {
    line-height: 48px;
    width: 100%;
    padding: 0 16px;
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    border: 1px solid #dcdcdc;
    background-color: #fafafa;
}

.myAccountContainer .rewardHistoryDateFilter .dateSelection button i, .myAccountContainer .parkingRewardHistoryDateFilter .dateSelection button i {
    float: right;
    padding-top: 17px;
}

.myAccountContainer .rewardHistoryDateFilter .dateSelection .selectionDropdown, .myAccountContainer .parkingRewardHistoryDateFilter .dateSelection .selectionDropdown {
    width: 100%;
    margin-top: -1px;
    padding: 0;
}

.myAccountContainer .rewardHistoryDateFilter .dateSelection .selectionDropdown li, .myAccountContainer .parkingRewardHistoryDateFilter .dateSelection .selectionDropdown li {
    padding-bottom: 6px;
    cursor: pointer;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    padding-left: 16px;
    padding-top: 5px;
}

.myAccountContainer .rewardHistoryDateFilter .dateSelection .selectionDropdown li:hover, .myAccountContainer .parkingRewardHistoryDateFilter .dateSelection .selectionDropdown li:hover {
    background-color: #d4038d;
    color: #fff;
    transition: all 0.25s;
}

li.selectedDate {
    color: #d4038d;
    transition: all 0.25s;
}

.myAccountContainer .rewardHistoryDateFilter, .myAccountContainer .parkingRewardHistoryDateFilter {
    padding-bottom: 40px;
}

.memberAccLoadingBG{
    margin: 40px auto;
    border: 5px solid #f3f3f3;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;    
    display: none;
}

.transactiondetailsWrapper {
    max-height: 880px;
    overflow: auto;
}

.myAccountContainer .transactionDetail {
    padding: 20px 0 16px 0;
}

#used .transactiondetailsWrapper .transactionDetail:first-child {
    padding-top: 0;
}

.myAccountContainer .transactionDetail table {
    margin: 0;
}

.myAccountContainer .transactionDetail tr:first-child td {
    padding-bottom: 12px;
}

.myAccountContainer .transactionDetail tr:nth-child(2) td {
    font-style: italic;
    font-family: 'Barlow', sans-serif;
    line-height: 24px;
}

.myAccountContainer .transactionDetail td, .transactionDetail tr {
    border: none;
}

.myAccountContainer .transactionDetail td {
    font-size: 16px;
    padding: 0;
}

.myAccountContainer .transactionDetail .shopName {
    font-weight: 500;
}

.myAccountContainer .transactionDetail .type p {
    display: inline-block;
}

.myAccountContainer .transactionDetail tr td:nth-child(2) {
    float: right;
}

.myAccountContainer #credited .rewardType img {
    height: 24px;
}

.myAccountContainer #credited .rewardType {
    font-size: 14px;
    padding: 4px 0 4px 16px;
    border-radius: 4px;
}

.myAccountContainer #credited .point {
    color: #27AE60;
}

.myAccountContainer #declined .point, .myAccountContainer #used .point {
    color: #EE201C;
}

.myAccountContainer .declinedReason {
    text-align: left;
}

.myAccountContainer .declinedReason td {
    color: #EE201C;
    font-weight: 300;
    padding-top: 12px;
}

.open>.btn.btn-default.dropdown-toggle.selectDateBtn:focus, .open>.btn.btn-default.dropdown-toggle.selectDateBtn:hover{
    color: #323232;
    background-color: #fff;
    background-image: none;
    border-color: #dcdcdc;
}

.myAccountContainer .rewardHistoryDateFilter .dateSelection button:hover, .myAccountContainer .parkingRewardHistoryDateFilter .dateSelection button:hover {
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
}

.myAccountContainer .progressBarWrapper {
    padding-top: 8px;
    /* padding-bottom: 24px; */
    position: relative;
}

.myAccountContainer .progressBarBase {
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #dcdcdc;
}

.myAccountContainer .progressBarProgress {
    position: absolute;
    height: 4px;
    background-color: #00ACD4;
    max-width: 100%;
}

.kidClubMembershipLogo{
    background-image: url("https://d3nse58ioth0yc.cloudfront.net/wp/logo_kidsclub%402x.png");
    margin-bottom: 17px;
    width: 88px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
}

.kidMembership p {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    color: #fff
}

p.kidMembershipName {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
}

.kidMembershipBirthDateCard {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 12px;
}

p.kidMembershipBirthDateTitle {
    display: inline-block;
    font-weight: 500;
    padding-right: 4px;
}

p.kidMembershipBirthDate {
    display: inline-block;
    font-weight: 400;
}

.kidMembershipMemberNoCard,.kidMembershipGraduationDateCard {
    width: 50%;
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
    vertical-align: top;
}

.barcode1 {
    margin-top: 12px;
    padding-right: 12px;
    height: 22px;
    width: 100%;
}

p.kidMembershipMemberNoTitle, p.kidMembershipGraduationDateTitle {
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 4px;
}

p.kidMembershipMemberNo, p.kidMembershipGraduationDate{
    font-weight: 700;
}

.kidMembership {
    padding: 24px;
    margin-bottom: 24px;
    border-radius: 12px;
    width: 100%;
    max-height: 215px;
    max-width: 343px;
}

.kidMembership[data-kidscard="F"] {
    background-color: #FF82CC;
}

.kidMembership[data-kidscard="M"] {
    background-color: #F9B000;
}

.kidMembership.priviMembership{
    background-image: url("https://d3nse58ioth0yc.cloudfront.net/wp/bg_superbuddy%402x.png");
    width: 100%;
    max-width: 295px;
    transition: all 0.25s;
}

.priviMembership .kidClubMembershipLogo{
    background-image: url("https://d3nse58ioth0yc.cloudfront.net/wp/logo_superbuddy%402x.png");
    margin-bottom: 8px;
    height: 34px;
}

.myAccountContainer .viewRewardCatalogue {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.75px;
    color: #D4038D;
    border: solid 2px #D4038D;
    border-radius: 6px;
    padding: 16px;
    cursor: pointer;
    display: inline-block;
    margin-top: 24px;
}
/* My Account End */

/*Press Room*/
.pressRoomPostsWrapper, .funLearningPostsWrapper, .leasingEnquiryPostsWrapper, .promotionPageTabBtnWrapper {
    padding-top: 32px;
}

.pressRoomPostsWrapper>p, .funLearningPostsWrapper>p, .leasingEnquiryPostsWrapper>p, .promotionPageTabBtnWrapper>p{
    padding-right: 40px;
}

p.tabPressRoomBtn, p.tabFunLearningBtn, p.tabLeasingEnquiryBtn, p.promoPageTabBtn {
    font-size: 22px;
    line-height: 27px;
    font-weight: 300;
    display: inline-block;
    cursor: pointer;
}

p.tabPressRoomBtn:hover, p.tabFunLearningBtn:hover, p.tabLeasingEnquiryBtn:hover, p.promoPageTabBtn:hover, .shoppingGuideWrapper .tabBtn:hover, p.promoTabBtn:hover, .letterBtn:hover, .tabBtn:hover {
    color: #D4038D !important;
}

.pressReleaseBox {
    width: 100%;
}

.pressReleaseYear {
    width: 25%;
    display: inline-block;
}

.pressRoomTabContent {
    display: inline-block;
    vertical-align: top;
    width: 75%;
    margin: 0 -8px;
}

.pressRoomBox {
    width: 100%;
    font-size: 0;
}

.pressRoomBox:hover .colorLine {
    background-color: #d4038d;
}

.pressRoomPostImage {
    width: 33.33%;
    display: inline-block;
    padding-top: 33.33%;
    background-size: cover;
}

.pressRoomPostContentWrapper {
    width: 66.66%;
    display: inline-block;
    vertical-align: top;
    padding-left: 40px;
    padding-top: 16px;
}

p.pressRoomPostDate {
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
    color: #323232;
    font-weight: 300;
    text-transform: uppercase;
}

p.pressRoomPostTitle {
    color: #323232 !important;
    font-size: 22px;
    line-height: 27px;
    font-family: 'Rubik', sans-serif;
    text-transform: capitalize;
    font-weight: 400;
    padding-bottom: 16px;
}

div#press_release .blackLine {
    margin: 40px 0px;
}

div#press_release .blackLine:last-child {
    visibility: hidden;
    margin: 0 0 40px 0;
}

.selectedPressRoomYear {
    color: #D4038D;
}

p.yearBtn {
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 32px;
    cursor: pointer;
}

div#press_release {
    padding-top: 40px;
    padding-bottom: 24px;
}

h1.attachementTitle {
    font-size: 24px;
    line-height: 28px;
    padding-top: 31px;
    padding-bottom: 30px;
}
/*End Press Room*/

/*Media Kit*/
i.far.fa-file-pdf {
    display: inline-block;
    font-size: 48px;
    color: #D4038D;
    padding-left: 43px;
    border-right: solid 1px #dcdcdc;
    height: 100%;
    padding: 36px 42px;
    vertical-align: middle;
}

.pdfDesc {
    display: inline-block;
    padding-left: 18px;
    vertical-align: middle;
    max-width: calc(100% - 130px);
}

.mediaKitWrapper {
    width: 100%;
    font-size: 0;
}

p.happeningPdfFileSize {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 0;
}

p.singlePDF {
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    vertical-align: unset;
    padding-left: 0;
    padding-bottom: 8px;
}

p.pressRoom_singlePDF {
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    vertical-align: unset;
    padding-bottom: 8px;
}

p.pressRoom_pdfFileSize {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 0;
    font-weight: 300;
}

.pressRoom_pdfWrapper {
    display: inline-block;
    padding-left: 25px;
    vertical-align: middle;
}

a.mediaKitLinkWrapper {
    width: calc(50% - 20px);
    display: inline-block;
    height: 120px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
}

a.mediaKitLinkWrapper:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.30);
}

a.mediaKitLinkWrapper:last-child {
    margin-left: 40px;
}

div#media_kit {
    padding-top: 78px;
    padding-bottom: 80px;
}
/*End Media Kit*/

/*Fun & Learning*/
.funLearningLeftImageRow, .funLearningRightImageRow {
    width: 100%;
    padding-bottom: 40px;
}

.funLearningImageWrapper, .funLearningContentWrapper {
    width: calc(50% - 3px);
    display: inline-block;
    vertical-align: middle;
}

.funLearningImg, .priviligeCardImage {
    background-size: contain;
    padding-top: 100%;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
}

.kidsClubWrapper, .publicLibraryWrapper {
    padding-top: 40px;
}

.playWrapper {
    padding-top: 40px;
    padding-bottom: 50px;
}

.funLearningLeftImageRow .funLearningContentWrapper {
    padding-left: 40px;
}

.funLearningRightImageRow .funLearningContentWrapper {
    padding-right: 40px;
}

.funLearningContentWrapper h1 {
    font-size: 40px;
    line-height: 60px;
    font-weight: 300;
    padding-bottom: 16px;
}

.funLearningDesc {
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #323232;
    padding-bottom: 24px;
    white-space: pre-wrap;
}

.kidsClubTermsCondition{
    font-style: italic;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    text-align: center;
    padding: 24px 0 64px 0;
}

.noticetag{
    color: #e00b00;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    padding-bottom: 16px;
}

.kidsClubTermsCondition>p{
    font-style: italic;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    text-align: center;
    padding: 0!important;
}

.kidsClubTermsCondition>p:first-child {
    padding-bottom: 16px!important;
}

.singleMallPromotionTermsCondition >p {
    font-style: italic;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    text-align: center;
    padding: 24px 0 19px 0;
}

.promotionPageTermsCondition p{
    font-style: italic;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 24px;
    height: 100%;
    color: #323232;
    text-align: center;
    padding: 24px 0 19px 0;
}

.storePromotionPageTermsCondition>p {
    font-style: italic;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    text-align: center;
    font-weight: 400;
    padding: 24px 0 19px 0;
}

.kidsClubTermsCondition a, .singleMallPromotionTermsCondition a, .promotionPageTermsCondition a, .rewardsPageTermsCondition a, .storePromotionPageTermsCondition a {
    color: #30A4F2;
    font-style: italic;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.funLearningDesc.seperate {
    padding-bottom: 16px;
}

.funLearningDesc.seperate a {
    color: #30a4f2;
}

.funLearningDesc.fontItalic {
    font-style: italic;
    line-height: 24px;
}

.infoColumn.address>h1, .infoColumn.openingHours>h1, .infoColumn.contact>h1 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 16px;
}

.infoColumn.contact>p>a {
    color: #30A4F2;
}

.infoColumn.address>p, .infoColumn.openingHours>p, .infoColumn.contact>p  {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.infoWrapper {
    font-size: 0;
    background-color: rgba(220,220,220, 0.3);
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.infoColumn {
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    padding: 64px 0;
}

#kids_club_events {
    padding-top: 40px;
    padding-bottom: 64px;
}

/*End Fun & Learning*/

/* Tourist Page */
#tourist_page .dropdownBtnText i {
    padding-left: 12px
}

#tourist_page .dropdownTabBtn .dropdownBtnText, .touristTabWrapper a {
    color: #323232;
    box-shadow: none;
    background: none;
    border: none;
    font-size: 22px;
    line-height: 27px;
    font-weight: 300;
    padding: 0;
    vertical-align: top;
}

.touristTabWrapper a {
    padding-right: 40px;
}

#tourist_page .dropdownTabBtn.active .dropdownBtnText {
    color: #D4038D!important;
}

li.touristAboutVcSelection.selectedTouristTab{
    color: #D4038D;
}

li.touristAboutVcSelection:first-child {
    padding-bottom: 8px;
}

#tourist_page .touristAboutVcDropdown {
    max-height: 0;
    transition: max-height .25s;
    overflow: hidden;
    position: absolute;
    z-index: 99;
    background-color: #fff;
    margin-top: 16px;
    border-radius: 4px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
}

#tourist_page .dropdownTabBtn:hover .touristAboutVcDropdown {
    max-height: 200px;
}

#tourist_page .touristAboutVcDropdown ul {
    list-style-type: none;
    padding: 0;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
}

li.touristAboutVcSelection {
    padding: 16px;
}

#tourist_page .touristAboutVcDropdown li:hover {
    background-color: #D4038D;
    color: #fff;
}

.rowContent {
    font-size: 0;
    padding-bottom: 64px;
}

.rowContent>div {
    display: inline-block;
    width: calc(50% - 20px);
    vertical-align: top;
}

.rowContent>div:first-child {
    margin-right: 40px;
}

.imageColMapletree{
    position: relative;
    padding-top: calc(50% - 20px);
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

#services .imageCol {
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

#services .descCol {
    vertical-align: middle;
}

#getting_to_sentosa .imageCol {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

#getting_to_sentosa .descCol {
    vertical-align: middle;
}

.imageCol.retailMeetsArchitectureImg {
    background-size: cover;
}

.imageCol {
    position: relative;
    padding-top: calc(50% - 20px);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.descCol .descTitle {
    font-size: 40px;
    line-height: 64px;
    font-weight: 300;
    padding-bottom: 16px;
}

p.aboutMapleTreeDesc {
    font-size: 22px;
    line-height: 27px;
    color: #323232;
    font-weight: 400;
    padding-bottom: 16px;
}

.descCol .descContent {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    color: #323232;
    white-space: pre-wrap;
}

.descCol .desingerName {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 16px;
}

.designConcept {
    padding-top: 40px;
}

.designConcept img {
    display: inline-block;
    width: 160px;
    padding-right: 40px;
}

.designConceptDesc {
    display: inline-block;
    width: calc(100% - 200px);
    vertical-align: top;
}

.designConceptDesc p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 32px;
    font-weight: 300;
    font-family: 'Barlow', sans-serif !important;
    font-style: italic !important;
}

.touristAboutInfoContainer .rowContent>div {
    vertical-align: middle;
}

.wifiContent .wifiConnectDesc {
    font-size: 20px;
    line-height: 32px;
}

.wifiContent p {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 16px;
}

.wifiContent p span {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}

.wifiContent p a {
    color: #30a4f2;
}

.descCol .wifiContent {
    white-space: unset;
}
/* Tourist Page End */


/* About Us Page */
.bcaWrapper {
    border: 1px solid #DCDCDC;
    border-radius: 24px;
    padding: 40px;
    margin-bottom: 64px;
}

img.bcaImg {
    width: 120px;
    padding-right: 40px;
    display: inline-block;
    vertical-align: middle;
}

.bcaText {
    width: calc(100% - 160px);
    display: inline-block;
    vertical-align: middle;
    color: #323232;
    font-size: 22px;
    line-height: 32px;
}

.bcaText>span {
    font-weight: 500;
}


.aboutUsAward {
    background-color: #F0F0F0;
}

#about_us_page div {
    font-family: 'Rubik', sans-serif;
}

.descCol.aboutMapleTree, .imageColMapletree.aboutMapleTree {
    vertical-align: middle;
}

div#enquiry h2 {
    padding-bottom: 16px;
}

#about_us_page h2 {
    font-size: 40px;
    line-height: 64px;
    font-weight: 300;
    padding-bottom: 24px;
}

div#about_vivocity h2.awardsSectionTitle {
    font-size: 56px !important;
    line-height: 66px !important;
    font-weight: 300 !important;
    padding-bottom: 16px !important;
    padding-top: 40px !important;
}

p.awardsSectionSubtitle {
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 67px;
}

#about_us_page .tabBtnWrapper {
    padding: 40px 16px!important;
}

#about_us_page .mallDetailsWrapper {
    background-color: #f0f0f0;
    display: table;
    width: 100%;
    padding: 64px 0;
    margin-bottom: 64px;
}

p.enquiryDesc {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding-bottom: 40px;
}

#about_us_page .transportationWrapper, #about_us_page .aboutUsInfoContainer {
    font-size: 0;
}

#about_us_page .visibilityHidden {
    height: 0;
    visibility: hidden;
    padding: 0!important;
    margin: 0;
    content-visibility: hidden;
}

#about_us_page .mallDetails {
    display: inline-block;
    width: 25%;
    position: relative;
}

#about_us_page .mallDetailsTitle {
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 16px;
}

#about_us_page .mallDetailsVal {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

#about_us_page .mallDetails:not(:last-child):after {
    content: "";
    position: absolute;
    height: 80px;
    width: 1px;
    background-color: #c8c8c8;
    right: 16px;
    top: -4px;
}

#about_us_page .vcMap {
    padding-bottom: 40px;
}

#about_us_page .vcMap>* {
    float: unset!important;
}

#about_us_page .transportationWrapper {
    padding-bottom: 64px;
}

#about_us_page .transportDesc {
    padding-bottom: 64px;
}

#about_us_page .transportTitle {
    padding-bottom: 16px;
}

#about_us_page .transportTitle>* {
    display: inline-block;
    vertical-align: middle;
}

#about_us_page .transportTitle img {
    height: 40px;
}

#about_us_page .transportTitle h3 {
    font-weight: 400;
    font-size: 22px;
    padding-left: 16px;
    line-height: 27px;
}

#about_us_page .transportDesc .tabBtnWrapper {
    padding: 40px 0 16px 0!important;
}

#about_us_page .aboutUsByCarInfoContainer>div, .parkingRateWrapper .descContent {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.parkingRateWrapper .descContent {
    padding-bottom: 32px;
}

#about_us_page .aboutUsByCarInfoContainer .byCarDesc{
    white-space: pre-wrap;
}

#about_us_page .transportDesc.twoCol {
    display: inline-block;
    width: calc(50% - 40px);
    vertical-align: top;
    padding-bottom: 0;
}

#about_us_page .transportDesc.twoCol:nth-child(2n+1) {
    padding-left: 40px;
}

#about_us_page .parkingTypeTabWrapper {
    padding: 0 0 24px 0!important;
}

#about_us_page .parkingTypeInfoContainer th {
    border: none;
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 13px;
    vertical-align: top;
}

#about_us_page .parkingTypeInfoContainer th:first-child, .parkingTypeInfoContainer td:first-child {
    width: 20%;
}

#about_us_page .parkingTypeInfoContainer th:last-child, .parkingTypeInfoContainer td:last-child {
    width: 50%;
}

#about_us_page .parkingTypeInfoContainer td {
    border: none;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding: 16px 24px 16px 0;
    vertical-align: top;
}

#about_us_page .parkingTypeInfoContainer tr {
    border-bottom: solid 1px #dcdcdc;
}

#about_us_page .parkingTypeInfoContainer tr:last-child {
    border: none;
}

#about_us_page .transportationWrapper .descContent {
    padding-top: 12px;
}

#about_us_page .seasonParkingContainer h3 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 16px;
}

#about_us_page .seasonParkingContainer p {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 24px;
    font-weight: 300;
}

p.seasonParkingItalic {
    font-family: 'Barlow', sans-serif;
    font-style: italic;
    font-size: 16px !important;
    line-height: 24px !important;
}

#about_us_page .seasonParkingContainer p a {
    color: #30a4f2;
}

#about_us_page .seasonParkingContainer {
    padding-bottom: 16px;
}

#about_us_page .seasonParkingContainer:last-child {
    padding-bottom: 56px;
}

#about_us_page .giftVoucherDesc {
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 16px;
}

#about_us_page .giftVouvherParticipatingLink {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    padding-top: 24px;
}

#about_us_page #join_us p {
    font-size: 16px;
    padding-bottom: 24px;
    font-weight: 300;
}

#about_us_page #join_us .JobDesc {
    line-height: 28px;
    padding-bottom: 16px;
}

.JobLift>p {
    color: #30A4F2;
}

div#join_us {
    padding-bottom: 64px !important;
}

.JobLift ul {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

#about_us_page .JobLift li a {
    font-size: 16px;
    line-height: 28px;
    color: #30a4f2;
}

#aboutUsTimelineWrapper {
    position: relative;
}

.aboutUsTimeline {
    position: relative;
    width: 6000px;
}

.aboutUsTimeline .oneYear {
    display: inline-block;
    position: relative;
}

.active .aboutUsTimelineYearName {
    color: #D4038D;
}

.aboutUsTimelineYearName {
    font-size: 56px;
    line-height: 56px;
    right: -112px;
    position: absolute;
    width: 250px;
    text-align: center;
    color: #C8C8C8;
    cursor: pointer;
}

.aboutUsTimelineYearLine {
    padding-top: 68px;
}

.aboutUsTimelineYearLine>* {
    display: inline-block;
    vertical-align: middle;
}

.aboutUsTimelineYearLine .line {
    background-color: #D4038D;
    height: 4px;
    width: 285px;
}

.aboutUsTimelineYearLine .dot {
    width: 24px;
    height: 24px;
    border: solid 4px #D4038D;
    border-radius: 50%;
    cursor: pointer;
}

.active .aboutUsTimelineYearLine .dot {
    border: none;
    background-color: #D4038D;
    width: 34px;
    height: 34px;
}

.awardDetailsWrapper .yearAwards {
    padding: 35px 0;
    box-sizing: border-box;
    display: none;
}

.awardDetailsWrapper .awardDetails:not(:last-child) {
    border-bottom: solid 1px #dcdcdc;
}

.awardDetailsWrapper .awardDetails {
    padding: 40px 0;
}

.awardDetailsWrapper .awardName {
    font-size: 22px;
    line-height: 27px;
}

.awardDetailsWrapper .awardDesc {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

#enquiryForm, #feedbackForm {
    padding-bottom: 64px;
}

#enquiryForm .twoColField.leftField, #feedbackForm .twoColField.leftField {
    padding-right: 20px;
}

#enquiryForm .twoColField.rightField, #feedbackForm .twoColField.rightField {
    padding-left: 20px;
}

#enquiryForm .enquiryTypeSelection {
    width: calc(50% - 20px);
}

#enquiryForm .postCodeField, #feedbackForm .postCodeField, #feedbackForm .datetimeVisitField {
    max-width: 225px;
}

#enquiryForm textarea, #feedbackForm textarea {
    min-height: 116px;
}

#enquiryForm .enquiriesCommentField {
    padding: 0;
}

#enquiryForm .blackLine, #feedbackForm .blackLine {
    margin: 40px 0;
}

#enquiryForm .pdpaDesc, #feedbackForm .pdpaDesc {
    padding-bottom: 52px;
}

#enquiryForm .privacyDescContainer *, #feedbackForm .privacyDescContainer * {
    font-family: 'Barlow', sans-serif!important;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    font-style: italic;
}

a.linkEnquiry, a.contactNumEnquiry, a.linkFeedback, a.contactNumFeedback {
    color: #30A4F2;
}

#enquiryForm .privacyDescContainer h3, #feedbackForm .privacyDescContainer h3 {
    padding-bottom: 12px;
    font-weight: 600;
    font-style: italic;
}

#enquiryForm .privacyDesc p, #feedbackForm .privacyDesc p {
    padding-bottom: 24px;
}

#enquiryForm .privacyDesc, #feedbackForm .privacyDesc {
    padding-bottom: 16px;
}

#enquiryForm .formSingleField.checkboxField, #feedbackForm .formSingleField.checkboxField {
    padding-bottom: 30px;
}

#enquiryForm .formSingleField.checkboxField p, #feedbackForm .formSingleField.checkboxField p {
    margin: 0;
    display: inline-block;
    font-size: 16px;
    color: #323232;
    line-height: 28px;
    vertical-align: top;
    padding-left: 16px;
    width: calc(100% - 24px);
    font-weight: 300;
}

#enquiryForm .formSingleField.checkboxField a, #feedbackForm .formSingleField.checkboxField a {
    color: #30a4f2;
}

.recaptchaWrapper {
    padding-bottom: 32px;
}

#enquiryForm input[type="submit"] {
    width: auto;
    padding: 16px;
    border: none;
    background-color: #d4038d;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}

/*Leasing Enquiry*/
.retailSpaceWrapper, .eventSpaceWrapper, .mediaPanelsWrapper, .pushCartWrapper{
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 5px);
    position: relative;
}

div#retail_space, div#event_space, div#media_panels, div#pushcarts {
    padding: 40px 0 64px 0;
}

div#retail_space .swiper-container.retail_space_swiper {
  width: 100%;
  overflow: hidden !important;
}

div#retail_space .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

div#retail_space .swiper-pagination.retail_space_swiper_pagination {
    position: unset!important;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

div#retail_space .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #DCDCDC !important;
    opacity: unset !important;
}

div#retail_space .swiper-pagination-bullet-active {
    opacity: 1;
    background: #D4038D!important;
}

.leasingEnquirySwipperImg {
    width: 100%;
    padding-top: 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}

.swiper-pagination.retail_space_swiper_pagination.swiper-pagination-clickable.swiper-pagination-bullets, .swiper-pagination.event_space_swiper_pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    font-size: 8px !important;
    line-height: 8px  !important;
    padding-top: 32px  !important;
}

div#retail_space .swiper-pagination.retail_space_swiper_pagination.swiper-pagination-clickable.swiper-pagination-bullets> span.swiper-pagination-bullet:not(:last-of-type){
    margin-right:16px;
}

div#retail_space .swiper-pagination.retail_space_swiper_pagination.swiper-pagination-clickable.swiper-pagination-bullets> span.swiper-pagination-bullet:focus {
    outline: 0px !important;
}

div#retail_space .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

div#event_space .swiper-container {
  width: 100%;
  overflow: hidden !important;
}

div#event_space .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

div#event_space .swiper-pagination {
    position: unset!important;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

div#event_space .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #DCDCDC !important;
    opacity: unset !important;
}

div#event_space .swiper-pagination-bullet-active {
    opacity: 1;
    background: #D4038D!important;
}

.retailSpaceWrapper .swiper-button-prev.swiper-button-disabled i.fas.fa-arrow-left, .retailSpaceWrapper .swiper-button-next.swiper-button-disabled i.fas.fa-arrow-right, .eventSpaceWrapper .swiper-button-prev.swiper-button-disabled i.fas.fa-arrow-left, .eventSpaceWrapper .swiper-button-next.swiper-button-disabled i.fas.fa-arrow-right, .headerImage.homepageHeader .swiper-button-prev.swiper-button-disabled i.fas.fa-arrow-left, .headerImage.homepageHeader .swiper-button-next.swiper-button-disabled i.fas.fa-arrow-right{
    display: block;
    -webkit-text-stroke: 1px #fff;
}

.retailSpaceWrapper i.fas.fa-arrow-left, .retailSpaceWrapper i.fas.fa-arrow-right, .eventSpaceWrapper i.fas.fa-arrow-left, .eventSpaceWrapper i.fas.fa-arrow-right,.headerImage.homepageHeader i.fas.fa-arrow-left, .headerImage.homepageHeader i.fas.fa-arrow-right{
    display: block;
}

.retailSpaceWrapper i.fas.fa-arrow-left:hover, .retailSpaceWrapper i.fas.fa-arrow-right:hover, .eventSpaceWrapper i.fas.fa-arrow-left:hover, .eventSpaceWrapper i.fas.fa-arrow-right:hover,.headerImage.homepageHeader i.fas.fa-arrow-left:hover, .headerImage.homepageHeader i.fas.fa-arrow-right:hover{
    display: block;
}

.retailSpaceWrapper:hover .swiper-button-next.swiper-button-white-leasingEnquiryPage.desktopShow, .retailSpaceWrapper:hover .swiper-button-prev.swiper-button-white-leasingEnquiryPage.desktopShow, .eventSpaceWrapper:hover .swiper-button-next.swiper-button-white-leasingEnquiryPage.desktopShow, .eventSpaceWrapper:hover .swiper-button-prev.swiper-button-white-leasingEnquiryPage.desktopShow, .headerImage.homepageHeader:hover .swiper-button-next.swiper-button-white-homepage, .headerImage.homepageHeader:hover .swiper-button-prev.swiper-button-white-homepage{
    top: 45%;
    background-image: none;
    background-color: #FFFFFF;
    color:  #969696;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 109px;
    vertical-align: top;
    padding: 10px;
    outline: 0px !important;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.24);
    opacity: 100;
    transition: all 0.25s;
    cursor: pointer;
}

.featured-popup-swiper-button-next:hover, .featured-popup-swiper-button-prev:hover{
    background-color: #D4038D;
}

.featured-popup-swiper-button-next:hover i.fas.fa-arrow-right, .featured-popup-swiper-button-prev:hover i.fas.fa-arrow-left{
    color: #FFFFFF;
}

.retailSpaceWrapper:hover .swiper-button-next.swiper-button-white-leasingEnquiryPage.desktopShow:hover, .retailSpaceWrapper:hover .swiper-button-prev.swiper-button-white-leasingEnquiryPage.desktopShow:hover, .eventSpaceWrapper:hover .swiper-button-next.swiper-button-white-leasingEnquiryPage.desktopShow:hover, .eventSpaceWrapper:hover .swiper-button-prev.swiper-button-white-leasingEnquiryPage.desktopShow:hover, .headerImage.homepageHeader:hover .swiper-button-next.swiper-button-white-homepage:hover, .headerImage.homepageHeader:hover .swiper-button-prev.swiper-button-white-homepage:hover {
    top: 45%;
    background-image: none;
    background-color: #D4038D;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 109px;
    vertical-align: top;
    padding: 10px;
    outline: 0px !important;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.24);
    opacity: 100;
    transition: all 0.25s;
    cursor: pointer;
}

.featured-popup-swiper-button-next.swiper-button-white-homepage.desktopShow.swiper-button-disabled, .featured-popup-swiper-button-prev.swiper-button-white-homepage.desktopShow.swiper-button-disabled {
    display: none;
}

.swiper-button-next.swiper-button-white-leasingEnquiryPage.desktopShow, .swiper-button-prev.swiper-button-white-leasingEnquiryPage.desktopShow, .swiper-button-prev.swiper-button-white-homepage, 
.swiper-button-next.swiper-button-white-homepage,
.featured-popup-swiper-button-prev,
.featured-popup-swiper-button-next {
    top: 45%;
    background-image: none;
    background-color: #FFFFFF;
    color:  #969696;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 109px;
    vertical-align: top;
    padding: 10px;
    outline: 0px !important;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.24);
    opacity: 0;
    transition: all 0.25s;
}

i.fas.fa-times.featuredPopupModalCloseIcon {
    color: #FFFFFF !important;
    font-size: 24px !important;
    -webkit-text-stroke: 2px #3F3F3C;
    position: fixed;
    z-index: 999;
    width: 517px;
    margin-left: 90px;
    text-align: right;
    height: 0;
}

i.fas.fa-times.featuredPopupModalCloseIcon:hover {
    cursor: pointer;
}

div#event_space.swiper-pagination .swiper-pagination-clickable.swiper-pagination-bullets {
    font-size: 8px;
    line-height: 8px;
    padding-top: 32px;
}

div#event_space .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets> span.swiper-pagination-bullet:not(:last-of-type){
    margin-right:16px;
}

div#event_space .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets> span.swiper-pagination-bullet:focus{
    outline: 0px !important;
}

div#event_space .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.retailContent, .eventSpaceContent, .mediaPanelsContent, .pushCartContent{
    display: inline-block;
    width: calc(50% - 5px);
    vertical-align: middle;
    padding-left: 40px;
}

.retailContent h1, .eventSpaceContent h1, .mediaPanelsContent h1, .pushCartContent h1{
    font-size: 40px;
    line-height: 64px;
    font-weight: 300;
    padding-bottom: 16px;
}

.retailContent p, .eventSpaceContent p, .mediaPanelsContent p{
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding-bottom: 24px;
}

.leasingEnquiry a {
    color: #4BAFF3;
}

.emailMediaPanelsWrapper>p , .emailPushCartWrapper>p{
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding: 0;
}

.mediaPanelImage, .pushCartImage {
    width: 100%;
    padding-top: calc(100% - 100px);
    background-size: cover;
    background-position: center;
}

.dropdown.enquiryTypeSelection button.btn.btn-default.dropdown-toggle.selectEnquiryTypeBtn:after {
    display: none;
}
/* About Us Page End */

/*Vivo Rewards*/
.contentContainer.rewards {
    min-height: 500px;
}

.rewardsPageContainer {
    display: none;
}

.rewardsCatWrapper {
    width: 100%;
    min-height: 500px;
    font-size: 0;
    position: relative;
}

.rewardsCatWrapper .rewardsCatMenu .blackLine {
    margin: 20px -24px 0;
}

.rewardsCatMenuCatTitle {
    font-size: 16px;
    line-height: 19px;
    color: #323232;
    font-weight: 500;
    padding-bottom: 8px;
}

a.rewardsBtn {
    font-size: 22px !important;
    line-height: 27px !important;
    font-weight: 400 !important;
}

ul.dropdown-menu.submenucat.aboutReward.desktopShow {
    margin-left: 0 !important;
    padding: 5px 16px 16px 16px !important;
}

ul.dropdown-menu.rewardMenu {
    margin-left: 0 !important;
}

ul.dropdown-menu.submenucat.aboutReward>li:not(.selectedAboutType){
    padding-left: 19px !important;
}

li.rewardsType.selectedAboutType {
    color: #D4038D;
}

.rewardsCatWrapper ul.dropdown-menu.submenucat>li:hover {
    color: #D4038D;
}

.rewardsCatWrapper ul.dropdown-menu.submenucat>li{
    padding-top: 8px;
    cursor: pointer;
    font-family: 'Barlow', sans-serif !important;
    font-style: italic;
    font-size: 16px !important;
    line-height: 24px !important;
}

.aboutVivoRewardsImg {
    background-size: cover;
    padding-top: calc(100%/2);
    width: 100%;
    background-position: center;
    margin-bottom: 40px;
}

.rewardsCatMenuTabContent {
    vertical-align: top;
    margin-left:285px;
}

div#sign_up {
    padding-top: 32px;
}

div#sign_up .blackLine {
    padding-bottom: 27px !important;
}

.signUpWrapper.tabBtnWrapper {
    padding: 0;
}

#guide_bg #about .rewardsBtn.mobileShow {
    display: none;
}

div#introduction h1, div#using_rewards h1, div#earning_rewards h1 {
    font-size: 40px;
    line-height: 64px;
    padding-bottom: 40px;
    font-weight: 500;
    color: #2D368F;
    text-transform: uppercase;
}

#earning_rewards>p, #using_rewards>p {
    font-size: 22px;
    line-height: 29px;
    padding-bottom: 32px;
    font-weight: 400;
}

#earning_rewards .redeemRewardStepContainer, #using_rewards .redeemRewardStepContainer {
    padding-bottom: 32px;
}

#earning_rewards .redeemRewardStepContainer .redeemRewardStep, #using_rewards .redeemRewardStepContainer .redeemRewardStep {
    /* max-width: max-content; */
    margin: auto;
    width: 100%;
}

#earning_rewards .redeemRewardStepContainer .redeemRewardStep>*, #using_rewards .redeemRewardStepContainer .redeemRewardStep>* {
    display: inline-block;
    vertical-align: middle;
}

#earning_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer, #using_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer {
    padding: 36px 70px 36px 0;
    position: relative;
}

#earning_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer img.stepImg, #using_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer img.stepImg {
    width: 120px;
}

#earning_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer .dashedLine, #using_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer .dashedLine {
    position: absolute;
    height: 100%;
    width: 2px;
    right: 0;
    top: 0;
    border-right: 2px dashed #2D368F;
}

#earning_rewards .redeemRewardStepContainer .redeemRewardStep.firstStep .imgContainer .stepHeader, #using_rewards .redeemRewardStepContainer .redeemRewardStep.firstStep .imgContainer .stepHeader {
    position: absolute;
    right: -107px;
    width: 120px;
    top: -11px;
    z-index: 9;
}

#earning_rewards .redeemRewardStepContainer .redeemRewardStep.lastStep .imgContainer .dashedLine, #using_rewards .redeemRewardStepContainer .redeemRewardStep.lastStep .imgContainer .dashedLine {
    position: absolute;
    height: 50%;
    width: 2px;
    right: 0;
    top: 0;
    border-right: 2px dashed #2D368F;
}

#earning_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer .stepNum, #using_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer .stepNum {
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 23px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background: linear-gradient(180deg, #5966C2 0%, #2D368F 100%);
    padding: 6px;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    position: absolute;
    right: -18.5px;
    top: calc(50% - 18.5px);
}

#using_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer .stepNum {
    background: linear-gradient(180deg, #F472C4 0%, #E53E92 100%);
}

#earning_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer, #using_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer {
    padding-left: 64px;
    position: relative;
    width: calc(100% - 190px);
}

#earning_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer .stepImg, #using_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer .stepImg {
    display: none;
}

#earning_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer p, #using_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer p {
    width: 380px;
    font-size: 22px;
    line-height: 29px;
    font-weight: 300;
}

#earning_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer p .bold, #using_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer p .bold {
    font-weight: 600;
}

#earning_rewards .guideContainer, #using_rewards .guideContainer {
    padding-top: 42px;
}

#earning_rewards .guideContainer p, #using_rewards .guideContainer p {
    font-size: 22px;
    line-height: 29px;
    padding-bottom: 18px;
    font-weight: 400;
}

#earning_rewards video:not(.played)::-webkit-media-controls, #using_rewards video:not(.played)::-webkit-media-controls {
    display: none;
}

div#about_instant_rewards h1{
    font-size: 40px;
    line-height: 64px;
    padding-bottom: 24px;
    font-weight: 300;
}

div#sign_up h1{
    font-size: 40px;
    line-height: 64px;
    padding-bottom: 0;
    font-weight: 300;
}

div#about_vivorewards h1 {
    text-transform: unset;
}

/* div#using_rewards p, div#about_vivorewards p { */
div#about_vivorewards p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 32px;
    font-weight: 300;
}

div#about_vivorewards .aboutVivoRewardsDesc {
    padding-bottom: 12px;
}

div#about_vivorewards .aboutVivoRewardsDesc p {
    font-size: 22px;
    line-height: 29px;
    padding-bottom: 21px;
    font-weight: 400;
}

div#about_vivorewards .aboutVivoRewardsDesc p.color {
    color: #D4038D;
}

/* div#using_rewards p:last-of-type {
    padding-bottom: 0;
} */

div#about_instant_rewards {
    padding-top: 40px;
    padding-bottom: 40px;
}

div#introduction h3, div#using_rewards h3, div#sign_up_vivo_rewards h3 {
    font-size: 22px;
    line-height: 33px;
    padding-bottom: 24px;
    font-weight: 400;
}

.rewardsMemberEnjoyDesc ol {
    list-style: decimal;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 300;
}

.rewardsMemberEnjoyDesc li{
    list-style-position: inside;
    padding: 0;
}

.rewardsMemberEnjoyDesc li::before{
    content: "";
    width: 8px;
    display: inline-block;
}

.rewardsPageTermsCondition> p {
    text-align: center;
    padding-bottom: 0 !important;
    font-style: italic;
    font-family: 'Barlow', sans-serif;
    color: #323232;
    font-size: 16px;
    line-height: 24px;
}

div#introduction .rewardsMemberEnjoyDesc >p, div#about_instant_rewards p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    padding-bottom: 0;
}

div#sign_up_vivo_rewards p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-bottom: 24px;
}

.conditionDesc>p {
    padding-bottom: 40px !important;
}

div#about_vivorewards .blackLine, #getting_started .blackLine {
    padding-bottom: 32px !important;
}

.rewardsPageTermsCondition .blackLine {
    padding: 8px 0 40px 0;
}

/*video.embed-responsive-item {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 91px;
}*/

.rewardsVideoContainer {
    position: relative;
    width: 100%;
    /* height: 0; */
    /* padding-bottom: 64px; */
}

.rewardsVideoContainer video {
    width: 100%;
}

.rewardsVideoContainer .playBtn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.rewardsVideoContainer .playBtn img {
    position: absolute;
    left: calc(50% - 42px);
    top: calc(50% - 42px);
    cursor: pointer;
    width: 84px;
}

div#about_vivorewards iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div#introduction .rewardsMemberEnjoyDesc {
    padding-bottom: 40px;
}

#about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText {
    margin-bottom: 40px;
    padding: 14px 0;
}

#getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText.greyBox {
    padding: 27px 0;
    background-color: #2D368F;
    border-radius: 30px;
}

#getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText.greyBox p {
    color: #fff!important;
}

#about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText>*, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText>* {
    display: inline-block;
    vertical-align: top;
}

#about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .imgContainer, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .imgContainer {
    width: 212px;
    margin-right: 15px;
    text-align: center;
}

#about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .imgContainer img, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .imgContainer img {
    width: 142px;
}

#about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer {
    width: calc(100% - 212px - 15px);
    padding-right: 35px;
    padding-top: 10px;
}

#about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer h4, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer h4 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 600;
    padding-bottom: 8px;
    color: #2D368F;
}

#about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer p, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer p {
    font-size: 22px;
    line-height: 29px;
    font-weight: 300;
    padding-bottom: 9px;
    color: #323232;
}

#about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer p .bold, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer p .bold {
    font-weight: 600;
}

#about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer .caption, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer .caption {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    color: #323232;
    padding-bottom: 0;
}

#about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer ol, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer ol {
    font-size: 22px;
    line-height: 29px;
    font-weight: 300;
    color: #323232;
}

#about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer ul, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer ul {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #323232;
    padding-left: 0;
    list-style-type: none;
}

/* #about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer ul li, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer ul li {
    padding-left: 8px;
} */

#about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer ul li:before, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer ul li:before {
    content: "•";
    padding-right: 16px;
}

#vrpoints p {
    font-size: 22px;
    line-height: 29px;
    font-weight: 300;
    color: #323232;
    padding-bottom: 30px;
}

#vrpoints img {
    display: block;
    margin: 0 auto 40px;
    max-width: 388px;
    width: 100%;
}

#vrpoints .caption p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #323232;
    padding-bottom: 0;
}

/*Earning Rewards*/
div#about .dropdown-menu li a:hover {
    background-color: transparent;
    cursor: pointer;
}

.earningRewardsTabWrapper.tabBtnWrapper {
    padding: 0;
}

.earningRewardsImg {
    width: calc(100% - 6px);
    padding-top: calc(100% - 12px);
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
}

.earningStepsImgWrapper {
    width: 28%;
    display: inline-block;
    vertical-align: middle;
    padding: 31px;
}

.earningRewardDesc h3 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
}

div#sign_up_vivo_rewards .stepsDescWrapper h3 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 0px;
}

p.signUpBtn.tabBtn {
    font-size: 22px;
    line-height: 27px;
    font-weight: 300;
}

div#sign_up_vivo_rewards {
    padding: 40px 0 3px 0;
}

div#using_rewards {
    padding-bottom: 3px;
}

.stepsRegisterContainer {
    margin: 0 -5px;
    padding-bottom: 32px;
}

.stepsRegisterWrapper:hover {
    transition: all 0.25s;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
}

.stepsRegisterContainer .stepsRegisterWrapper:hover .stepsDescWrapper .colorLine{
    background-color: #d4038d;
}

.stepsRegisterWrapper {
    display: inline-block;
    width: calc(33.33% - 10px);
    margin: 0 5px 16px 5px;
    margin-bottom: 16px;
    background-color: #fff;
    vertical-align: top;
    overflow: hidden;
}

.stepsDescWrapper {
    padding: 24px 16px;
    position: absolute;
    top: 0;
}

.stepsImgWrapper {
    background-repeat: no-repeat;
    padding-top: 100%;
    width: 100%;
    transition: all 0.25s;
    position: relative;
    border-bottom: 1px solid #DCDCDC;
}

.stepsImgWrapper .aboutVivoRewardsImg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: calc(100% - 80px);
    max-width: calc(100% - 32px);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.stepsRegisterContainer .stepsDescWrapper p {
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 300 !important;
    padding-bottom: 0 !important;
}

.stepsRegisterDescContainer {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.instantRewardsBankImg {
    height: 28px;
    width: 165px;
    background-size: cover;
    background-position: center;
}

div#sign_up_instant_rewards  h3 {
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 40px;
    padding-top: 16px;
    font-weight: 300;
}

div#sign_up_instant_rewards  p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.instantRewardsBigImg {
    background-size: cover;
    padding-top: calc(100%/4);
    width: 100%;
    background-position: center;
    margin-bottom: 40px;
}

.vivoRewardsKioskWrapper .earningRewardsImg{
    width: 20%;
    padding-top: 70%;
    margin: 0 48px 0 0;
    vertical-align: middle;
}

.vivoRewardsKioskWrapper, div#sign_up_instant_rewards{
    padding: 40px 0;
}

.vivoRewardsExchangeWrapper{
     padding: 40px 0;
     width: 100%;
}

.exchangeContainer {
    width: 50%;
    display: inline-block;
}

p.exchangeTitle{
    font-size: 22px;
    line-height: 27px;
    font-weight: 500;
}

.exchangeColumn {
    padding: 16px 0;
    text-align: center;
    width: 50%;
    display: inline-block;
}

.exchangeContainer {
    width: 100%;
}

p.exchangeAmount, p.exchangeIssued{
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
}

.exchangeRow{
    width: 100%;
    border-bottom: solid 1px #dcdcdc;
}

.exchangeRow:nth-child(16){
    width: 100%;
    border-bottom: 0;
}

div#vivo_rewards .rewardsPageTermsCondition {
    padding-top: 0;
}

.rewardsPageTermsCondition {
    padding-top: 64px;
}

.rewardsPageTermsCondition .rewardsPageTermsCondition .blackLine{
    padding-top: 40px;
}

.rewardsCatWrapper .rewardsPageTermsCondition {
    padding-bottom: 40px;
}

.rewardsCatWrapper .rewardsPageTermsCondition p {
    max-width: 500px;
    margin: auto;
}

div#vivo_rewards .rewardsPageTermsCondition> p, .earningDesc.earningRewardContainer .rewardsPageTermsCondition, div#rewards_exchange .rewardsPageTermsCondition{
    font-size: 16px;
    line-height: 24px;
}

.earningDesc.earningRewardContainer p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.instantRewardsWrapper.earningRewardContainer {
    width: 100%;
    padding-bottom: 40px;
    padding-top: 40px;
}

p.exchangeTitle.exchangeColumn {
    width: 49%;
}

i.fas.fa-angle-right {
    font-size: 24px;
    line-height: 24px;
}

.vivoRewardsKiosk.earningRewardsContainer>h1{
    padding-bottom: 24px;
}

.vivoRewardsKiosk.earningRewardsContainer h3 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 16px;
}

.vivoRewardsKiosk.earningRewardsContainer>p:not(.levelList){
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
    padding-bottom: 24px;
    padding-top: 16px;
}

p.levelList{
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
}

.earningRewardsContainer, .instantRewardsDescWrapper {
    width: calc(72% - 65px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 16px;
}

.instantRewardsWrapper .earningRewardsImgWrapper {
    width: 28%;
    background-size: cover;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    margin: 31px;
}

.earningRewardDesc p{
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.vivoRewardsRow {
    margin-bottom: 17px;
}

div#vivo_rewards .vivoRewardsRow:hover .earningRewardDesc.earningRewardsContainer .colorLine{
    background-color: #d4038d;
}

p.vivoRewardsDesc {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    padding-bottom: 16px;
    padding-top: 23px;
}

.instructionsColumn .earningRewardsImg {
    margin: 0;
    padding-top: 100%;
    width: 100%;
}

.vivoRewardsList ul {
    list-style: disc;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 300;
}

.vivoRewardsList li{
    list-style-position: inside;
    padding: 0;
}

.vivoRewardsList li::before{
    content: "";
    width: 8px;
    display: inline-block;
}

.vivoRewardsList {
    padding-bottom: 40px;
}

.instructionsColumn {
    width: 100%;
    padding-bottom: 16px;
}

.instructionsColumn:last-child{
    padding-bottom: 0;
}

.instructionsColumn h3 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
}

.instructionsColumn p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.instructionsColumn .earningRewardsImg {
    width: calc(100% - 6px);
    padding-top: calc(100% - 12px);
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
}

div#vivo_rewards {
    padding-top: 40px;
}
/*End Earning Rewards*/

/* Rewards Catalogue */
.hiddenContent {
    display: none;
}

.rewardsCatalogueDesc {
    padding-bottom: 40px;
    max-width: 855px;
}

.rewardsCatalogueDesc p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.rewardsCatalogueDesc p:first-child {
    padding-bottom: 28px;
}

.rewardsCatalogueSearchContainer .filterGroup {
    display: flex;
    padding-bottom: 16px;
}

.rewardsCatalogueSearchContainer .searchBar {
    flex-grow: 1;
    color: #B6B6B6;
    font-size: 24px;
    height: 48px;
    padding: 8px 8px 8px 0;
}

.rewardsCatalogueSearchContainer .searchBar #algolia_reward_searchbox {
    /* flex-grow: 1;
    color: #B6B6B6;
    font-size: 24px;
    height: 48px;
    padding: 8px 0; */
    display: inline-block;
    width: calc(100% - 16px);
    vertical-align: top;
}

.rewardsCatalogueSearchContainer .searchBar .cancelSearch {
    /* visibility: visible; */
    display: inline-block;
    vertical-align: top;
    line-height: 32px;
}

.rewardsCatalogueSearchContainer .searchBar input {
    border: none;
    background-color: transparent;
    padding: 0 46px;
    font-size: 20px;
    line-height: 32px;
}

.rewardsCatalogueSearchContainer .searchBar input::placeholder {
    color: #323232;
    font-size: 20px;
    line-height: 32px;
    font-weight: 300;
}

.rewardsCatalogueSearchContainer .searchBar .ais-SearchBox-form {
    font-size: 0;
}

.dropdownRewardsCatalogueType {
    width: 350px;
}

.rewardsCatalogueBtn, .rewardsCatalogueTypeBtn, .rewardsCatalogueSortByBtn {
    text-transform: capitalize;
    width: 100%;
    text-align: left;
    padding: 9px 30px 9px 16px;
    font-size: 16px;
    line-height: 28px;
    background-color: #FAFAFA!important;
    border-radius: 6px;
    border: solid 1px #dcdcdc;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #323232;
}

.selectedSortBy {
    display: -webkit-box;
    max-height: 28px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rewardsCatalogueBtn::after, .rewardsCatalogueTypeBtn::after, .rewardsCatalogueSortByBtn::after, .rewardsCatalogueSidemenuBtn::after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 10px;
    color: #323232;
    right: 12px;
    margin: 0;
    top: 12px;
    position: absolute;
    pointer-events: none;
    -webkit-text-stroke: 0.5px #fff;
}

.rewardsCatalogueTypeDropdownMenu.open, .rewardsCatalogueSortByDropdownMenu.open {
    display: block;
}

.rewardsCatalogueTypeDropdownMenu, .rewardsCatalogueDropdownSidemenu, .rewardsCatalogueSortByDropdownMenu, .rewardsCatalogueDropdownSidemenu {
    margin: 0!important;
    width: 100%!important;
}

.rewardsCatalogueTypeDropdownMenu li, .rewardsCatalogueDropdownSidemenu li, .rewardsCatalogueSortByDropdownMenu li, .rewardsCatalogueDropdownSidemenu li {
    cursor: pointer;
}

.rewardsCatalogueTypeDropdownMenu li a.selectedRewardsCatalogueType, .rewardsCatalogueDropdownSidemenu li.selectedRewardsCatalogueCat a, .rewardsCatalogueSortByDropdownMenu li a.selectedRewardsCatalogueType, .rewardsCatalogueDropdownSidemenu li.selectedRewardsCatalogueCat a {
    color: #D4038D !important;
}

.rewardsCatalogueTypeDropdownMenu li a:hover, .rewardsCatalogueDropdownSidemenu li a:hover, .rewardsCatalogueSortByDropdownMenu li a:hover, .rewardsCatalogueDropdownSidemenu li a:hover {
    background-color: #D4038D;
    color: #fff !important;
}

.rewardsCatalogueContentWrapper {
    position: relative;
    min-height: 300px;
    padding: 40px 0;
}

.rewardsCatalogueSidemenuMobile {
    display: none;
}

.rewardsCatalogueContent {
    vertical-align: top;
    /* margin-left: 290px; */
}

.rewardsCatalogueSidemenu {
    position: absolute;
    width: 290px;
    padding-right: 16px;
}

.rewardsCatContentWrapper {
    font-size: 0;
    display: none;
}

.rewardsCatContentWrapper.active {
    display: block;
}

.ais-Hits-list {
    display: block;
    margin: 0 !important;
}

.rewardsCatContentWrapper .ais-Hits-item {
    margin-top: 0;
    margin-left: 0;
}

.rewardsCatContent:not(.algoliaItem), .ais-Hits-item {
    display: inline-block;
    /* width: calc(33.33% - 11px); */
    width: calc(25% - 12px);
    margin-bottom: 16px;
    cursor: pointer;
    transition: all .25s;
    vertical-align: top;
    margin-right: 16px;
}

.rewardsCatContentWrapper .emptyReward {
    padding-top: 24px;
    text-align: center;
}

.rewardsCatContentWrapper .emptyReward p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    color: #b6b6b6;
    font-family: 'Rubik', sans-serif;
}

.rewardsCatContentWrapper .emptyReward p .changeFilter {
    color: #D4038D;
    cursor: pointer;
}

.rewardsCatContent:not(.algoliaItem):hover, .ais-Hits-item:hover{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
}

/* .rewardsCatContent:not(.algoliaItem):nth-child(3n+2), .ais-Hits-item:nth-child(3n+2) {
    margin: 0 16px;
} */

.rewardsCatContent:not(.algoliaItem):nth-child(4n), .ais-Hits-item:nth-child(4n) {
    margin-right: 0;
}

.rewardsCatContent .rewardImage {
    padding-top: 100%;
    background-position: center;
    background-size: cover;
    background-color: #D8D8D8;
    position: relative;
}

.rewardsCatContent .rewardImage p, .rewardCatalogueDialog .rewardImage p {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #fff;
    padding: 6px 8px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
}

#featured .rewardsCatContent .rewardImage p, .featured-dialog.rewardCatalogueDialog .rewardImage p, #algolia_reward_tags_list.featured .rewardsCatContent .rewardImage p {
    background-color: #00ACD4;
}

#flash-deals .rewardsCatContent .rewardImage p, .flash-deals-dialog.rewardCatalogueDialog .rewardImage p, #algolia_reward_tags_list.flash-deals .rewardsCatContent .rewardImage p {
    background-color: #EC1169;
}

.rewardsCatContent .rewardDetailsDescWrapper {
    padding-top: 100%;
    background-color: #fff;
    position: relative;
}

.rewardsCatContent .rewardDetailsDesc {
    position: absolute;
    top: 0;
    padding: 24px 16px;
}

.rewardsCatContent .rewardShopName {
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    padding-bottom: 8px;
}

.rewardsCatContent .rewardTitle {
    font-size: 16px;
    line-height: 27px;
    padding-bottom: 8px;
    word-break: break-word;
}

.rewardsCatContent .rewardPoints {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    padding-bottom: 16px;
    color: #D4038D;
    font-weight: 500;
}

.rewardsCatContent .rewardOldPoints {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1px;
    padding-bottom: 4px;
    color: #B6B6B6;
    font-weight: 500;
    text-decoration: line-through;
}

.rewardsCatContent .rewardSeparator {
    width: 40px;
    height: 3px;
    background-color: #DCDCDC;
    transition: all 0.25s;
}

.rewardsCatContent:not(.algoliaItem):hover .rewardSeparator, .ais-Hits-item:hover .rewardSeparator {
    background-color: #D4038D;
}

.rewardsCatalogueSidemenu p {
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 18px;
}

.rewardsCatalogueSidemenu ul {
    list-style: none;
    padding: 0;
}

.rewardsCatalogueSidemenu ul li {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
    padding-bottom: 8px;
    transition: all 0.25s;
    cursor: pointer;
}

.rewardsCatalogueSidemenu ul li span {
    padding-right: 11px;
    font-style: normal;
    opacity: 0;
    transition: all 0.25s;
    color: #D4038D;
}

.selectedRewardsCatalogueCat {
    color: #D4038D!important;
}

.selectedRewardsCatalogueCat span {
    opacity: 1!important;
}

.rewardCatalogueDialogWrapper {
    display: table;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.rewardCatalogueDialogWrapper .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    z-index: -1;
}

.rewardCatalogueDialogContainer {
    display: table-cell;
    vertical-align: middle;
}

.rewardCatalogueDialog {
    background-color: #fff;
    max-width: 570px;
    margin: auto;
    height: calc(100vh - 160px);
    overflow-y: auto;
    padding: 40px;
    display: none;
}

.rewardCatalogueDialog .voucherDetails>div {
    border-bottom: solid 1px #E6E6E6;
}

.rewardCatalogueDialog .rewardImage {
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 32px;
    border: solid 1px #E6E6E6;
    position: relative;
}

.rewardCatalogueDialog .rewardShopName {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1px;
    padding-bottom: 8px;
    text-align: center;
    color: #727272;
}

.rewardCatalogueDialog .rewardTitle {
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 8px;
    text-align: center;
}

.rewardCatalogueDialog .rewardOldPoints {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1px;
    padding-bottom: 4px;
    text-align: center;
    color: #B6B6B6;
    text-decoration: line-through;
}

.rewardCatalogueDialog .rewardPoints {
    /* font-family: 'Barlow Condensed', sans-serif; */
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    /* letter-spacing: 1px; */
    padding-bottom: 32px;
    text-align: center;
    color: #D4038D;
}

.rewardCatalogueDialog h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 8px;
}

.rewardCatalogueDialog .expiryContainer {
    padding: 16px 0;
    font-size: 0;
}

.rewardCatalogueDialog .expiryContainer>div {
    display: inline-block;
    width: 50%;
}

.rewardCatalogueDialog .expiryContainer p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.rewardCatalogueDialog .rewardStores {
    padding: 24px 0;
    display: none;
}

.rewardCatalogueDialog .rewardStores .store {
    display: flex;
}

.rewardCatalogueDialog .rewardStores .store span  {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    width: max-content;
}

.rewardCatalogueDialog .rewardStores .store span:first-child  {
    flex-grow: 1;
}

.rewardCatalogueDialog .rewardStores .store span:last-child {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-style: italic;
}

.rewardCatalogueDialog .rewardStores .showMoreStores  {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.75px;
    color: #D4038D;
    cursor: pointer;
    padding-top: 8px;
}

.voucherDetailsTabWrapper {
    padding: 32px 0 16px;
}

.rewardCatalogueDialog .moreDetails {
    padding-bottom: 32px;
}

.rewardCatalogueDialog .downloadApp {
    padding: 32px 16px 0;
    display: flex;
}

.rewardCatalogueDialog .downloadApp img {
    height: 72px;
}

.rewardCatalogueDialog .downloadApp>div {
    flex-grow: 1;
    padding-left: 40px;
}

.rewardCatalogueDialog .downloadApp>div>p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 24px;
    font-weight: 300;
}

.rewardCatalogueDialog .downloadApp>div>p>span {
    font-weight: 500;
}

.rewardCatalogueDialog .downloadApp>div>a {
    display: inline-block;
}

.rewardCatalogueDialog .downloadApp>div>a.IosBtn {
    padding-right: 24px;
}

.rewardCatalogueDialog .downloadApp>div>a>img {
    height: 40px;
}

.closeRewardCatalogueDialogWrapper {
    max-width: 650px;
    text-align: right;
    margin: auto;
    display: block;
    margin-bottom: -39px;
}

.closeRewardCatalogueDialog {
    font-size: 24px;
    color: #fff;
    vertical-align: top;
    cursor: pointer;
}

.voucherDetailsContentWrapper .details, .voucherDetailsContentWrapper .termConditions {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.rewardsCatalogueFilterContainer {
    font-size: 0;
    /* padding-bottom: 40px; */
}

.rewardsCatalogueFilterContainer .rewardsCatalogueCatBtn {
    width: max-content;
}

.rewardsCatalogueFilterContainer .rewardsCatalogueCatSwiperContainer {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 40px;
}

.rewardsCatalogueCatContainer {
    padding-top: 24px;
    padding-bottom: 0;
}

.dropdownRewardsCatalogueType, .dropdownRewardsCatalogueSortBy {
    width: calc(50% - 50px);
}

.rewardsCatalogueTypeBtn, .rewardsCatalogueSortByBtn {
    background-color: #fff!important;
}

.dropdownRewardsCatalogueType {
    margin-right: 100px;
}
/* End Rewards Catalogue */
/* End Vivo Rewards*/

/*Privacy Policy*/
.privacyPolicyPageContent, .termsOfUsePageContent {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding-top: 40px;
    padding-bottom: 54px;
}

.privacyPolicyPageContent>p {
    padding-bottom: 28px;
}

.privacyPolicyPageContent>p>a {
    color: #30a4f2;
}

.termsOfUsePageContent a {
    color: #30a4f2 !important;
}

.termsOfUsePageContent>p{
    padding-bottom: 28px;
}
/*End Privacy Policy*/

/* Search */
.searchModalContent {
    width: 100%;
    max-width: 720px;
    margin: auto;
    position: relative;
}

.searchModalContent input {
    position: relative;
    width: 100%;
    height: 80px;
    border-radius: 6px;
    padding: 24px 26px 24px 72px;
    font-size: 28px;
    color: #323232;
    line-height: 33px;
    border: none;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
    font-weight: 300;
}

.searchHeader {
    width: 100%;
    background: linear-gradient(133.33deg, #9B3CB7 0%, #FF396F 100%);
    padding: 40px 0;
}

.searchHeader h1 {
    font-size: 56px;
    line-height: 64px;
    color: #fff;
    font-weight: 300;
}

.searchHeader .searchBreadcrumb {
    font-size: 16px;
    color: #fff;
    line-height: 19px;
    font-weight: 300;
    position: relative;
    padding-left: 20px;
}

.searchHeader .searchBreadcrumb i {
    padding-right: 10px;
    font-size: 12px;
    position: absolute;
    left: 0;
    padding-top: 15px;
}

.searchContainer {
    padding-top: 40px!important;
    padding-bottom: 64px!important;
}

.searchTopBar {
    position: relative;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 64px;
}

aside#searchbox {
    padding-bottom: 16px;
    width: calc(100% - 360px);
    padding-right: 32px;
    display: inline-block;
}

.searchCatFilterBtn {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding: 9px 16px;
    width: 100%;
    text-align: left;
    background-color: #FAFAFA!important;
}

.searchCatFilter {
    margin-top: -1px;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    padding: 10px 16px;
    cursor: pointer;
}

.searchCatFilter li {
    color: #323232;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding: 5px 0;
}

.searchCatFilter li.selectedCat {
    color: #D4038D;
}

.searchFilterWrapper {
    width: 352px;
    display: inline-block;
}

#searchbox input {
    padding: 8px 42px;
    font-size: 20px;
    line-height: 32px;
    color: #323232;
    font-weight: 300;
    border: none;
    background: transparent;
}

.dropdownSearchCat {
    width: 100%;
}

.ais-SearchBox-reset {
    display: none;
}

#stats {
    padding-bottom: 24px;
}

#stats .ais-Stats-text {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    color: #323232;
    font-family: 'Rubik', sans-serif;
}

.searchedPostContent {
    background-color: #fff;
}

.ais-Hits-item {
    padding: 0;
    border: none;
    box-shadow: none;
}

.searchedPostImg {
    width: 100%;
    padding-top: 100%;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.searchedPostTitle {
    color: #323232!important;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
}

.searchedPostHappeningType, .searchedPostPromotionType, .searchedPostStoreCat, .searchedPostPress {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.searchedPost .readmore {
    position: absolute;
}

.searchedPostPeriod, .searchedPostDesc {
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
}

.searchedPostDesc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.searchedPost {
    width: 100%;
    background-color: #fff;
}

.searchedPostPress, .searchedPostPeriod {
    display: none;
}

.searchedPost[data-post-type="post"] .searchedPostPress, .searchedPost[data-post-type="post"] .searchedPostPeriod {
    display: block;
}

.searchedPost[data-post-type="post"] .searchedPostDesc {
    display: none;
}

.searchedPostDetailsWrapper {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.searchedPostDetailsContainer {
    padding: 24px 16px;
    margin-top: -100%;
    position: absolute;
}

/* EndSearch */

/* Feedback */
#feedback_page {
    background-color: #fff;
}

#feedback_page h2 {
    font-size: 40px;
    line-height: 64px;
    font-weight: 300;
    padding-bottom: 24px;
}

.feedbackContainer {
    padding-top: 32px!important;
    font-size: 0;
}

.feedbackContainer .feedbackDesc {
    padding-bottom: 12px
}

.feedbackContainer .feedbackDesc p {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 28px;
    font-weight: 300;
}

.attachmentField>div>* {
    display: inline-block;
    vertical-align: top;
}

.attachmentField>div>p {
    font-size: 14px;
    line-height: 17px;
    padding: 16px;
    border: 1px solid #C8C8C8;
    border-radius: 6px;
    margin: 0;
    cursor: pointer;
}

.attachmentField>div>.attachmentNameContainer {
    width: calc(100% - 110px - 16px) !important;
    margin-right: 16px;
    padding: 8px 16px;
    border: 1px solid #C8C8C8;
    border-radius: 6px;
    min-height: 51px;
}

.attachmentField>input {
    display: none;
}

.attachmentNameContainer p {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 8px 12px;
    background-color: #E6E6E6;
    border: 1px solid #c8c8c8;
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    position: relative;
    padding-right: 40px;
}

.attachmentNameContainer i {
    /* margin-left: 16px; */
    -webkit-text-stroke: 0.5px #E6E6E6;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: calc(50% - 7px);
}

.feedbackFormSubmitButton {
    width: auto;
    padding: 16px;
    border: none;
    background-color: #d4038d;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    border-radius: 6px;
    cursor: pointer;
}

.flatpickr-calendar {
    font-family: 'Rubik', sans-serif;
}

.flatpickr-calendar .flatpickr-weekdays {
    height: auto;
    padding: 8px 0;
}

.flatpickr-calendar .flatpickr-weekdaycontainer {
    padding: 12px 0;
    border-top: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
}

.flatpickr-calendar .flatpickr-weekday {
    font-weight: 400;
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-calendar .numInput.cur-year {
    font-size: 14px;
    font-weight: 500;
}

.flatpickr-calendar .flatpickr-day, .flatpickr-calendar .flatpickr-time * {
    columns: #323232;
}

.flatpickr-calendar .flatpickr-time input.flatpickr-hour {
    font-weight: 400;
}

#feedbackForm .datetimeVisitField {
    position: relative;
}

.datetimeVisitField i {
    font-size: 18px;
    color: #323232;
    -webkit-text-stroke: 0.2px #fff;
    position: absolute;
    right: 16px;
    top: 46px;
    cursor: pointer;
}
/* End Feedback */

/* responsive */
@media (max-width: 1300px) {
    /* #footer .downlaodWrapper p {
        padding-bottom: 30px;
    } */

    /* #footer .downloadContentWrapper {
        padding-top: 60px;
    } */
}

@media (max-width: 1170px) {
    #top .row .menu a {
        font-size: 12px;
        padding-right: 16px;
    }

    span.selectedGender, #top .row .menu .loginMenuSelection .selectionDropdown li, #top .row .menu .loginMenuSelection .selectionDropdown a,  #top .row .menu .loginBtn p, #top .row .menu .loginMenuSelection button {
        font-size: 12px;
    }

    /* #footer .downloadContentWrapper {
        padding-top: 30px;
    } */

    /* #footer .downlaodWrapper p {
        padding-bottom: 20px;
    } */

    .letterBtn {
        width: 28px;
    }

    .alphabetFilter {
        text-align: center;
    }

    button.promotionPageBtn.btn-primary.dropdown-toggle, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
        width: 200px;
    }

    .memberInfoWrapper.memberInfoWrapper input[type="submit"] {
        width: 35%;
        margin-bottom: 64px;
    }

   /* .promotionPageTypeTabContent a.promotionTitle {
        display: -webkit-box;
        max-width: 100%;
        height: 30px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }*/

    .happeningPostContent, .pressRoomPostContent, .promotionPageTypeTabContent p.promotionDesc {
        display: -webkit-box;
        max-width: 100%;
        height: 56px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 1125px) {
    /* .storeCat.container.contentContainer .searchBar{
        width: 600px;
    } */

    /* .dropdownStoreCat.dropdown {
        width: calc(100% - 610px);
    } */

    #guide_bg ul.dropdown-menu.promotionPageCatSelect{
        width: 200px;
    }

    .wrapper:not(.hidden-dropdown){
        margin-right: 66px;
    }

    .promotionsPage .dropdownPromoPage.dropdown{
        padding-left: 9px;
    }

    #guide_bg ul.dropdown-menu.promotionPageCatSelect {
        margin-left: 10px;
        margin-top: -1px;
        padding: 0;
        min-width: 150px;
        width: calc(100% - 10px);
    }

    button.promotionPageBtn.btn-primary.dropdown-toggle, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
        width: 200px;
    }
}

@media (max-width: 1090px) {
    .storeCat.container.contentContainer .storeMenuContainerRow {
        display: block;
    }

    .storeCat.container.contentContainer .searchBar {
        width: 100%;
        margin-bottom: 16px;
    }

    /* .storeCat.container.contentContainer .filterWrapper>div {
        display: flex;
    } */

    .storeCat.container.contentContainer .storeKcTPType {
        flex-grow: 1;
    }

    .storeCat.container.contentContainer .dropdownStoreCat {
        flex-grow: 2;
    }
}

@media (max-width: 1080px) {
    .promotionsPage div#kids_club_offers .promotionPost, .promotionsPage div#kids_club_birthday_offers .promotionPost, .promotionsPage .touristPrivilegesCatWrapper .promotionPost {
        width: calc(50% - 12px);
        padding-top: calc(100% - 24px);
    }

    .promotionsPage div#store_promotions .promotionPost{
        width: calc(50% - 16px);
        padding-top: calc(100% - 32px);
    }

    .pressRoomPostContent, .promotionPageTypeTabContent .promotionDesc {
        height: 112px;
        -webkit-line-clamp: 4;
    }

    .rewardsCatContent:not(.algoliaItem), .ais-Hits-item {
        width: calc(33.33% - 11px);
    }

    /* .rewardsCatContent:not(.algoliaItem):nth-child(3n+2), .ais-Hits-item:nth-child(3n+2) {
        margin: 0;
    } */

    .rewardsCatContent:not(.algoliaItem):nth-child(4n), .ais-Hits-item:nth-child(4n) {
        margin-right: 16px;
    }

    .rewardsCatContent:not(.algoliaItem):nth-child(3n), .ais-Hits-item:nth-child(3n) {
        margin-right: 0;
    }

    /* .rewardsCatContent:not(.algoliaItem):nth-child(2n+1), .ais-Hits-item:nth-child(2n+1) {
        margin-right: 16px;
    } */
}

@media (max-width: 1024px) {
    .memberInfoWrapper button.dropdown-toggle, #enquiryForm button.dropdown-toggle {
        padding: 10px;
    }

    a.mediaKitLinkWrapper {
        height: 100px;
        width: calc(50% - 12px);
    }

    i.far.fa-file-pdf {
        height: 100%;
        padding: 26px 32px;
    }

    a.mediaKitLinkWrapper:last-child {
        margin-left: 24px;
    }

    .letterBtn {
        width: 19px;
    }

    .searchBar {
        font-size: 24px;
        padding: 8px 0;
    }

    .searchBar .fa-search {
        font-size: 17px;
        top: 16px;
    }

    /*.searchBar input {
        width: 460px;
        font-size: 16px;
        line-height: 24px;
        padding-left: 30px;
    }*/

    /*#guide_bg .dropdown-menu {
        width: 270px;
    }*/

    /* .directorybtn .notAllCatogeries, .rewardsCatalogueBtn .notAllCatogeries { */
    .notAllCatogeries {
        padding: 0 25px 0 12px;
        max-width: calc(100% - 40px);
    }

    /* .directorybtn .notAllCatogeries .cancelCategory, .rewardsCatalogueBtn .notAllCatogeries .cancelRewardsCatalogueType { */
    .notAllCatogeries .cancelCategory, .notAllCatogeries .cancelRewardsCatalogueType, .notAllCatogeries .cancelRewardsCatalogueCat {
        font-size: 10px;
        padding: 0 8px 0 8px;
    }

    /*.dropdown button.directorybtn.btn-default.dropdown-toggle {
        font-size: 12px;
        line-height: 24px;
        width: 270px;
    }*/

    .site-content-contain {
        padding-top: 60px;
    }

    .membershipTabBtn {
        padding: 0 24px 0 0;
    }
}

@media (max-width: 1000px) {
    html #wpadminbar {
        min-width: 300px;
        position: fixed;
    }

    header#top .row {
        height: auto;
    }

    .headerLogo{
        height: 36px !important;
    }

    .menu.desktopShow {
        display: none!important;
    }

    .tabletShow {
        display: block !important;
    }

    div#logoutHeaderButton>p {
        font-size: 14px;
        line-height: 17px;
        font-weight: 400;
        float: right;
        padding-top: 20px;
        margin-right: 24px;
    }

    #top .row  #hamburgerMenuIcon, #top .row .searchIconMobile {
        display: inline!important;
    }

    .hamburgerMenu {
        display: block!important;
    }

    /* #footer img.vivorewardsicon{
        margin-bottom: 5px;
        height: 57px;
    } */

    /* #footer .downlaodWrapper h1 {
        font-size: 40px;
        line-height: 64px;
        padding-bottom: 8px;
    } */

    /* #footer .downlaodWrapper p {
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 24px;
    } */

    /* #footer .downloadBtnWrapper img {
        height: 44px;
    } */

    #footer a {
        font-size: 16px;
        vertical-align: middle;
    }

    #footer i {
        font-size: 40px;
        margin-right: 10px;
    }

    .rewardsCatMenu {
        width: 20%;
    }

    a.rewardsBtn {
        font-size: 16px;
    }

    .rewardsCatMenu ul.dropdown-menu.submenucat{
        font-size: 14px;
    }

    p.earningBtn.tabBtn:last-of-type{
        padding: 0;
    }

    div#sign_up_vivo_rewards .stepsDescWrapper h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .stepsRegisterContainer .stepsDescWrapper p {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .dropdown.loginMenuSelection, .dropdown.loginMenuSelection li.myAccBtn, .dropdown.loginMenuSelection li.editProfileBtn, li#logoutButton, li#logoutButtonSideMenu {
        display: block;
        font-size: 16px;
        color: #323232;
        line-height: 28px;
        padding: 16px 24px;
        text-transform: uppercase;
    }

    .loginBtn{
        display: block;
        font-size: 16px;
        color: #323232;
        line-height: 28px;
        padding: 16px 24px;
        border-top: solid 1px #dcdcdc;
        text-transform: uppercase;
    }

    .dropdown.loginMenuSelection:after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 10px;
        color: #323232;
        position: absolute;
        pointer-events: none;
        -webkit-text-stroke: 0.5px #fff;
        right: 20px;
        margin: 0;
        top: 18px;
    }

    .dropdown.loginMenuSelection.open:after {
        transform: rotate(180deg);
        transition: all 0.25s;
    }

    button.btn.btn-default.dropdown-toggle.selectLoginMenuBtn:after{
        display: none;
    }

    .open>.btn.btn-default.dropdown-toggle.selectLoginMenuBtn:focus, .open>.btn.btn-default.dropdown-toggle.selectLoginMenuBtn:hover, .btn.btn-default.dropdown-toggle.selectLoginMenuBtn:hover, .btn.btn-default.dropdown-toggle.selectLoginMenuBtn:active, .open>.btn.btn-default.dropdown-toggle.selectLoginMenuBtn, .btn.btn-default.dropdown-toggle.selectLoginMenuBtn.active{
        background-color: #fff !important;
        color: #323232;
        white-space: unset;
        box-shadow: none;
    }

    button.btn.btn-default.dropdown-toggle.selectLoginMenuBtn {
        border: none;
        padding: 0;
        width: 100%;
        text-align: left;
        background-color: transparent !important;
    }

    span.selectedGender {
        font-size: 16px;
        color: #323232;
        line-height: 28px;
        font-weight: 400;
    }

    .hamburgerWrapper ul.dropdown-menu.selectionDropdown {
        width: 124%;
        border: none;
        box-shadow: none;
        padding: 0;
        margin: 16px 0 16px -24px;
        border-bottom: 1px solid #dcdcdc;
        position: relative;
    }

    .dropdown.loginMenuSelection li.myAccBtn>a, .dropdown.loginMenuSelection li.editProfileBtn>a {
        border: none;
        padding: 0;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 28px;
        color: #323232;
        font-weight: 400;
    }

    .hamburgerMenu.active .hamburgerWrapper .dropdown-backdrop{
        display: none;
    }

    /* .storeCat.container.contentContainer .searchBar {
        width: 400px;
    } */

    .storeCat.container.contentContainer .searchBar input {
        font-size: 19px;
    }

    /* .dropdownStoreCat.dropdown {
        width: calc(100% - 410px);
    } */

    .smallShoppingGuideContentWrapper .shoppingGuideDesc {
        display: -webkit-box;
        max-width: 100%;
        height: 88px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .promotionsTabContainer .promotionContainer .promotionPost {
        width: calc(50% - 20px);
        margin-bottom: 16px;
        padding-top: calc(100% - 40px);
    }

    div#store_promotions .promotionPageTypeTabContent {
        padding-top: 56px;
        margin: 0 -8px;
    }

    .promotionsPage div#store_promotions .promotionPost {
        width: calc(50% - 16px);
        padding-top: calc(100% - 32px);
    }

    .happeningPostContent, .pressRoomPostContent {
        height: 112px;
        -webkit-line-clamp: 4;
    }

    .happeningPostWrapper {
        width: calc(50% - 16px);
        padding-top: calc(100% - 32px);
    }

    p.happeningPostTitle {
        display: -webkit-box;
        max-width: 100%;
        height: 31px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .promotions .promotionsTabContainer .promotionContainer .promotionDesc {
        display: unset;
        height: unset;
        -webkit-line-clamp: unset;
    }

    .promotionsPage div#store_promotions .promotionPost, .mainTouristPrivilegesContainer .promotionPost {
        width: calc(50% - 16px);
        padding-top: calc(100% - 32px);
    }

    .mainTouristPrivilegesContainer .promotionPageTypeTabContent p.promotionDesc {
        height: 112px;
        -webkit-line-clamp: 4;
    }

    .pressRoomPostContent, .promotionPageTypeTabContent .promotionDesc {
        height: 86px;
        -webkit-line-clamp: 3;
    }
}

@media (max-width: 950px) {
    div#promotions_calendar .wrapper:nth-child(3) {
        width: 240px;
    }

    .dropDownPromoWrapper {
        width: calc(100% - 728px + 180px);
        min-width: 160px;
    }
}

@media (max-width: 900px) {
    div#kids_fashion .promotionDesc {
        height: 56px;
        -webkit-line-clamp: 2;
    }

    /*.promotionsTabContainer .promotionContainer .promotionPeriod, .promotionPageTypeTabContent .promotionDetailsContainer .promotionPeriod {
        width: 136px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }*/

    .touristPrivilegesCatMenuTabContent .promotionDesc {
        height: 86px;
       -webkit-line-clamp: 3;
    }

    .promotionsTabContainer .promotionContainer .promotionTitle{
        display: -webkit-box;
        max-width: 100%;
        height: 22px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #earning_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer p, #using_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer p {
        width: 100%;
    }
}

@media (max-width: 850px) {
    .promotions .promotionsTabContainer .promotionContainer .promotionDesc {
        display: -webkit-box;
        height: 86px;
        -webkit-line-clamp: 3;
    }

    .promotionsPage div#kids_club_offers .promotionPost, .promotionsPage .touristPrivilegesCatWrapper .promotionPost {
        width: 100%;
        padding-top: 200%;
    }

    .promotionsPage .dropdownPromoPage.dropdown{
        padding-left: 9px;
    }

    .promotionsPage div#kids_club_offers .promotionDesc, .touristPrivilegesCatMenuTabContent .promotionDesc {
        height: 140px;
        -webkit-line-clamp: 5;
    }

    .promotionsPage div#kids_club_offers.promotionDesc>h2, div#kids_fashion .promotionDesc h2  {
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .touristPrivilegesCatMenuTabContent .promotionDesc p {
        display: -webkit-box;
        max-width: 100%;
        height: 28px;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
    }

     #guide_bg ul.dropdown-menu.promotionPageCatSelect {
        width: calc(100% - 10px);
    }

    p.aboutUsByCarTabBtn.tabBtn{
        padding: 0 35px 0 0;
    }

    p.aboutUsByCarTabBtn.tabBtn:last-of-type {
        padding: 0;
    }

    /* #footer .downloadBtnWrapper img {
        height: 38px;
    } */

    /* #footer .downlaodWrapper p {
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 24px;
    } */

    /* #footer .downlaodWrapper h1 {
        font-size: 32px;
        line-height: 48px;
        padding-bottom: 0;
    } */

    p.earningBtn.tabBtn{
        padding-right: 18px;
    }

    .participatingStoreWrapper {
        width: 780px;
        height: 360px;
    }

    .participatingStoreWrapper .swiper-container {
        width: 660px;
    }

    .participatingStoreSlide.swiper-slide.swiper-slide-prev{
        width: 660px;
        margin-right: 60px;
    }

    .participatingStoreWrapper .storeWrapper>* {
        vertical-align: middle;
        width: 50%;
    }

    .participatingStoreSlide.swiper-slide.swiper-slide-active{
        width: 660px;
        margin-right: 60px;
    }

    div#sign_up_vivo_rewards .stepsDescWrapper h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .stepsRegisterContainer .stepsDescWrapper p {
        font-size: 12px !important;
        line-height: 19px !important;
    }

    .memberInfoWrapper.memberInfoWrapper input[type="submit"] {
        width: 40%;
    }

    /* .storeCat.container.contentContainer .searchBar {
        width: 350px;
    } */

    .storeCat.container.contentContainer .searchBar input {
        font-size: 16px;
    }

    .dropdownStoreCat.dropdown {
        width: calc(100% - 360px);
    }

    .myAccountContainer .halfContainer:first-child {
        margin-bottom: 64px;
    }

    .myAccountContainer .halfContainer {
        width: 100%;
    }

    .rewardsCatContent:not(.algoliaItem), .ais-Hits-item {
        width: calc(50% - 8px);
    }

    .rewardsCatContent:not(.algoliaItem):nth-child(3n), .ais-Hits-item:nth-child(3n) {
        margin-right: 16px;
    }

    .rewardsCatContent:not(.algoliaItem):nth-child(2n), .ais-Hits-item:nth-child(2n) {
        margin-right: 0;
    }
}

@media (min-width: 769px) {
    .kidMembership {
        display: block!important;
    }

    i.fas.fa-chevron-down.desktopShow.hamburgerMenuIconMobile {
        display: none;
    }

    .loginBtn i.fas.fa-chevron-right.desktopShow{
        display: none;
    }
}

@media (max-width: 768px) {
    i.fas.fa-times.featuredPopupModalCloseIcon, i.fas.fa-times.loginModalCloseIcon, .newsletterModalContainer i.fas.fa-times.newsletterModalCloseIcon {
        width: auto;
        margin-left: 0;
        margin-top: -36px;
        right: 16px;
    }

    /* Search*/
    .searchModalContent i.fas.fa-search {
        padding-left: 24px;
    }

    i.fas.fa-search {
        font-weight: 900;
        font-size: 18px;
        padding-top: 16px;
    }

    .searchModalContent input {
        height: 50px;
        padding: 16px 26px 16px 58px;
        font-size: 16px;
        color: #323232;
        line-height: 19px;
    }

    form.search-form {
        margin: 0 24px;
    }

    .searchHeader h1 {
        font-size: 28px;
        line-height: 33px;
        font-weight: 300;
        text-align: center;
    }

    .searchHeader {
        padding: 60px 0;
    }

    aside#searchbox {
        padding-bottom: 0;
        border-bottom: 1px solid #dcdcdc;
        margin-bottom: 24px;
    }

    .searchContainer {
        padding: 0 24px !important;
        padding-top: 46px!important;
        padding-bottom: 64px!important;
    }

    #searchbox input {
        padding: 8px 42px;
        font-size: 20px;
        line-height: 32px;
        font-weight: 300;
    }

    .ais-SearchBox-submitIcon {
        width: 20px;
        height: 20px;
    }

    .ais-Hits-item, .ais-InfiniteHits-item, .ais-InfiniteResults-item, .ais-Results-item {
        width: calc(50% - 1rem);
    }

    #stats {
        position: unset; 
        top: 0;
        right: 0;
        text-align: center;
    }

    .ais-Stats {
        padding-bottom: 64px;
    }
    /*End Search*/

    main#main {
        position: relative;
        height: 23em;
    }

    .error-404.not-found {
        padding: 0 24px !important;
    }

    .error-404.not-found h1.page-title {
        font-size: 28px;
        line-height: 42px;
        text-align: left;
    }

    .error-404.not-found p.page-title {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
    }

    .backToHomeBtnWrapper {
        text-align: left;
    }

    .headerTitleContainer h1, .singlePostContainer h1, .guidePostWrapper h1, .singleStorePostTitle {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -350%);
        padding-bottom: 0;
        position: relative;
        font-size: 28px;
        line-height: 33px;
        text-align: center;
    }

    .selectedShopDineCatTitle {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -300%);
        padding-bottom: 0;
        position: relative;
        font-size: 28px;
        line-height: 33px;
        text-align: center;
    }

    .headerWrapper.container {
        position: relative;
    }

    .headerImage:after, .singlePostImg:after, .guide_headerImage:after {
        background-color: rgba(0,0,0,0.5);
        height: 100%;
        background-image: unset;
    }

    .site-content-contain {
        padding-top: 60px;
    }

    .desktopShow {
        display: none !important;
    }

    .mobileShow {
        display: block !important;
    }

    .editProfileContainer {
        padding: 0 24px !important;
        margin-top: -16px;
        position: relative;
    }

    .memberInfoWrapper {
        width: 100%;
    }

    .basicInfo {
        margin-right: 0;
    }

    #editProfileForm {
        padding-top: 0;
    }

    .vivoRewardsInfo{
        background-color: #fff;
        padding: 0 16px 16px;
    }

    .basicInfo{
        background-color: #fff;
        padding: 16px 16px 0;
    }

    .container.editProfileContainer h3 {
        font-size: 22px;
        font-weight: 400;
        line-height: 27px;
    }

    .memberInfoWrapper .mobileField .countryCodeSelection {
        width: calc(33% - 35px);
        margin-right: 35px;
    }

    .memberInfoWrapper .mobileField .countryCodeSelection .selectCountryCodeBtn::after {
        display: none;
    }

    .memberInfoWrapper .mobileField input[name="member_mobile_no"] {
        width: calc(100% - 33%);
    }

    p.editProfileText {
        margin: 0 0 24px;
    }

    /*.vivoRewardsInfo {
        margin-top: 40px;
    }*/

    .promotionsContent h1 {
        font-size: 40px;
        line-height: 64px;
        letter-spacing: unset;
        padding-bottom: 8px;
        text-align: center;
    }

    .promotions .promotionsTopBar {
        padding-top: 48px;
    }

    .promotionsTabContainer .promotionContainer .promotionTitle {
        line-height: 27px;
    }

    .promotions .promotionsTabContainer {
        padding-bottom: unset;
        padding-top: unset;
    }

    .promotions .promotionsTabContainer .promotionContainer {
        font-size: 0;
    }

    .promotionsTabContainer .promotionContainer .promotionPost {
        width: calc(50% - 16px);
        padding-top: calc(100% - 32px);
        display: inline-block;
        margin: 0 8px;
        margin-bottom: 15px;
        position: relative;
        transition: .25s all;
        background-color: #fff;
        overflow: hidden;
        height: 0;
    }

    .promotionsTabContainer .promotionContainer .promotionDetailsBox{
         padding: 24px 16px; 
         height: auto; 
         background-color: #fff; 
    }

    .promotionsTabContainer .promotionContainer .promotionContent {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin-top: -200%;
    }

    button.promotionBtn.btn-primary.dropdown-toggle{
        text-transform: capitalize;
        width: 100%;
        text-align: left;
        padding: 10px 0px 10px 16px;
        font-size: 16px;
        line-height: 28px;
        background-color: #fafafa;
        border-radius: 4px;
        border: solid 1px #dcdcdc;
        font-family: 'Rubik', sans-serif;
        font-weight: 300;
        color: #323232;
        cursor: pointer;
    }

     button.rewardsCatDropDownBtn.btn-primary.dropdown-toggle.mobileShow {
        width: 100%;
        text-align: left;
        padding: 10px 0px 10px 16px;
        font-size: 16px;
        line-height: 28px;
        background-color: #fafafa;
        border-radius: 4px;
        border: solid 1px #dcdcdc;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        color: #323232;
        cursor: pointer;
        text-transform: capitalize;
    }

    .open>.rewardsCatDropDownBtn.btn-primary.dropdown-toggle.mobileShow:hover {
        background-color: #fff !important;
    }


    button.kidsClubOfferBtn.btn-primary.dropdown-toggle, button.kidsClubBirthdayOfferBtn.btn-primary.dropdown-toggle{
        width: 100%;
        text-align: left;
        padding: 10px 0px 10px 16px;
        font-size: 14px;
        line-height: 17px;
        background-color: #fafafa;
        border-radius: 4px;
        border: solid 1px #dcdcdc;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        color: #323232;
        cursor: pointer;
        text-transform: uppercase;
    }

    button.touristPrivilegesCatDropDownBtn.btn-primary.dropdown-toggle, .touristPrivilegesCatMenu .open>.dropdown-toggle.btn-primary:hover {
        width: 100%;
        text-align: left;
        padding: 10px 0px 10px 16px;
        font-size: 14px;
        line-height: 17px;
        background-color: #fafafa;
        border-radius: 4px;
        border: solid 1px #dcdcdc;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        color: #323232;
        cursor: pointer;
        text-transform: uppercase;
    }

    button.promotionBtn.btn-primary.dropdown-toggle::after, button.touristPrivilegesCatDropDownBtn.btn-primary.dropdown-toggle:after, button.rewardsCatDropDownBtn.btn-primary.dropdown-toggle.mobileShow:after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 10px;
        color: #323232;
        right: 12px;
        margin: 0;
        top: 12px;
        position: absolute;
        pointer-events: none;
        -webkit-text-stroke: 0.5px #fff;
    }

    .touristPrivilegesCatMenu .dropdown, .dropup, .rewardsCatMenu .dropdown {
        display: block;
    }

    .promotions ul.dropdown-menu.promotionCatSelect {
        margin-top: -1px;
        width: 100%;
        background-color: #fff;
        padding: 0;
    }

    li.selectedPromotion {
        color: #323232;
        padding: 3px 16px;
        font-size: 16px;
        line-height: 28px;
        font-weight: 300;
    }

    li.selectedPromotion:hover {
        background-color: #fff;
    }

    a.touristPrivilegesType {
        font-size: 14px !important;
        line-height: 17px !important;
        text-transform: uppercase;
    }

    div#about a.rewardsBtn {
        font-size: 16px !important;
        line-height: 28px !important;
        text-transform: capitalize;
        padding: 8px 16px !important;
    }

    .promotionsTabContainer {
        padding-bottom: 0px;
    }

    .viewAllStoreBtnWrapper {
        padding-bottom: 56px;
    }

    .kidsClubOfferDropDownBtnWrapper.mobileShow {
        text-align: center;
        padding-bottom: 40px;
    }

    .promotionDropDownBtnWrapper.mobileShow {
        text-align: center;
        padding: 0 8px 40px 8px;
    }

    .promotionDropDownBtnWrapper.mobileShow .dropdown, .dropup {
        position: relative;
        display: block;
    }

    .promotionsContent {
        padding-bottom: 40px!important;
    }

    ul.dropdown-menu.submenucat>li {
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
    }

    li.touristPrivilegesBtn.selectedTouristPrivilegesBtn:before, li.rewardsType.selectedAboutType:before {
        content: unset;
        padding-left: 9px;
    }

    li.touristPrivilegesBtn.selectedTouristPrivilegesBtn.clicked {
        padding-left: 19px;
    }

    ul.dropdown-menu.submenucat>li {
        padding: 10px 0 5px 0;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        font-style: normal;
    }

    li.touristPrivilegesBtn.selectedTouristPrivilegesBtn, li.rewardsType.selectedAboutType {
        padding-left: 19px !important;
        font-size: 14px !important;
        line-height: 17px !important;
    }

    .dropdownSpace {
        height: 10px;
    }  

    li.selectedPromotion.selectedPromotionCat {
        color: #D4038D;
        background-color: unset;
    }

    .tenantLoginBtnWrapper {
        padding-top: 0;
        padding-bottom: 32px;
    }

    /* #footer .downloadContentWrapper {
        padding-top: 34px;
        display: inline-block;
        position: relative;
    } */

    /* #footer .downlaodWrapper h1 {
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 17px;
    } */

    /* #footer .downlaodWrapper p {
        font-size: 16px;
        line-height: 19px;
        padding-bottom: 17px;
    } */

    #footer .downlaodWrapper {
        position: unset; 
        top: unset; 
        width: unset; 
        height: unset; 
    }

    #footer .download {
        background-image: url('https://d3nse58ioth0yc.cloudfront.net/wp/Footer_Mobile.jpg');
    }

    #footer .downlaodWrapper .container {
        padding: 0px 32px !important;
        position: unset;
        height: unset;
    }

    #footer img.handImg {
        padding-right: 26px;
        max-height: 220px;
    }

    #footer .socialMediaIcon {
        width: 100%;
        padding-top: 43px;
        text-align: left;
        padding-left: 0;
    }

    #footer i {
        margin-right: 8px;
        vertical-align: middle;
    }

    .socialMediaIcon>a:first-child {
        padding-right: 24px;
    }

    #footer .socialMedia {
        height: 100%;
    }

    #footer .socialMediaWrapper {
        height: unset;
        width: unset;
        background-image: unset;
        background-repeat: unset;
        background-position: unset;
        padding: 0px 32px!important;
    }

    div#newsletterWrapper {
        width: 100%;
        padding: 40px 0px 57px 0px;
    }

    .newsletterInputField input#email {
        width: 100%;
    }

    .footerRow {
        padding: 24px 8px 0px 8px;
    }

    .footerColumn {
        width: calc(50% - 5px);
        padding-bottom: 24px;
    }

    p.footerColumnContent:last-child {
        padding-bottom: 8px;
    }

    .copyrightRow {
        padding-top: 32px;
        padding-bottom: 0px;
    }

    .copyrightColumn {
        width: 100%;
        padding-bottom: 40px;
    }

    .copyrightColumn.right {
        text-align: unset;
    }

    .headerImage.homepageHeader{
        padding-top: calc(100% / 3);
    }

    .headerImage{
        padding-top: calc(100% / 2.5);
    }

    .what_new {
        padding-top: 32px!important;
    }

    .what_new>div{
        display: block;
    }

    .what_new_desc {
        width: 100%;
        padding: 0 0 32px 0;
        text-align: center;
    }

    .what_new h1 {
        max-width: unset;
        padding-bottom: 8px;
        font-size: 40px;
        line-height: 64px;
    }

    .what_new h2 {
        line-height: 30px;
    }

    .whatsNewWrapperMainMobile {
        position: relative;
        width: unset;
    }

    .whatsNewWrapperMainMobile>div {
        display: unset;
        vertical-align: unset;
        width: 100%;
    }

    .leftWhatsNewWrapperMobile {
        padding-right: 0;
    }

    .rightWhatsNewWrapperMobile {
        padding-left: 0;
    }

    .leftWhatsNewWrapperMobile>a>div {
        margin-bottom: 16px;
    }

    .leftWhatsNewWrapperRowMobile>a:first-child, .rightWhatsNewWrapperRowMobile>a:first-child {
        margin-right: 14px;
    }

    .leftWhatsNewWrapperRowMobile>div {
        margin-bottom: 16px;
    }

    .whatsNewWrapperMainMobile p {
        color: #fff;
        font-size: 17px;
        line-height: 24px;
        position: absolute;
        transform: translateY(-100%);
        padding: 0 0 24px 16px;
        z-index: 1;
    }

    .whatsNewWrapperMainMobile .homePageNewStoreBox {
        position: absolute;
        right: 0;
        font-size: 12px;
        line-height: 14px;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        color: #FFFFFF;
        background-color: #D4038D;
        letter-spacing: 0.64px;
        padding: 5px;
        text-transform: uppercase;
        display: inline-block;
    }

    .what_new .featuredWhatsNewMobileFirst {
        width: 100%;
        padding-top: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-bottom: 16px;
    }

    .what_new .featuredWhatsNewMobileSecond{
        width: 100%;
        padding-top: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-bottom: 44px;
    }

    .featuredWhatsNewMobileFirst::after, .featuredWhatsNewMobileSecond::after,  .whatsNewMobile::after {
        display: block;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 100%);
        height: 50%;
        width: 100%;
        content: '';
        bottom: 0;
        position: absolute;
    }

    .what_new .whatsNewMobile {
        display: inline-block;
        width: calc(50% - 8px);
        padding-top: calc(50% - 8px);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .shoppingGuideWrapper h1 {
        width: 100%;
        display: inline-block;
        margin-right: 0 !important;
        vertical-align: unset;
        text-align: center;
        padding-bottom: 16px;
        font-size: 40px;
        line-height: 64px;
    }

    .homepageShoppingGuide .guideNavBtnWrapper {
        width: 100%;
        text-align: center;
    }

    .homepageShoppingGuide .shoppingGuideWrapper .tabBtn:first-child {
        padding-right: 25px;
        padding-left: 0 !important;
    }

    .homepageShoppingGuide .shoppingGuideWrapper .tabBtn {
        margin: 0;
        padding: 0px;
        border-bottom: unset;
        padding-left: 25px !important;
    }

    .shoppingGuideWrapper .tabBtn {
        padding-bottom: 12px;
    }

    .smallGalleryImg::after, .bigGalleryImg::after, .smallGalleryImgMobile::after, .bigGalleryImgMobile::after {
        display: block;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 100%);
        height: 100%;
        width: 100%;
        content: '';
        bottom: 0;
        position: absolute;
    }

    .shoppingGuideWrapper .tabBtn.active:after {
        content: '';
        display: block;
        width: 0;
    }

    .shoppingGuideWrapper {
        padding-bottom: 12px !important;
        margin-bottom: 0;
    }

    .smallGalleryImgMobile, .smallGalleryImg {
        display: inline-block;
        width: 50%;
        height: calc(100vw / 3);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        vertical-align: top;
    }

    .bigGalleryImgMobile p, .bigGalleryImg p {
        position: relative;
        top: unset;
        transform: none;
        z-index: 1;
        text-align: left;
        font-size: 22px;
        line-height: 24px;
        padding-left: 16px;
        padding-bottom: 20px;
        color: #fff;
        font-weight: 300;
    }

    .bigGalleryImgMobile, .bigGalleryImg {
        padding-top: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: unset;
        position: relative;
    }

    .smallGalleryImgMobile p, .smallGalleryImg p{
        position: relative;
        top: 100%;
        transform: translateY(-100%);
        z-index: 1;
        text-align: left;
        font-size: 22px;
        line-height: 24px;
        padding-left: 16px;
        padding-bottom: 20px;
        color: #fff;
        font-weight: 300;
    }

    div#fbGuideGallery>div {
        width: 100%;
    }

    .shoppingGuide .leftGalleryWrapper, .shoppingGuide .rightGalleryWrapper {
        width: 100%;
    }

    .rightGalleryWrapper {
        height: unset;
    }

    /*Leasing Enquiry Mobile View*/
    .leasingEnquirySwipperImg {
        padding-top: 75%;
    }

    div#event_space .swiper-container {
        height: unset;
    }

    div#retail_space .swiper-container.retail_space_swiper {
        height: unset;
    }

    .mediaPanelImage, .pushCartImage {
        padding-top: 75%;
    }

    .guideNavBtnWrapper p.tabBtn span {
        padding: 0 0 12px 0 !important;
    }

    p.tabLeasingEnquiryBtn, p.tabBtn, p.tabHappeningBtn.tabBtn, p.tabFunLearningBtn, .touristTabBtn.tabBtn.dropdownTabBtn, a.touristTabBtn.tabBtn, p.tabPressRoomBtn, p.promoPageTabBtn {
        display: block;
        border-bottom: solid 1px #dcdcdc;
        height: auto;
        padding: 0 16px 0 16px;
    }

    p.tabLeasingEnquiryBtn:nth-last-child(2), p.tabBtn:nth-last-child(2), p.tabHappeningBtn.tabBtn:nth-last-child(2), p.tabFunLearningBtn:nth-last-child(2), .touristTabBtn.tabBtn.dropdownTabBtn:nth-last-child(2), a.touristTabBtn.tabBtn:nth-last-child(2), p.tabPressRoomBtn:nth-last-child(2), p.promoPageTabBtn:nth-last-child(2) {
        border-bottom: none;
    }

    p.tabLeasingEnquiryBtn span, p.tabBtn span, p.tabFunLearningBtn span, a.touristTabBtn.tabBtn span, .touristTabBtn.tabBtn.dropdownTabBtn span, .tabPressRoomBtn span, .promoPageTabBtn span {
        padding: 18px 0;
        position: relative;
        display: inline-block;
    }

    .tabBtn.active span:after, .selectedHappeningCat span:after, .selectedPressRoomType span:after, .selectedFunLearningType span:after, .selectedLeasingEnquiryType span:after, .selectedTouristInfo .active span:after, .selectedPromotionPageTypeCat span:after, .selectedRewardsType span:after, .selectedSignUpType span:after, .selectedEarningRewardsType span:after, .selectedTouristAboutInfo span:after, .selectedVoucherDetails span:after {
        content: "";
        height: 3px;
        display: block;
        background-color: #D4038D;
        width: 100%;
        left: 0;
        position: absolute;
        bottom: 0;
    }

    .tabBtn.active:after, .selectedTouristAboutInfo:after, .touristTabBtn.tabBtn.dropdownTabBtn:after, .tabBtn.active:not(a):after, .selectedHappeningCat:after, .selectedPressRoomType:after, .selectedFunLearningType:after, .selectedLeasingEnquiryType:after, .selectedPromotionPageTypeCat:after, .selectedTimeSection:after, .selectedRewardsType:after, .selectedEarningRewardsType:after, .selectedSignUpType:after, .selectedVoucherDetails:after {
        content: "";
        height: 3px;
        display: block;
        background-color: #D4038D;
        margin-top: 12px;
        display: none;
    }

    .leasingEnquiryPostsWrapper, .shoppingGuideBtnWrapper, .happeningPostsWrapper.tabBtnWrapper, .funLearningPostsWrapper, .touristTabWrapper.tabBtnWrapper, .pressRoomPostsWrapper, .promotionPageTabBtnWrapper, .rewardsPostsWrapper.tabBtnWrapper, .membershipTabWrapper.tabBtnWrapper {
        background-color: #fff;
        padding-top: 0;
        /* margin: -17px 8px auto 8px; */
        margin: -17px 0 auto 0;
        box-shadow: 0 18px 20px -20px rgba(0,0,0,0.4);
        display: block;
        position: relative;
    }

    .leasingEnquiryPostsWrapper .blackLine, .shoppingGuideBtnWrapper .blackLine, .happeningPostsWrapper.tabBtnWrapper .blackLine, .funLearningPostsWrapper .blackLine, .touristTabWrapper.tabBtnWrapper .blackLine, .pressRoomPostsWrapper .blackLine, .promotionPageTabBtnWrapper .blackLine, .rewardsPostsWrapper.tabBtnWrapper .blackLine, .membershipTabWrapper.tabBtnWrapper .blackLine {
        display: none;
    }

    .aboutUsTabWrapper.tabBtnWrapper.container {
        background-color: #fff;
        padding-top: 0;
        margin: -17px 24px auto 24px;
        box-shadow: 0 18px 20px -20px rgba(0,0,0,0.4);
        display: block;
    }
   
    #about_us_page .tabBtnWrapper {
        padding: 0 !important;
        width: auto;
        position: relative;
        z-index: 1;
    }

    .retailContent, .eventSpaceContent, .mediaPanelsContent, .pushCartContent {
        width: 100%;
        vertical-align: top;
        padding-left: 0;
    }

    div#retail_space, div#event_space, div#media_panels, div#pushcarts {
        padding: 40px 8px 64px 8px;
    }

    .retailSpaceWrapper, .eventSpaceWrapper, .mediaPanelsWrapper, .pushCartWrapper {
        vertical-align: top;
        width: 100%;
        padding-bottom: 40px;
    }

    .headerTitleContainer, .singlePostContainer, .guidePostWrapper {
        padding-bottom: 0px;
    }

    /*Directoy Mobile View*/
    .guideListWrapper, .participatingWrapper, #algolia_store_tags_list .ais-Hits-item {
        padding: 16px 0;
        display: block;
        width: 100%;
        margin: 0;
        margin-bottom: 0;
        background-color: #fff;
        border-bottom: solid 1px #dcdcdc;
        overflow: visible;
    }

    #algolia_store_tags_list .ais-Hits-item {
        border-bottom: none;
        padding: 0;
    }

    .guideListContentWrapper .colorLine, .guideListContent .guideCat, .websiteULWrapper, p.guideContactNum{
        display: none;
    }

    .guideList, .happeningStoreContainer, #algolia_store_tags_list .ais-Hits-list {
        margin: 0;
        padding: 0 8px 32px 8px;
    }

    .guideListThumbnail, .participatingThumbnailWrapper, .storeBtn {
        background-repeat: no-repeat;
        height: 60px;
        width: 60px;
        filter: unset;
        transition: all 0.25s;
        position: relative;
        border-bottom: none;
        display: inline-block;
        vertical-align: top;
        padding-top: 0;
    }

    img.featureImage, img.participatingFeatureImage {
        max-height: unset;
        max-width: 100%;
    }

    .guideListContentWrapper, .participatingContentWrapper {
        position: relative;
        width: calc(100% - 60px);
        padding-top: 0;
        display: inline-block;
        vertical-align: top;
    }

    #algolia_store_tags_list .ais-Hits-item .guideListWrapper .guideListContentWrapper {
        width: calc(100% - 70px);
    }

    .guideListContent .storeName, .participatingContent .participatingStoreName {
        font-size: 22px;
        line-height: 27px;
        font-family: 'Rubik', sans-serif;
        color: #323232;
        font-weight: 400;
        padding-bottom: 10px;
        vertical-align: top;
    }

    .guideListContent .guideLotNum, .participatingContent .participatingLotNum {
        font-size: 16px !important;
        line-height: 24px !important;
        font-style: italic !important;
        font-family: 'Barlow', sans-serif;
    }

    .guideListContent, .participatingContent {
        padding: 0 16px 0 16px;
        position: unset;
        top: 0;
    }

    .guideListWrapper:first-child, .participatingWrapper:first-child, #algolia_store_tags_list .ais-Hits-item:first-child {
        border-top: solid 1px #dcdcdc;
    }

    #algolia_store_tags_list .ais-Hits-item .guideListWrapper:first-child {
        border-top: none;
    }
    /*End Directoy Mobile View*/

    /*Shopping Guide*/
    ul.dropdown-menu.guideFilter {
        border: 1px solid #dcdcdc !important;
        border-radius: 4px !important;
        padding: 0 !important;
    }

    li.selectedShopDine.selectedShopDineStore {
        color: #D4038D;
    }

    .shoppingGuideBtnWrapper {
        padding: 0;
    }

    div#shoppingShoppingGuideGallery, div#diningShoppingGuideGallery {
        padding: 48px 8px 0 8px;
    }

    .bigImgShoppingGuide {
        display: block;
        width: 100%;
    }

    .bigImgShoppingGuide, .halfImgShoppingGuide {
        display: block;
        width: 100%;
        border-radius: 0px 0px 8px 8px;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
    }

    .smallImgShoppingGuide {
        border-radius: 0px 0px 8px 8px;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
    }

    .shoppingGuideImg{
        height: 221px;
    }

    .shoppingGuideContentWrapper,  .smallShoppingGuideContentWrapper, .halfShoppingGuideContentWrapper {
        height: 162px;
        padding: 24px 16px 0 16px;
        margin-bottom: 24px;
        width: 100%;
        box-sizing: border-box;
    }

    .smallShoppingGuideImg{
        display: block;
        width: 100%;
        height: 218px;
    }

    .shoppingGuideContentWrapper a, .halfShoppingGuideContentWrapper a {
        font-size: 22px;
        line-height: 27px;
        font-weight: 400;
    }

    .rightWrapper {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .halfImgShoppingGuide:first-child {
        margin-right: 0;
    }

    .firstRowShoppingGuideWrapper, .secondRowShoppingGuideWrapper, .secondRowShoppingGuideWrapper{
        font-size: 0;
        padding-bottom: 0;
    }

    .halfShoppingGuideImg{
        height: 218px;
    }

    .leftWrapper {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    .halfShoppingGuideDesc, .shoppingGuideDesc {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        max-height: 94px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .shoppingGuideDescBG {
        padding: 32px 16px 40px 16px;
    }

    p.getShoppingGuideDesc.container {
        font-size: 16px;
        line-height: 28px;
        padding-top: 32px !important;
    }

    .headerTitleContainer span.selectedShopDineCat {
        text-transform: capitalize;
        font-size: 28px;
        line-height: 33px;
        text-align: center;
        color: #FFF;
        font-weight: 300;
        font-family: 'Rubik', sans-serif;
        padding-right: 0;
    }

    .dropdownShopDine.btn-group.dropdown span.selectedShopDineCat {
        font-size: 14px;
        line-height: 17px;
    }

    .dropdownShopDine.dropdown button.btn.btn-default.dropdown-toggle {
        text-transform: capitalize;
        width: 100%;
        text-align: left;
        padding: 10px 16px;
        font-size: 16px;
        line-height: 28px;
        background-color: #FAFAFA;
        border-radius: 4px;
        border: solid 1px #dcdcdc;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        color: #323232;
        box-shadow: none;
        cursor: pointer;
    }

    .open>.dropdown-toggle.btn-default:hover{
        background-color: #FFF !important;
    }

    .dropdownShopDine.btn-group.dropdown{
        display: block;
        position: relative;
        display:inline-block;
        width: 100%;
    }

    .dropdownContainer {
        padding: 0 8px;
    }

    .down {
        transform: rotate(45deg);
        border: solid black;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 2px;
        margin-bottom: 3px;
    }

    #guide_bg .dropdown-menu {
        width: 100%;
        margin-left: 0;
    }
    /*End Shopping Guide*/

    /*Happening Page*/
    .tabBtnWrapper {
        padding: 0px;
    }

    div#mall_promotions, div#whats_new, div#atrium_events, div#new_stores {
        margin: 0;
        padding-top: 48px;
        padding-bottom: 78px;
    }

    div#atrium_events .happeningPostWrapper {
        width: calc(50% - 16px);
        padding-top: calc(50% - 16px);
    }

    .happeningPostWrapper {
        width: calc(50% - 16px);
        padding-top: calc(100% - 32px);
    }

    /*p.happeningPostTitle {
        display: unset;
        max-width: 100%;
        height: unset;
        -webkit-line-clamp: unset;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }*/

    .happeningBox {
        margin-top: -200%;
    }

    .singleHappeningPostTitle {
        padding-bottom: 32px;
    }
   /* End Happening Page*/

   /*Single Post */
   .participatingStoreWrapper .swiper-button-prev, .participatingStoreWrapper .swiper-button-next  {
        display: none;
    }

   .singlePostImg{
        padding-top: calc(100% /2);
        background-position: center;
   }

   .singlePostImg.mobileShow:after{
        content: unset;
   }

   .singleHappeningPostWrapper {
        width: 100%;
        margin: 0;
        padding: 32px 17px 71px 17px;
    }

    .singleHappeningPostContentWrapper {
        padding: 0;
        width: 100%;
    }

    /*Mall Promotion Single Post*/
    .singleMallPromotionPostContent {
        padding: 40px 8px 40px 8px;
    }

    h1.postTitle.mobileShow {
        padding-bottom: 40px;
    }

    .singleParticipating.container>h1{
        padding: 32px 0 40px 0;
    }

    p.termConditionWrapper {
        padding: 24px 8px 64px 8px;
    }

    .happeningPdfWrapper {
        box-shadow: none; 
        margin-bottom: 40px;
        max-width: 100%;
    }

    .participatingStoreWrapper .swiper-container {
        width: 327px;
    }

    .participatingStoreSlide.swiper-slide.swiper-slide-active{
        width: 327px;
        margin-right: 24px;
    }

    .participatingStoreWrapper {
        width: 327px;
        height: unset;
        max-height: 90%;
        margin: auto;
        overflow: hidden;
        margin-top: 45px;
    }

    .participatingStoreWrapper .storeImageWrapper {
        padding: 0;
        box-sizing: border-box;
        height: unset;
    }

    .participatingStoreWrapper .storeWrapper>* {
        display: block;
        width: 100%;
        text-align: center;
        border-right: none;
        overflow: auto;
        max-height: 327px;
    }

    .participatingStoreWrapper .storeWrapper .storeDetails {
        padding: 40px 0px;
    }

    .storeDetails .colorLine {
        width: 40px;
        height: 3px;
        margin: 16px auto 16px auto;
        background-color: #c8c8c8;
    }

    .promoDesc {
        padding: 8px 24px;
        text-align: left;
    }

    .participatingStoreWrapper .storeCategories {
        padding: 0 24px 8px 24px;
    }
   /* End Mall Prormotion SIngle Post*/
   /*End Single Post*/

   /*Fun and Leaning*/
    .kidsClubWrapper, .playWrapper, .publicLibraryWrapper{
        padding: 48px 8px 0px 8px;
    }

    .funLearningImageWrapper, .funLearningContentWrapper {
        width: 100%;
        display: block;
    }

    .funLearningLeftImageRow .funLearningContentWrapper, .funLearningRightImageRow .funLearningContentWrapper {
        padding: 0 0 40px 0;
    }

    .funLearningContentWrapper h1 {
        padding-top: 24px;
    }

    .funLearningLeftImageRow {
        width: 100%;
        padding: 0;
    }

    .funLearningRightImageRow {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .infoColumn.address>h1, .infoColumn.openingHours>h1, .infoColumn.contact>h1 {
        font-size: 20px;
        line-height: 32px;
        font-weight: 300;
        padding-bottom: 12px;
    }

    .infoColumn.contact {
        padding-bottom: 71px;
    }

    .infoContainer.container {
        padding: 0 24px !important;
    }

    .infoColumn {
        width: 100%;
        display: block;
        padding: 40px 0 0 0;
    }
   /*End Fun and Learning*/

   /*Tourist Inforrmation*/
    div#getting_to_sentosa {
        padding: 48px 8px 0px 8px;
    }

    div#about_vivocity.touristInfoContainer .rowContent>div:first-child {
        margin-right: 0;
        margin-bottom: 40px;
    }

    .imageCol.wifiImage{
        margin-top: 48px;
    }

    div#services {
        padding-bottom: 64px;
        padding-top: 48px;
    }

    div#services .descCol {
        padding-top: 32px;
    }

    .rowContent>div {
        display: block;
        width: 100%;
    }

    .imageColMapletree, .imageCol {
        padding-top: 100%;
        padding-bottom: 40px;
    }

    .designConcept img {
        display: block;
        padding-right: 0px;
    }

    .designConceptDesc {
        display: block;
        width: 100%;
        padding-top: 40px;
    }

    p.touristAboutBtn.tabBtn {
        display: inline-block;
        border-bottom: unset;
        vertical-align: bottom;
        padding: 0 40px 0 0;
    }

    p.touristAboutBtn.tabBtn:nth-child(2) {
        padding-right: 0;
    }

    p.signUpBtn.tabBtn{
        display: inline-block;
        width: calc(50% - 3px);
        border-bottom: unset;
        vertical-align: bottom;
        padding: 0;
    }

   div#design_section div#park_leisure {
        padding-top: 40px;
    }

    div#design_section div#park_leisure .rowContent:first-child{
        padding-top: 0;
    }

    div#park_leisure .rowContent:nth-child(2), div#international_art_pieces .rowContent:nth-child(even), #about_us_page div#services .rowContent:nth-child(4){
        display: flex;
        flex-direction: column-reverse;
    }

    div#services .rowContent:nth-child(2){
        display: flex;
        flex-direction: column-reverse;
        padding-top: 40px;
    }

    div#design_section div#park_leisure .rowContent .imageCol, div#about_vivocity.touristInfoContainer div#park_leisure .rowContent .imageCol>div:first-child,  div#international_art_pieces .rowContent .imageCol, div#getting_to_sentosa .rowContent .imageCol, div#about_us_page div#about_vivocity .rowContent .imageCol{
        margin-bottom: 40px;
    }

    div#about_vivocity.touristInfoContainer .rowContent .descCol:first-child, .imageCol.singleImage{
        margin-bottom: 0;
    }

    div#about_vivocity.touristInfoContainer div#park_leisure .rowContent, div#about_us_page div#about_vivocity .designConceptDesc {
        padding-bottom: 40px;
    }

    div#about_us_page div#services .rowContent:last-child{
        padding-top: 0;
    }

    div#about_us_page div#services .rowContent:last-child >.descCol .descTitle{
        font-size: 28px;
        line-height: 33px;
    }

    div#about_us_page .descCol .descContent{
        font-size: 16px;
        line-height: 24px;
    }

    div#about_us_page div#services .wifiContent p {
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 16px;
    }

    div#services .rowContent{
        padding-top: 40px;
    }

    div#services .rowContent:first-child{
        padding-top: 0px;
    }

    div#about_vivocity .rowContent.aboutUsPage {
        padding-top: 48px !important;
    }

    div#tourist_page div#about_vivocity.touristInfoContainer{
        padding: 0 8px 24px 8px;
    }

    .touristPrivilegesCatWrapper .dropdown-menu{
        display: none;
        float: left;
        background-color: #fff !important;
        border: 0;
        border-radius: 4px;
        width: 100% !important;
        padding: 10px 16px;
        border: 1px solid rgba(0,0,0,.15);
    }

    .rewardsCatWrapper .dropdown-menu{
        display: none;
        float: left;
        background-color: #fff !important;
        border: 0;
        border-radius: 4px;
        width: 100% !important;
        padding: 0;
        border: 1px solid rgba(0,0,0,.15);
    }

    ul.dropdown-menu.submenucat.open {
        padding: 5px 16px 12px 0px;
        width: 250px !important;
        border: 0;
    }

    ul.dropdown-menu.submenucat{
        width: 250px !important;
        border: 0;
    }

    .open>.dropdown-menu {
        display: block;
    }
   /* End Tourist Inforrmation*/

   /* About Us*/
   div#about_us_page div#about_vivocity .rowContent:nth-child(2){
        padding-bottom: 0;
   }

   #about_us_page .vcMap {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    div#getting_here>div, div#services>div {
        padding: 0 8px;
    }

    .parkingRateMobileWrapper.mobileShow, .seasonParkingWrapper {
        margin: 0 8px;
    }

    #about_us_page .mallDetails:not(:last-child):after{
        display: none;
    }

    #about_us_page .mallDetails {
        display: block;
        width: 100%;
        padding-bottom: 24px;
    }

    div#about_vivocity .container {
        padding: 0 24px !important;
    }

    div#enquiry {
        padding: 48px 24px 64px 24px !important;
    }

    #about_us_page .mallDetailsTitle {
        padding-bottom: 16px;
    }

    div#join_us {
        padding: 48px 24px 70px 24px !important;
    }

    #about_us_page .designConceptDesc>p:last-child {
        padding-bottom: 0;
    }

    #about_us_page .mallDetailsWrapper {
        position: absolute;
        margin-top: -30px;
    }

    #about_us_page div#services .rowContent:last-child{
        padding-bottom: 64px;
    }

    #about_us_page div#about_vivocity .rowContent:first-child {
        margin-top: 539px;
    }

    #enquiryForm .genderSelection {
        width: 100%;
    }

    #about_us_page div#getting_here .transportDesc, #about_us_page div#getting_here .seasonParkingWrapper, .parkingRateMobileWrapper.mobileShow , .parkingRateMobileWrapper.mobileShow .transportDesc {
        padding: 16px 16px 24px 16px;
        margin-bottom: 40px;
        background-color: #fff;
        position: relative;
    }

    #about_us_page div#getting_here .transportationWrapper .transportDesc .blackLine {
        margin-left: -17px;
        margin-right: -17px;
    }

    #about_us_page h2 {
        font-size: 22px;
        line-height: 27px;
        font-weight: 400;
        padding-bottom: 20px;
    }

    #about_us_page .seasonParkingContainer h3 {
        font-size: 20px;
        line-height: 32px;
        font-weight: 300;
        padding-bottom: 4px;
    }

    #enquiryForm .enquiryTypeSelection {
        width: 100%;
    }

    .memberInfoWrapper .twoColField, #enquiryForm .twoColField, #feedbackForm .twoColField {
        display: inline-block;
        width: 100%;
    }

    #feedbackForm .attachmentField .attachmentNameContainer, #feedbackForm .attachmentField .chooseFileBtn {
        width: 100% !important;
        margin-right: 0;
        vertical-align: top;
    }

    #feedbackForm .attachmentField .attachmentNameContainer {
        margin-bottom: 16px;
    }

    #feedbackForm .attachmentField .chooseFileBtn {
        text-align: center;
    }

    #enquiryForm .formSingleField.checkboxField, #feedbackForm .formSingleField.checkboxField {
        width: 100%;
    }

    #enquiryForm .twoColField.leftField, #feedbackForm .twoColField.leftField {
        padding-right: 0;
    }

    #enquiryForm .postCodeField, #feedbackForm .postCodeField, #feedbackForm .datetimeVisitField {
        max-width: unset;
    }

    #enquiryForm .twoColField.rightField, #feedbackForm .twoColField.rightField {
        padding-left: 0;
    }

    .enquirySwitchPosition {
        display: flex;
        flex-direction: column-reverse;
    }

    #enquiryForm .selectionDropdown li:hover {
        background-color: unset;
    }
     /* End About Us*/

     /*Getting Here*/
    .aboutUsByCarTabDropDownBtnWrapper.mobileShow, .parkingRateDropDownBtnWrapper.mobileShow {
        padding-bottom: 16px;
    }

    .dropDownaboutUsByCarTabCat.dropdown, .dropDownParkingRateCat.dropdown {
        position: relative;
        display: block;
    }

    button.aboutUsByCarBtn.btn-primary.dropdown-toggle, div#getting_here .open>.dropdown-toggle.btn-primary:hover, button.parkingRateBtn.btn-primary.dropdown-toggle {
        text-transform: capitalize;
        width: 100%;
        text-align: left;
        padding: 16px 0;
        font-size: 16px;
        line-height: 28px;
        font-weight: 300;
        background-color: transparent;
        border-radius: 0;
        border: 0;
        font-family: 'Rubik', sans-serif;
        color: #323232;
        cursor: pointer;
        border-bottom: solid 1px #dcdcdc;
    }

    button.aboutUsByCarBtn.btn-primary.dropdown-toggle:after, button.parkingRateBtn.btn-primary.dropdown-toggle:after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 10px;
        color: #323232;
        right: 12px;
        margin: 0;
        top: 17px;
        position: absolute;
        pointer-events: none;
        -webkit-text-stroke: 0.5px #fff;
    }

    ul.dropdown-menu.aboutUsByCaratSelect{
        margin-top: 0px;
        width: 100%;
        background-color: #fff;
        padding-bottom: 10px;
        border-radius: 0;
        border: 0;
        box-shadow: unset;
    }

    ul.dropdown-menu.parkingRateCatSelect {
        margin-top: 0px;
        width: 100%;
        background-color: #fff;
        padding-bottom: 10px;
        border-radius: 0;
        border: 0;
        box-shadow: unset;
    }

    li.aboutUsByCarDropdownBtn.selectedAboutUsByCarInfo.active, li.selectedParkingRate.selectedMobileParkingInfo{
        color: #D4038D;
    }

    li.aboutUsByCarDropdownBtn, li.selectedParkingRate {
        color: #323232;
        padding: 10px 16px 5px 0px;
        font-size: 16px;
        line-height: 28px;
        font-weight: 300;
    }

    .dropDownShadow {
        position: absolute;
        top: 65px;
        left: 0;
        width: 100%;
        height: 249px;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
        z-index: 0;
        margin-top: 1px;
        display: none;
        background-color: #fff;
    }

    .dropDownShadowParking {
        position: absolute;
        top: 63px;
        margin-left: -7px;
        width: 102.5%;
        left: 0;
        margin-top: 1px;
        height: 163px;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15);
        z-index: 0;
        display: none;
        background-color: #fff;
    }

    .dropDownShadowDirectory {
        position: absolute;
        top: -700px;
        left: -53px;
        width: 200%;
        height: 10000px;
        background-color: rgba(0,0,0,0.5);
        z-index: 1;
        display: none;
    }

    .dropDownShadowALphabetFilter {
        position: absolute;
        top: -700px;
        left: -53px;
        width: 200%;
        height: 10000px;
        background-color: rgba(0,0,0,0.5);
        z-index: 1;
        display: none;
    }

    #about_us_page .transportDesc.twoCol {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding-bottom: 0;
    }

    #about_us_page .transportationWrapper {
        padding-bottom: 0;
    }

    div#getting_here .seasonParkingWrapper .blackLine.mobileShow {
        padding-bottom: 24px;
        margin: 0 -17px;
    }

    #about_us_page .parkingRateMobileWrapper.mobileShow .transportDesc .blackLine {
        margin: 0 -24px;
    }

    .timeContainer h1, .motorCycleTimeContainer h1 {
        font-size: 20px;
        line-height: 32px;
        font-weight: 300;
    }

    .mon-FriDesc, .weekendDesc, .motorCycleTimeContainer .mon-FriDesc, .motorCycleTimeContainer .weekendDesc {
        font-size: 16px;
        line-height: 28px;
        font-weight: 300;
        padding-bottom: 39px;
    }

    .timeTabBtn {
        position: relative;
        display: inline-block;
        width: 33.33%;
    }

    p.timeShow {
        font-size: 16px;
        line-height: 28px;
        font-weight: 300;
        padding-right: 12px;
        padding-left: 13px;
    }

    .motorCycleTimeContainer {
        padding-top: 24px;
    }

    div#mobile_motorcar .timeTabBtn:first-child >p{
        padding-left: 0;
        padding-right: 28px;
        margin-bottom: 15px;
    }

    div#mobile_motorcycle .timeTabBtn:first-child >p {
        width: calc(100% + 5px);
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 15px;
    }

    .timeTabBtnWrapper {
        height: 56px;
    }

    .timeTabBtn:first-child span{
        padding: 0 0 3px 0;
        position: relative;
        display: inline-block;
    }

    .timeTabBtn span{
        padding: 0 0 18px 0;
        position: relative;
        display: inline-block;
    }

    .timeTabBtn.selectedTimeSection::after, div#mobile_motorcycle div#defaultTimeOpen::after{
        content: "";
        height: 3px;
        display: block;
        background-color: #D4038D;
        width: 100%;
        left: 0;
        position: absolute;
        bottom: 0;
    }

    .open>.parkingRateBtn.btn-primary.dropdown-toggle:focus, .open>.parkingRateBtn.btn-primary.dropdown-toggle:hover, .open>.aboutUsByCarBtn.btn-primary.dropdown-toggle:focus, .open>.aboutUsByCarBtn.btn-primary.dropdown-toggle:hover  {
        background-color: #fff;
        color: #323232;
        border-bottom: 1px solid #dcdcdc;
    }


    #about_us_page .transportTitle img {
        height: 32px;
    }

    div#mobile_motorcar .timeTabBtn.selectedTimeSection>p, div#mobile_motorcycle .timeTabBtn.selectedTimeSection>p, div#mobile_motorcycle div#defaultTimeOpen>p{
        color: #D4038D;
    }

    img.gettingHereImg {
        margin-bottom: 16px;
    }

    #about_us_page .parkingTypeInfoMobileContainer .timeTabBtnWrapper .blackLine {
        padding-bottom: 0;
        margin: 0 !important;
    }

    .timeContainer {
        padding-top: 40px;
    }

    .timeTabBtn:not(:nth-child(3)):before {
        content: "";
        position: absolute;
        height: 30px;
        width: 1px;
        background-color: #c8c8c8;
        right: 0px;
        top: 8px;
    }

    div#mobile_motorcycle .timeTabBtn:not(:nth-child(3)):before{
        display: none;
    }

    p.timeShow:not(:first-child) {
        padding-left: 13px;
    }
     /*End Getting Here*/

     /*Single Store*/
    .singleStorePostTitle {
        font-size: 28px;
        line-height: 30px;
        text-align: center;
    }

    .singleStorePostRoundImage.mobileShow {
        height: 88px;
        width: 88px;
        margin: -44px auto;
        background-size: contain;
        background-color: #fff;
        display: block;
        background-repeat: no-repeat;
        background-position: center center;
        -moz-border-radius: 99em;
        border-radius: 99em;
        border: 3px solid #fff;
        background-position: center;
    }

    .singleStorePostHeaderContentWrapper {
        display: block;
        padding-left: 0;
        width: 100%;
    }

    .singlePostCategoriesWrapperMobile.mobileShow {
        padding-top: 68px;
        text-align: center;
    }

    .singleStorePostCategoriesMobile, p.singleStoreLotNumMobile {
        display: inline-block;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        font-size: 22px;
        line-height: 27px;
        color: #323232;
    }

    .singlePostCategoriesWrapperMobile.mobileShow .vl {
        color: #323232;
        border-left: 2px solid #323232;
        height: 23px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 4px 5px;
        margin-bottom: 4px;
        margin-left: 6px;
        margin-right: 6px;
    }

    .singleStorePostContent p{
        padding: 24px 0 40px 0;
    }

    .singleStorePostContactInfoWrapper {
        background-color: #fff;
        text-align: center;
        width: 100%;
        margin: auto;
        border: 1px solid #DCDCDC;
        padding: 16px 20px;
    }

    a.singleStorePostContact {
        text-align: left;
        display: block;
        padding-bottom: 8px;
    }

    a.singleStorePostURL{
        text-align: left;
        display: block;
    }

    .singlePostStorePromotionWrapper h1{
            padding-top: 40px;
    }

    .singleDirectory.container {
        padding: 0 24px !important;
    }

    .promotionImageWrapper {
        width: 100%;
        display: block;
    }

    .promotionDate {
        padding-bottom: 0;
    }

    .map-container {         
        padding-top: 64px;
    }

    .map-container iframe{
        height: 600px;
    }

    .promotionContentWrapper {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-top: 18px;
    }

    .promotionOffersContainer {
        width: 100%;
        padding-bottom: 56px;
    }
    /*End Single Store*/

    /*Press Room*/
    ul.dropdown-menu.yearSelect{
        padding: 11px 0 6px 0 !important;
    }

    .pressReleaseYear,   .pressRoomTabContent {
        width: 100%;
        display: block;
        margin: 0;
    }

    .pressRoomPostImage {
        width: 60px;
        height: 60px;
    }

    .pressRoomPostContentWrapper {
        width: calc(100% - 60px);
        display: inline-block;
        vertical-align: top;
        padding-left: 16px;
        padding-top: 0;
    }

    .pressRoomPostImage {
        width: 60px;
        display: inline-block;
        height: 60px;
        padding-top: 0;
    }

    .pressReleaseBox {
        padding: 0 8px;
    }

    a.mediaKitLinkWrapper {
        width: 100%;
        display: block;
        margin-left: 0!important;
        margin-bottom: 40px;
        box-shadow: none;
        height: auto;
    }

    a.mediaKitLinkWrapper:hover {
        box-shadow: unset; 
    }

    i.far.fa-file-pdf {
        padding: 0;
        height: auto;
        border-right: none;
    }

    p.singlePDF {
        line-height: 30px;
    }

    .pdfDesc {
        max-width: calc(100% - 50px);
    }

    div#media_kit {
        padding: 40px 0;
    }

    .mediaKitWrapper {
        padding: 0 8px;
    }

    h1.mediaKitTitle.mobileShow {
        padding-bottom: 16px;
        font-size: 40px;
        line-height: 64px;
    }

    button.touristPrivilegesBtn.btn-primary.dropdown-toggle.mobileShow {
        text-transform: capitalize;
        width: 327px;
        text-align: left;
        padding: 10px 0px 10px 16px;
        font-size: 14px !important;
        line-height: 17px !important;
        background-color: #FAFAFA;
        border-radius: 4px;
        border: solid 1px #dcdcdc;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        color: #323232;
        cursor: pointer;
    }

    button.pressReleaseYearBtn.btn-primary.dropdown-toggle{
        text-transform: capitalize;
        width: 100%;
        text-align: left;
        padding: 10px 0px 10px 16px;
        font-size: 14px !important;
        line-height: 17px !important;
        background-color: #fafafa;
        border-radius: 4px;
        border: solid 1px #dcdcdc;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        color: #323232;
        cursor: pointer;
    }

    .open>.pressReleaseYearBtn.btn-primary.dropdown-toggle:hover{
        background-color: #fff;
        color: #323232;
        border: solid 1px #dcdcdc;
    }

    .dropDownPressReleaseYear.dropdown {
        position: relative;
        display: block;
    }

    ul.dropdown-menu.yearSelect {
        background-color: #fff !important;
        border: solid 1px #dcdcdc !important;
        border-radius: 4px !important;
    }

    p.pressRoomPostDate {
        padding-bottom: 16px;
    }

    button.promotionPageBtn.btn-primary.dropdown-toggle, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
        width: 100%;
    }

    button.pressReleaseYearBtn.btn-primary.dropdown-toggle:after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 10px;
        color: #323232;
        right: 12px;
        margin: 0;
        top: 12px;
        position: absolute;
        pointer-events: none;
        -webkit-text-stroke: 0.5px #fff;
    }

    .selectedPressReleaseYearCat {
        color: #D4038D;
        font-size: 14px;
        line-height: 17px;
    }

    li.yearBtnMobile {
        padding: 5px 0 10px 16px;
        font-size: 14px;
        line-height: 17px;
    }

    .promotionsPage ul.dropdown-menu.promotionCatSelect {
        padding: 5px 0 0 0;
        margin-top: -1px;
        width: 352px;
        background-color: #fafafa;
    }

    .pressReleaseYearMobileDropdown.mobileShow{
        text-align: center;
        padding-bottom: 40px;
    }
    /*End Press Room*/

    /*Promotion Page*/
    option.month-cell.cell.selected {
        color: #FFF !important;
    }

    .range-calendar .months .cell.selected, #promotions_calendar .monthDropdown .months option:hover{
        color: #D4038D !important;
        background-color: #fff !important;
    }

    li.selectedPromotionPageSubCat.selectedPromotionDropdownBtn {
        background-color: #D4038D;
        color: #FFF;
    }

    .promotionsPageTopBar .blackLine.mobileShow {
        margin: 0 -200px 0 -200px;
    }

    #promotions_calendar span.nextcall {
        left: calc(50% + 210px) !important;
        z-index: 1;
        margin-top: 26px;
        right: unset;
        margin-top: 20px;
    }

    #promotions_calendar span.previous{
        right: calc(50% + 210px) !important;
        z-index: 1;
        margin-top: 26px;
    }

    .promotionsPageTopBar>* {
        display: unset;
    }

    div#promotions_calendar:not(.hidden-dropdown) {
        display: block!important;
    }

    .wrapper:not(.hidden-dropdown) {
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 40px;
    }

    .dropDownPromoWrapper {
        width: 100%;
        display: block;
        padding: 40px 0;
    }

    span.selectedPromotionPageCat {
        text-align: left;
        font-weight: 400;
    }

    div#promotions_calendar .wrapper:nth-child(3) {
        width: 420px;
    }

    #promotions_calendar .monthDropdown button {
        padding: 10px 0 10px 16px;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        width: 100%;
        text-align: left;
        font-weight: 400;
    }

    .promotionsPageTopBar .dropdown, .dropup {
        position: relative;
        display: block;
    }

    button.promotionPageBtn.btn-primary.dropdown-toggle {
        font-size: 14px !important;
        line-height: 17px !important;
        background-color: #fff;
    }

    .open>button.promotionBtn.btn-primary.dropdown-toggle:hover {
        background-color: #fff;
        color: #323232;
        border: 1px solid #dcdcdc;
    }

    .open>.dropdown-toggle.btn-primary:hover{
        background-color: #fff;
    }

    .kidsClubOfferDropDownBtnWrapper.mobileShow .open>.dropdown-toggle.btn-primary:hover , .kidsClubBirthdayOfferDropDownBtnWrapper.mobileShow .open>.dropdown-toggle.btn-primary:hover{ 
        background-color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        width: 100%;
        border: 1px solid #dcdcdc;
        color: #323232;
    }

    .dropDownPromoWrapper .open>.promotionPageBtn.btn-primary.dropdown-toggle:hover{
        background-color: #fff;
    }

    .dropDownPromoWrapper button.promotionPageBtn.btn-primary.dropdown-toggle{
        background-color: #fafafa;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        width: 100%;
        font-weight: 400 !important;
    }

    div#store_promotions .promotionPageTypeTabContent {
        padding-top: 0; 
    }

    button.promotionPageBtn.btn-primary.dropdown-toggle {
        background-color: #fafafa;
    }

    #guide_bg ul.dropdown-menu.promotionPageCatSelect {
        background-color: #fff !important;
    }

    #guide_bg ul.dropdown-menu.promotionPageCatSelect{
        margin-left: 0px;
        margin-top: -1px;
        padding: 0;
        width: 100%;
        background-color: #fafafa;
        text-transform: uppercase;
        border-radius: 4px;
        border: 1px solid rgba(0,0,0,.15);
    }

     ul.dropdown-menu.kidsClubOfferCatSelect, ul.dropdown-menu.kidsClubBirthdayOfferCatSelect {
        margin-left: 0px;
        margin-top: 0;
        padding: 5px 0 5px 0;
        width: 100%;
        background-color: #fff !important;
        text-transform: uppercase;
        border-radius: 4px;
        border: 1px solid rgba(0,0,0,.15);
    }

    li.selectedPromotionPageSubCat.selectedPromotionDropdownBtn, li.selectedPromotionPageSubCat:hover {
        background-color: unset !important;
        color: #D4038D !important;
        font-weight: 400;
    }

    li.selectedPromotionPageSubCat{
        padding: 10px 16px 5px 16px;
        font-size: 14px;
        line-height: 17px;
        font-weight: 400;
    }

    li.selectedPromotionPageSubCat:last-child{
        padding-bottom: 10px;
    }

    button.monthBtn.btn-default.dropdown-toggle:after, button.promotionPageBtn.btn-primary.dropdown-toggle:after, button.kidsClubOfferBtn.btn-primary.dropdown-toggle:after, button.touristPrivilegesBtn.btn-primary.dropdown-toggle.mobileShow:after, button.btn.btn-default.dropdown-toggle:after, button.kidsClubBirthdayOfferBtn.btn-primary.dropdown-toggle:after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 10px;
        color: #323232;
        right: 12px;
        margin: 0;
        top: 10px;
        position: absolute;
        pointer-events: none;
        -webkit-text-stroke: 0.5px #fff;
    }

    button.btn.btn-default.dropdown-toggle.selectDateBtn:after {
        content: none;
        font-family: "FontAwesome";
        font-size: 10px;
        color: #323232;
        right: 12px;
        margin: 0;
        top: 10px;
        position: absolute;
        pointer-events: none;
        -webkit-text-stroke: 0.5px #fff;
    }

    .dropdownPromoPage.dropdown, .promotionsPage .dropdownPromoPage.dropdown {
        padding-left: 0;
        padding-bottom: 0;
        display: block;
    }

    /*Kids Club Offers*/
    .kidsClubOfferDropDownBtnWrapper.mobileShow, .kidsClubBirthdayOfferDropDownBtnWrapper.mobileShow {
        padding: 40px 0;
    }

    div#kids_club_offers .dropdown, .dropup, div#kids_club_birthday_offers .dropdown, .dropup{
        position: relative;
        display: block;
    }

    .promotionsPage div#kids_club_offers, .promotionsPage div#kids_club_birthday_offers{
        padding: 0 8px;
    }

    p.kidsClubOfferDesc{
        padding: 0 0 40px 0;
    }

    div#kids_club_offers .promotionPageTermsCondition p {
        padding-bottom: 40px;
    }

    li.selectedkidsClubOffer, li.selectedkidsClubBirthdayOffer {
        color: #323232;
        padding: 10px 16px 5px 16px;
        font-size: 14px;
        line-height: 17px;
    }

    li.selectedkidsClubOffer:nth-child(3), li.selectedkidsClubBirthdayOffer:nth-child(3) {
        padding-bottom: 10px;
    }

    .promotionsPage div#kids_club_offers .promotionPageTypeTabContent, .promotionsPage div#kids_club_birthday_offers .promotionPageTypeTabContent{
        width: 100%;
        padding-bottom: 64px;
        margin: 0;
    }

    .happeningPostContent, .pressRoomPostContent, .promotionPageTypeTabContent .promotionDesc, .promotionsPage div#kids_club_offers .promotionDesc {
        height: 84px;
        -webkit-line-clamp: 3;
    }

    .promotionsPage div#kids_club_offers .promotionPost, .promotionsPage .touristPrivilegesCatWrapper .promotionPost{
        width: calc(50% - 12px);
        padding-top: calc(100% - 24px);
    }

    .promotionsPage div#store_promotions .promotionPost{
        width: calc(50% - 16px);
        padding-top: calc(100% - 32px);
    }

    a.touristPrivilegesType.selectedTouristPrivilegesParentBtn{
        font-size: 14px;
        line-height: 17px;
    }

    .touristPrivilegesDescWrapper {
        padding: 40px 8px 0 8px;
    }

    .mainTouristPrivilegesContainer .blackLine {
        margin: 28px 8px 40px 8px;
    }

    .touristPrivilegesCatMenu {
        width: 100%;
        display: block;
        min-height: 0;
    }

    .dropdown.touristPrivilegesDropdown {
        position: relative;
        display: inline-block;
    }

    ul.dropdown-menu.touristPrivilegesDropdownMenu{
        display: unset;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        background-clip: padding-box;
        width: 327px !important;
        padding: 16px;
    }

    .touristPrivilegesCatWrapper .touristPrivilegesCatMenuTabContent{
        padding-top: 40px;
        width: 100%;
        margin-left: 0;
    }

    .touristPrivilegesCatWrapper{
        padding: 0 8px 64px 8px;
    }

    #promotions_calendar .monthDropdown .months{
        font-size: 14px;
        width: 100%;
        line-height: 17px;
        z-index: 100000;
        border-radius: 4px;
        border: 1px solid rgba(0,0,0,.15);
    }

    #promotions_calendar .monthDropdown .months option {
        line-height: 17px;
        text-transform: uppercase;
        padding: 10px 16px 5px 16px;
        font-weight: 400;
    }

    #promotions_calendar .monthDropdown .months option:last-child {
        padding-bottom: 10px;
    }

    .promotionsPage div#store_promotions {
        padding-top: 8px;
    }

    li.selectedkidsClubOffer.selectedtabKidsClubBtn, li.selectedkidsClubBirthdayOffer.selectedtabKidsClubBirthdayBtn {
        color: #d4038d;
    }
    /*Endd Promotion Page*/

    .loginModalContainer, .newsletterModalContainer {
        padding: 16px;
    }

    .downloadBtnWrapperLoginModal a.AndroidBtn img {
        margin-left: 0; 
    }

    .loginModal, .newsletterModal {
        width: 100%;
        max-width: 400px;
    }

    .loginModalContent {
        padding: 24px 32px 32px;
    }

    .downloadBtnWrapperLoginModal a.IosBtn img{
        margin-bottom: 16px;
    }

    /*Vivo Rewards 768*/
    ul.dropdown-menu.submenucat.touristPrivilegesSub>li:not(.selectedTouristPrivilegesBtn){
        padding-left: 40px !important;
    }

    ul.dropdown-menu.submenucat.touristPrivilegesSub.open {
        padding-bottom: 15px !important;
        padding-top: 5px !important;
    }

    ul.dropdown-menu.touristPrivilegesMenu {
        padding: 10px 16px !important;
    }

    ul.dropdown-menu.touristPrivilegesMenu ul.dropdown-menu.submenucat>li:not(.selectedTouristPrivilegesBtn) {
        padding-left: 0 !important;
        padding-left: 19px !important;
        font-size: 14px;
        line-height: 17px;
    }   

    ul.dropdown-menu.submenucat.aboutReward>li:not(.selectedAboutType){
        padding-left: 40px !important;
    }

    li.rewardsType.selectedAboutType{
        padding-left: 40px !important;
    }

    div#sign_up_vivo_rewards .stepsDescWrapper h3 {
        font-size: 22px;
        line-height: 27px;
    }

    .stepsRegisterContainer .stepsDescWrapper p {
        font-size: 16px !important;
        line-height: 28px !important;
    }

    .rewardsCatMenu {
        width: 100%;
        display: block;
        padding-top: 48px;
        padding-bottom: 40px;
        min-height: 0;
        position: unset !important;
    }

    div#introduction h1, div#using_rewards h1, div#earning_rewards h1 {
        font-size: 22px;
        line-height: 27px;
    }

    div#about_vivorewards .aboutVivoRewardsDesc p {
        font-size: 18px;
        line-height: 25px;
    }

    #about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer h4, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer h4 {
        font-size: 18px;
        line-height: 22px;
    }

    #about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer p, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer p {
        font-size: 18px;
        line-height: 25px;
    }

    #about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer ol, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer ol {
        font-size: 18px;
        line-height: 25px;
    }

    #about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer .caption, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer .caption {
        font-size: 14px;
        line-height: 28px;
    }

    /* #earning_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer p, #using_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer p {
        font-size: 18px;
        line-height: 22px;
    } */

    #earning_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer, #using_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer {
        padding: 24px 70px 24px 0;
    }

    #earning_rewards .guideContainer p, #using_rewards .guideContainer p {
        font-size: 18px;
        line-height: 22px;
    }

    .introRewardContainer {
        display: none;
    }

    .introRewardContainer.active {
        display: block;
    }

    .rewardsCatMenuTabContent {
        width: 100%;
        margin: 0;
    }

    div#about {
        padding: 0 8px;
    }

    .aboutVivoRewardsImg {
        margin-bottom: 24px;
    }

    div#sign_up_vivo_rewards h3 {
        line-height: 27px;
    }

    div#sign_up_vivo_rewards p{
        padding-bottom: 0;
    }

    div#using_rewards h1{
        line-height: 64px;
    }

    div#using_rewards h3{
        line-height: 27px;
    }

    p.earningBtn.tabBtn:nth-child(1) {
        margin-right: 40px;
    }

    p.earningBtn.tabBtn {
        display: inline-block;
        border-bottom: unset;
        vertical-align: bottom;
        margin: 0;
        padding: 0;
    }

    .earningRewardsImg {
        width: 100%;
        padding-top: 100%;
        background-size: contain;
        background-position: center;
        display: block;
        background-repeat: no-repeat;
    }

    .earningRewardsImg {
        padding-top: 60%;
    }

    .instructionsColumn .earningRewardsImg {
        width: 100%;
        padding-top: 60%;
    }

    .earningStepsImgWrapper {
        width: 60%;
        display: block;
        margin: auto;
    }

    .earningRewardsContainer {
        width: 100%;
        vertical-align: unset;
        padding-left: 0;
        padding-top: 24px;
    }

    .vivoRewardsRow {
        margin-bottom: 0;
        padding-bottom: 40px;
    }

    .vivoRewardsKioskWrapper .earningRewardsImg{
        margin: auto;
        width: 100%;
        padding-top: 100%;
    }

    .vivoRewardsKiosk.earningRewardsContainer {
        padding-top: 40px;
        padding-left: 0;
    }

    .vivoRewardsKiosk.earningRewardsContainer>p:last-of-type {
        padding-bottom: 0;
    }

    div#vivo_rewards .rewardsPageTermsCondition {
        padding-bottom: 64px;
    }

    .instructionsColumn {
        padding-bottom: 40px;
    }

    .instantRewardsWrapper .earningRewardsImgWrapper {
        width: 100%;
        background-size: cover;
        background-position: center;
        display: block;
        margin: 0;
    }

    .instantRewardsDescWrapper {
        padding-top: 24px;
        width: 100%;
        display: block;
        padding-left: 0;
    }

    .earningDesc.earningRewardContainer .rewardsPageTermsCondition {
        padding-bottom: 40px;
    }

    #guide_bg .dropdown-menu ul {
        margin-top: -1px;
    }

    p.exchangeAmount, p.exchangeIssued {
        font-size: 14px;
        line-height: 17px;
    }

    p.exchangeTitle {
        font-size: 16px;
        line-height: 19px;
        font-weight: 500;
    }

    p.exchangeTitle.exchangeColumn {
        width: 47%;
    }

    div#rewards_exchange .vivoRewardsExchangeWrapper {
        padding: 0;
    }

    p.downloadDesc {
        margin-bottom: 32px;
    }
    .faqsContent {
        padding: 40px 8px 0 8px;
    }

    .purchaseAmountWrapper.exchangeContainer {
        padding-top: 40px;
    }

    .stepsImgWrapper .aboutVivoRewardsImg {
        max-height: calc(100% - 32px);
        max-width: calc(100% - 32px);
    }

    .stepsRegisterContainer {
        margin: 0;
        padding-bottom: 24px;
    }

    .stepsRegisterWrapper {
        margin: 0;
        display: block;
        background-color: #fff;
        margin-bottom: 16px;
        width: 100vw;
        position: relative;
        margin-left: -50vw;
        left: 50%;
    }

    .stepsImgWrapper {        
        width: 50%;
        vertical-align: middle;
        border-bottom: 0;
        display: inline-block;
        background-repeat: no-repeat;
        padding-top: 40%;
    }

    .stepsRegisterDescContainer {
        position: relative;
        width: 50%;
        padding-top: 40%;
        display: inline-block;
        vertical-align: middle;
    }

    .stepsDescWrapper {
        top: 40%;
        left: 40%;
        transform: translate(-40%, -40%);
        display: inline-block;
        width: 100%;
        padding: 24px 24px 24px 0;
    }

    .rewardsCatalogueContent {
        margin-left: 0;
    }

    .rewardsCatalogueDesc {
        padding-top: 40px;
    }
    
    .rewardsCatalogueSidemenu {
        display: none;
    }

    .rewardsCatalogueSearchContainer .filterGroup {
        background-color: white;
        /* box-shadow: 0 18px 20px -20px rgba(0,0,0,0.4); */
        display: block;
        position: relative;
        padding-bottom: 0;
    }

    .rewardsCatalogueSearchContainer .searchBar {
        width: 100%;
        padding: 16px;
        height: 64px;
    }

    .rewardsCatalogueSearchContainer .dropdownRewardsCatalogueType, .rewardsCatalogueSearchContainer  .rewardsCatalogueSidemenuMobile {
        display: block;
        border-bottom: solid 1px #dcdcdc;
        padding: 0 16px;
        background-color: #fff;
        width: 100%;
    }

    .rewardsCatalogueSearchContainer .dropdownRewardsCatalogueType button, .rewardsCatalogueSearchContainer  .rewardsCatalogueSidemenuMobile button {
        width: 100%;
        border: 0;
        background-color: #fff!important;
        font-size: 16px;
        line-height: 28px;
        padding: 16px 0;
        font-weight: 300;
        text-align: left;
    }
    
    .rewardCatalogueDialog {
        height: calc(100vh - 56px);
        padding: 0;
        max-width: unset;
    }

    .rewardCatalogueDialog>div {
        padding: 0 16px;
    }

    .closeRewardCatalogueDialogWrapper {
        background-color: #fff;
        padding: 16px;
        text-align: right;
        height: 56px;
        max-width: unset;
        margin-bottom: 0;
    }

    .closeRewardCatalogueDialog {
        font-size: 24px;
        color: #969696;
        vertical-align: top;
    }

    p.voucherDetailsBtn {
        display: inline-block;
        border-bottom: none;
        padding-left: 0;
        padding-right: 24px;
    }

    .voucherDetailsTabWrapper {
        padding-bottom: 16px;
    }

    .dropdownRewardsCatalogueType, .dropdownRewardsCatalogueSortBy {
        width: calc(50% - 6px);
    }

    .dropdownRewardsCatalogueType {
        margin-right: 12px;
    }

    .rewardsCatalogueFilterContainer .rewardsCatalogueCatSwiperContainer {
        margin-bottom: 24px;
    }

    .rewardsCatalogueCatContainer {
        padding-top: 24px;
        /* padding-bottom: 40px; */
    }

    .rewardsCatalogueCatContainer .rewardsCatalogueCatBtn {
        display: inline-block;
        border-bottom: none;
        padding: 0 40px 0 0;
    }

    .rewardsCatalogueCatContainer .rewardsCatalogueCatBtn span {
        padding: 0;
    }
    /*End Vivo Rewards 768*/

    /*Directory Page*/
    .searchBar {
        display: block;
        border-bottom: solid 1px #dcdcdc;
        padding: 16px 16px 48px 16px;
    }

    .storeCat.container.contentContainer .filterWrapper {
        display: block;
        position: relative;
    }

    .storeCat.container.contentContainer .filterWrapper .mobileShow {
        border-bottom: solid 1px #dcdcdc;
        padding: 0 16px 18px;
        cursor: pointer;
    }

    .storeCat.container.contentContainer .filterWrapper .mobileShow>* {
        display: inline-block;
        vertical-align: middle;
    }

    .storeCat.container.contentContainer .filterWrapper .mobileShow img {
        height: 24px;
        padding-right: 8px;
    }

    .storeCat.container.contentContainer .filterWrapper .mobileShow p {
        font-family: 'Rubik', sans-serif;
        font-size: 16px;
        line-height: 28px;
        font-weight: 300;
    }

    .storeCat.container.contentContainer .filterWrapper .mobileShow .selectedFilterNumber {
        position: absolute;
        top: 7px;
        height: 24px;
        width: 24px;
        background-color: #D4038D;
        border-radius: 50%;
        right: 16px;
        display: none;
    }

    .storeCat.container.contentContainer .filterWrapper .mobileShow .selectedFilterNumber p {
        color: #fff;
        text-align: center;
        line-height: 14px;
        font-size: 14px;
        padding-top: 6px;
        font-weight: 400;
    }

    .searchBar .fa-search {
        font-size: 24px;
        top: 20px;
        -webkit-text-stroke: 1px #fff;
    }

    div#algolia_store_searchbox .ais-SearchBox-submit {
        left: .3rem;
        top: 16px;
    }

    .searchBar input {
        width: 100%;
        padding-left: 35px;
        font-size: 20px;
        line-height: 32px;
        font-weight: 300;
        background-color: unset;
        color: #323232;
    }

    .storeCat.container.contentContainer .dropdownStoreCat.dropdown, .dropup {
        display: block;
        border-bottom: solid 1px #dcdcdc;
        padding: 0 16px;
        position: relative;
        background-color: #fff;
        width: 100%;
        min-width: unset;
    }

    .storeCat.container.contentContainer .searchBar {
        width: 100%;
        padding: 16px 0 8px 16px;
        height: unset;
    }

    .dropdownAlphabetFilter.dropdown{
        display: block;
        border-bottom: none;
        padding: 16px 16px 0 16px;
    }

    .open>.alphabetFilterBtn.btn-primary.dropdown-toggle:hover {
        background-color: #fff;
        border: none;
        padding: 0;
        font-weight: 300;
    }

    .open>.promotionBtn.btn-primary.dropdown-toggle:focus, .open>.promotionBtn.btn-primary.dropdown-toggle:hover, .open>.kidsClubOfferBtn.btn-primary.dropdown-toggle:focus,.open>.kidsClubOfferBtn.btn-primary.dropdown-toggle:hover, .open>.touristPrivilegesCatDropDownBtn.btn-primary.dropdown-toggle:focus,.open>.touristPrivilegesCatDropDownBtn.btn-primary.dropdown-toggle:hover, .open>.pressReleaseYearBtn.btn-primary.dropdown-toggle:focus, .open>.pressReleaseYearBtn.btn-primary.dropdown-toggle:hover, .open>.kidsClubBirthdayOfferBtn.btn-primary.dropdown-toggle:hover, .open>.kidsClubBirthdayOfferBtn.btn-primary.dropdown-toggle:focus9061
     {
        background-color: #fff;
        color: #323232;
        border: 1px solid #dcdcdc !important;
    }

    .open>.alphabetFilterBtn.btn-primary.dropdown-toggle:focus, .open>.alphabetFilterBtn.btn-primary.dropdown-toggle:hover{
        background-color: #fff;
        color: #323232;
    }

    ul.dropdown-menu.alphabetFilterSelect {
        margin-top: 0 !important;
        width: 100% !important;
        margin-left: 0px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background-color: #fff !important;
        max-height: 340px;
        padding: 0 0 16px 0 !important;
        overflow: auto;
    }

    ul.dropdown-menu.alphabetFilterSelect::-webkit-scrollbar-track {
        background-color: #D8D8D8;
    }

    ul.dropdown-menu.alphabetFilterSelect::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5;
    }

    ul.dropdown-menu.alphabetFilterSelect::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #959595;
    }

    p.letterBtn, a.letterBtn.selectedAlphabetDropDown {
        font-size: 16px;
        line-height: 28px;
        padding: 8px 16px 8px 16px !important;
    }

    .letterBtn.selectedAlphabet, a.letterBtn.selectedAlphabet.selectedAlphabetDropDown {
        color: #d4038d !important;
        background-color: unset;
    }

    .storeMenuContainer .iconMobileShow.mobileShow {
        color: #323232;
        text-align: right;
        margin-right: 16px;
        float: right;
    }

    .letterBtn:first-child {
        width: 100%; 
        text-align: left;
    }

    .storeCat.container.contentContainer .searchBar input {
        font-size: 20px;
        background-color: #fff;
    }

    .dropdown button.directorybtn.btn-default.dropdown-toggle {
        width: 100%;
        border: 0;
        background-color: #fff;
        font-size: 16px;
        line-height: 28px;
        padding: 16px 0;
        font-weight: 300;
    }

    .dropdown button.directorybtn.btn-default.dropdown-toggle::after {
        right: 34px;
        margin: 0;
        top: calc(50% - 14px);
    }

    .alphabetFilter {
        padding: 0;
    }

    .storeMenuContainer {
        background-color: #fff;
        margin: -45px 8px 48px 8px;
        box-shadow: 0 18px 20px -20px rgba(0,0,0,0.4);
        display: block;
        position: relative;
    }

    .alphabetFilter {
        padding: 0;
        display: block;
        border-bottom: solid 1px #dcdcdc;
        background-color: #fff;
        position: relative;
    }

    button.alphabetFilterBtn.btn-primary.dropdown-toggle {
        text-transform: capitalize;
        width: 100%;
        text-align: left;
        padding: 0;
        font-size: 16px;
        line-height: 28px;
        background-color: #fff;
        border-radius: 4px;
        border: none;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        color: #323232;
        cursor: pointer;
        font-weight: 300;
    }

    .storeMenuContainer i.fas.fa-angle-down {
        -webkit-text-stroke: 1px #fff;
    }

    .iconMobileShow.mobileShow {
        display: inline-block !important;
        width: 0;
        margin-right: 16px;
    }

    ul.dropdown-menu.submenulist {
        background-color: #FAFAFA !important;
        width: 100% !important;
    }

    button.alphabetFilterBtn.btn-primary.dropdown-toggle:after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 10px;
        color: #323232;
        right: 32px;
        margin: 0;
        top: 18px;
        position: absolute;
        pointer-events: none;
        -webkit-text-stroke: 0.5px #fff;
    }

    .storeMenuContainer .dropdown-menu {
        width: 100%;
        border: 0;
        border-radius: 0;
        background-color: #fff;
        margin-top: 0;
        box-shadow: none;
        font-size: 16px;
        line-height: 28px;
        padding: 0 0 16px 0;
    }

    .dropdownAlphabetFilter.dropdown .blackLine {
        margin-bottom: 0;
        opacity: 0;
    }

    .dropdownAlphabetFilter.dropdown.open .blackLine {
        opacity: 100;
    }

    .dropdownStoreCat.dropdown .blackLine.mobileShow {
        margin: 0;
        opacity: 0;
    }

    .dropdownStoreCat.dropdown.open .blackLine.mobileShow {
        margin: 0;
        opacity: 100;
    }

    ul.dropdown-menu.storeDropdownMenu {
        overflow: auto;
        max-height: 290px;
    }

    .storeMenuContainer .dropdown-menu li a {
        padding: 8px 16px 8px 16px !important;
        font-weight: 300;
    }

    .storeMenuContainer .dropdown-menu li a:hover, ul.dropdown-menu.storeDropdownMenu> li a:hover {
        color: #D4038D !important;
        background-color: unset;
    }

    ul.dropdown-menu.storeDropdownMenu::-webkit-scrollbar-track {
        background-color: #D8D8D8;
    }

    ul.dropdown-menu.storeDropdownMenu::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5;
    }

    ul.dropdown-menu.storeDropdownMenu::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #959595;
    }

    a.selectable.selectedStoreCat {
        color: #D4038D !important;
    }

    /* .directorybtn .notAllCatogeries .cancelCategory, .rewardsCatalogueBtn .notAllCatogeries  .cancelCategory { */
    .notAllCatogeries .cancelCategory, .notAllCatogeries .cancelRewardsCatalogueType, .notAllCatogeries .cancelRewardsCatalogueCat {
        padding: 0 8px 0 11px;
        font-size: 9px;
        right: 0;
        top: calc(50% - 4.5px);
        line-height: 100%;
        height: auto;
    }

    .letterBtn.selectedAlphabet:after {
        content: "";
        width: 100%;
        height: 3px;
        display: block;
        background-color: #D4038D;
        position: absolute;
        bottom: -6px;
        display: none !important;
    }
    /*End Directory Page*/

    /*Privacy Policy Page*/
    .privacyPolicyPageContent, .termsOfUsePageContent {
        padding: 40px 8px 54px 8px;
    }
     /*End Privacy Policy Page*/

     /*FAQ*/
    /* .accordionItemHeading {
        max-width: 271px;
    } */

    .accordionItem:nth-child(2):after, .accordionItem.openAccordion:nth-child(2):after  {
        top: 18px;
    }

    .accordionItem:nth-child(1):after, .accordionItem.openAccordion:nth-child(1):after {
        top: -10px;
    }

    .faqPageTermsCondition {
        padding: 14px 0 36px 0;
    }
    /*End FAQ*/

    /*Member Edit Profile*/
    .memberInfoWrapper h3 {
        font-size: 22px;
        font-weight: 400;
        line-height: 27px;
    }

    .container.editProfileContainer .titleGreyLine {
        margin: 16px -16px 24px -16px;
    }

    .memberInfoWrapper label{
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        padding-bottom: 8px;
        text-transform: uppercase;
    }

    .memberInfoWrapper .formSingleField {
        padding-bottom: 24px;
    }   

    .memberInfoWrapper input[disabled] {
        background-color: transparent;
        pointer-events: none;
        color: #9E9E9E;
    }

    .memberInfoWrapper input {
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        padding: 0 0 8px 0;
        border-radius: 0;
        width: 100%;
        border: none;
        border-bottom: 1px solid #dcdcdc;
    }

    .memberInfoWrapper button.dropdown-toggle {
        width: 100%;
        text-align: left;
        font-size: 16px;
        line-height: 28px;
        font-weight: 300;
        border-radius: unset;
        padding: 0 0 8px 0 !important;
        border: none; 
        border-bottom: 1px solid #dcdcdc;
        background-color: #fff !important;
        white-space: unset;
        box-shadow: none;
    }

    .memberInfoWrapper .birthdateField .dropdown button {
        background-color: #fff !important;
        color: #9E9E9E;
    }

    .open>.btn.btn-default.dropdown-toggle.selectDateBtn:focus, .open>.btn.btn-default.dropdown-toggle.selectDateBtn:hover {
        color: #323232;
        background-color: transparent;
        border-color: #dcdcdc;
    }

    .memberInfoWrapper .birthdateField .dateSelection{
        padding-right: 24px;
    }

    .memberInfoWrapper .birthdateField .dateSelection, .memberInfoWrapper .birthdateField .monthSelection, .yearSelection {
        width: 33.33%;
    }

    .memberInfoWrapper .birthdateField .yearSelection{
        padding-left: 24px;
    }

    .memberInfoWrapper .selectionDropdown li:hover {
        color: #d4038d;
        background-color: #fff;
    }

    form#editProfileForm ul.dropdown-menu.selectionDropdown{
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

    form#editProfileForm .memberInfoWrapper .selectionDropdown li{
        padding: 5px 10px;
    }

    .memberInfoWrapper .birthdateField .yearSelection .selectionDropdown{
        width: calc(100% - 24px);
        margin-left: 24px;
    }

    .memberInfoWrapper .birthdateField .dateSelection .selectionDropdown{
        width: calc(100% - 24px);
    }

    form#editProfileForm span.selectedGender{
        font-weight: 300;
    }

    form#editProfileForm button.btn.btn-default.dropdown-toggle.selectGenderBtn:after{
        display: none;
    }

    .basicInfo.memberInfoWrapper.memberInfoWrapper .twoColField.leftField, .memberInfoWrapper.memberInfoWrapper .twoColField.leftField{
        padding-right: 12.5px;
        width: 50%;
        display: inline-block;
    }

    .basicInfo.memberInfoWrapper.memberInfoWrapper .twoColField.rightField, .memberInfoWrapper.memberInfoWrapper .twoColField.rightField{
        padding-left: 12.5px;
        width: 50%;
    }

    .basicInfo.memberInfoWrapper.memberInfoWrapper .mobileField .countryCodeSelection {
        width: calc(33.33% - 24px);
        margin-right: 24px;
    }

    .basicInfo.memberInfoWrapper.memberInfoWrapper .mobileField input[name="member_mobile_no"] {
        width: calc(100% - 33.33%);
    }

    form#editProfileForm .mobileField i {
        line-height: 30px;
        margin-left: -45px;
    }

    .editProfileNotifications {
        background-color: #fff;
        padding: 16px 16px 0 16px;
    }

    .editProfileNotifications {
        margin: 40px 0;
    }

    .notificationCheckbox:last-child {
        padding-bottom: 0;
    }

    .editProfileNotifications .formSingleField{
        padding-bottom: 40px;
    }

    .memberInfoWrapper.memberInfoWrapper input[type="submit"] {
        width: 25%;
        border: 2px solid #d4038d;
        border-radius: 6px;
        font-weight: 400;
        padding: 16px;
        display: inline-block;
        cursor: pointer;
        color: #d4038d;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        background-color: transparent;
    }

    .memberInfoWrapper.memberInfoWrapper input[type="submit"]:hover {
        border: 2px solid #d4038d;
        color: #fff;
        background-color: #d4038d;
    }
    /*End Member Edit Profile*/

    /*My Account */
    .halfContainer.rewardContainer {
        padding: 0 24px;
    }

    .halfContainer.rewardContainer h2 {
        display: none;
    }

    .myAccountContainer .halfContainer:first-child {
        margin-right: 0;
        margin-bottom: 0;
    }

    .myAccountContainer .halfContainer {
        width: 100%;
    }

    .detailsContainer.kcDetailsContainer p.title {
        padding-bottom: 0;
    }

    div#vckidsclub .detailsContainer:nth-child(2) {
        /* margin-bottom: 24px; */
        border-bottom: none;
    }

    .detailsContainer.kcDetailsContainer {
        margin-bottom: -14px;
        padding: 16px 16px 0;
    }

    .detailsContainer.kcDetailsContainer .progressBarWrapper {
        height: 5px;
        box-sizing: content-box;
        padding-bottom: 24px;
    }

    .detailsContainer {
        padding: 16px;
        background-color: #fff;
        /* margin-bottom: 24px; */
        position: relative;
    }

    .vivoRewardsVehicleContainer.mobileShow {
        padding: 16px 16px 0;
        background-color: #fff;
        margin-bottom: 24px;
    }

    .userVehicleContainer {
        width: 100%;
    }

    .detailsContainer:nth-child(2) {
        margin-bottom: 0;
        border-bottom: 1px solid #dcdcdc;
    }

    .vehicleWrapper p.vehicleTitle {
        width: 30%;
        display: inline-block;
    }

    .vehicleNumContainer {
        padding-bottom: 8px;
    }

    .vehicleWrapper p.value {
        text-align: right;
        width: 70%;
        padding-bottom: 0!important;
    }

    .uiNumContainer {
        padding-bottom: 16px;
    }

    .myAccountContainer .halfContainer .title:last-child {
        font-size: 16px;
        line-height: 28px;
        color: #30A4F2;
    }

    .myAccountContainer .halfContainer .value {
        padding-bottom: 4px;
    }

    .vivoRewardsVehicleContainer.mobileShow .blackLine.mobileShow {
        margin: 0 0 20px !important;
    }

    .halfContainer.rewardContainer .blackLine.mobileShow {
        margin: 0 -16px 14px -16px;
    }

    .halfContainer.rewardHistoryContainer {
        background-color: #fff;
        padding: 24px 16px 0;
        margin-top: 56px;
    }

    .halfContainer.rewardHistoryContainer .blackLine {
        margin: 0 -16px;
    }

    .myAccountContainer {
        margin-top: -16px;
        padding: 0 0 40px 0 !important;
    }

    .myAccountContainer .halfContainer .description {
        padding-bottom: 0px; 
    }

    .myAccountContainer .halfContainer h2 {
        font-size: 22px;
        line-height: 27px;
        font-weight: 400;
        padding-bottom: 20px;
    }

    p.rewardHistoryTabBtn.tabBtn {
        display: inline-block;
        border-bottom: none;
        padding: 0 40px 0 0;
    }

    p.rewardHistoryTabBtn.tabBtn span {
        padding: 16px 0;
    }

    .myAccountContainer .tabBtnWrapper {
        padding: 0;
    }

    .myAccountContainer .membershipContainer {
        padding-top: 48px;
    }

    .myAccountContainer .rewardHistoryButton p, .myAccountContainer .parkingRewardHistoryButton p {
        padding: 12px 16px;
        margin-right: 9px;
        margin-bottom: 16px;
        vertical-align: top;
    }

    .myAccountContainer .rewardHistoryButton p:last-child, .myAccountContainer .parkingRewardHistoryButton p:last-child {
        margin-bottom: 0;
    }

    .myAccountContainer .rewardHistoryButton, .myAccountContainer .parkingRewardHistoryButton {
        padding-top: 16px;
        padding-bottom: 0;
    }

    .myAccountContainer .rewardHistoryDateFilter .dateSelection button i, .myAccountContainer .parkingRewardHistoryDateFilter .dateSelection button i {
        padding-top: 5px;
    }

    .myAccountContainer .rewardHistoryDateFilter .dateSelection button, .myAccountContainer .parkingRewardHistoryDateFilter .dateSelection button {
        line-height: 28px;
        padding: 16px 0;
        border-radius: 0;
    }

    .myAccountContainer .rewardHistoryDateFilter .dateSelection, .myAccountContainer .parkingRewardHistoryDateFilter .dateSelection {
        width: 100%;
    }

    .open>.btn.btn-default.dropdown-toggle.selectDateBtn.memberAcc:focus, .open>.btn.btn-default.dropdown-toggle.selectDateBtn.memberAcc:hover {
        color: #323232;
        background-color: transparent;
        border-color: transparent;
    }

    button.btn.btn-default.dropdown-toggle.selectDateBtn.memberAcc{
        box-shadow: none;
        white-space: unset;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #dcdcdc;
    }

    .myAccountContainer .rewardHistoryDateFilter .dateSelection .selectionDropdown li:hover, .myAccountContainer .parkingRewardHistoryDateFilter .dateSelection .selectionDropdown li:hover {
        color: #d4038d;
        background-color: #fff;
    }

    .myAccountContainer .rewardHistoryDateFilter, .myAccountContainer .parkingRewardHistoryDateFilter {
        padding-bottom: 0;
    }

    .transactiondetailsWrapper .blackLine {
        margin: 0 !important;
    }

    .memberAccTitleWrapper.mobileShow>h1:first-child {
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .memberAccTitleWrapper.mobileShow>h1:nth-child(2) {
        font-size: 28px;
        line-height: 33px;
        text-transform: none;
        font-weight: 300;
    }

    .memberAccTitleWrapper.mobileShow {
        transform: translate(-50%, -200%);
    }

    .headerTitleContainer .memberAccTitleWrapper.mobileShow h1 {
        transform: none;
    }

    .kidMembership {
        display: none;
        width: 100%;
        max-width: 295px;
        max-height: 185px;
        transition: all 0.25s;
    }

    .kidClubMembershipLogo {
        margin-bottom: 8px;
    }

    .barcode1 {
        margin-top: 11px;
        padding-right: 10px;
        height: 18px;
        width: 100%;
    }

    p.kidMembershipName {
        font-size: 17px;
        line-height: 28px;
    }

    .kidMembershipBirthDateCard {
        font-size: 10px;
        line-height: 12px;
    }

    .kidMembershipMemberNoCard, .kidMembershipGraduationDateCard {
        font-size: 12px;
        line-height: 14px;
    }

    .kidsClubMemberCount p.title{
        width: 95%;
    }

    i.fas.fa-plus.mobileShow {
        font-size: 10px;
        color: #323232;
    }

    p.closeIcon {
        display: inline-block;
        width: 5%;
        text-align: right;
    }

    .kidsClubMemberCount p.title {
        display: inline-block;
        color: #30A4F2;
        padding-bottom: 0!important;
        cursor: pointer;
    }

    .halfContainer.rewardContainer .detailsContainer:nth-child(3) {
        padding-bottom: 0;
    }

    .myAccountContainer .transactionDetail .shopName {
        width: 50%;
    }

    .noMatches {
        padding-bottom: 40px;
    }

    .kidMembershipWrapper {
        width: calc(50% - 16px);
        display: inline-block;
        margin: 0 8px;
    }

    .kidsClubCardWrapper {
        margin: 0 -8px;
        padding-top: 16px;
    }

    .myAccountContainer .viewRewardCatalogue {
        display: block;
        border: none;
        border-top: 1px solid #DCDCDC;
        border-radius: 0;
        margin-top: 0;
        padding: 24px 16px;
        background-color: #fff;
    }

    .myAccountContainer .viewRewardCatalogue::after {
        content:"\f061";   
        font-family: "FontAwesome";
        font-size: 18px;
        -webkit-text-stroke: 2px #fff;
        padding-left: 12px;
    }
    /*End My Account */
}

@media (max-width: 650px) {
    .promotionsPage div#kids_club_offers .promotionDesc {
        height: 56px;
        -webkit-line-clamp: 2;
    }

    #footer .download {
        padding: 28px 0;
    }
    
    #footer img.vivorewardsicon {
        width: auto;
        height: 42px;
    }
    
    #footer .downlaodWrapper h1 {
        font-size: 14px;
        line-height: 17px;
        padding: 8px 0 5px;
        letter-spacing: 0.7px;
    }
    
    #footer .downlaodWrapper p {
        font-size: 14px;
        line-height: 16px;
        padding-bottom: 16px;
        max-width: 190px;
        letter-spacing: 0.5px;
    }

    #footer .downloadBtnWrapper {
        font-size: 0;
    }

    #footer .downloadContentWrapper {
        padding-left: 0;
    }

    #footer .downloadBtnWrapper>* {
        display: inline-block;
        vertical-align: top;
    }
    
    #footer .downloadBtnWrapper .downloadDescWrapper {
        padding-right: 12px;
        font-size: 0;
        padding-bottom: 0;
    }
    
    #footer .downloadBtnWrapper .downloadDescWrapper img {
        height: 26px;
    }
    
    #footer .downloadBtnWrapper .downloadDescWrapper p {
        display: none;
    }
    
    #footer .downloadBtnWrapper img {
        height: 26px;
        display: block;
    }
}

@media (max-width: 600px) {
    .dropDownShadow {
        width: 100%;
    }

    .dropDownShadowParking {
        margin-left: -7px;
        width: 103%;
    }

    .headerTitleContainer h1, .singlePostContainer h1, .guidePostWrapper h1,.singleStorePostTitle {
        transform: translate(-50%, -300%);
    }

    .selectedShopDineCatTitle {
        transform: translate(-50%, -200%);
    }

    .memberAccTitleWrapper.mobileShow {
        transform: translate(-50%, -140%);
    }

    .memberInfoWrapper.memberInfoWrapper input[type="submit"] {
        width: 30%;
    }

    .kidMembershipWrapper {
        width: 100%;
        display: unset;
        margin: 0;
    }

    .kidsClubCardWrapper {
        margin: 0;
    }

    .halfContainer.rewardContainer .detailsContainer:nth-child(3) {
        padding-bottom: 24px;
    }

    .featurePopupDialog {
        max-width: 410px !important;
    }

    .featurePopupDialogWrapper .swiper-container {
        width: 400px !important;
    }

    .featurePopupDetails {
        overflow: auto;
        max-height: 100px;
    }

    .featurePopupDialogDontShowWrapper p {
        width: calc(100% - 48px) !important;
    }

    .touristPrivilegesDescWrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    .touristPrivilegesContainer, .touristPrivilegesImageContainer {
        width: 100%;
    }

    .priviligeCardImage {
        margin-bottom: 24px;
    }

    .touristPrivilegesContainer {
        padding-right: 0;
    }

    .happeningPostContent, .pressRoomPostContent, .promotionPageTypeTabContent .promotionDesc{
        height: 56px;
        -webkit-line-clamp: 2;
    }

    .promotions .promotionsTabContainer .promotionContainer .promotionDesc {
        display: -webkit-box;
        height: 56px;
        -webkit-line-clamp: 2;
    }

    .mainTouristPrivilegesContainer .promotionPageTypeTabContent p.promotionDesc {
        height: 56px;
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 550px) {
    .promotionsPage div#store_promotions .promotionPost, .promotionsPage div#kids_club_offers .promotionPost, .promotionsPage .touristPrivilegesCatWrapper .promotionPost{
        width: 100%;
        padding-top: 200%;
        margin: 0;
    }

    .promotionPageTypeTabContent .promotionDesc, .promotionsPage div#kids_club_offers .promotionDesc  {
        height: 86px;
        -webkit-line-clamp: 3;
    }

    div#store_promotions .promotionPageTypeTabContent {
        margin: 0;
    }

    .promotionsPage .touristPrivilegesCatWrapper .promotionPost {
        margin-bottom: 12px;
        width: 100%;
        padding-top: 200%;
        margin: 0 0 12px 0;
    }

    .promotionsPage div#kids_club_offers .promotionPost, .promotionsPage div#kids_club_birthday_offers .promotionPost{
        width: 100%;
        padding-top: 200%;
        margin: 0 0 15px 0;
    }

    img.bcaImg {
        padding-right: 0px;
    }

    .bcaText {
        width: 100%;
        padding-top: 40px;
    }

    .rewardsCatContent:not(.algoliaItem), .ais-Hits-item {
        width: 100%;
    }

    .rewardsCatContent:not(.algoliaItem):nth-child(2n+1), .ais-Hits-item:nth-child(2n+1) {
        margin-right: 0;
    }

    /* .rewardsCatContent:not(.algoliaItem):nth-child(3n+2), .ais-Hits-item:nth-child(3n+2) {
        margin: 0;
    } */

    .rewardsCatContent:not(.algoliaItem):nth-child(4n), .ais-Hits-item:nth-child(4n) {
        margin-right: 0;
    }

    #about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText {
        padding: 0;
    }

    #about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText>*, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText>* {
        display: block;
        width: 100%!important;
    }

    /* #about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .imgContainer, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .imgContainer {
        padding-bottom: 22px;
    } */

    #about_vivorewards .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer, #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText .textContainer {
        padding-top: 22px;
        padding-right: 0;
    }

    #getting_started .aboutVivoRewardsImgTextContainer .aboutVivoRewardsImgText.greyBox {
        padding: 25px 15px;
    }

    #earning_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer img.stepImg, #using_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer img.stepImg {
        display: none;
    }

    #earning_rewards .redeemRewardStepContainer .redeemRewardStep.firstStep .imgContainer .stepHeader, #using_rewards .redeemRewardStepContainer .redeemRewardStep.firstStep .imgContainer .stepHeader {
        width: 120px;
        max-width: unset;
        top: -48px;
    }

    #earning_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer, #using_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer {
        padding-left: 56px;
        width: 100%;
    }

    #earning_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer .stepImg, #using_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer .stepImg {
        display: block;
        margin: auto;
        height: 180px;
    }

    #earning_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer p, #using_rewards .redeemRewardStepContainer .redeemRewardStep .textContainer p {
        padding-top: 24px;
        text-align: center;
    }

    #earning_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer, #using_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer {
        position: absolute;
        height: 100%;
        padding-right: 24px;
    }

    #earning_rewards .redeemRewardStepContainer .redeemRewardStep, #using_rewards .redeemRewardStepContainer .redeemRewardStep {
        position: relative;
        padding-bottom: 40px;
    }

    #earning_rewards .redeemRewardStepContainer, #using_rewards .redeemRewardStepContainer {
        padding-top: 48px;
    }

    #earning_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer .stepNum, #using_rewards .redeemRewardStepContainer .redeemRewardStep .imgContainer .stepNum {
        top: calc(90px - 18.5px);
    }

    #earning_rewards .redeemRewardStepContainer .redeemRewardStep.lastStep .imgContainer .dashedLine, #using_rewards .redeemRewardStepContainer .redeemRewardStep.lastStep .imgContainer .dashedLine {
        height: 90px;
    }
}

@media (max-width: 520px) {
    #promotions_calendar span.previous {
        right: calc(50% + 180px) !important;
    }

    div#promotions_calendar .wrapper:nth-child(3) {
        vertical-align: middle;
        width: 360px;
        float: none;
        overflow: hidden;
        margin: 0 auto;
    }

    #promotions_calendar span.nextcall {
        left: calc(50% + 180px) !important;
        z-index: 1;
        margin-top: 26px;
        right: unset;
    }

    .dropDownShadowParking {
        width: 106%;
    }

    /* #footer .downlaodWrapper p {
        max-width: 300px;
    } */
}

@media (max-width: 500px) {
    /*Search*/
    .ais-Hits-item, .ais-InfiniteHits-item, .ais-InfiniteResults-item, .ais-Results-item {
        width: 100%;
    }
    /*End Search*/
    .happeningPostWrapper, .mainTouristPrivilegesContainer .promotionPost{
        width: 100%;
        padding-top: 200%;
        margin: 0;
    }

    .mainTouristPrivilegesContainer .blackLine {
        margin: 28px 0 40px 0;
    }

    .promotionsPage div#tourist_privileges {
        padding: 40px 8px 16px 8px;
    }

    .promotions .promotionsContent {
        padding-bottom: 0!important;
    }

    .touristPrivilegesDescWrapper, .touristPrivilegesCatWrapper {
        padding: 0;
    }

    .happeningBox {
        margin-top: -200%;
    }

    .touristPrivilegesCatWrapper .touristPrivilegesCatMenuTabContent{
        margin: 0 0 64px 0;
    }

    div#store_promotions .promotionPageTypeTabContent {
        padding-top: 0;
        margin: 0;
    }

    div#store_promotions {
        padding: 32px 8px 0 8px;
    }

    div#atrium_events .happeningPostWrapper:first-child{
        border-top: solid 1px #dcdcdc;
    }

    div#atrium_events .happeningPostWrapper {
        display: inline-block;
        width: calc(100% - 16px);
        padding: 0;
        margin-bottom: 0;
        margin: -6px 8px;
        vertical-align: unset;
        position: unset;
        transition: auto;
        height: unset;
        border-bottom: solid 1px #dcdcdc;
    }

    .smallHappeningBox {
        font-size: 16px;
        line-height: 28px;
        font-family: 'Rubik', sans-serif;
        font-weight: 300;
        color: #323232;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin-top: 0px;
    }

    div#mall_promotions, div#whats_new, div#new_stores {
        margin: 0 8px;
        padding-bottom: 78px;
    }

    div#atrium_events{
        padding-bottom: 78px;
    }

    #atrium_events .happeningPostContentWrapper {
        padding: 0;
        background-color: #FFFFFF;
        height: 100%;
    }

    /*Home Promotion*/
    .promotions .promotionsTabContainer {
        padding-bottom: unset;
        padding-top: unset;
    }

    .promotionsTabContainer .promotionContainer {
        font-size: 0;
        padding: 0 8px;
    }

    .promotionsTabContainer .promotionContainer .promotionPost {
        margin: 0;
        margin-bottom: 24px;
    }

    .promotionsTabContainer .promotionContainer .promotionPost {
        width: 100%;
        padding-top: 100%;
        height: auto;
    }

    .promotionsTabContainer .promotionContainer .promotionContent {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin-top: -100%;
    }

    .promotionContainer .promotionDetailsContainer {
        position: relative;
        width: 100%;
        padding-top: 0;
    }

    .promotionsTabContainer .promotionContainer .promotionDetailsBox {
        padding: 24px 16px 40px;
        position: unset;
    }

    li.selectedkidsClubOffer, li.selectedkidsClubBirthdayOffer {
        font-size: 14px;
        line-height: 17px;
        padding: 10px 16px 5px 16px;
    }

    p.earningBtn.tabBtn:nth-child(2) {
        max-width: 103px;
        padding-right: 0;
        margin-right: 0;
    }

    p.earningBtn.tabBtn {
        display: inline-block;
        width: unset; 
        border-bottom: unset;
        vertical-align: bottom;
        margin-right: 40px;
        max-width: unset; 
        padding: 0; 
    }

    p.earningBtn.tabBtn:last-of-type {
        padding: 0 40px 0 0;
    }

    p.signUpBtn.tabBtn:last-of-type {
        margin-right: -10px;
    }

    p.signUpBtn.tabBtn {
        margin-right: 10px;
    }

    .loginModalContent {
        padding: 16px 16px 24px;
    }

    .loginModalFooter {
        padding: 0 16px 32px;
    }

    .loginModalContent label {
        padding-bottom: 8px;
    }

    .loginModalContent input {
        line-height: 20px;
        margin-bottom: 24px;
    }
    .earningStepsImgWrapper {
        padding: 0;
    }

    .funLearningContentWrapper h1 {
        padding-top: 24px;
        font-size: 30px;
        line-height: 50px;
    }

    a.fbIcon {
        display: block;
        padding-bottom: 24px;
    }

    .stepsImgWrapper {
        padding-top: 50%;
    }

    .stepsRegisterDescContainer {
        padding-top: 50%;
    }

    .newsletterModalContent {
        padding: 40px 24px;
    }

    .newsletterModalContent button.dropdown-toggle {
        padding: 10px 10px;
    }

    .headerTitleContainer h1, .singlePostContainer h1, .guidePostWrapper h1, .singleStorePostTitle {
        transform: translate(-50%, -250%);
    }

    .selectedShopDineCatTitle {
        transform: translate(-50%, -200%);
    }

    .memberInfoWrapper.memberInfoWrapper input[type="submit"] {
        width: 35%;
    }

    .happeningPostContent, .pressRoomPostContent, .promotionPageTypeTabContent .promotionDesc, .promotionsPage div#kids_club_offers .promotionDesc, .promotionsPage div#tourist_privileges .promotionDesc  {
        height: 84px;
        -webkit-line-clamp: 3;
    }

    .promotions p.readmore {
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0.75px;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        transform: translateY(0%);
        padding: 16px;
        text-transform: uppercase;
    }

    /*.tooltip-bottom {
        left: 50px;
    }*/
}

@media (max-width: 460px) {
    .featurePopupDialog {
        max-width: 310px !important;
    }

    .featurePopupDialogWrapper .swiper-container {
        width: 300px !important;
    }

    .featurePopupDetails {
        overflow: auto;
        max-height: 100px;
    }

    div#promotions_calendar .wrapper:nth-child(3) {
        width: 300px;
    }

    #promotions_calendar span.previous {
        right: calc(50% + 150px) !important;
    }

    #promotions_calendar span.nextcall {
        left: calc(50% + 150px) !important;
    }

    .editProfileSuccess, .newsletterSuccess, .enquirySuccess, .feedbackSuccess {
        padding: 40px 24px;
    }
}

@media (max-width: 425px) {
    .selectedShopDineCatTitle {
        transform: translate(-50%, -180%);
    }

    .stepsDescWrapper .colorLine {
        width: 40px;
        height: 3px;
        margin: 12px 0;
        background-color: #c8c8c8;
    }

    .stepsRegisterContainer .stepsDescWrapper p {
        font-size: 13px !important;
        line-height: 18px !important;
    }

    div#sign_up_vivo_rewards .stepsDescWrapper h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .memberInfoWrapper.memberInfoWrapper input[type="submit"] {
        width: 45%;
    }

    .loginModalFooter p {
        width: unset; 
        margin-left: 0; 
        padding-top: 20px;
    }

    .downloadBtnWrapperLoginModal a.AndroidBtn img {
        margin-left: 0; 
    }

    .loginModalFooter {
        background-size: cover;
    }

    /* #footer .downlaodWrapper p {
        max-width: 220px;
    } */
}

@media (max-width: 400px) {
    div#promotions_calendar .wrapper:nth-child(3) {
        width: 240px;
    }

    #promotions_calendar span.previous {
        right: calc(50% + 120px) !important;
    }

    #promotions_calendar span.nextcall {
        left: calc(50% + 120px) !important;
    }

    .headerTitleContainer h1, .singlePostContainer h1, .guidePostWrapper h1, .singleStorePostTitle{
        transform: translate(-50%, -180%);
    }

    .selectedShopDineCatTitle {
        transform: translate(-50%, -100%);
    }

    p.touristAboutBtn.tabBtn:nth-child(2) {
        max-width: 165px; 
        padding-right: 0;
    }

    .nextCatBtn p.prevBackBtn.mobileShow {
        display: flex !important;
        flex-direction: column-reverse;
    }

    .prevCatBtn i.fa.fa-arrow-left {
        padding-bottom: 8px;
    }

    .nextCatBtn i.fa.fa-arrow-right {
        display: block;
        padding-bottom: 8px;
    }

    .loginModalContent .forgotPasswordBtn {
        max-width: 150px; 
    }

    p.prevBackBtn.mobileShow span {
        display: block;
    }

    .memberAccTitleWrapper.mobileShow {
        transform: translate(-50%, -100%);
    }

    /*.tooltip-bottom {
        left: 38%;
        top: 140%;
    }

    .tooltip-bottom::after {
        left: 22%;
        border-width: 7px;
    }*/
}

/*@media (max-width: 380px) {
    h3.gettingHereTitle {
        padding-left: 0 !important;
    }
}*/

@media (max-width: 376px) {
    p.signUpBtn.tabBtn:last-of-type {
        margin-right: -10px;
        max-width: 160px;
    }

    p.signUpBtn.tabBtn:last-of-type span:after {
        width: 65%;
    }

    .participatingStoreWrapper {
        width: calc(100vw - 48px);
    }

    .participatingStoreWrapper .swiper-container {
        width: 100%;
    }

    .participatingStoreWrapper .storeDetailsWrapper{
        overflow: auto;
        max-height: 210px;
    }

    /* .accordionItemHeading {
        max-width: 230px;
    } */

    div#mobile_motorcar .timeTabBtn:first-child >p {
        padding-right: 15px;
        padding-left: 0;
    }

    div#mobile_motorcar p.timeShow {
        font-size: 15px;
        line-height: 26px;
        font-weight: 300;
        padding-right: 0px;
        padding-left: 10px;
    }

    p.touristAboutBtn.tabBtn {
        padding: 0 29px 0 0;
    }

    .memberInfoWrapper.memberInfoWrapper input[type="submit"] {
        width: 50%;
    }

    .memberAccTitleWrapper.mobileShow {
        transform: translate(-50%, -100%);
    }

    p.exchangeTitle.exchangeColumn {
        max-width: 130px; 
    }

    .exchangeRow {
        text-align: center;
    }

    .newsletterModalContent .birthdateField .dateSelection {
        padding-right: 14px;
    }

    .newsletterModalContent .birthdateField .yearSelection {
        padding-left: 14px;
    }

    .newsletterModalContent {
        padding: 40px 16px;
    }
}

@media (max-width: 350px) {
    .promotionPageTypeTabContent .promotionDesc {
        height: 56px;
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 320px) {

    span.notAllCatogeries {
        font-size: 11px;
        line-height: 24px;
    }

    .memberAccTitleWrapper.mobileShow {
        transform: translate(-50%, -80%);
    }
}