@font-face{
  font-family: "Helvetica Neue";
  src: url("https://assets.sandsresortsmacao.cn/content/sl-plus/font/HelveticaNeue.ttc");
}

body:lang(en){
   font-family: Helvetica Neue,Helvetica, Arial !important;
}
/* common */

main h1,
main h2,
main h3,
main h4 {
    /*font-weight: 500;*/
    font-weight: 400;
    letter-spacing: .5px;
}

main h1 {
    font-family: Helvetica Neue;
    font-size: 30px;
    line-height: 30px;
}

main h2 {
    font-family: Helvetica Neue;
    font-size: 24px;
    line-height: 30px;
}

main h3 {
    font-family: Helvetica Neue;
    font-size: 20px;
    line-height: 24px;
}

main h4 {
    /*font-family: Helvetica Neue;*/
    font-family: "Lato", "Segoe UI", -apple-system,  system-ui, BlinkMacSystemFont, sans-serif, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
    font-size: 17px;
    line-height: 21px;
}

/* for header paragraph component */

.util__style--p,
section p {
    font-size: 14px;
    line-height: 22px;
}

@media (min-width: 1024px) and (max-width: 1024px){
    main h1 {
        font-size:3.2rem;
        font-weight:700;
        line-height:4.2rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    main h2 {
        font-size: 30px;
        line-height: 36px;
    }

    main h3 {
        font-size: 20px;
        line-height: 25px;
    }

    main h4 {
        font-size: 18px;
        line-height: 25px;
    }

    .util__style--p,
    section p {
        font-size: 14px;
        line-height: 22px;
    }
}

@media only screen and (min-device-width: 1366px)  {
    main h1 {
        font-size: 45px;
        line-height: 50px;
    }

    main h2 {
        font-size: 35px;
        line-height: 45px;
    }

    main h3 {
        font-size: 24px;
        line-height: 30px;
    }

    main h4 {
        font-size: 20px;
        line-height: 25px;
    }

    .util__style--p,
    section p {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (min-device-width: 1920px)  {
    main h1 {
        font-size: 50px;
        line-height: 58px;
        font-weight: 700;
    }

    main h2 {
        font-size: 42px;
        line-height: 50px;
        font-weight: 700;
    }

    main h3 {
        font-size: 34px;
        line-height: 42px;
        font-weight: 700;
    }

    main h4 {
        font-size: 26px;
        line-height: 34px;
        font-weight: 700;
    }

    main h5 {
        font-size: 18px;
        line-height: 26px;
        font-weight: 700;
    }

    .util__style--p,
    section p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }
}


/*added by chenqi 20220509*/
@media only screen and (min-device-width: 1440px) {
    main h1 {
        font-weight: 400;
        font-size: 50px;
        line-height: 66px;
        /* identical to box height, or 132% */
        text-align: center;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #000000;
    }

    main h2 {
        font-size: 28px;
        line-height: 36px;
        font-weight: 700;
    }

    main h3 {
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
    }

    main h4 {
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
    }

    main h5 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
    }


    .util__style--p,
    section p {
        font-size: 28px;
        line-height: 36px;
        font-weight: 700;
    }
}

@media only screen and (width: 360px)  {
    main h1 {
        font-size: 30px;
        line-height: 38px;
        font-weight: 700;
    }

    main h2 {
        font-size: 28px;
        line-height: 36px;
        font-weight: 700;
    }

    main h3 {
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
    }

    main h4 {
        font-size: 16px;
        line-height: 25px;
        font-weight: 700;
    }

    main h5 {
        font-size: 14px;
        line-height: 22px;
        font-weight: 700;
    }

    .util__style--p,
    section p {
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
    }
}

@media only screen and (width: 428px) {
    main h1 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
    }

    main h2 {
        font-size: 26px;
        line-height: 34px;
        font-weight: 700;
    }

    main h3 {
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
    }

    main h4 {
        font-size: 18px;
        line-height: 26px;
        font-weight: 700;
    }

    main h5 {
        font-size: 14px;
        line-height: 22px;
        font-weight: 700;
    }

    .util__style--p,
    section p {
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
    }
}

/* end of common */

/* font util */

.util__font--1 {
    /*font-family: "HiraMinProN-W6", "Crimson", Georgia, "Source Han Serif SC", "\5b8b\4f53", Simsun, serif;*/
}

.util__font--2 {
    /* font-family: "Alibaba Sans", sans-serif; */
}

/* end of font util */

.util__style--cta {
    font-size: 15.6px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: .5px;
}

@media (min-width: 1024px) {
    .util__style--cta {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: .8px;
    }
}

@media (min-width: 1366px) {
    .util__style--cta {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: .8px;
    }
}

.tab-nav__primary-title {
    /* font-size: 15px; */
    font-size: 3.8vw;
    line-height: 1.2;
}
.tab4 .tab-nav__primary-title{
        font-size: 14px;
    }

.tab-nav__sub-title {
    font-size: 12px;
    line-height: 1.2;
}

.three-columns__time {
    font-size: 14px;
    line-height: 20px;
}

@media (min-width: 1024px) {
    .tab-nav__primary-title {
        font-size: 18px;
    }
    .tab4 .tab-nav__primary-title{
        font-size: 24px;
    }

    .tab-nav__sub-title {
        font-size: 13px;
    }

    .three-columns__time {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-top: 1.6rem;
    }
}

@media (min-width: 1366px) {
    .tab-nav__primary-title {
        font-size: 22px;
    }
    .tab4 .tab-nav__primary-title{
        font-size: 24px;
    }

    .tab-nav__sub-title {
        font-size: 17px;
    }

    .three-columns__time {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 1920px) {
    .tab-nav__primary-title {
        font-size: 18px;
    }

    .tab-nav__sub-title {
        font-size: 14px;
    }

    .three-columns__time {
        font-size: 14px;
        line-height: 20px;
    }
}

/* POI filter */

.dining-tile__description {
    margin: 0 -10px 4px auto;
}

.dining-tile__site {
    padding: 2px 12px;
    font-size: 12px;
}

.poi-filter__tag--pill {
    padding: 5px 12px;
    min-width: 80px;
}

@media (min-width: 1024px) {
    .dining-tile__button {
        letter-spacing: .5px;
    }

    .dining-tile__title {
        font-size: 22px;
    }

    .dining-tile__style {
        margin-top: -2px;
    }

    .dining-tile__description {
        margin-top: 8px;
        font-size: 14px;
        line-height: 22px;
    }

    .dining-tile__site {
        margin-top: 10px;
        border-radius: 3px;
        font-size: 14px;
    }
}

@media (min-width: 1366px) {
    .dining-tile__style {
        font-size: 17px;
    }

    .dining-tile__description {
        font-size: 15px;
    }

    .dining-tile__site {
        font-size: 16px;
    }
}

/* end of POI filter */