@media only screen and (min-width: 1700px){
    .about .section5 .subsections:not(.subsection-main) .dtp-p {
        white-space: nowrap;
        height: 220px;
    }

    .about .section5 .subsections .about-s5-labels {
    width: 11.2vw;
    top: -53%;
    }
}

@media only screen and (max-width: 1700px) and (min-width: 993px){
  .homepage .dtp-header-bubble .dtp-p{
    padding: 10.1% 4% 7%;
  }

  .about-s1-ss2-bg{
    margin-left: 2%;
  }

  .about .section5 .subsection-main .dtp-content {
    margin-left: 42%;
  }

  .about .section5 .subsections:not(.subsection-main) .dtp-p{
    white-space: normal;
    height: 120px;
  }
  .about .section5 .subsections:not(.subsection-main) .dtp-p br{
    display: none;
  }

  .dtp-list li {
    margin-bottom: 5%;
    padding: 0 2%;
  }

  .dtp-priceList .dtp-priceList-title {
    margin-bottom: 7%;
  }

  /* .group-details-table table tr td:last-of-type .dtp-smalltext {
    font-size: 0.7vw;
  } */

  .pricing-buttons-wrapper{
    width: 100%;
  }

  .pricing-buttons{
    width: 86%;
  }

  .booking-step-container {
    padding-top: 3%;
    padding-right: 3%;
    padding-left: 17%;
    }

  .zh .booking-step-container .booking-step-1{
    word-break:keep-all;
  }

  .faq-buttons {
    display: inline-block;
    width: inherit;
  }

  .faq-multiple-button {
    width: 99%;
  }

  .faq .section3 .subsection1 .playscoperules-container .faq-buttons{
    width: inherit;
  }


}

@media only screen and (max-width: 1200px) and (min-width: 993px){
  .homepage-s1-decors-6 {
    left: -33%;
    bottom: -69%;
    width: 77% !important;
    transform: rotate(-16deg);
  }

  .homepage-s1-decors-7 {
    /* bottom: -29.5%; */
    /* left: 55%; */
    /* width: 70% !important; */
  }

}

@media only screen and (max-width: 992px){
  .no-padding{
    padding: 0;
  }

  .flex-center-text{
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  .section-content {
      width: 100%;
  }
  
  .floating-cta {
    z-index: 4;
  }
  
  .red-stroke {
    text-shadow: -1px -1px 0 var(--dtp-red, #ea1e35), 1px -1px 0 var(--dtp-red, #ea1e35), -1px 1px 0 var(--dtp-red, #ea1e35), 1px 1px 0 var(--dtp-red, #ea1e35);
    -webkit-text-stroke: 0.2vw var(--dtp-red, #ea1e35);
    text-stroke: 0.2vw var(--dtp-red);
  }
  
  .dtp-buttons{
    font-size: var(--dtp-fontsize-cta);
  }

  .dtp-buttons svg {
    width: 2vw;
    margin-bottom: 0.6vw;
  }
  
    p,
    .dtp-p{
      white-space: normal;
    }
  
    .timeline-item-text br{
      display: none;
    }
  
    .mobile-text{
      margin: 9% auto 5%;
      text-align: justify;
    }

    .bubble-underline img.bubbles-4.bubbles-4-mobile{
      width: 80%;
      left: 50%;
      transform: translate(-50%, 0);
    }
  
  /****** Mobile Homepage CSS ******/
  .homepage .dtp-p br{
    display: none;
  }
  
  .homepage .dtp-h1 br{
    display: block;
  }
  
  .homepage .section1{
    margin-bottom: 8%;
  }
  
  .popout-box-red {
    line-height: var(--dtp-lineheight-default-large);
    background-size: 95%;
  }
  
  .homepage .section1 .subsections img{
    width: 88%;
    margin-bottom: 3%;
  }
  
  .homepage .section1 .subsection1 img{
    margin-bottom: 12%;
  }

  .homepage .dtp-header-bubble div:first-child div:first-child{
      display: flex;
      justify-content: center;
      text-align: center;
  }
  
  .homepage .dtp-header-bubble div:first-child div:first-child .dtp-h1{
    line-height: 7.2vw;
  }
  
  .homepage .dtp-header-bubble .dtp-p {
    max-width: 100%;
    margin: auto;
    display: block;
    padding: 14% 12% 8%;
    line-height: 1.8rem;
    transition: none;
    }
  
  .homepage .dtp-header-bubble div div.subsection-title{
    display: block !important;
  }
  
  .subsection-title span::before{
    left: 30%;
  }
  
  .homepage .section1 .subsection1 {
    margin-top: 13%;
    margin-bottom: 3%;
  }
  
  .homepage .section1 .subsections div:not(.s1SS2bg) > .dtp-p {
    width: 85%;
    margin-top: 3%;
  }


  .homepage .section1 .s1SS2bg{
    margin-top: 12%;
    background-size: contain;
  }

  .homepage .section1 .s1SS2bg .dtp-content{
    width: 65vw;
    font-size: var(--dtp-fontsize-19);
    height: 43vw;
  }
  
  .homepage .section1 .s1SS2bg .dtp-content .dtp-h1{
    /* top: -25%; */
    /* transform: translate(-51.5%, 0%); */
    transform: translate(-50%, -15vw);
  }
  
  .dtp-list {
    width: 78%;
    margin: auto;
    margin-top: 4%;
  }
  
  .homepage .section2{
    background-size: 341%;
    /* mask-image: none; */
    /* -webkit-mask-image: none; */
  }
  
  .homepage .section2 .section-content:last-of-type {
    padding-top: 14%;
    padding-bottom: 36%;
    width: 98%;
    }
  
  .homepage .section2 .dtp-p br{
    display: block;
  }

  /* Dtp Homepage Section 2 Floorplan Columns CSS */
  .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container,
  .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-columns{
    padding:0;
    margin-top: 3%;
  }

  .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-column-title {
    font-size: 6vw;
    width: 67%;
    padding: 5% 6% 5% 10%;
    border-radius: 4em;
  }

  .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-column-text {
    word-wrap: normal;
    white-space: normal;
    width: 100%;
    outline: 0.4vw solid var(--dtp-green);
    border-radius: 3.4em;
    padding: 11% 5% 23%;
    margin: -11% 0 12%;
    letter-spacing: var(--dtp-letterspacing-h1);
  }

    .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container:first-of-type .floorplan-column-text{
      padding-bottom: 25%;
    }

  .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-columns:nth-of-type(2n) .floorplan-column-text{
    outline-color: var(--dtp-orange, #ed9825);
  }

  /* End of Dtp Homepage Section 2 Floorplan Columns CSS */
  
  .homepage .section2 .subsection1 .dtp-h1{
    margin-bottom: 0;
  }
  
  .homepage .section2 .threeDmap-container iframe {
    border-radius: 2rem;
  }

  .homepage .section2 .threeDmap-container {
    border-radius: 8rem;
  }

  .homepage .section2 .flckering-text-container .flickering-text{
    width: 100%;
    letter-spacing: 0.9vw;
    transform: translate(-50%, -50%);
  }
  
  .flickering{
    transform: scale(1.8);
    margin-bottom: 1%;
    width: 56%;
    }
  
  .homepage .section2 .subsection1{
    margin-bottom: 10%;
  }
  
  .homepage .section2 .flickering-arrows-base {
    width: 69%;
    bottom: -63%;
  }

  .homepage .section2 .threeDmap-container {
    position: relative;
  }
  
  .homepage .section3 .section-content {
    width: 100% !important;
    margin-top: -14%;
  }
  
  .homepage .section3 .subsection1,
  .homepage .section3 .subsection2,
  .homepage .section3 .subsection3 {
    max-height: initial;
  padding-top: 14%;z-index: 2;}
  
  .homepage .section3 .subsections {
    margin: auto;
    margin-bottom: 20%;
  }
  
  .homepage .section3 .subsection1 {
    background-image: url(../img/mobile/homepage-s3-ss1-bg_1.png);
    /* background-image: url(../img/mobile/homepage-s3-ss1-bg.svg); */
    padding: 21% 4% 17%; /*added padding for removal of item*/
    /* max-width: 560px; */
    width: 93%;
  }
  .homepage .section3 .subsection2 {
    background-image: url(../img/mobile/homepage-s3-ss2-bg_1.png);
    /* background-image: url(../img/mobile/homepage-s3-ss2-bg.svg); */
  }
  .homepage .section3 .subsection3 {
    background-image: url(../img/mobile/homepage-s3-ss3-bg_1.png);
    /* background-image: url(../img/mobile/homepage-s3-ss3-bg.svg); */
  }
  
  .homepage .dtp-columns .dtp-p br{
    display: initial;
  }

  .dtp-columns .dtp-column {
    padding: 7% 0;
  }
  
  .dtp-columns .dtp-column-image{
    width: 50%;
  }
  
  .dtp-columns .dtp-p{
    width: 84%;
    line-height: 6vw;
    text-align: center;
  }
  
  .dtp-divider-mobile{
    /* width: 60%; */
    width: 74%; /* updated width for removal of item*/
    margin: auto;
  }
  
  .homepage .section1 .s1SS2bg {
    padding: 13% 0 2%;
  }

  .homepage .section3 .buttons-wrapper{
      position: absolute;
      bottom: 0%;
      left: 50%;
      transform: translate(-50%,0);
      width: 100%;
  }
  
  .homepage .section3 .subsection2{
      padding-bottom: 14%;
      padding-top: 21%;
      z-index: 1;
      }
  
  .dtp-column-main-image {
    width: 40%;
    margin-top: 10%;
    margin-bottom: 3%;
  }
  
  .homepage .section3 .subsection2 .dtp-columns .dtp-column-image {
    width: 40%;
  }
  
  .homepage .section3 .subsection2 .dtp-columns{
    padding-bottom: 2%;
  }
  
  .homepage .section3 .subsection2 .dtp-columns .dtp-column{
    padding: 5% 0;
    margin: auto;
  }
  
  .homepage .section3 .subsection2 .dtp-smalltext{
    max-width: 445px;
    min-width: 275px;
    width: 70%;
    left: 26%;
    bottom: 15vw;
    letter-spacing: 0.3vw;
    margin: auto;
    position: initial;
  }
  
  .homepage .section3 .subsection2 .dtp-p{
    width: 98%;
    /* text-align: left; */
    /* white-space: nowrap; */
  }
  
  .homepage .section3 .subsection2 .dtp-p br{
    display: block;
  }
  
  .homepage .section3 .subsection3 .dtp-contact-container{
    left: 48%;
    transform: translate(-61%,0);
    margin-top: 5%;
    margin-bottom: 9%;
  }
  
  .dtp-contact-details{
    margin-top: 2%;
    padding: 0 0%;
    width: 100%;
    display: block;
    text-align: left;
    }

  .homepage .section3 .subsection3 .dtp-contact-container .dtp-contact-details:nth-child(1),
  .homepage .section3 .subsection3 .dtp-contact-container .dtp-contact-details:nth-child(2){
    margin-top: 6%;
  }

  .homepage .section3 .subsection3 .dtp-contact-container .dtp-contact-details:nth-child(3){
    margin-top: 3%;
  }

  .homepage .section3 .subsection3 .dtp-contact-container .dtp-contact-details:nth-child(1) .dtp-contact-text,
  .homepage .section3 .subsection3 .dtp-contact-container .dtp-contact-details:nth-child(2) .dtp-contact-text{
    margin-top: 2%;
    margin-left: 0%;
    display: block;
  }

   .homepage .section3 .subsection3 .dtp-contact-container .dtp-contact-details:nth-child(2) .dtp-contact-text{
    letter-spacing: var(--dtp-letterspacing-default);
   }

  .dtp-contact-details:nth-child(1) .dtp-contact-text{
    font-size: 4vw;
    line-height: 4.5vw;
    letter-spacing: var(--dtp-letterspacing-h1);
    margin-left: 0;
  }

  .dtp-contact-details:nth-child(2) .dtp-contact-text{
    font-size: 2.9vw;
    line-height: 4vw;
    letter-spacing: 0.01rem;
  }
  
  .dtp-contact-text {
    font-size: 2.7vw;
    letter-spacing: 0.1rem;
    display: inline-block;
    margin-left: 4px;
  }
  
  .dtp-location-text {
    line-height: 5.4vw;
    font-size: 4.2vw;
    padding-right: 24vw;
    padding-left: 11vw;
  }
  
  .homepage .section3 .subsection3 .subsection-text.dtp-p{
    width: 70%;
    white-space: normal;
    /* left: %; */
    font-size: var(--dtp-fontsize-17);
    line-height: var(--dtp-lineheight-h1);
  }
  
  .homepage .section3 .subsections:last-of-type {
    margin-bottom: 4%;
    padding-top: 18%;
    padding-bottom: 20%;
    padding: 16% 1% 25%;
    }
  
  .homepage .dtp-buttons-row{
    position: absolute;
    bottom: -3%;
  left: 50%;transform: translate(-50%,0);}
  
  .dtp-map-marker {
    top: 12vw;
  }
  
  .homepage .horizontal-lines {
    bottom: 58%;
    left: 49.5%;
    width: 88%;
    transform: translate(-51%,-81%);
    height: 1px;
  }
  
  .homepage .horizontal-lines-2 {
    bottom: -0.6vw;
    left: 50%;
    transform: translate(-54%,0);
    width: 15.5vw;
    height: 2px;
  }
  
  .homepage .section4 .dtp-content.dtp-p br{
    display: block;
  }
  
  .homepage .section4 .dtp-content{
    text-align: center;
  }
  
  .homepage .section4 .dtp-buttons {
    display: block;
    width: 57%;
    padding: 1.3% 8%;
    margin: auto;
    margin-top: 12%;
  }
  
  .homepage .bubble-underline img.bubbles {
    bottom: -9px;
  width: 79%;left: 4vw;}

  .dtp-oculus{
    width: 14%;
  }

  .homepage-s1-decors-1{
    top: 1vw;
    left: 5vw;
    width: 43%;
  }

  .homepage-s1-decors-2 {
    bottom: -2vw;
    top: auto;
    right: auto;
    left: 2vw;
    z-index: 1;
    width: 22vw !important;
}

  .homepage-s1-decors-dots {
    bottom: -2vw;
    top: auto;
    right: -7vw;
    left: auto;
    z-index: 1;
    width: 25vw !important;
  }
.homepage .section1 .subsections .homepage-s1-decors-3 {
  top: -11vw;
  right: -2vw;
  width: 35vw;
  z-index: 1;
}

.homepage-s1-decors-5 {
  bottom: 82vw;
  left: 10vw;
  width: 19vw;
  z-index: 2;
}

.homepage-s2-decors-1{
    top: -5vw;
    right: 5vw;
    width: 10vw;
}

.homepage-floorplan-decors-1{
    bottom: 8%;
    width: 39%;
    right: 30%;
    z-index: 1;
}

.homepage-s2-decors-2 {
  top: 10vw;
  right: auto;
  left: 3%;
  z-index: -2;
  width: 17vw;
}

.homepage-s2-decors-3{
  top: 6vw;
  left: auto;
  right: -1vw;
  width: 25vw;
}

.homepage-s2-decors-5 {
  top: 6vw;
  left: 9%;
  width: 39vw;
}

.homepage-s2-decors-7 {
  top: 13vw;
  right: 2vw;
  width: 18vw;
}

.homepage-s2-decors-8 {
  bottom: -2.5vw;
  left: -7vw;
  width: 12vw;
}

.homepage-s3-ss1-decors-1 {
  bottom: -38vw;
  left: -1vw;
  width: 40.5vw;
  min-width: auto;
  z-index: 2;
}

.homepage-s3-ss1-decors-2 {
  top: 176vw;
  left: auto;
  right: 6vw;
  width: 20vw;
  min-width: auto;
  z-index: -2;
}

.homepage-s3-ss2-decors-1 {
  bottom: auto;
  left: auto;
  width: 15vw;
  right: 4vw;
  top: 39vw;
  min-width: auto;
}

.homepage-s3-ss1-decors-4 {
  top: 181vw;
  right: auto;
  width: 23vw;
  min-width: auto;
  z-index: -2;
  left: 8vw;
}

.homepage-s3-ss3-decors-2 {
  top: 1vw;
  left: auto;
  right: 4vw;
  width: 25vw;
  min-width: auto;
  /* z-index: -2; */
}

.homepage-s3-ss3-decors-3 {
  bottom: 43vw;
  right: auto;
  left: -4vw;
  width: 25vw;
  /* min-width: 150px; */
  z-index: -2;
}

  
  /**** Mobile Ab
  t CSS ********/
  .about{
    background-color: white;
  }

  .about .dtp-masthead-text {
    position: relative;
    margin: auto;
    /* width: 84%; */
    line-height: 3.3rem;
    top: initial;
    left: initial;
    display: inline-block;
    color: var(--dtp-orange);
    font-size: var(--dtp-fontsize-55);
    letter-spacing: var(--dtp-letterspacing-h1);
    line-height: var(--dtp-lineheight-h1);
    }
  
  .about-bubbles{
    width: 88%;
    position: absolute;
    /* bottom: -1.4vw; */
    left: 50%;
    transform: translate(-53%, -23%);
  }
  
  .mask4 {
    -webkit-mask-image: url(../img/mobile/about-masthead-clip-mobile.svg);
    mask-image: url(../img/mobile/about-masthead-clip-mobile.svg);
  }
  
  .about .section1 .about-bubbles{
    bottom: -1.2vw;
    width: 93% !important;
    left: 47%;
    transform: translate(-50%,0);
  }
  
  .section1 .about-bubbles{
    transform: translate(-51%, 0);
  }
  
  .about .section1{
    padding-top: 8%;
  }
  
  .about .section1 .section-content{
    width: 100%;
    padding: 0;
  }
  
  .about .section1 .dtp-content{
    width: 85%;
    margin: auto;
  }

  .about .section1 .subsection1 .dtp-content{
    text-align: center;
  }

  .about .section1 .subsection1 .dtp-h1{
    text-align: center;
    margin-bottom: 4%;
  }
  
  .about .section1 .subsection2 div:first-child{
    z-index: 1;
  }
  
  .about .section1 .subsection2 .dtp-content{
    width: 94%;
    margin: auto;
    padding: 12% 7% 10% 9%;
    border-radius: 4rem;
    margin-top: -21%;
    }
  
  .about .section1 .subsection2{
    margin: var( --dtp-subsection-margin, '0 0 6% 0');
  }
  
  .about .section1 .subsection-image{
    margin-bottom: 5%;
  }
  
  .about .section1 .subsection2 .subsection-image,
  .about .section1 .subsection3 .subsection-image{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .about .section1 .subsection3 .dtp-h1 img{
    width: 60%;
    margin: 0;
  }
  
  .about .subsections .about-s1-ss2-decors-1 {
    bottom: -0%;
    right: -10.5%;
    width: 37%;
    z-index: 1;
    margin: 0;
    left: auto;
    top:  auto;
  }
  .about-s1-ss2-bg .dtp-p.mobile-br-hidden{
    text-align: unset;
  }
  
  .about-s2-banner img:first-child{
    height: 36vw;
    width:100%;
  }

  .about .section2{
    padding-bottom: 7%;
  }

  .about .section2 .section-content .dtp-h1{
    margin-bottom: 5%;
    margin-top: -1%;
  }
  
  .about-missions-container{
    margin-top: -4.5%;
    padding: 0;
    width: 99%;
  }
  
  .about-missions-container img{
    width: 90%;
  }
  
  .about-missions-items{
    margin-top: 1%;
    position:relative;
    width: 100%;
    left: auto;
    transform: none;
  }
  
  .about-missions-items .about-missions-item span {
    line-height: 3rem;
  }
  
  .about-missions-items .about-missions-item{
    padding: 21% 0;
    width: 80%;
    line-height: 4vw;
    font-size: var(--dtp-fontsize-18);
    margin: 6% 0;
  }
  
  .about-missions-items .about-missions-item:nth-of-type(1){
    background-image: url(../img/mobile/about-s2-ss1-item1-mobile.png);
    padding: 27% 0 16%;
  }
  .about-missions-items .about-missions-item:nth-of-type(2){
    background-image: url(../img/mobile/about-s2-ss1-item2-mobile.png);
    padding: 24% 0 14%;
    /* margin-top: -1%; */
  }
  .about-missions-items .about-missions-item:nth-of-type(3){
    background-image: url(../img/mobile/about-s2-ss1-item3-mobile.png);
    padding: 23% 0 15%;
  }

  .about .section3 .section-content {
    padding-bottom: 11%;
    padding-top: 6%;
  }
  
  .about .timeline{
    margin-top: -8%;
  }
  
  .about .timeline-items-mobile{
    z-index: 0;
    margin: 14% 0;
  }
  
  .about .timeline-items-mobile .timeline-item-text{
    background-color: white;
    padding: 5% 3%;
    width: 90%;
    border-radius: 40px;
    margin: 10% auto;
    text-align: left;
    position: relative;
    margin-bottom: 0;
    border-bottom-right-radius: 0em !important;
    border-bottom-left-radius: 0em !important;
  }
  
  .about .timeline-items-mobile .date{
    position: absolute;
    left: 0%;
    top: -40px;
    background-color: var(--dtp-green, #70AC45);
    z-index: 1;
    font-size: var(--dtp-fontsize-55, 5vw);
    font-family:'GenJyuu-bold', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: var(--dtp-letterspacing-h2);
    color: white;
    /* background-image: url(../img/mobile/about-timeline-yearbox-mobile.svg);
    background-size: contain;
    background-position:center;
    background-repeat: no-repeat; */
    padding: 1% 2% 1% 3%;
    border-radius: 1.5rem;
    line-height: 3rem;
  }

   .about .timeline .timeline-items-mobile .date.to-right{
    left:auto;
    right:0;
  }
  
  .about .timeline-items-mobile .date::after{
    content:'';
    width: 6vw;
    height: 5vw;
    position: absolute;
    background-image: url(../img/mobile/about-timeline-yearbox-mobile.svg);
    background-size: contain;
    background-position:center;
    background-repeat: no-repeat;
    bottom: -2.8vw;
    left:50%;
    transform: translate(-52%,0);
  }
  
  .about .timeline-items-mobile .timeline-item-text p{
    margin: 0;
    font-size: var(--dtp-fontsize-31);
    letter-spacing: 0.1vw;
  margin-top: 2%;}
  
  .about .timeline-items-mobile .timeline-item-text img{
    width: 52%;
    margin: auto;
  display: block;margin-bottom: 4%;}
  
  .about .timeline-items-mobile ul{
    padding-left: 3%;
    font-size: var(--dtp-fontsize-31);
    letter-spacing: 0.1vw;
  }
  
  .about .timeline-items-mobile ul li{
    margin-bottom: 3%;
  }
  
  .about .timeline-items-mobile ul li:last-child{
    margin-bottom: 0%;
  }
  
  .about .timeline-items-mobile .dtp-smalltext{
    display: block;
  margin-top: 1%;}
  
  .about .timeline-items-mobile .timeline-image{
    margin-bottom: 6%;
    width: 90%;
    border-bottom-left-radius: 4.5vw;
    border-bottom-right-radius: 4.5vw;
  }

  .about .section4{
    padding-top: 5%;
    padding-bottom: 7%;
  }
  
  .about-teams-items .about-teams-item {
    padding: 6% 3%;
    /* padding-top: 8.5%; */
    margin: 5% 0%;
    font-size: var(--dtp-fontsize-40);
  }

  .about-teams-items .about-teams-item:nth-of-type(2n) {
    margin-bottom: 0;
  }

  .about-teams-items .about-teams-item-0 {
    margin-left: 17%;
  }

  .about-teams-items .about-teams-item-1 {
    margin-top: -4%;
    margin-right: 54%;
    margin-bottom:0;
  }

  .about-teams-items .about-teams-item-2 {
    margin-top: -8% !important;
    margin-left: 39%;
  }

  .about .section5 .subsection-main div:first-child{
    z-index: 1;
    /* white-space: nowrap; */
    margin-left: auto;
    width: 94%;
    margin-right: auto;
    transition: none;
    top: auto;
    left: auto;
    }
  
  .about .section5 .subsection-main .dtp-content{
    width: 95%;
    margin: auto;
    padding: 12% 11% 8%;
    background-image: url(../img/mobile/about-s5-text-mobile-bg.svg);
    margin-top: -11%;
  }
  
  .about .section5 .subsections .dtp-flex-left-mobile br{
    display: none;
  }
  
  .about .section5 .subsections .dtp-flex-left-mobile{
    z-index: 2;
    width: 86%;
    margin: auto;
  }

  .about .section5 .subsections img
  {
    width: 85%;
  }
  
  .about .section5 .subsections .dtp-h3{
    margin-bottom:2%;
  }
  
  .about .section5 .section-content{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  
  .about .section5 .subsections .main-image{
    width: 100%;
  }
  
  .about .section5 .subsection-main .dtp-content br{
    display: none;
  /* margin: auto; *//* width: 50%; */}
  
  .about .section5 .subsections .about-s5-labels{
    top: -13vw;
    min-width: 31px;
  }

  .about .about-s2-dotted-lines{
    top: 38.5%;
    left: 25%;
    width: 57%;
  }
  
  .about .about-s2-decors-1{
    top: 5%;
    left: 6%;
    width: 83vw;
  }
  
  .about .about-s2-decors-2{
    top: 3.3vw;
    left: 12%;
    width: 7.6%;
    z-index: 0;
  }
  .about .about-s2-decors-3{
    top: 3.3vw;
    right: 17%;
    width: 6vw;
    z-index: 0;
  }
  .about .about-s2-decors-4{
    bottom: -2px;
    left: 2%;
    width: 12.5%;
    z-index: 0;
    }
  .about .about-s2-decors-5{
    top: 10vw;
    left: 5.4%;
    width: 11vw;
    z-index: 0;
  }
  .about .about-s2-decors-6{
    bottom: -1%;
    right: -9%;
    width: 16%;
    z-index: 0;
  }
  
  .about .about-s4-decors-1{
    top: -5vw;
    left: -1vw;
    width: 25vw;
    z-index: 0;
  }
  .about .about-s4-decors-2{
    top: 1vw;
    right: 23vw;
    width: 13vw;
    z-index: 0;
  }
  .about .about-s4-decors-3{
    top: -9vw;
    left: 8vw;
    width: 20vw;
    z-index: 2;
    margin: 0;
  }
  .about .about-s4-decors-4{
    top: 15vw;
    right: 1%;
    width: 17vw;
  }
  .about .about-s4-decors-5 {
    top: 14vw;
    left: auto;
    right: 29vw;
    width: 19vw;
  }
  .about .about-s4-decors-6 {
    top: auto;
    bottom: -4vw;
    left: 27vw;
    right: auto;
    width: 15vw;
  }
  .about .about-s4-decors-7{
    bottom: 12vw;
    right: 30vw;
    width: 12vw;
  }
  
  .about .subsections .about-s1-ss3-decors-1{
    bottom: -8%;
    right: -3.5%;
    width: 25%;
    z-index: 0;
  }
  .about .subsections .about-s1-ss3-decors-2{
    bottom: -5%;
    left: 1%;
    width: 11%;
    z-index: 0;
  }
  .about .subsections .about-s1-ss3-decors-3{
    top: -5%;
    left: 8.5%;
    width: 23%;
    z-index: 0;
  }
  
  .about .section5 .subsections .about-s5-decors-2{
      bottom: 14%;
      top: auto;
      right: -103%;
      left:auto;
      /* max-width: 150px; */
      width: 190%;
  }

    .about .section5 .subsections .about-s5-decors-3{
    top: -302%;
    right: -169%;
    width: 95%;
  }
  
  .about .section5 .subsections .about-s5-decors-4{
      top: -226%;
      right: -84%;
      width: 98%;
      /* max-width: 200px; */
  }
  
  .about .section5 .subsections .about-s5-decors-5 {
    top: -9vw;
    left: 52%;
    width: 81%;
    /* max-width: 128px; */
    top: -314%;
    right: -146%;
    left: auto;
    /* max-width: 150px; */
  }
  
  .about .about-s5-decors-1 {
    width: 20%;
  }
  
  /***** Mobile Pricing CSS ******/
  .pricing .main-carousel {
    padding-top: 21%;
  }

  .pricing .main-carousel .mySwiper {
    width: 80%;
  }

  .pricing .main-carousel .bubble-underline img.bubbles-2 {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 86%;
  }

  .pricing-carousel-decors-1 {
    top: 0%;
    right: -1vw;
    width: 7vw;
    transform: translate(0%,-86%);
  }

  .pricing-carousel-decors-3 {
    top: 92%;
    right: 20%;
    width: 8%;
  }

  .dtp-group-types {
    width: 100%;
    margin-bottom: 8%;
  }

  .group-booking-divider-orange img{
    height: 2px;
  }

   .pricing-carousel-decors-6 {
    bottom: -11vw;
  }

  .pricing .section1 .section-content{
    padding-left: 0;
    padding-right: 0;
  }

  .pricing .section1 .dtp-title{
    margin-top: 6%;
    margin-bottom: 1%;
  }

   .pricing .section1 .dtp-title:nth-of-type(2){
    margin-top: 17%;
    margin-bottom: 5%;
  }

  .pricing .section1 .pricing-list{
    padding-left:auto;
    margin-top: 11%;
    position: relative;
  }

  .pricing .section1 div:not(.pricing-tickets-container)>.dtp-content{
    width: 89%;
    margin: 3% auto;
    margin-top: 0%;
    }

  .pricing .section1 div:not(.pricing-tickets-container)>.dtp-content .dtp-p{
    display: block;
  }

  .pricing .section1 .subsection1 .dtp-priceList{
    width: 75% !important;
    margin: 6% 0 4%;
    background-color: #f2d3bb;
    border: 1px solid #ed9825;
    border-radius: 7vw;
    /*border-image: url(../img/mobile/price-list-border.png) 46%;
    border-image-repeat: unset;
    border-image-width: 108%;
    border-width: 1px;
    border-style: solid; */
    background-image: none;
    position: relative;
    margin-top: -20% !important;
  }

  .pricing-list .priceList-icon{
    position: absolute;
    z-index: 1;
    width: 22vw;
    top: -8vw;
    left: 3vw;
    max-width: 177px;
    /* transform: translate(50%, 50%); */
    transition: none;
    }

  .pricing .section1 .subsection1 .dtp-priceList + .dtp-smalltext{
    width: 75% !important;
  }

  .dtp-priceList .dtp-priceList-title {
    font-size: 35px;
    transform: translate(1vw,-2vw);
  letter-spacing: 1.5vw;
  }

  .pricing .dtp-list-2{
    margin-top: 12%;
    margin-bottom: 13%;
  }

  .pricing-s1-ss1-decors-discountIcon {
    width: 37%;
    right: -8%;
    top: -8%;
  }

  .pricing .dtp-list-2 .dtp-listItem:first-of-type .dtp-priceitems-left{
    width: 20%;
  }
  .pricing .dtp-list-2 .dtp-listItem:nth-of-type(2) .dtp-priceitems-left{
    width: 51%;
  }

  .dtp-priceitems .dtp-h1 {
    font-size: 2.7em;
  }
  

  .dtp-priceitems-left {
    width: 65%;
    margin-bottom: 2%;
    font-size: var(--dtp-fontsize-25);
  }

  .dtp-priceitems .dtp-smalltext {
    margin-bottom: 0%;
    text-align: left;
    padding-left: 7.5vw;
    padding-top: 1%;
  }
  
  .dtp-priceitems:nth-of-type(1) .dtp-smalltext {
    padding-top: 1%;
  }

  .dtp-list-2 li {
    margin-bottom: 5%;
    padding-left: 6%;
  }

  .dtp-list-2 li:last-of-type {
    margin-bottom: 4%;
  }

  .dtp-list-2 li:after {
    bottom: -1vw;
    left: 50%;
    height: 1px;
    width: 82%;
  }

  .pricing .section1 .subsection2{
    margin-top: 7%;
  }

  .pricing-tickets-container {
    margin-top: 6%;
    margin-bottom: 5%;
  }

  .pricing .section1 .dtp-content .dtp-pricing-detailsbox .dtp-s1-ss2-subtitle{
    right: 6%;
    top: -5%;
  }

  .pricing .section1 .dtp-pricing-detailsbox span.dtp-h1 {
    letter-spacing: 0.03em;
    /* font-size: var(--dtp-fontsize-83); */
    font-size: 10vw;
  }

  .pricing .section1 .dtp-pricing-detailsbox .dtp-ticket-image-box{
    height: 31vw;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pricing .section1 .dtp-pricing-detailsbox .dtp-ticket-textbox{
    height: 11vw;
    position: relative;
  }
  
  .pricing .section1 .dtp-pricing-detailsbox .dtp-ticket-textbox .dtp-smalltext{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
  }

  .pricing .section1 .dtp-pricing-detailsbox .dtp-ticket-image-box img{
    width: 70%;
  }

  .price-tickets {
      width: 71%;
  }

  .price-ticket-tags {
    top: -22%;
    left: 21%;
    width: 37%;
  }

  .pricing-tickets-container .dtp-content:last-of-type .price-ticket-tags {
    /* top: -60%;
    left: 15%;
    width: 50%; */
    top: -27%;
    left: 15%;
    width: 40%;
  }

  .pricing-groupMode-container {
    background-image: url(../img/mobile/pricing-tickets-container-bg.svg);
  margin-top: 0% !important;padding: 0;padding-top: 0;}

  .pricing-groupMode-container .mobile-mode-table{
    width: 95%;
    margin: auto;
  }

  .pricing-groupMode-container .mobile-mode-table .mode-rows{
    margin: 8% 0 11%;
    position: relative;
  }

  .pricing-groupMode-container .mobile-mode-table .mode-rows::after{
    content: '';
    background-image: url(../img/mobile/red-dotted-divider.svg);
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -4vw;
    left: 0;
  }

  .pricing-groupMode-container .mobile-mode-table .mode-rows:last-child::after{
    background-image: none;
  }

  .pricing-groupMode-container .mobile-mode-table .mode-rows:first-child{
    margin-top: 4%;
  }

  .pricing-groupMode-container .mobile-mode-table .mode-rows .mode-headline{
      width: 55vw;
      max-width: 280px;
      margin: 0% auto 3%;
      border-radius: 1.3vw;
      padding: 0.5% 0;
  }

  .pricing-groupMode-container .mobile-mode-table .mode-rows .mode-content .dtp-h3{
    font-family: MHeiHK-xbold, Arial, Helvetica, sans-serif;
    letter-spacing: 0.5vw;
    font-size: var(--dtp-fontsize-40, 5vw);
  
  }

  .pricing-groupMode-container .mobile-mode-table .mode-rows .row{
    margin-bottom: 8%;
  }

  .pricing-buttons-wrapper{
    margin-top: -8vw;
    margin-bottom: 6vw;
  }

  .pricing-buttons-container {
    margin-top: -4vw;
  width: 90%;margin: auto;margin-top: 3vw;}

  .pricing-buttons {
    display: inline-block;
    width: 61%;
    margin-top: 0;
  max-width: 356px;padding-top: 1.3%;padding-bottom: 1.3%;}

  .pricing-s1-ss2-decors-9 {
    bottom: auto;
    right: -8%;
    width: 34%;
    z-index: 1;
    top: 50%;
}

  .orange-lines-title {
    width: inherit;
    margin-top: 1%;
    margin-bottom: 2vw;
  }

  .pricing .section2{
    padding-bottom: 40%;
  }

  .pricing .section2 .section-content{
    margin:8% 0 0%;
  }

  .pricing .section2 .subsections{
    width: 86%;
    margin: auto;
  margin-bottom: 10%;}

  .pricing-section2-headline {
    margin-top: 4%;
  } 

  .pricing .section2 .dtp-title{
    margin-bottom: 0;
    font-size: var(--dtp-fontsize-40);
  }

  .pricing .section2 .subsection4 .dtp-title{
    transform: translate(0,-77%);
  }

  .pricing .section2 .subsection1 {
    padding-top: 2%;
  }

  .pricing .section2 .subsection1 .main-image{
    padding-left: 0;
  }

  .pricing .section2 .subsection4{
    margin-top: 14%;
    border-image: url(../img/mobile/pricing-s2-ss4-border.png) 46%;
    border-image-repeat: unset;
    border-image-width: 92%;
    border-width: 1px;
    border-style: solid;
    background-image: none;
    padding: 0% 0 10%;
    }

  .pricing .section2 .section-content-bg {
    width: 90%;
    height: 95%;
    top: 10vw;
    border-radius: 0 0 3.5rem 3.5rem;
    background-image: url(../img/mobile/pricing-section2-bg.png);
    background-size: cover;
  }

  .pricing .section2 .subsections .dtp-h3{
    margin-top: 7%;
  }

  .pricing .section2 .subsection1 .dtp-h3{
    margin-top: 11%;
  }

  .pricing-notice-items .pricing-notice-item {
    background-image: url(../img/pricing-notice-item-bg.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 13% 0 7%;
    margin: 4% auto;
  }

  
  .group-details-table {
    position: relative;
    margin-top: 17%;}

  .group-details-table .table-title {
    /* position: absolute; */
    position: relative;
    width: 100%;
    /* top: -3vw; */
    top: 0;
    left: 3%;
    font-size: var(--dtp-fontsize-28);
    margin-left: 0;
  }

   .group-details-table.green-table .table-title{
    margin-left: 0;
   }


  .group-details-table.green-table .table-title span{
    padding: 3% 7% 3% 10%;
  }

  .group-details-table:last-of-type {
    margin-top: 9%;
}

  .pricing .mobile-tables{
    background-color: var(--dtp-pale-green);
    width: 100%;
    margin: auto;
    border-radius: 2rem;
    list-style: none;
    /* padding: 4% 5% 8%; */
    padding: 1% 5% 8%;
    text-align: left;
    margin-bottom: 10%;
  }

  .pricing .mobile-tables .table-content{
    padding: 8% 0 7%;
    position: relative;
  }

  .pricing .mobile-tables .table-content .table-content-text .dtp-h3{
    margin-top: 0;
  }

  .pricing .mobile-tables .table-content .table-content-text .row{
    flex-wrap: nowrap;
  }

  .pricing .mobile-tables .table-content .table-content-text .row .col-5,
  .pricing .mobile-tables .table-content .table-content-text .row .col-6,
  .pricing .mobile-tables .table-content .table-content-text .row .col-7{
    padding: 0;
  }

  .pricing .mobile-tables .table-content .table-content-text .dtp-h3.dtp-orange,
  .pricing .mobile-tables .table-content .table-content-text .dtp-h3.dtp-orange .dtp-smalltext{
    letter-spacing: 0vw;
  }

    .pricing .mobile-tables .table-content .table-content-text .dtp-green.dtp-smalltext{
      display: block;
      font-size: 1.7vw;
      letter-spacing: var(--dtp-letterspacing-default);
    }

    .pricing .mobile-tables .table-content .table-content-text .dtp-black.dtp-smalltext{
      font-size: 1.8vw;
      letter-spacing: var(--dtp-letterspacing-default);
      margin-top: 4%;
    }

  .pricing .mobile-tables .table-content::after{
    content: '';
    width: 100%;
    height: 2px;
    background-image: url(../img/mobile/pricing-table-divider.png);
    background-size: contain;
    background-position:left;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
  }

  .pricing .mobile-tables .table-content:last-of-type::after{
    background-image: none;
  }

  .pricing .mobile-tables .table-content .table-content-title{
    font-size: var(--dtp-fontsize-23, 14px);
    margin-bottom: 1%;
  }

  .pricing .mobile-tables .table-content .table-content-text{
    font-size: var(--dtp-fontsize-23, 24px);
    color: var(--dtp-black);
    font-family: 'MHeiHK-xbold', Arial, Helvetica, sans-serif;
    letter-spacing: 0.5vw;
  }
  
  .booking-step-container {
    width: 100%;
    margin: auto;
    margin-bottom: 13%;
    padding-left: 6%;
    padding-right: 0%;
    margin-top: -16%;
    }

  .booking-step-1, .booking-step-2{
    margin-left: auto;
    margin-top: 5%;
  }

  .booking-steps img {
    position: absolute;
    left: -12.5% !important;
    top: 0;
    transform: none;
    width: 10% !important;
  }

  .booking-steps.booking-step-3 img {
    transform: none;
  }

  .pricing .section2 .subsection4 .dtp-h3{
    margin-bottom: 2%;
  }

  .pricing .section2 .subsection5 {
    background-image: none;
    /* background-image: url(../img/mobile/enquiry-details-bg.svg); */
    /* background-position: bottom;
    background-size: 88%;
    margin-top: 5%; */
    margin-top: 5%;
  }

  .pricing .section2 .subsection5 .section-bg{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -46%);
    max-width: 750px;
    }

  /* .pricing .section2 .subsection5 .dtp-title{
    transform: translate(0, -33%);
  } */

  .pricing-s1-ss1-decors-2{
    top: -10%;
    bottom: auto;
    width: 32%;
  }

  .pricing-s2-ss1-decors-1 {
    top: -5.5%;
    right: -3vw;
    width: 22vw;
    z-index: 1;
}

.pricing-s2-ss1-decors-2 {
  top: 28vw;
  right: -1%;
  width: 26vw;
  z-index: 1;
}

  .pricing .section2 .subsection5 .dtp-title .dtp-underline-whiteLine {
    padding: 16% 8% 4%;
    padding-right: 2;
    margin-right: 2%;
  margin-top: -6%;}

  .white-lines-title {
    width: inherit;
    margin-top: 1%;
    margin-bottom: 2vw;
    margin-left: auto;
  }

  .enquiry-details-container {
    width: 81%;
    margin: auto;
    margin-top: 6%;
    margin-bottom: 57%;
  }

  .enquiry-details-container .enquiry-details {
    margin-top: 6%;
    margin-bottom: 11%;
    font-size: var(--dtp-fontsize-28, 26px);
    line-height: 6vw;
    display: flex;
    letter-spacing: 0.2rem;
    flex-direction: column;
    justify-content: left;
    align-items: center;
    text-align: center;
  }

  .enquiry-details-container .enquiry-details span {
    font-size: 3vw;
    line-height: 3vw;
    padding-bottom: 4px;
    vertical-align: text-top;
    display: inline-block;
    margin-top: 1%;
  }

  .enquiry-details-container .enquiry-details:nth-child(2) span{
    font-size: 2.9vw;
    letter-spacing: 0.1vw;
    line-height: 4vw;
    margin-top: 1%;
    }

  .enquiry-details-container .enquiry-details div{
    font-size: 2.9vw;
    line-height: 6vw;
  letter-spacing: 0.1rem;}


  .enquiry-details-container .dtp-smalltext{
    position: absolute;
    bottom: -47%;
  }

  .enquiry-buttons-row {
    width: 82%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    position: absolute;
    bottom: 24%;
    left: 50%;
    transform: translate(-50%,0);
    }

  .enquiry-buttons {
    display: inline-block;
    width: 100%;
    margin: auto;
    margin-top: 3%;
    margin-bottom: 3%;
  }

  .pricing-carousel-decors-4 {
    bottom: 22%;
    left: 4.5%;
    width: 10%;
  }

  .pricing-s1-ss2-decors-3 {
    bottom: 5%;
    left: 1vw;
    width: 24vw;
    z-index: 0;
}

.pricing-s2-tip {
  bottom: -1px;
}

.pricing-s1-ss2-decors-6 {
  top: -17vw;
  right: 10vw;
  width: 10vw;
  z-index: 1;
}

  .pricing-buttons-bg.pricing-buttons-bg-1 {
    width: 19vw;
    left: -4vw;
    top: -2vw;
    z-index: 1;
  }

  .pricing-s1-ss2-decors-5 {
    bottom: 57%;
    right: -10%;
    width: 37vw;
    z-index: 0;
}

  .pricing-buttons-bg.pricing-buttons-bg-2 {
    width: 15vw;
    left: -1vw;
    top: -6vw;
  }

  .pricing-s2-ss2-decors-2-mobile {
    top: 16vw;
    right: 1vw;
    width: 39vw;
    z-index: 1;
  max-width: 305px;}

  .pricing-s2-ss2-decors-1 {
    top: 54%;
    left: 41%;
    width: 32%;
    z-index: 1;
  max-width: 200px;
}
.pricing-s2-ss2-decors-2 {
  bottom: 0;
  right: 2vw;
  width: 23%;
  z-index: 1;
  max-width: 140px;
}

  .pricing-s2-ss3-decors-1 {
    top: 0vw;
    left: 25vw;
    width: 7vw;
    z-index: 1;
  }

  .pricing-s2-ss4-decors-1 {
    top: -4vw;
    right: -5vw;
    width: 31%;
    z-index: 1;
}

  .pricing-s2-ss5-decors-1 {
    top: auto;
    bottom: 15vw;
    left: 50%;
    right: auto;
    width: 33vw;
    transform: translate(-50%,-101%);
    z-index: 1;
}

.pricing-s2-ss5-decors-3 {
  bottom: 54vw;
  left: -6vw;
  width: 18vw;
  z-index: 1;
}

.pricing-playcaptain{
  transform: translate(-8%, -99%);
  width: 23%;
  top: 6vw;
}

.pricing-bigplaytour{
  transform: translate(0, -100%);
  width: 29vw;
  top: -1vw;
}

  /***** Mobile FAQ CSS *******/
  .faq .main-masthead {
    height: 240px;
  }

  .faq .section1 {
    padding-bottom: 5%;
    margin-top: -6%;
  }

  .faq .section1 .dtp-title{
    margin-top: 8%;
  }

  .faq .section1 .section-content {
    padding-bottom: 17%;
  }

  .faq .section1 .subsections {
    width: 94%;
    margin: auto;
    position: relative;
  }

  .faq .dtp-steps{
      margin-top: 31% !important;
  }

  .faq .dtp-steps:nth-of-type(1) {
    margin-top: 7% !important;
}

  .faq .dtp-steps .dtp-step .dtp-image {
    width: 100%;
    margin-bottom: 3%;
    /* max-width: 600px; */
    padding: 0 2.5%;
}

.faq .section1 .tipsSwiper .tipsbox .tips-number {
  font-size: var(--dtp-fontsize-40);
  top: 3%;
}

  .faq .dtp-steps .dtp-step .dtp-image-labels {
    position: absolute;
    width: 18vw;
    top: -9vw;
  max-width: 119px;}

  .faq .dtp-steps:nth-of-type(2n-1) .dtp-step .dtp-image-labels {
    left: 4%;
  }
  .faq .dtp-steps:nth-of-type(2n) .dtp-step .dtp-image-labels {
    right: 4%;
  }

  .faq .section1 .subsection2 .dtp-image {
    width: 95%;
  } 

  .faq .section1 #fivesteps + .dtp-title{
    margin-top: 10%;
  }

  .faq .section3 .subsection2 .faq-arrangements-container .dtp-smalltext ol{
    padding-left: 1.7em;
    margin-bottom:0;
  }

  .faq .section1 .faq-s1-decors-3 {
    left: auto;
    right: -5%;
    top: auto;
    bottom: 15.7%;
    width: 27%;
    z-index: 1;
  }

  .faq .section1 .faq-s1-decors-4 {
    top: -6.7%;
    left: 10%;
    width: 15%;
  }

  .faq .section1 .faq-s1-decors-5 {
    right: auto;
    left: -7%;
    width: 34%;
  }


  .faq-container {
    background-color: #fce5c4;
    border-radius: 2rem;
    padding-top: 16%;
    margin-top: 0;
  }

  .faq .section2 .section-content {
    margin: 4% 0 30%;
}

  .faq .section2 .dtp-title {
    background-position: center;
    background-size: 145%;
    background-repeat: no-repeat;
    padding-top: 6%;
    margin-bottom: -5.5vw;
  }
 .faq-section-title {
    padding: 4.2% !important;
  }

  .faq .section2 .togglefaq,
  .faq .section2 .faqanswer {
    width: 100%;
  }

  .faq .section2 .togglefaq{
    padding: 2% 4%;
  }

  .mobile-faq-questions{
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
  }

  .faq .section2 .mobile-faq-questions .faq-question-label,
  .faq .section2 .mobile-faq-questions .faq-question-text{
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .faq .section2 .mobile-faq-questions .faq-question-text{
    width: 80%;
    text-align: left;
    line-height: 0.2rem;
  }

  .icon-plus,
  .icon-minus{
    width: 20px;
    height: 20px;
  }

  .faq .section2 .faqanswer {
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 6%;
    padding-bottom: 3%;
  }

    .faqanswer tbody,
    .faqanswer td,
    .faqanswer th,
    .faqanswer tr{
      display: flow;
    }

  .faqanswer p {
    padding-bottom: 15px;
  }

  .faq-buttons {
    display: inline-block;
    width: inherit;
  }
  .faq-buttons.faq-multiple-button {
    width: 90%;
  }

  .faq .section3{
    padding-top: 8%;
    padding-bottom: 39%;
  }

  .faq .section3 .subsections {
    margin-bottom: 20%;
  }
 
  .faq .section3 .subsection2 {
    margin-top: 7%;
  }

  .faq .section3 .section-content {
    width: 100%;
  }

  .faq .section3 .subsection1 .playscoperules-container {
    padding: 10% 7% 10%;
    width: 100%;
  }

  .faq .section3 .subsection1 .playscoperules-container .faq-buttons {
    width: inherit;
    /* max-width: 260px; */
    /* padding: 1% 6%; */
    }

  .faq-arrangements-container{
    background-image: none;
    padding-top: 0;
    margin-top: -3%;
    width: 90%;
    }

  .faq .section3 .mobile-arrangements-container .arrangements-rows{
    text-align: left;
    padding: 4% 0 12%;
    position: relative;
  }

  .faq .section3 .mobile-arrangements-container .arrangements-rows::after{
    content: '';
    background-image: url(../img/mobile/orange-divider.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width:100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left:0;
    z-index: -1;
  }

  .faq .section3 .mobile-arrangements-container .arrangements-rows:nth-of-type(2) {
    padding-top: 7%;
  }

  .faq .section3 .mobile-arrangements-container .arrangements-rows.last::after{
    background-image: none;
  }

  .faq .section3 .mobile-arrangements-container .arrangements-rows .items-header{
      font-size: var(--dtp-fontsize-25);
      font-family: GenJyuu-bold, Arial, Helvetica, sans-serif;
      margin-top: 5%;
      position: relative;
  }
  .faq .section3 .mobile-arrangements-container .arrangements-rows .items-text{
    font-size: var(--dtp-fontsize-37);
      font-family: MHeiHK-medium, Arial, Helvetica, sans-serif;
      margin-top: 1.5%;
      letter-spacing: 0.2rem;
  font-weight: 600;}
  .faq .section3 .mobile-arrangements-container .arrangements-rows .dtp-p{
    font-size: var(--dtp-fontsize-17);
  }


  .faq .faq-arrangements-container .faq-arrangements-table table{
    background-color: transparent;
    border-radius:0;
    width: 100%;
    margin-bottom: 20%;
  }

    .faq .faq-arrangements-container .faq-arrangements-table table:first-of-type{
    margin-top: 14%;
  }

  .faq .faq-arrangements-container .faq-arrangements-table table:last-of-type{
    margin-bottom: 1%;
  }

  .faq-arrangements-container .faq-arrangements-table table th, .faq-arrangements-container .faq-arrangements-table table td{
    border-bottom-width: 2px;
  }


  .faq-arrangements-container .faq-arrangements-table table tr td {
    line-height: 1.3em;
    padding: 6% 3% 6% 5% !important;
    background-color: white;
    position: relative;
    border-right: none;
  }

  .faq-arrangements-container .faq-arrangements-table table tr td .dtp-p{
    line-height: 1.4em;
    margin-bottom: 2%;
    width: 100%;
    display: block;
  }

   .faq-arrangements-container .faq-arrangements-table table tr td .dtp-h1{
      letter-spacing: var(--dtp-letterspacing-smalltext);
   }

   .faq-arrangements-container .faq-arrangements-table table tr td svg.rainyCloud{
      position: absolute;
      width: 26%;
      left: -5%;
      top: -38%;
      max-width: 100px;
    }
  
   .faq-arrangements-container .faq-arrangements-table table tr td svg.typhoon8{
      position: absolute;
      width: 20%;
      right: 0;
      bottom: -50%;
      max-width: 100px;
   }


  .faq-arrangements-container .faq-arrangements-table table tr:first-of-type td{
    border-top-right-radius: 0.7rem !important;
    border-top-left-radius:0.7rem !important;
    padding: 8% 0 !important;
    font-size: var(--dtp-fontsize-37);
    line-height: 1.4em !important;
    font-family: "MHeiHK-heavy", Arial, Helvetica, sans-serif ;
  }

  .faq-arrangements-container .faq-arrangements-table table:nth-of-type(2n) tr:first-of-type td{
    padding: 5% 0 !important; 
   }

   .faq-arrangements-container .faq-arrangements-table table tr:last-of-type td {
      border-bottom-left-radius: 0.7rem;
      border-bottom-right-radius: 0.7rem;
   }

  .faq-arrangements-container .dtp-smalltext{
    width: 100%;
    margin: 0 auto;
  }

  .faq .section3 .prevention-container{
    border-radius: 5rem;
    width: 91%;
    line-height: 1rem;
    background-size: cover;
    padding-top:16%;
    margin-top: 2%;
  }

  .faq .section3 .highlight-text-container{
    position: absolute;
    top:-2vw;
    left: 50%;
    transform: translate(-50%,0%);
    text-align: center;
    width: 100%;
  }

  .faq .section3 .prevention-container .prevention-title {
    margin-top: 0%;
  }

  .faq .section3 .prevention-container .mobile-highlight{
    position: relative;
    top:auto !important;
    left: auto !important;
    transform: none !important;;
  display: inline;padding: 1% 2%;margin: 2% auto;line-height: 1.6rem;
  }

  .faq .section3 .prevention-container ol{
    list-style-position: inside;
    padding-left: 0;
  }

  .faq .section3 .prevention-container ol li {
    line-height: 2rem;
  }

  .faq .section1 .faq-s1-decors-bg-1 {
    top: auto;
    left: 29%;
    width: 57%;
    bottom: 3.5%;
  }

  .faq .section1 .faq-s1-decors-bg-2 {
    bottom: -9.3%;
    right: -48%;
    width: 77%;
  }

  .faq .section1 .faq-s1-decors-bg-3 {
    bottom: -7.7%;
    left: 26%;
    width: 45%;

  }

  .faq .section3 .faq-s3-ss1-decors-1 {
    top: 21vw;
    left: auto;
    width: 16vw;
    z-index: 0;
    right: 5%;
  }

  .faq .section3 .faq-s3-ss2-decors-1 {
    top: 1%;
    left: 25vw;
    width: 16vw;
    z-index: 0;
    /* right: 20vw; */
}

  .faq .section3 .faq-s3-ss1-decors-2 {
    bottom: -16%;
    right: -6vw;
    width: 33vw;
    z-index: 0;
}

.faq .section3 .faq-s3-ss3-decors-2 {
    top: 5%;
    right: 2%;
    width: 18%;
    z-index: 0;
}

  .faq .section3 .faq-s3-ss2-decors-3 {
    top: 41%;
    right: -7%;
    width: 43%;
    z-index: 1;
    max-width: 300px;
}

  .faq .section3 .faq-s3-ss3-decors-1 {
    top: auto;
    left: 1%;
    width: 23vw;
    /* right: 16vw; */
    bottom: -9vw;
    z-index: 1;
}

  .faq .section3 .faq-s3-ss3-decors-4 {
    bottom: -20vw;
    right: -5vw;
    width: 67%;
    z-index: 0;
}

.weather-icon{
  width: 20%;
  position: absolute;
  top: 65%;left: 33%;transform: translate(0, -100%);
}

.arrangements-rows:nth-of-type(2) .weather-icon{
  top: 160%;left: 45%;
}

.faq .main-masthead .faq-masthead-decors-5 {
  top: 24%;
  left: -1%;
  width: 7%;
  z-index: 0;
}

  .faq-s1-decors-1-mobile{
    width: 62vw;
    top: 54%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .faq-masthead-decors-1-mobile{
    right: 11%;
    top: 31%;
    width: 5%;
  }

  /***** Mobile News CSS *********/
  .news .section1{
    padding-top: 3%;
  }

  .news .section1 .section-content{
    width: 85%;
  }

  .news .news-items-container li {
    padding: 3% 0;
  }

  .news .news-item-date{
    margin-bottom: 1%;
  }

  /***** Mobile Trainings CSS *******/
  .training .section-content {
    width: 90%;
  }

  .training .training-masthead {
    transform: none;
    width: 83%;
    display: block;
    margin: 5% 0 13%;
    float: right;
  }

  .dtp-items .dtp-h3 {
    margin-bottom: 8%;
    line-height: 2rem;
  }
  
  .item-logo-image-container{
    align-items: baseline;
  }

  .item-details .multiple-buttons {
    /* width: auto; */
    width: max-content;
    padding: 2% 17%;
  }

  .training .training-decors-4 {
    top: 11.5%;
  }

  .dtp-back-buttons svg {
      width: 13%;
  }

  /***** Mobile Single CSS *******/
  .general .dtp-h1{
    line-height: 1.3em;
  }


  .item-details #item-details-container {
    width: 100%;
  }

  .item-details table tbody tr td:first-of-type{
    white-space: nowrap;
  }

  .item-details table tr td ol {
    padding-left: 1rem;
  }

  .item-details #item-details-container .item-details-title {
    margin-bottom: 3%;
  }

  .item-details .item-details-links .dtp-buttons-wrapper {
    padding: 2.5% 0;
  }

  .back-button-container{
    padding-left: 0;
  }

  /**** Mobile Sitemap CSS ****/
  .sitemap-items-wrapper .sitemap-items {
    display: block;
  }

  .sitemap-items-wrapper .sitemap-items>li>a {
    margin-bottom: 1%;
    white-space: nowrap;
  }

  .sitemap-items-wrapper .sitemap-items>li>ul {
    padding-left: 10px;
  }

  .sitemap-items-wrapper .sitemap-items>li>ul>li {
    margin-bottom: 0px;
  }
  .sitemap-items-wrapper .sitemap-items>li>ul>li::before {
    top: 7px;
  }

  .sitemap-items-wrapper .sitemap-items>li>ul>li>ol {
    padding-left: 0;
  }

  /**** Mobile Menu CSS ****/
  .floating-cta {
    top: 50vw;
  }

  .floating-cta .floating-cta-icon{
    width: 10vw;
  }

  .menu-button-wrapper .menu-button-bg{
    width: 125px;
    min-width: auto;
  }

  .menu-button {
    top: -21px;
    right: -8px;
  }

  .menu-button-bg{
    width: 125px;
    min-width: auto;
  }

  .menu-button .circle {
    width: 25px;
    height: 28px;
  }

  .menu-button p{
    letter-spacing: 0.1rem;
    right: 7px;
    font-size: 9px;
  line-height: 1rem;}

  .menu-button .menu-text-close {
    right: 5px;font-size: 9px;}

  .menu-items-wrapper .inner {
    width: 400px;
    margin-top: 18%;
  }

  .menu-items-wrapper .menu-items>li {
    width: 170px;
  }

  .mobile-inner{
    margin-top: 90px;
  }

  .menu-items-wrapper .menu-items {
    list-style: none;
    padding: 0;
    display: block;
    /* flex-wrap: wrap; */
    /* flex-direction: row; */
    width: 100%;
    height: 100%;
    /* justify-content: center; */
    width: 80%;
    margin: auto;
}

 .menu-items-wrapper .menu-items>li {
  /* width: 170px; */
  width: 100%;
  margin: 2.5% auto;
  position: relative;
  max-width: 445px;
}

.menu-items-wrapper .menu-items>li .togglesubmenu{
  position: absolute;
  right:0;
  top: 10px;
  display: block;
  width: 30%;
}

.menu-items-wrapper .menu-items>li .togglesubmenu::after{
  background-image: none !important;
}
  
 .menu-items-wrapper .menu-items>li>a {
  display: block;
  color: white;
  padding: 3% 0%;
  letter-spacing: 0.6rem;
}

.menu-items-wrapper .menu-items>li>a::after {
  background-image: url(../img/mobile/menu-divider-mobile.png);
}

.menu-items-wrapper .menu-items>li>ul {
  margin-top: 4%;
  display:none;
  color: white;
}

.menu-items-wrapper .menu-items>li>ul>li {
  margin-bottom: 1.3vw;
}

.menu-items-wrapper .menu-items>li>ul>li>ol {
  padding-left: 4vw;
}

.menu-items .icon-plus,
.menu-items .icon-minus{
  margin-right: 0;
    width: 6vw;
    height: 6vw;
    max-width: 20px;
    max-height: 20px;
}

.menu-items-wrapper .menu-items>li>ul {
  padding-left: 5vw;
}

.mobile-inner .menu-footer-container{
    position: relative;
    width: 80%;
    margin: auto;
    right: auto;
    left: auto;
    color: white;
    max-width: 445px;
}

.mobile-inner .footer-links ul li > a{
  font-size: 14px;
  margin-bottom: 10px;

}

.mobile-inner .footer-links ul li > a::after {
  content:'';
}

.mobile-inner .menu-header-container {
  top: 0;
  text-align: right;
  right: 0;
  width: 83%;
  /* float: right; */
  margin: auto;
  position: absolute;
}

.language-selector ul li>a{
  font-size: 14px;
}

.language-selector ul li>a::after {

  padding-right: 3px;
  padding-left: 5px;
}

.language-selector ul li:last-of-type>a::after {
  padding: 0;
}

.menu-decors-1 {
  top: 30px;
  right: 13%;
  width: 73%;
}

.menu-decors-2 {
  bottom: 0;
  right: 41%;
  width: 1500px;
  z-index: -1;
  transform: scale(3.5);
  margin-top: 5%;
}

.menu-decors-3{
  width: 63%;
}

.menu-decors-4{
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  transform: scale(1.05);
}


.menu-decors-5{
    width: 143px;
    /* top: -10px; */
    min-width: 111px;
}

.menu-dividers{
  height: auto;
    width: 100%;
    position: absolute;
    bottom: -6px;
    left: 0;
}



  /***** Mobile Footer CSS *******/
    .footer-container .footer-content.footer-content-mobile {
      width: 85%;
    }

    .footer-container .footer-content .footer-table td{
      width: 38%
    }
  
    .footer-container .footer-content .footer-table .footer-images {
      width: 94%;
    }
  
    .footer-container .footer-content .footer-table th{
      font-size: 12px;
    }
  
    .footer-container .footer-content .footer-table{
      margin-bottom: 10%;
    }
  
    .footer-links{
      margin: 8% 0 0%;
    }
  
    .footer-links:first-of-type ul li{
        display: block;
    }
  
    .footer-links ul li .footer-items::after, .footer-links ul li > a::after {
      padding-right: 3px;
      padding-left: 7px;
    }
  
    .footer-links ul li .footer-items::after{
      content: '';
    } 
  
  
  
    .social-icons{
      width: 14%;
      max-width: 100px;
      min-width: 50px;
      margin-left: 3%;
    }
  
    .copyright-container {
      font-size: 2vw;
    }

    /* DTP */

    .homepage .section1 .s1-mainTitle {
      margin-left:auto;
    }

    .homepage .homepage-s1-ss2-mainContent{
      width: 90%;
      text-align: justify;
    }

    .homepage .section4{
      padding-top: 18%;
    }

    .custom-lineheight{
      margin-top: 2%;
    }

    .homepage .paidArea .paidArea-columns {
      width: 75%;
      max-width: 435px;
    }

    .homepage .section3 .subsection2 .dtp-divider-mobile{
      width: 77%;
      max-width: 435px;
      margin-top: 5%;
      margin-bottom: -3%;
    }
    .homepage-s3-ss2-sections {
      margin-top: -4%;
    }

    .homepage .section1 .subsections img.column-images {
      position: absolute;
      bottom: -16%;
      right: -12%;
      width: 67%;
  }

    .homepage .section1 .subsections img.column-images.column-image-2 {
      width: 39%;
      right: -21%;
      bottom: -10%;
  }

    .homepage .section1 .subsections img.column-images.column-image-3 {
      width: 33%;
      right: -15%;
      top: auto;
      bottom: -10%;
    }

    .bubble-underline img.bubbles-5{
      position:absolute;
      bottom: -1vw;
    }

    .bubble-underline div{
      line-height: 2.8rem;
      padding-bottom: 2%;
      margin-top: -3%;
    }

    .dtp-sponsors-container{
      width: 85%;
      margin: auto;
      margin-bottom: 7%;
    }

  }

  /* End of Media Query max-width 992px */
  
 
  @media only screen and (max-width: 600px){
    .flex-center-text{
      padding-left: calc(5% + 0.3vw);
    }

    /**** Mobile Homepage CSS /768px *****/
    .subsection-title span::before{
      width: 1vw;
      height: 1vw;
      left: 2vw;
    }

    .homepage .dtp-header-bubble .col-md-12{
      padding: 0;
    }
  
    .homepage .dtp-header-bubble .dtp-p {
      max-width: 100%;
      line-height: 4.6vw;
      padding: 18vw 7vw 10vw;
      }
  
    .homepage .section2 .flckering-text-container .flickering-text{
      letter-spacing: 0.5vw;
    }

    .dtp-contact-details:nth-child(1) .dtp-contact-text{
      font-size: 5vw;
    }

    .homepage .section3 .subsection2 .dtp-smalltext{
      margin-left: 11vw;
      width: 75%;
      margin-top: -2vw;
      margin-bottom: 3vw;
    }
  
  
    /**** Mobile About CSS /768px ******/
    .text-logo {
      width: 26%;
    }

    .about .section2 .section-content {
      width: 95%;
    }
  
    .about-missions-container img {
      width: 100%;
  }
  
    .about-missions-items .about-missions-item{
      width: 100%;
    }
  
    .about .timeline-items-mobile .date{
      top: -5.5vw;
      padding: 0.2vw 3vw;
      border-radius: 3vw;
      line-height:8vw;
    }
  
    .about .timeline-items-mobile .timeline-item-text{
      padding: 5vw 5vw 3vw;
      border-radius: 15px;
    }
  
    .about-teams-items .about-teams-item {
      letter-spacing: 1vw;
    }
  
    .about .section5 .subsection-main .dtp-block{
      font-size: 3.2vw;
    }

    .about .section5 .subsection-main div:first-child {
      width: 96%;
    }

    .about .section5 .subsection-main .dtp-content{
      padding: 12% 13% 8%;
    }

    .about .about-s2-decors-2{
      top: 7.3vw;
      left: 12%;
      width: 7.6%;
      z-index: 0;
    }
    .about .about-s2-decors-3{
      top: 7.3vw;
      right: 13%;
      width: 6vw;
      z-index: 0;
    }
  
    .about .about-s2-decors-5{
      top: 7vw;
      left: -0.6%;
      width: 12vw;
      z-index: 0;
    }

    /***** Mobile Pricing CSS / 600px *****/
    .pricing-carousel-decors-1 {
      top: -28%;
      right: 6vw;
      width: 10vw;
      transform: translate(0%,-72%);
    }

    .pricing .section1 .subsection1 .dtp-priceList{
      width: 83% !important;
      margin: 6% 0 4%;
      border-radius: 8.2vw;
    }

    .pricing .section1 .subsection1 .dtp-priceList + .dtp-smalltext{
      width: 84% !important;
    }

    .dtp-priceList .dtp-priceList-title {
      margin-bottom: -2%;
      font-size: 6vw;
    letter-spacing: 2vw;transform: translate(1vw,-4vw);}

    .pricing-list .priceList-icon{
      /* top: -10%; */
      /* left: 0%; */
    }

    .pricing-buttons-container {
      /* margin-top: -9vw; */
    }
  
    .enquiry-details-container {
      width: 91%;
      margin-top: 2%;
    }

    .enquiry-details-container .enquiry-details span {
      font-size: 4vw;
    }

    .pricing-playcaptain{
      top: 4vw;
    }
    
    .pricing-bigplaytour{
      top: -1vw;
    }

    .pricing .section2 .subsection5 .dtp-title .dtp-underline-whiteLine svg {
      margin: 0px 1vw 1vw 0vw;
    }

  /**** Mobile FAQ CSS /600px *****/
    .faq-container {
      padding-top: 16%;
      margin-top: -8vw;
    }

    .faq .section2 .dtp-title {
      background-position: top;
      background-size: 145%;
      background-repeat: no-repeat;
      padding-top: 2%;
    }

    .faq .section3 .subsection1 .playscoperules-container .dtp-p{
        width: 96%;
    }
    
    .faq .section3 .prevention-container{
      padding-top: 30%;
      border-radius: 2rem;
      padding-bottom: 12%;
    }

    .faq .section3 .prevention-container ol li {
      line-height: 1.6rem;
    }

    .faq .section3 .faq-s3-ss3-decors-2 {
      top: 3vw;
      right: -4vw;
      width: 23vw;
      z-index: 0;
  }

  .faq-s1-decors-1-mobile {
    width: 79%;
  }


  /***** Mobile News CSS *********/
  .news .section1{
    padding-top: 11%;
  }

  /**** Mobile Training CSS *******/
  .dtp-items .dtp-h3 {
    line-height: 1.5rem;
  }
  
    /***** Mobile Menu CSS /600px *****/
    .menu-items-wrapper .menu-items>li .togglesubmenu {
      top: 4vw;
    }

    .menu-items-wrapper .menu-items>li>ul>li::before {
      top: 2vw;
    }


    .menu-decors-1 {
      top: 44px;
    }


    /****** Mobile Footer CSS /600px *****/
    .footer-links ul li:nth-child(3n) > a::after {
      content: '';
    }

    .footer-links ul{
      width: 80%;
      margin: auto;
    }

    .menu-footer-container .footer-links ul{
      margin-left: 0;
    }
  
  }

  @media only screen and (max-width: 440px){
    .bubble-underline div {
      line-height: 8vw;
    }

    .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-column-title {
        font-size: 1.5em;
    }

    .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-column-text {
      letter-spacing:var(--dtp-letterspacing-default);
      outline-width: 0.5vw;
      border-radius: 2.5em;
    }

    .faq .section1 .tipsSwiper .tipsbox .tipsbox-text{
      line-height: var(--dtp-lineheight-default);

    }

  }