@media only screen and (max-width: 768px) {

    body {
        width: 100vw;
        /*overflow-x:hidden;*/
    }

    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 30px;
    }


   .hl1 {
        font-size: 35px !important;
    }

   .hl2 {
        font-size: 30px !important;
    }

    .hl3 {
        font-size: 22px !important;
    }

    .t1 {
        font-size: 16px !important;
    }



    .mainNav {
        display: none;
    }

    .highlightBanner {
        position: relative;
        width: 100vw;
    }

    .headerLogo {
        padding-top: 5px;
    }

        .headerLogo img {
            width: 100%;
        }

    .highlightDetailBox .titleText {
        font-size: 35px;
        line-height: 1.2
    }

    .highlightDetailBox,
    .highlightEventBanner .highlightDetailBox {
        position: absolute;
        overflow: visible;
        height: 300px;
        width: 95%;
        padding: 30px;
        background-color: #ffffff;
        top: auto;
        left: 0%;
        bottom: 0;
        z-index: 999;
        line-height: 1;
        max-width: 100%;
    }

    .style4 .swiper-wrapper {
        width: 100% !important;
    }

    .style4 .swiper-slide {
        margin-left: 0 !important;
    }

    .style4 .highlightDetailBox .subTitleText {
        height: 100px;
    }

    .style4 .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 15px;
        top: auto;
        bottom: 10%;
    }

    .style1 {
        width: 100vw;
        min-height: 530px;
        height: 600px !important;
    }

    .style1 .highlightBanner{
        height:600px !important
    }

        .style1 .highlightDetailBox .titleText {
            /*font-size: 1.8rem;*/
            line-height: 1.2;
            height: 80px;
        }

        .style1 .subTitleText {
            height: 70px;
        }

        .style1 .highlightDetailBox {
            position: absolute;
            overflow: visible;
            height: 300px;
            width: 95%;
            padding: 30px;
            background-color: #ffffff;
            top: auto;
            left: 0%;
            bottom: -30px;
            z-index: 999;
            line-height: 1;
            max-width: 100%;
        }

    .homePage .style1 .highlightBanner img {
        max-width: 100% !important;
    }

    #locationBySearch {
        height: 0;
    }


    .homePage .style1 .highlightDetailBox .titleText {
        /*font-size: 1.8rem;*/
        height: 95px;
    }

    .homePage .style1 .subTitleText {
        height: 80px;
    }

    .style1 .swiper-container 
    {
        height:620px;
    }


    .homePage .style1 .highlightDetailBox {
        position: absolute;
        overflow: visible;
        height: 315px;
        width: 95%;
        padding: 30px;
        background-color: #ffffff;
        top: auto;
        left: 0%; 
        z-index: 999;
        line-height: 1;
        max-width: 100%;
    }

    /*.homePage .style1 .highlightBanner .swiper-pagination {
        top: auto;
        bottom: 50px;
        left: 25px !important;
    }*/

    .getLatestUpdateFormSection .titleText {
        font-size:30px;
    }


    .style1 .highlightDetailBox .titleText {
        /*font-size: 1.8rem;*/
        line-height: 1.2
    }

    .style2 .swiper-slide img {
        max-width: 100%;
        margin-right: 0;
        margin-top: 0;
        width: 100%;
    }

    .style2 .swiper-slide div {
        display: inline-table;
        float: right;
        top: -45px;
    }

    .style2 .highlightDetailBox {
        overflow: visible;
        height: 300px;
        width: 95%;
        padding: 30px;
        background-color: #ffffff;
        top: auto;
        right: 0;
        left: auto;
        bottom: 5%;
        position: relative;
        z-index: 999;
        line-height: 1;
        max-width: 100%;
    }

    .style2 .titleText {
        height: 40px;
    }

    .style2 .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 540px !important;
        left: 40% !important;
    }

    .style3 .highlightDetailBox {
        position: relative;
        font-weight: 300;
        height: 280px;
        width: 100%;
        padding: 25px;
        top: 0 !important;
        left: 0;
        right: 0;
        margin: auto;
        box-shadow: none;
        margin-bottom: 0;
        bottom: 0;
    }

    .promotionSection .style3 .highlightDetailBox .titleText {
        height:65px;
    }

    .promotionSection .style3 .highlightDetailBox .subTitleText {
        font-size: 14px;
    }


    .promotionSection .style3 .highlightBanner .swiper-pagination {
        text-align: left;
        left: 23px !important;
        bottom: 25px;
    }


    .promotionSection .style3 img {
        width: 100%;
    }

    .promotionSection .style3 .swiper-wrapper {
        width: 100% !important;
    }

    .promotionSection .style3 .swiper-slide {
        margin-left: 0;
    }

    .style4 img {
        width: 100%;
    }





        .style4 .highlightDetailBox .titleText {
            font-size: 35px;
            line-height: 1.2;
            height: 95px;
        }

    .highlightEventBanner .swiper-slide div {
        display: inline-table;
        float: right;
        top: -45px;
    }

    .highlightEventBanner .swiper-slide img {
        margin-top: 0;
    }

    .highlightEventBanner .highlightDetailBox {
        right: 0;
        left: auto;
        bottom: 5%;
        position: relative;
    }

    .freezeHeader #wrapper {
        padding-top: 77px;
    }



    .seeMore .seeMoreLink {
        padding: 15px 25px;
        font-size: 16px;
    }


    

    .highlightDetailBox .subTitleText {
        font-size: 16px;
        line-height: 1.4;
    }

    .popupRight.swipePagingBlack .swiper-pagination {
        left: 125px !important;
        top: auto;
        bottom: 5%;
    }

    .highlightBanner .swiper-container {
        height: 620px;
    }

    .style4 .highlightBanner .swiper-container{
        height:560px;
    }

    .style4 .highlightDetailBox {
        background-color: rgba(0, 0, 0, 0.7);
        height: 235px;
        width: 100%;
        color: #fff;
        top: 55%;
        left: 0;
        padding: 25px;
        top: auto !important;
        bottom: 25px;
    }


    .highlightEventBanner .highlightDetailBox h2 {
        font-size: 1.8rem;
    }

    .popupRight.swipePagingBlack .highlightBanner .swiper-pagination {
        left: 26px !important;
        top: auto;
        bottom: 10%;
    }

    #promotionItem {
        width: 100vw;
    }

        #promotionItem img.rsp {
            width: 100vw;
        }

        #promotionItem .container {
            width: 100vw;
        }

    .swiper-container {
        width: 100vw;
    }

    .promotionForm .sf_2cols_1_50,
    .promotionForm .sf_2cols_2_50 {
        width: 100%;
        margin-bottom: 20px;
    }

    .promotionForm button[type='submit'] {
        width: 84vw;
    }

    .interestBox.sf_colsOut {
        margin: 8px !important;
    }

    .subscribeForm .container {
        width: 100%;
    }

    .subscribeForm p {
        padding-left: 20%;
        padding-right: 20%;
    }

    /*.subscribeForm .colorBox {
        width: 165px;
    }*/

    .subscribeForm .interstingChoice .sf_colsOut {
        width: 50%;
    }

    .subscribeForm .interstingChoice .sf_4cols_2in_25,
    .subscribeForm .interstingChoice .sf_4cols_4in_25 {
        float: right;
        text-align: left;
    }

    .chooseMobile .channelBoxMobilePhone,
    .chooseEmail .channelBoxEmail,
    .chooseLine .channelBoxLine {
        margin-bottom: 60px;
    }

    .chooseMobile .channelMobilePhone {
        position: absolute;
        top: 50px;
    }

    .chooseEmail .channelEmail {
        position: absolute;
        top: 80px;
    }

    .chooseEmail.chooseMobile .channelEmail {
        top: 140px;
    }

    .style3 .subTitleText{
        height:50px;
    }


    .chooseLine .channelLine {
        position: absolute;
        top: 125px;
    }


    .chooseEmail.chooseLine .channelLine,
    .chooseMobile.chooseLine .channelLine {
        position: absolute;
        top: 185px;
    }

    .chooseEmail.chooseMobile .channelLine {
        top: 245px;
    }



    .chooseMobile .channelMobilePhone label,
    .chooseEmail .channelEmail label,
    .chooseLine .channelLine label,
    .chooseFacebook .channelFacebook label{
        display: none;
    }


    .subScribeChannel .sf_cols .sf_colsOut {
        width: 100%;
    }

        .subScribeChannel .sf_cols .sf_colsOut .channelCheckBox {
            width: 100%;
            text-align: left !important;
        }

    /*.subscribeSection button[type='submit'] {
        width: 70%;
    }*/

    .sf_1col_1_100
    .subscribeInput {
        position: unset;
        margin-top:-60px;
    }

    .subscribeInput .child-form-control input[type='text'] {
        width: 100%;
        margin-left: 0;
    }

    .subscribeInput .child-form-control input[type='email'] {
        width: 100%;
        margin-left: 0;
    }

    .leavingForm .btnWhite {
        width: 100%;
    }

    .leavingForm .btnBlack {
        width: 100%;
    }

    .promotionBanner .swiper-container {
        height: 550px;
    }

    .promotionBanner img {
        float: none;
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .promotionSection .highlightDetailBox {
        font-weight: 300;
        height: 235px;
        width: 100%;
        padding: 25px;
        top: 255px;
        left: 0;
        right: 0;
        margin: auto;
        box-shadow: none;
        margin-bottom: 0;
        bottom: -45px;
        box-shadow: 2px 2px 2px #000;
    }

    a.btnWhite:hover {
        color: #fff !important;
    }



    #promotionItem h1,
    .promotionContainer h1 {
        font-size: 1.6rem;
    }


    .style4 .highlightDetailBox .subTitleText {
        font-size: 14px;
    }

    .promotionSection, .highlightBanner .swiper-slide {
        height: 93%;
    }

        .promotionSection .highlightBanner .swiper-container {
            height: 505px;
        }


        .promotionSection .highlightDetailBox .titleText {
            font-size: 1.43rem;
        }

        .promotionSection .searchIcon,
        .promotionGroup .searchIcon {
            top: 8px;
            left: 10px;
            color: #999;
        }

        .promotionSection .searchSection .searchBox,
        .promotionGroup .searchBox {
            text-align: left !important;
        }

    .promotionGroup h1 {
        font-size: 22px;
    }

    .promotionGroup .jsBackButton {
        display: block;
        position: absolute;
        left: -5px;
        top: 10px;
    }



    .promotionSection .highlightDetailBox .subTitleText {
        font-size: 14px;
    }

    .promotionSection .promotionListCaption span,
    .promotionGroup .promotionListCaption span {
        font-size: 12px;
    }

    #newsSection .promotionListCaption span {
        font-size: 12px;
    }

    .promotionSection .highlightBanner {
        height: 535px;
    }

    /*.promotionWithThumbNail .swiper-wrapper {
        width: 95% !important;
    }*/

    .promotionSection h1 {
        font-size: 22px;
    }

    hr.short {
        border-bottom: solid 1px #fff;
    }

    .promotionContainer h3 {
        font-size: 1.5rem;
    }


    .eventDetailPage .highlightDetailWhiteBox {
        padding: 25px;
    }

    .eventSection .swiper-container {
        width: 90vw;
    }



    .getLatestUpdateForm h2 {
        font-size: 2.5rem;
    }

    #searchSecion {
        margin-top: 20%;
    }

    #newsSection img {
        width: 100%;
    }

    .eventSection .highlightBanner img {
        max-width: 100%;
    }

    .eventSection .highlightDetailBox {
        background-color: rgba(0, 0, 0, 0.9);
        height: 300px;
        top: 47%;
        width: 100%;
        padding: 20px;
    }

    .eventSection .subTitleText {
        font-size: 1rem;
        line-height: 1.6;
    }

    .eventSection .highlightDetailWhiteBox {
        height: 430px;
        width: 100%;
    }

    .eventSection .btnGetDirection {
        display: inline-table;
        width: 100%;
    }

    .eventSection h2 {
        font-size: 22px;
    }

    .eventSection .swiper-container {
        width: 100vw;
    }

    .eventSection .highlightBanner .swiper-pagination {
        bottom: 5%;
        left: 16px !important;
        top: auto !important;
    }

    .commingUpTime {
        font-size: 12px;
    }


    .eventDetailPage .highlightDetailWhiteBox {
        width: 95vw;
        right: auto;
        height: auto;
	left:0;
	margin-left:0;
    }

    .eventDetailPage .titleText {
        font-size: 2rem;
    }

    .eventDetailPage .highlightDetailWhiteBox .subTitleText {
        font-size: 14px;
        line-height: 1;
    }

    .eventDetailPage .container h1 {
        font-size: 30px;
        text-align: left;
    }

    .touristSection {
        width: 100vw;
    }

        .touristSection .highlightDetailBox {
            background-color: rgba(0, 0, 0, 0.7);
            color: #fff;
            height: 270px;
            width: 100%;
            top: 40%;
            left: 0;
            padding: 20px;
	    bottom:0;
        }

        .touristSection .highlightBanner .swiper-container {
            height: 550px;
        }

        .touristSection .titleText {
            font-size: 1.5rem;
        }

        .touristSection .rightDetailBox .titleText {
            font-size: 35px;
            line-height: 35px;
        }

        .touristSection hr.short.red {
            margin: 1rem 0;
        }

        .touristSection .rightDetailBox .subTitle {
            font-size: 14px;
        }

        .touristSection .highlightEventBanner .swiper-slide img {
            margin: 0;
            width: 100%;
        }

        .touristSection .nearbyAttraction .attractionItem img {
            width: 90vw;
        }


        .touristSection .swiper-slide {
            margin-left: 20px;
            width: 100%;
        }

        .touristSection .rightDetailBox {
            height: auto;
            width: 100%;
            top: 53%;
            right: 0;
            padding: 30px;
        }

        .touristSection .popupLeft.swipePagingWhite .swiper-pagination {
            left: 14% !important;
            top: 97%;
        }

        .touristSection .blogWithThumbNail .swiper-wrapper {
            width: 90%;
        }

        .touristSection h2 {
            font-size: 22px;
        }

        .touristSection .promotionContainer .swiper-container {
            width: 100vw;
        }

        .touristSection .highlightDetailBox .bigIcon i {
            font-size: 30px;
        }

        .touristSection .bigIcon span {
            font-size: 10px;
            display: block;
        }

        .touristSection .socialChanel img {
            width: 40%;
        }

    .feedbackCard .feedbackLinkImage {
        position: absolute;
        top: 90px;
        right: 142px;
        width: 26px;
        height: 26px;
    }


    .contactForm button[type='submit'] {
        padding: 20px;
        border: none;
        width: 100%;
    }

    .contactForm .child-form-control input[type='text'] {
        width: 100%;
        margin-bottom: 15px;
    }

    .contactUsSection .smallFont {
        font-size: 1rem;
    }

    .highlightDetailWhiteBox {
        position: relative;
        height: 550px;
        width: 95%;
        background-color: #ffffff;
        padding: 25px;
        top: 25%;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 2px 8px #0c0c0c;
        color: #0c0c0c;
    }

    .eventDetailPage .wv-90 {
	padding-left:0;
     }

    .eventDetailPage .highlightBanner{
        width:100vw;
    	max-width: 100vw !important;
    	min-width: 10vw !important;
    }

    .eventDetailPage .newsFullDetailPage .highlightBanner{
	width:100vw !important;
	max-width:100vw !important;
    }

    .eventSection .highlightBanner img{
	margin-left:0;
	max-width:100vw !important;
    }

    .wv-90 {
        margin: 0;
        width: 100vw;
    }


    /*#wrapper{
        display:none;
    }*/

    .highlightDetailWhiteBox .subTitleText {
        font-size: 18px;
    }
    /*.the1Section .container {
        width: 100%;
        padding:0;
    }*/
    .the1Section .highlightDetailBox {
        background-color: inherit;
        color: #fff;
        height: 290px;
        width: 100%;
        top: 50%;
        left: 0;
    }

        .the1Section .highlightDetailBox .subTitleText {
            line-height: 1.5;
        }

    .the1Section .titleText {
        font-size: 2.5rem;
    }

    .the1Section .highlightBanner {
        height: 570px;
    }

    .the1Section .membershipBox {
        text-align: left;
        display: flex;
        font-size: 0.8rem;
    }

    .the1Section div[data-sf-element='HighlightContent'] .swiper-container {
        height: 577px;
    }

    .the1Section .membershipBox h3 {
        font-size: 1.3rem;
    }

        .the1Section .membershipBox img {
            width: 100%;
        }

    .the1Section .the1Highlight2 .highlightDetailBox {
        position: relative;
        color: #000 !important;
        box-shadow: none !important;
        top: 0;
        margin-top: -667px;
    }

    .the1Section .section02 .highlightBanner {
        height: 350px;
    }

    .the1DisplayImage01Section {
        width: 100%;
        margin-top: 80px;
        z-index: 99;
    }

    .section01 .titleText, .section02 .titleText {
        font-size: 2rem;
        margin-top: 25px;
    }

    .the1JoinNow {
        position: absolute;
        top: 65px;
        right: 23px;
        width: 230px;
    }

        .the1JoinNow h3 {
            font-size: 1rem;
        }

        .the1JoinNow div {
            font-size: 10px;
        }

    .redeemCard .titleText {
        font-size: 1.5rem;
        margin-top: 0;
    }

    /*.the1DisplayImage01Section {
        position: relative;
        top: 0;
        left: 0;
        z-index: 99;
    }*/
    .the1Section h2 {
        font-size: 2.5rem;
    }

    .section01.container {
        height: inherit;
    }

    .blogSection {
        width: 100vw;
    }

        .blogSection .searchSection {
            height: 110px;
        }

        .blogSection h1 {
            font-size: 2rem;
        }

        .blogSection h2 {
            font-size: 22px;
        }

        .blogSection .highlightDetailBox {
            width: 100%;
            top: 44%;
            padding: 20px;
        }

        .blogSection .titleText {
            line-height: 1.2;
        }

        .blogSection .subTitleText {
            line-height: 1.5;
        }

        .blogSection .searchSection .has-search {
            width: 100%;
        }

        .blogSection .blogContainer img {
            width: 100%;
        }

    .blogLayoutImage2 {
        margin-top: 30px;
    }

    .blogLayout2, .blogLayout4 {
        background-color: inherit;
        height: auto;
    }

        .blogLayout2 .detailBox {
            background-color: #e97f93;
            top: 330px;
        }

            .blogLayout2 .detailBox:before {
                left: 0px;
                margin-top: 1rem;
                z-index: 99;
            }

            .blogLayout2 .detailBox:after {
                right: 40px;
                margin-bottom: -6.5rem;
            }

        .blogLayout2 .blogLayout2Image1 {
            top: -330px;
        }

        .blogLayout4 .blogLayout4Image1 {
            top: 45px;
        }

        .blogLayout4 .detailBox {
            position: inherit;
            bottom: -20px;
            background-color: #557753;
        }

            .blogLayout4 .detailBox:before {
                margin-top: 26rem;
                left: -5px;
            }

            .blogLayout4 .detailBox:after {
                margin-bottom: -6.5rem;
                right: 40px;
            }

    .text-left-xs {
        text-align: left !important;
    }

    h2.text-left-xs {
        padding-left: 15px;
    }

    .branchInformationSection {
        width: 100vw;
    }

        .branchInformationSection .highlightDetailBox {
            width: 100%;
            top: 0;
            left: 0;
        }

        .branchInformationSection .ourServiceItem {
            position: absolute;
            width: 100%;
            display: flex;
            overflow: auto;
        }

        .branchInformationSection .ourService img {
            width: 38px;
        }

        .branchInformationSection .ourService h3 {
            font-size: 14px;
        }

    .hallSection img {
        width: 100%;
    }

    .hallSection .swiper-wrapper {
        width: 100% !important;
    }

    .hallSection .highlightDetailBox {
        height: 480px;
        width: 100%;
        top: 39%;
        left: 0;
    }

        .hallSection .highlightDetailBox p {
            margin-bottom: 1rem;
        }

    .hallSection .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 10%;
   	bottom: 3%;
    	width: 200px !important;
  	text-align: left;
    }

    .contacUsMainBanner {
        height: 260px;
    }

    .hallSection .swiper-slide {
        margin-left: 0px;
        width: inherit !important;
    }

    .blogSection .searchCategory {
        position: absolute;
        width: 100%;
        display: flex;
        overflow: auto;
    }

    .blogSection .categoryList {
        display: flex;
        flex-wrap: nowrap;
    }

        .blogSection .categoryList .btn {
            font-size: 12px;
            line-height: 14px;
            padding: 8px 14px;
        }

    .contactUsSection .btnCpnGold {
        width: 100%;
    }

    .contactUsSection .contactInfo img {
        width: 5%;
    }

    .contactUsSection .chatIcon {
        text-align: center;
    }

    .contactUsSection .highlightDetailBox {
        position: relative;
        height: 53%;
        width: 100%;
        background-color: #0c0c0c;
        padding: 40px 5px;
        top: 0;
    }

    .shopInBranchSection .swiper-wrapper {
        width: 83% !important;
    }

    .shopInBranchSection .swiper-slide {
        width: 50% !important;
    }


        .shopInBranchSection .swiper-slide .logoBox {
            width: 100%;
            height: 170px;
            line-height: 170px;
        }

    .shopInBranchSection .logoBox img {
        object-fit: contain;
        max-width: 90%;
    }

    #directionPopup .modal-dialog {
        margin: 0 !important;
    }

    /*.showSwipePaging .swiper-wrapper {
        padding: 0;
    }*/

    .showSwipePaging .swiper-pagination{
        bottom:0.5rem !important;
    }

    .blogWithThumbNail .swiper-container {
        height: auto;
    }

    .categoryList img {
        width: 65%;
    }

    .categoryList span {
        font-size:13px;
    }

    .categoryList #searchSecion {
        margin-top: 20%;
    }

    .categoryList .btn {
        font-size: 0.7rem;
    }

    .serviceSection img {
        width: 100%;
    }

    .mobileShowSwipePaging .swiper-pagination {
        display: block;
    }
    /*.serviceSection .highlightDetailBox {
        background-color: rgba(0, 0, 0, 0.7);
        height: 260px;
        width: 100%;
        color: #fff;
        top: 55%;
        left: 0;
        padding: 25px;
    }*/
    .serviceSection .titleText {
        font-size: 1.3rem;
    }

    .serviceSection .subTitleText {
        font-size: 14px;
        line-height: 1.5;
    }

    .serviceSection .searchCategory {
        position: absolute;
        width: 100%;
        display: flex;
        overflow: auto;
    }

    .serviceSection .categoryList {
        display: flex;
        flex-wrap: nowrap;
    }

    .serviceSection .searchSection {
        height: 110px;
    }

    .serviceSection .categoryList .btn {
        font-size: 1rem;
    }

    .serviceSection .serviceCard {
        position: inherit;
    }

    .serviceSection .serviceCardText {
        position: absolute;
        top: 30px;
        left: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .serviceSection .serviceBigBox .serviceTableTag {
        top: 16px;
    }

    .serviceSection .serviceTableTag {
        width: 160px;
        top: 190px;
    }

    .serviceSection .serviceCardCaption .titleText {
        height: 34px;
    }

    #smartSearch {
        width: 90%;
    }

    #personalizedSection .container {
        padding-left: 0;
        padding-right: 0;
    }

    .rsp {
        display: block;
    }

    .desktop {
        display: none;
    }

    #locationDropdown select {
        display: none;
    }

    #rspNav {
        position: absolute;
        right: 0;
        top: 0;
        padding: 22px 15px 15px 20px;
        display: block;
    }

        #rspNav img {
            width: 35px;
        }

    .eventBanner h5 {
        font-size: 2rem;
        font-weight: bold;
    }

    .eventBanner {
        background-size: contain;
        background-color: transparent;
        background-repeat: no-repeat;
    }

    .eventBanner, .promotionPersonalizationSection {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

        .eventBanner .swiper-slide,
        .promotionPersonalizationSection .swiper-slide {
            width: inherit !important;
        }

    .eventItem, .promotionItem, .blogItem, .blogItemhomePage {
        padding: 0;
    }

    .swiper-slide {
        margin-left: 20px;
        width: inherit !important;
    }
    /*.eventBanner .swiper-wrapper {
            width: 90% !important;
        }*/
    .swiper-wrapper {
        width: 93% !important;
    }


    /*.bannerAutoBackground .swiper-slide,
    .contentWithBackground .swiper-slide {
        width: 100% !important;
    }*/

    /*.eventItem, .promotionItem, .blogItem, .blogItemhomePage
    {
        width:100% !important;
    }*/


    .contentWithBackground {
        background-size: 100%;
        width: 100vw;
        overflow-x: hidden;
    }

    .style4 .swiper-wrapper {
        width: 100% !important;
    }

    .style4 .swiper-slide {
        margin-left: 0 !important;
        height:100%;
    }

    .mainNav select {
        display: block;
    }

    .personalizedSection .cardItem:nth-child(even) {
        margin-top: 0;
    }

    .blogStyle:not(.onFilter) .swiper-slide:nth-child(even), .blogStyle .swiper-slide.up {
        padding-top: 0;
    }

    .searchResultSection #shopLandingPage .logoBox {
        height: 85px;
        line-height: 85px;
        width: 85px;
    }

    .the1Section .style4.text-black {
        height: 630px;
    }

        .the1Section .style4.text-black .highlightDetailBox {
            top: 40px !important;
            position: absolute;
            bottom: auto;
            color: #000 !important;
        }

    .the1Section #Body_C001_Col09{
        float:left;
    }

        .the1Section #Body_C001_Col09 img.rsp {
            position:relative;
        }

    .the1Section #Body_C001_Col10{
        float:right;
    }

    .searchResultSection #shopLandingPage h1 {
        padding-top: 10px;
        font-size: 18px;
    }

    #shopLandingPage {
        padding: 25px 0;
    }

        #shopLandingPage .shareIconSet {
            padding-top: 0 !important;
        }

   
    .blogWithThumbNail {
        max-width: 100%;
        width: 100%;
    }

    /*.blogWithThumbNail img {
            width:90%;
        }*/

    #locationDropdown i.cpn-icon-pin-fill,
    #rspNav i {
        font-size: 30px;
    }

    .touristTemplate #rspNav {
        padding:15px 15px 13px 20px
    }

    .touristTemplate.showRspMenu  #mainNavPopup {
        width: 100%;
        left: 0;
        position: fixed;
        top: 68px;
        height: 100vh;
    }


    /*.blogWithThumbNail .swiper-slide {
        width: auto !important;
    }*/

    .blogWithThumbNail .swiper-wrapper {
        width: 90vw;
    }


    .searchSection .newsGroupBtn {
        max-width: 70px;
    }

    /*.blogWithThumbNail {
        width: 90vw;
        margin: auto;
    }*/

    .eventBanner .swiper-slide {
        width: inherit !important;
    }

    .eventBanner .eventItem img {
        /*width: 85%;*/
        width: 100%;
        text-align: left;
    }

    /*.swiper-slide img {width:100%;}*/

    .eventBanner .container {
        padding: 0;
    }

    #locationDropdown span, #locationDropdown i.cpn-icon-arrow-down {
        display: none;
    }

    .highlightEventBanner .swiper-slide img {
        max-width: 100%;
        margin-right: 0;
        width: 100%;
    }

    /*.highlightBanner .swiper-pagination {
        left: 33% !important;
        right: auto !important;
        top: 91%;
    }*/

    .highlightBanner img,
    .eventBanner .container {
        max-width: 100% !important;
    }

    .has-search {
        width: 85%;
    }

    .searchSection .searchIcon {
        font-size: 20px;
        left: 10px;
        top: 9px;
        color: #fff;
    }

    .searchSection .searchBox {
        background-color: #373737eb;
        color: #fff;
        border-radius: 8px;
    }


    #bgBlur {
        height: 160vh;
    }


    .highlightDetailBox #bgBlur {
        background-size: cover;
        background-position: center center;
        height: 120vh;
    }

    .style2 .swiper-wrapper {
        width: 100% !important;
    }

    .style2 .swiper-slide {
        margin-left: 0;
    }


    .highlightBanner .swiper-wrapper,
    .highlightEventBanner .swiper-wrapper {
        width: 100% !important;
    }

    .highlightBanner .swiper-slide,
    .highlightEventBanner .swiper-slide {
        margin: 0;
    }
    /*footer
    {
        display: none;
    }*/
    footer .privacy ul li {
        display: inline-block;
        padding-right: 20px;
        border-right: none;
    }

        footer .privacy ul li:last-child {
            padding-left: 0;
            border: 0;
        }


    .promotionWithThumbNail .swiper-slide {
        margin-right: 0 !important;
    }

    .bgNoneRsp {
        background: none !important;
    }

    .bgCoverRsp {
        background-size: cover !important;
    }

    #splashBanner .btn {
        width: 80%;
    }

    #splashBanner .mainBanner {
        top: 2vh;
        margin-left: -15px;
    }

    #splashBanner i {
        top: 1.5vh;
    }

    #splashBanner img {
        margin-top: 7vh;
        width: 100%;
    }

    .swiper-pagination-bullet {
        background-color: #fff;
        opacity: 0.9
    }

    .highlightBanner .swiper-pagination-bullet {
        left: 0 !important;
    }

    /*footer {width:80%; margin-left:10%;}*/

    .noBorderTopRsp {
        border-top: 0 !important;
    }

    .branchInformationSection .highlightDetailBox {
        position: relative;
        left: 0;
        margin-top: 0;
        max-width: 100%;
        width: 100%;
        padding: 25px;
    }


    .cpnPopup .modal-content {
        width: 100vw;
    }

    .blogSection .smallBox {
        height: auto;
    }

    .blogSection .bigBox .blogTitle {
        width: 98%;
        height: 98%;
        padding: 0;
        cursor: default;
        padding-top: 15%;
        left: -12px;
        top: -12px;
    }

    .blogSection .smallBox .blogTitle {
        width: 96%;
        height: 96%;
        padding: 15px;
        left: -12px;
        top: -12px;
    }

    .locationSwitch a {
        font-size: 13px;
    }


    .directorySearch #searchPopup .searchTitle {
        display: none;
    }

    .directorySearch #searchPopup .directory {
        display: block;
    }
    /*.currentLocation i.cpn-icon-pin {
        font-size: 26px;
    }*/
    #newsSection .promotionListCaption a:hover {
        text-decoration: none;
    }

    .locationItem a {
        font-size: 16px;
        border-bottom: solid 1px #333;
        padding: 20px 10px 20px 35px
    }

        .locationItem a i {
            font-size: 28px;
            vertical-align: middle;
            line-height: 35px;
            margin-right: 10px;
            color: #ddd;
            margin-top: -8px;
        }

    #locationSelect {
        position: fixed;
        padding: 1rem !important;
    }

        #locationSelect h1 {
            font-size: 2rem;
        }

    .privacySection h2 {
        font-size: 30px;
    }


    .privacySection h5 {
        font-size: 14px;
    }

    .privacySection ul,
    .privacySection ol {
        padding-left: 15px;
    }

    .privacySection .btn-link {
        padding-left: 0;
        padding-right: 10px;
    }

        .privacySection .btn-link::after {
            position: absolute;
            right: 0;
            top: 22px;
        }

    #locationSelect .locationItem {
        width: 100% !important;
    }

        #locationSelect .locationItem div {
            padding: 20px 0;
            font-size: 22px;
        }

    .privacySection {
        font-size: 13px;
    }

    #locationSelect .itemFullWidth {
        height: 38vh !important;
        overflow: scroll;
    }

    .w-xs-90pc {
        width: 90% !important;
    }
    /*#Body_C001_Col04 {
        display: none;
    }*/

    .usp i {
        font-size: 40px;
    }

    .usp span {
        line-height: 15px;
        font-size: 11px;
        margin-top: 3px;
        width: 100%;
    }

    .touristSection .blogWithThumbNail .swiper-slide {
        padding-top: 0;
    }


    .usp .uspBorder {
        padding: 15px 0;
    }

    .bgMobileNone {
        background: none !important;
    }

    .footerLogo {
        width: 200px;
    }

    .sponsor {
        font-size: 11px;
    }

    footer .social {
        padding-bottom: 40px;
    }

    footer .callcenter {
        position: absolute;
        bottom: 0
    }

    footer .copyRight li {
        display: inline-table;
        width: 100%;
        padding: 5px 0;
    }

    footer .copyRight .privacy {
        border-bottom: solid 1px #aaa;
        padding-bottom: 20px !important;
        display: inline-table;
        width: 100%;
    }


    .showSearch #searchPopup .searchIcon {
        left: 8px;
        top: 6px;
    }


    .showSearch .searchCategory .searchItem {
        min-width: 40%;
        width: auto;
    }

        .showSearch .searchCategory .searchItem a {
            width: 100%;
        }

    #stickySearch {
        width: 45px;
        height: 45px;
        line-height: 61px;
        font-size: 28px;
        top: 0;
        z-index: 25;
        right: 50px;
        line-height: 20px;
        position: absolute;
        padding-top: 8px;
    }

        #stickySearch i {
            font-size: 25px;
        }

    #searchPopup {
        top: 0;
        background-color: rgba(12, 12, 12, 0.99)
    }


        #searchPopup .closePopup {
            right: 0;
        }

        #searchPopup .searchTitle {
            font-size: 28px;
            padding-bottom: 10px;
            width: 49%;
            display: inline-block;
        }


        #searchPopup .searchInLocation {
            width: 50%;
            display: inline-block;
            position: absolute;
        }

    .directorySearch #searchPopup .searchInLocation {
        position: relative;
        width: 100%;
    }

    #searchPopup .floorPlan {
        display: none;
    }

    .directorySearch .floorPlan {
        margin-top: 5px;
    }

    #searchResult .logoBox {
        width: 85px;
        height: 85px;
        line-height: normal;
        display: inline-block;
        vertical-align: top;
        line-height: 85px;
    }

    #searchResult .contentBox {
        display: inline-block;
        width: 74.5%;
        padding-left: 30px;
        vertical-align: top;
        line-height: 20px;
        margin-top: -5px;
        height: 90px;
        position: relative;
    }

    #searchResult .branchText {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .showSelectLocation #stickySearch {
        display: none;
    }

    .promotionLandingPage .promotionViewAllLink {
        display: block;
        float: right;
        right: 0;
        margin-top: -55px;
        text-align: right !important;
        position: absolute;
    }

    .promotionLandingPage .promotionViewAllLink {
        display: block;
        float: right;
    }

        .promotionLandingPage .promotionViewAllLink a.btnWhite,
        .promotionLandingPage .promotionViewAllLink a.btnWhite:hover {
            background-color: transparent;
            color: #fff;
            text-decoration: underline;
        }

        .promotionLandingPage .promotionViewAllLink a {
            text-align: right;
            font-size: 12px;
            line-height:24px;
            padding-right:0 !important;

        }

    .promotionLandingPage .has-search {
        width: 100%;
    }

    .mobileSwipePagingNone .swiper-pagination {
        display: none;
    }

    .mobileSwipeButtonNone .swiper-button-next,
    .mobileSwipeButtonNone .swiper-button-prev {
        display: none !important;
    }


    .categoryList .btn {
        min-width: 80px;
        line-height: 13px;
    }

    .searchCategory {
        overflow: scroll;
    }

    #promotionItem {
        width: 100vw;
    }

        #promotionItem img.rsp {
            width: 100vw;
        }

        #promotionItem .container {
            width: 100vw;
        }

    /*.swiper-container {
        width: 100vw;
        margin-left: 0;
        padding-bottom: 45px;
    }*/


    .promotionForm .sf_2cols_1_50,
    .promotionForm .sf_2cols_2_50 {
        width: 100%;
        margin-bottom: 20px;
    }

    .promotionForm button[type='submit'] {
        width: 84vw;
    }


    .showRspMenu header {
        background-color: #000;
        height: 170vh;
    }

    .showRspMenu .mainNav {
        display: block;
        position: absolute;
        height: 85vh;
        z-index: 20;
        background-color: #000;
        width: 100vw;
        overflow-y: auto;
    }

    .showRspMenu #wrapper {
        display: none;
    }

    .showRspMenu .socialNetwork {
        display: block !important;
        /*position:absolute;*/
        /*bottom:65px;*/
        /*z-index:21;*/
        width: 100% !important;
        max-width: 100%;
        left: 0;
        text-align: left !important;
    }

    .showRspMenu .mainNav .socialNetwork li {
        width: auto;
        min-width: 45px;
        border: none;
    }

    .showRspMenu .languageSwitcherli {
        display: inline-table !important;
        width: 100% !important;
        padding-top: 30px !important;
        padding-left: 15px;
    }

    .showRspMenu #cookieAcceptance {
        display: none;
    }

    .showRspMenu #stickySearch {
        display: none;
    }

    .showRspMenu .mainNav ul {
        padding-left: 0;
    }

        .showRspMenu .mainNav ul li {
            width: 100%;
            border-bottom: solid 1px #333;
            text-align: left;
            position: relative;
            padding-left: 0;
            padding-right: 0;
        }

            .showRspMenu .mainNav ul li a {
                padding: 15px;
                display: inline-table;
                width: auto;
            }

            .showRspMenu .mainNav ul li i {
                position: absolute;
                right: 20px;
                top: 18px;
                z-index: 12;
            }

    .showRspMenu .mainNav #social .socialNetworkList i {
        font-size: 24px;
        top: 0;
    }

    .showRspMenu .mainNav #social .socialNetworkList a {
        padding: 0;
    }

    .subMenuPopup {
        border-top: none;
        margin-top: 0;
        padding-bottom: 20px;
    }

        .subMenuPopup strong {
            font-size: 26px;
            line-height: 50px;
            margin-top: 0;
        }

        .subMenuPopup .content {
            position: absolute;
            z-index: 10;
            bottom: 0;
            font-size: 10px;
            width: 100%;
            max-width: 100%;
            background-color: rgba(0, 0, 0, 0.70);
            padding: 10px;
            color: #fff;
            height: 120px;
        }

            .subMenuPopup .content .title {
                font-size: 18px;
                line-height: 25px;
                padding-top: 10px;
            }

    .mainNav ul li.active .subMenuPopup a {
        color: #000 !important;
        padding: 10px 0;
    }

    .mainNav ul li.active .subMenuPopup .content a {
        color: #fff !important;
        text-decoration: underline !important;
        font-size: 10px;
        position: relative;
        display: block;
    }

    .mainNav ul li.active .subMenuPopup .content hr.orange {
        border-bottom: solid 3px #F8B600
    }

    .mainNav ul li.active .subMenuPopup {
        display: block !important;
        position: relative;
        margin-top: -55px;
    }

    .showRspMenu .mainNav ul li .subMenuPopup i {
        right: 23px;
        top: 20px;
        font-weight: bold;
    }

    .showRspMenu .mainNav ul li .subMenuPopup .highlightImage img {
        width: 100%;
    }

    .freezeHeader header {
        overflow: scroll;
        /*padding-bottom: 40px;*/
        position: fixed;
    }

    .showRspMenu.freeze {
        height: auto !important;
        overflow: visible !important;
    }

    .showRspMenu.freezeHeader header {
        /*height: 100vh;*/
        overflow: visible;
        /*position: absolute !important;*/
        position: fixed;
        height: auto;
    }


    .subMenuPopup .suggestion {
        position: relative;
    }

    .subMenuShow .subMenuPopupMask {
        display: none !important;
    }

    .subMenuShow .promotionSubMenu {
        left: 0;
        position: relative;
    }

    .closeMenuPopup {
        display: none
    }

    .showRspMenu .openMenuPopup {
        display: none;
    }

    .showRspMenu .closeMenuPopup {
        display: block;
    }

    #cookieAcceptance {
        font-size: 10px !important;
        z-index: 99;
    }

        #cookieAcceptance h4 {
            font-size: 22px;
        }

        #cookieAcceptance p {
            font-size: 16px;
        }

    .touristSection {
        width: 100vw;
    }


    .promotionForm .sf_2cols_1_50,
    .promotionForm .sf_2cols_2_50 {
        width: 100%;
        margin-bottom: 20px;
    }

    .promotionForm button[type='submit'] {
        width: 84vw;
    }

    /*.shareTo {
        display: inline-block;
    }*/
    .sharedToMask {
        display: none;
    }

    .shareIconSet {
        padding-top: 13px !important;
        margin-right: -5px;
    }

    span.cpn-icon-shared.sharedIcon, .shareTo span {
        font-size: 26px !important;
    }

    .sharedIcon {
        vertical-align: top;
        line-height: 28px;
    }

    #shopLandingPage .getDirection {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 75px;
        background-color: #000000ba;
        z-index: 999;
        left: 0;
        padding: 15px;
    display:block;
        }

    #shopLandingPage .getDirection a{
        width:100%;
    }

    .freezeHeader .headerLogo img {
        max-width: 90px;
        padding-top: 0 !important;
    }

    /*.freezeHeader header {
        padding-top:10px;
    }*/

    .freezeHeader header .borderBottom {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .freezeHeader.showRspMenu {
        position: absolute !important;
    }

    #social {
        padding-left: 15px;
        padding-top: 20px;
    }

    .blogGallery .blogBox {
        padding: 0 !important;
    }

    .blogGallery .rsp .imgMask {
        height: 320px;
        width: 87vw;
        background-size: cover;
    }

    .blogSection .blogGallery .blogImageGallery .swiper-slide {
        padding: 0;
    }

    .blogSection .blogGallery .blogImageGallery .gallery-thumbs .swiper-slide {
        width: 30% !important;
        height: 80px;
    }

        .blogSection .blogGallery .blogImageGallery .gallery-thumbs .swiper-slide:first-child {
            margin-left: 5px !important;
        }

    .blogImageGallery .gallery-top .swiper-wrapper {
        width: 95% !important;
    }

    .blogSection .blogGallery .blogImageGallery .gallery-thumbs {
        width: 75%;
    }

        .blogSection .blogGallery .blogImageGallery .gallery-thumbs .swiper-wrapper {
            margin: 0;
        }

    .blogSection .blogGallery .blogImageGallery .swiper-button-prev {
        left: 20px;
    }

    .blogSection .blogGallery .blogImageGallery .swiper-button-next {
        right: 20px;
    }

    .blogSection .blogGallery .blogImageGallery .gallery-top .swiper-slide {
        margin: 0;
        width: 100vw !important;
        padding: 20px !important;
    }

    .blogImageGallery .container {
        padding: 20px !important;
    }

    .blogImageGallery .closePopup {
        z-index: 10;
    }

    #searchMask {
        width: 100%;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.50);
        z-index: 90;
        position: fixed;
        display: none;
        top: 0;
        left: 0;
    }

    .searchHistory {
        height: 90px;
    }

    .showSearch #searchMask {
        display: block;
    }

    .showSearch .highlightDetailBox
  {
        z-index:0;
    }

    .shopCategoryList {
        overflow-x: scroll;
        overflow-y:hidden;
        height: 110px;
    }

    .shopCategory {
        width: 70px;
        padding-right: 10px;
    }

    .shopCategoryList a {
        width: 85px;
        padding-right: 10px;
    }
    .shopCategory label {
        width:84%;
    }


    .searchResultSection .clearText{
        right:10px;
    }


    .swiper-pagination {
        text-align: left;
        display: block;
        width: 100% !important;
        text-align: center;
    }

    .highlightDetailBox #bgBlur {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.2;
        background-size: cover;
    }

    .blurMobileOnly #bgBlur {
        display: block
    }

    .shopSearchResult .swiper-container {
        width: auto;
    }

    .otherSection strong {
        font-size: 16px;
    }

    .otherSection p, .otherSection small {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .otherSection .border-bottom-rsp {
        border-bottom: solid 1px #333;
        padding: 20px 0;
    }

    .searchResultSection .categoryList span {
        padding-top: 0;
        font-size: 11px;
        padding: 0 2px;
    }



    .searchResultSection .categoryList .btn {
        min-width: 130px;
        margin-right: 10px !important;
    }

    .shopSearchResult p a.directorySearch.btn {
        width:100%;
    }

    .searchResultSection .paging {
        display: none;
    }

    .searchResultSection .shopSearchResult .swiper-wrapper {
        width: 100% !important;
    }

    .searchResultSection .shopSearchResult .swiper-slide {
        width: 100%;
        margin-left: 0;
        padding: 20px 0;
        display: inline-table;
        border-bottom: solid 1px #333;
        padding-left:0 !important;
    }

        .searchResultSection .shopSearchResult .swiper-slide .logoBox {
            width: 25%;
            height: 80px;
            display: inline-block;
            line-height: 80px;
        }

        .searchResultSection .shopSearchResult .swiper-slide .shopContent {
            width: 70%;
            display: inline-block;
            vertical-align: top;
            padding-left: 15px;
        }

    .searchResultSection .directorySearchSection .swiper-slide .logoBox {
        width: 22%;
        height: 70px;
        display: inline-block;
        line-height: 65px;
    }

    .blogSection iframe {
        width: 100%;
        height: 100% !important;
        min-height: 200px;
        min-height: 300px;
        border: 0 !important;
    }

    .blogSection div[contenteditable='false'] {
        width: 100% !important;
        min-height: 200px;
        min-height: 300px;
        height: 100% !important;
    }

    .blogSection .highlightBanner .swiper-container {
        height: 585px;
        padding-bottom:0;
    }

    /*.blogSection .swiper-pagination {left:15px !important;}*/

    .blogSection .highlightDetailBox {
        height: 275px;
        bottom: 0;
        top: auto !important;
    }

    /*.blogSection .highlightBanner .swiper-pagination {
        bottom:65px;
        top:auto;
    }*/

    .blogSection .highlightDetailBox .titleText
    {
        height:70px
    }
    .blogSection .highlightDetailBox .subTitleText {
        height: 50px
    }

    .searchNotFound .shopSearchResult .d-flex {
        overflow: scroll;
    }

    .searchNotFound .shopSearchResult .swiper-slide {
        width: 40% !important;
        padding: 0;
        margin-left: 0;
        margin-right: 20px;
    }

    .searchNotFound .shopSearchResult .logoBox {
        height: 140px;
        line-height: 140px;
    }

    .searchNotFound h1 {
        font-size:25px;
    }

        .searchNotFound .shopSearchResult .logoBox img {
            width: 70%;
        }

    .directorySearchSection .row {
        margin-left: 0 !important;
    }

    .directorySearchResult .subCategoryList {
        display: none;
    }

    .rspDirectoryFilter {
        position: absolute;
        right: 0;
        top: -5px;
        z-index:10;
        font-size:14px;
        display:block;
    }

        .rspDirectoryFilter i {font-size:18px;display:inline-block;}

        .filter .directorySearchResult .subCategoryList {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100vh;
            z-index: 26;
            background-color: #000;
            overflow: scroll;
        }

        .filter .directorySearchResult .subCategoryList .subCategoryItemList {
            background-color: #222;
            max-height: 60vh;
            overflow: scroll;
            height: auto;
        }

            .filter .directorySearchResult .subCategoryList .subCategoryItem.active a{
                color:#fff;
            }

    .subCategoryList .subCategoryItem.active .circle{
        background-color:#fff;
    }

    .filter .closeFilter {
        width: 100%;
    }

    #floorPlanPopup .modal-dialog {
        margin:40% 0 0;
    }

    .usp .icon {
        padding:0;
        padding-bottom:10px;
        font-size:35px;
    }

    .touristSection .sfContentBlock strong {
        font-size:30px !important;
    }


    .touristSection .sfContentBlock {
        padding-left:20px;
        padding-right:20px;
    }

    .hideSwiperPagination .swiper-container {
        padding-bottom:0;
    }

    .touristSection .subBanner .swiper-wrapper{
        width:100% !important;
    }

    .touristSection .subBanner .swiper-slide {
        margin-left:0;
    }

    .touristSection .mapBox iframe {
        height:250px;
    }
    .touristSection #Body_C060_directionTouristSection .highlightBanner {
        height:600px;
    }

    .touristSection #Body_C060_directionTouristSection .highlightDetailBox{
        top:250px;
        height:350px;
    }

    .directoryBack {
        left: 0;
        top: 10%;
    }

    .personaCategory .container {
        padding:0;
  
    }

    /*.highlightBanner .swiper-container {
        padding-bottom:10px;
    }*/

    .contactUsSection .contactInfo .sf_colsOut,
    .contactUsSection .contactInfo .sf_colsOut:last-child {
        width: 100%;
    }

    #subscribeSuccessful{
        min-width:100vw;
    }

    .searchCategory .categoryList {
        overflow: visible;
        display: block;
        white-space: nowrap;
    }

    .promotionSection h4.hl2 {
        width:80%;
	font-size:26px !important;
    }
}


/* Scrolling styel */
@media (min-width:800px) {

    ::-webkit-scrollbar {
        width: 10px;
    }

    ::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #555;
    }


    #wrapper {
        width: 100%;
        display: block;
        min-width: 1200px;
        /*max-width: 1400px;*/
        margin: auto;
    }

    .highlightBanner,
    .highlightEventBanner{
        max-width: 1400px;
        min-width: 1200px;
        margin:auto;
    }


    .style4 .highlightBanner {
        width: 100% !important;
        max-width: 100% !important;
    }

    .style4 .highlightBanner  img{
        max-width:100%;
    }

    .promotionLandingPage {
        max-width: 1000px;
        margin: auto;
    }


}

@media (min-width:1000px) and (max-width:1399px)
{
    .highlightDetailBox, .topStoryDetailBox {
        padding: 7% 5% 5% 5%;
    }

    .highlightEventBanner .highlightDetailBox{
        padding: 4% 3% 3% 3%;
    }

    .popupRight.swipePagingBlack .swiper-pagination {
        /*right: 11%;*/
        /*top: auto;
        bottom: 20%;*/
    }

    .mainNav ul li a {
        font-size:1rem;
    }

    .titleText {font-size:2rem;}

    .eventSection .subTitleText {
        font-size: 12px;
    }

    .underLine {
        text-decoration:underline;
    }


}



    @media (min-width:1240px) and (max-width:1300px) {
        /*.popupRight.swipePagingBlack .swiper-pagination {
        right: 10.5%;
    }*/
        .blogSection .highlightDetailBox {
        padding: 4%;
    }
}

@media (min-width:1301px) and (max-width:1400px) {
    /*.popupRight.swipePagingBlack .swiper-pagination {
        right: 10.5%;
    }*/

    .blogSection .popupRight.swipePagingWhite .swiper-pagination
    {
        right:19.5%;
        top:76%;
    }

    .blogSection .highlightDetailBox {
        padding: 4%;
    }

    .style2 .highlightDetailBox {
        padding: 3%;
        height:100%;
        max-height: 410px;
        top:16%;
    }

    .style1 {height:560px;}
    .style2 {
        height: 550px;
    }


}


    @media (min-width:1401px) {
        /*.popupRight.swipePagingBlack .swiper-pagination {
        right: 14.5%;
    }*/


        .style1 {
            height: 625px;
        }
    }

    /*.headerLogo img {
    display: block;
    margin: auto;
}
.mainFooter {
    background-color: #000000;
    color: #ffffff;
}
.mainNav ul {
    display: inline-table;
    width: 100%;
    list-style-type: none;
    text-align: center;
}
.mainNav ul li {
    width: 150px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    display: inline-block;
}
.mainNav div {
    width: 100%;
}
.branchImage {
    display: flex;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
}
.branchList {
    margin-bottom: 20px;
}
.stockBanner {
    height: 200px;
    background-color: #EBEDEF;
    
}
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 5%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #a78241;
}
*/