body.en {
  --dtp-default: #000;
  --dtp-red: #ea1e35;
  --dtp-green: #70ac45;
  --dtp-pale-green: #e0edd6;
  /* --dtp-orange: #e79225; */
  --dtp-orange: #f9a425;
  --dtp-blue: #138fc2;
  --dtp-white: #fff;
  --dtp-dark-red: #d41e35;
  --dtp-pale-red: #f2d4d1;
  --dtp-pale-red-2: #ecdcda;
  --dtp-pale-red-transparent: #e3d4d28f;
  --dtp-pale-red-3: #e6c8c5;
  --dtp-pale-orange: #fedfc7;
  --dtp-pale-orange-2: #f9f5ef;
  --dtp-footer-white: #f1f0ea;
  --dtp-fontsize-10: 10.5px;
  --dtp-fontsize-13: 12.5px;
  --dtp-fontsize-17: 15px;
  --dtp-fontsize-18: 16px;
  --dtp-fontsize-19: 17px;
  --dtp-fontsize-22: 19px;
  --dtp-fontsize-23: 21px;
  --dtp-fontsize-25: 21px;
  --dtp-fontsize-28: 24px;
  --dtp-fontsize-30: 29px;
  --dtp-fontsize-31: 30px;
  --dtp-fontsize-35: 31px;
  --dtp-fontsize-37: 31px;
  --dtp-fontsize-40: 37px;
  --dtp-fontsize-42: 37px;
  --dtp-fontsize-45: 39px;
  --dtp-fontsize-year: 40px;
  --dtp-fontsize-49: 32px;
  --dtp-fontsize-menuitem: 35px;
  --dtp-fontsize-55: 52px;
  --dtp-fontsize-83: 60px;
  --dtp-zIndex-top: 15;
  --dtp-zIndex-inner: -1;
  --dtp-zIndex-base: 1;
  --dtp-zIndex-mod-low: 2;
  --dtp-zIndex-mod: 5;
  --dtp-zIndex-mod-up: 7;
  --dtp-zIndex-max: 10;
  --dtp-lineheight-default: 1.7rem;
  --dtp-lineheight-default-large: 1.8rem;
  --dtp-letterspacing-default: 0rem;
  --dtp-lineheight-smalltext: 1.2rem;
  --dtp-letterspacing-smalltext: 0rem;
  --dtp-lineheight-h1: 3.6rem;
  --dtp-lineheight-h1-large: 4.5rem;
  --dtp-letterspacing-h1: 0rem;
  --dtp-lineheight-h2: 3.5vw;
  --dtp-letterspacing-h2: 0rem;
  --dtp-letterspacing-h4: 0rem;
  --dtp-lineheight-h3: 2.5rem;
  --dtp-letterspacing-h3: 0rem;
  --dtp-letterspacing-year: 0.9rem;
  --dtp-lineheight-masthead: 4.5rem;
  --dtp-letterspacing-masthead: 0rem;
  --dtp-letterspacing-cta: 0rem;
  --dtp-lineheight-menu-title: 2.7rem;
  --dtp-section-padding: 5% 0 0 0;
  --dtp-subsection-margin: 0 0 6.5% 0;
  --dtp-h1-margin: 0 0 1% 0;
  --dtp-lineheight-training-title: 4rem;
  --dtp-word-spacing-default: 0.0em;
}

@media only screen and (max-width: 1700px) and (min-width: 993px){
  body.en {
    --dtp-fontsize-10: 0.7vw;
    --dtp-fontsize-13: 9.5px;
    --dtp-fontsize-17: 0.9vw;
    --dtp-fontsize-19: 1vw;
    --dtp-fontsize-22: 1.1vw;
    --dtp-fontsize-23: 1.2vw;
    --dtp-fontsize-25: 1.3vw;
    --dtp-fontsize-28: 1.3vw;
    --dtp-fontsize-30: 1.6vw;
    --dtp-fontsize-31: 1.7vw;
    --dtp-fontsize-35: 1.8vw;
    --dtp-fontsize-37: 1.7vw;
    --dtp-fontsize-40: 28px;
    --dtp-fontsize-45: 2vw;
    --dtp-fontsize-year: 39px;
    --dtp-fontsize-49: 2.1vw;
    --dtp-fontsize-menuitem: 31px;
    --dtp-fontsize-55: 3vw;
    --dtp-fontsize-83: 3.6vw;
    --dtp-lineheight-h3: 1.2em;
    --dtp-lineheight-default: 1.5vw;
    --dtp-lineheight-default-large: 2vw;
    --dtp-lineheight-h1: 3vw;
    --dtp-lineheight-h1-large: 4rem;
    --dtp-lineheight-h2: 3vw;
    --dtp-lineheight-masthead: 5vw;
    --dtp-letterspacing-masthead: 0.1rem;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 993px){
  body.en {
    --dtp-fontsize-10: 0.7vw;
  }
}

@media only screen and (max-width: 992px) {
  body.en {
    --dtp-fontsize-10: 13px;
    --dtp-fontsize-13: 13.5px;
    --dtp-fontsize-17: 16px;
    --dtp-fontsize-19: 16px;
    --dtp-fontsize-22: 18px;
    --dtp-fontsize-23: 16px;
    --dtp-fontsize-25: 20px;
    --dtp-fontsize-28: 29px;
    --dtp-fontsize-30: 20px;
    --dtp-fontsize-31: 20px;
    --dtp-fontsize-35: 27px;
    --dtp-fontsize-37: 27px;
    --dtp-fontsize-40: 28px;
    --dtp-fontsize-45: 29px;
    --dtp-fontsize-year: 38px;
    --dtp-fontsize-menuitem: 30px;
    --dtp-fontsize-49: 30px;
    --dtp-fontsize-55: 36px;
    --dtp-fontsize-83: 41px;
    --dtp-h1-margin: 0 0 3% 0;
    --dtp-letterspacing-default-small: 0rem;
    --dtp-letterspacing-default: 0rem;
    --dtp-lineheight-default-large: 1.5rem;
    --dtp-lineheight-h1: 3rem;
    --dtp-lineheight-h1-large: 4.5rem;
    --dtp-letterspacing-h1: 0rem;
    --dtp-lineheight-h2: 1.1em;
    --dtp-letterspacing-h2: 0rem;
    --dtp-letterspacing-h3: 0rem;
    --dtp-letterspacing-year: 0.7rem;
    --dtp-lineheight-h3: 1.9rem;
    --dtp-lineheight-menu-title: 2.12rem;
    --dtp-lineheight-default: 1.5rem;
    --dtp-lineheight-h1-large: 3.5rem;
    --dtp-lineheight-smalltext: 1.3em;
    --dtp-letterspacing-smalltext: 0rem;
    --dtp-letterspacing-cta: 0rem;
    --dtp-subsection-margin: 0 0 10.5% 0;
    --dtp-lineheight-training-title: 3.5rem;
  }

  .en .dtp-p.mobile-br-hidden br{
    display: block;
  }
}

@media only screen and (max-width: 600px){
  body.en {
    /* --dtp-fontsize-10: 1.5vw; */
    --dtp-fontsize-10: 2.2vw;
    --dtp-fontsize-13: 2.5vw;
    --dtp-fontsize-17: 2.7vw;
    --dtp-fontsize-19: 3.4vw;
    --dtp-fontsize-22: 3.7vw;
    --dtp-fontsize-23: 3.4vw;
    --dtp-fontsize-25: 3.6vw;
    --dtp-fontsize-28: 3.7vw;
    --dtp-fontsize-30: 4vw;
    --dtp-fontsize-31: 3.5vw;
    --dtp-fontsize-35: 6.3vw;
    --dtp-fontsize-37: 3.8vw;
    --dtp-fontsize-40: 4.2vw;
    --dtp-fontsize-45: 5vw;
    --dtp-fontsize-year: 5vw;
    --dtp-fontsize-menuitem: 5.8vw;
    --dtp-fontsize-49: 4.6vw;
    --dtp-fontsize-55: 5.8vw;
    --dtp-fontsize-83: 7vw;
    --dtp-letterspacing-default: 0rem;
    --dtp-lineheight-default: 1.3em;
    --dtp-lineheight-default-large: 1.5em;
    --dtp-lineheight-h1: 7vw;
    --dtp-lineheight-h2: 6.5vw;
    --dtp-lineheight-h3: 6vw;
    --dtp-lineheight-smalltext: 1.2em;
    --dtp-letterspacing-h1: 0rem;
    --dtp-letterspacing-h3: 0.0rem;
    --dtp-letterspacing-h2: 0rem;
    --dtp-letterspacing-year: 0.3rem;
    --dtp-letterspacing-smalltext: 0;
    --dtp-letterspacing-cta: 0rem;
    --dtp-lineheight-training-title: 8.4vw;
    --dtp-lineheight-menu-title: 8vw;
  }
}


/**** EN General *****/
body.en,
.en p, 
.en .dtp-p{
 font-family: "Avenir","MHeiHK-medium", Arial, Helvetica, sans-serif; 
}

.futora-bold{
  font-family: "Futura-Bold", "MHeiHK-heavy", Arial, Helvetica, sans-serif;
}

.en .subsection-title {
  font-family: "OpenSans-Bold", "MHeiHK-heavy", Arial, Helvetica, sans-serif;
}

.en p,
.en .dtp-p{
  white-space: normal;
  word-break: break-word;word-spacing: var(--dtp-word-spacing-default, 0.2em);
}

.en .dtp-buttons {
  padding: 1% 4%;
}

.en .dtp-buttons-row .dtp-buttons {
  padding: 2.5% 8%;
}

.en .dtp-buttons a{
  white-space: nowrap;
  font-size: var(--dtp-fontsize-17);
  letter-spacing: 0rem;
}

.en .dtp-buttons svg {
  width: 14px;
  margin-bottom: 1%;
  margin-left: 2%;
/* position: absolute;top: 50%;transform: translate(37%, -50%); */
}

.en .bubble-underline {
  line-height: 1.2em;
}

.en .bubble-underline img.bubbles{
  bottom: -39%;
}

.en .bubble-underline img.bubbles-2 {
    bottom: -9%;
    /* position: initial; */
    width: min-content;
    margin-top: -8%;
    bottom: -24%;
    left: 0;
}
.en .bubble-underline img.bubbles-3 {
  bottom: -25%;
  left: 0.4%;
}

.en .bubble-underline img.bubbles-4 {
  position: absolute;
  bottom: -22%;
  left: 1.7%;
}

.en .bubble-underline img.bubbles-5 {
  bottom: -10%;
  left: -0.3%;
  width: 100%;
}

.en .dtp-heavy{
  font-family: 'Avenir-Heavy' !important;
}

/*************************************************************** EN Menu ******************************************************************/

.en .menu-button p{
  font-family: "GenJyuu-bold", Arial, Helvetica, sans-serif; 
}

.en .menu-items-wrapper .menu-items>li>a {
  letter-spacing: 0.04rem;
  padding-right: 3%;
}

.en .menu-button.close .menu-text-close{
  white-space: nowrap;
}

.en .menu-footer-container {
  bottom: -32%;
}

.en .menu-decors-4{
  right: 44%;
}

.en .menu-decors-6 {
    top: 2px;
    /* right: 44%; */
    right: calc(var(--_w) / 2 - 1500px / 2 + 710px);
    width: 101px;
}

/**************************************************************** EN Homepage ****************************************************************/
.en q{
  width: 74%;
    display: block;
    margin: auto;
    margin-top: 3%;
  position: relative;
  font-family: "OpenSans-Light", "MHeiHK-heavy", Arial, Helvetica, sans-serif;
}

.en q::before{
  position:absolute;
  top: 0;
  left: 3%;
  font-size: 53px;
  display: block;
}
.en q::after{
  position:absolute;
  bottom: 0;
  transform: translate(0,110%);right: 14%;
  font-size: 53px;
  display: block;
}

.en .popout-box-red{
  line-height: 1.2rem;
  letter-spacing: 0rem;
  padding: 10.1% 4% 7%;
  background-size: 99%;width: 730px;
}

.en .subsection-title {
  letter-spacing: 0rem;
  line-height: 2.3rem;
}

.en .red-banner .red-banner-text{
  position: absolute;
  left: 32%;
  bottom: 7%;
  z-index: 1;
  width: 41%;
}

.en .homepage .section1 .bubble-underline img.bubbles {
    bottom: -29%;
}

.homepage .section1 .subsection1 {
  margin-top: -10%;
}

.en .homepage .section1 .s1SS2bg {
  background-image: url(../img/en/homepage-s1-ss2-infobox.png);
}

.en .homepage .section1 .s1SS2bg .dtp-content {
  line-height: var(--dtp-lineheight-default);
  /* width: 100%; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.en .homepage .section1 .s1SS2bg .dtp-content .dtp-h1 {
  /* left: 41%; */
  /* font-size: var(--dtp-fontsize-35); */
  transform: translate(-51%, -73px);
  width: 100%;
  white-space: nowrap;
  font-size: var(--dtp-fontsize-35);
}

.en .homepage .section1 .subsections img.column-images.column-image-3 {
    width: 28%;
    right: -35%;
    top: -33%;
}


.en .homepage .dtp-header-bubble .dtp-p {
  letter-spacing: var(--dtp-letterspacing-default);
  line-height:  var(--dtp-lineheight-default-large);
  font-size: var(--dtp-fontsize-22);
}

.en .homepage .dtp-header-bubble .dtp-p-heavy{
  font-family: 'Avenir-Heavy';
}

.en .dtp-list {
  padding: 0;
  width: 88%;
  margin-top: 6%;
  margin-left: 7%;
  list-style: none;
  padding: 0% 2%;
}

.en .dtp-list li {
  width: 88%;
}

.homepage .section2 #homepage-s2-floorplan {
    margin-top: -10.9%;
}

.en .homepage .section2 .subsection1>.dtp-h1{
  margin-top: 3%;
}

.en .homepage .section2 .subsection1 .dtp-content{
  width: 87%;
  margin: auto;
  margin-top: 1.5%;
  margin-bottom: 2%;
  line-height: var(--dtp-lineheight-default);
  word-break: normal;
}

.en .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-column-title {
  width: 60%;
  padding: 2%;
}

.en .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-column-text {
  white-space: initial;
  word-break: normal;
  font-size: var(--dtp-fontsize-19);
}

.en .homepage-floorplan-decors-1 {
    right: -3%;
    bottom: -21%;
    width: 50%;
}


.en .homepage .section2 .flckering-text-container {
  margin-top: 7%;
}

.en .dtp-column-main-image {
    max-width: 326px;
}

.en .homepage .section3 .subsection2 .dtp-columns .dtp-column-image {
  width: 63%;
  /* margin-bottom: 1%; */
}

.en .homepage .paidArea .paidArea-columns h3 span{
  letter-spacing: 0rem;
}

.en .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-columns-divider {
  top: 1%;
}

.en .homepage .section3 .dtp-columns .dtp-column-text{
  text-align: center;
}

.en .homepage .section3 .subsection3 .dtp-contact-container {
  margin-left: 25%;
  width: 74%;
}

.en .dtp-contact-text{
    margin-left: 44px;
 }
  
.en .dtp-location-text {
  line-height: 1.3em;
  letter-spacing: 0rem;
  text-align: left;
  font-size: var(--dtp-fontsize-22);
  padding: 3% 8% 5% 8.5%;
  text-align: center;
  margin-left: 1%;
}

.en .underlined::after {
  width: 100%;
  height: 4px;
  bottom: -6%;
  border-radius: 8px;
}

.en .homepage .section3 .dtp-column-side-images {
  top: -154%;
}

.en .homepage .section3 .subsection2 .dtp-smalltext {
  position: absolute;
  left: 12.2%;
  bottom: 11%;
  font-family: 'Avenir';
  font-size: var(--dtp-fontsize-19);
  line-height: var(--dtp-lineheight-smalltext);
}


.en .homepage .section3 .subsection2 .dtp-smalltext b{
  font-family: 'Avenir-Heavy';
}

.en .homepage .section3 .subsection3 .subsection-text{
  width: 85%;
  /* max-width: 716px; */
}

.en .homepage .section3 .subsection2 {
  padding-top: 13%;
}

.en .homepage .horizontal-lines-2 {
  width: 40%;
  bottom: -0.3em;
}

.en .homepage .section4 .dtp-buttons {
  width: min-content;
}



.en .dtp-buttons-row {
  width: 95%;
}

.en .homepage-s1-decors-1{
  top: -1%;
}

.en .homepage-s1-decors-2{
  right: 32%;
}

.en .homepage-s1-decors-5 {
  bottom: 4vw;
}

.en .homepage-s2-decors-1 {
  top: -154%;
  right: 13%;
  width: 13%;
}

.en .homepage-s2-decors-3 {
  top: 21%;
  left: -4%;
  width: 25%;
}

.en .homepage-s2-decors-2 {
  top: 0%;
  right: 11%;
}
.en .homepage-s2-decors-5 {
  top: 3.5%;
}

.en .homepage-s2-decors-7 {
  top: 6%;
}

/**************************************************************** EN About Us ****************************************************************/
.en .dtp-masthead-text{
  top: 29%;
  left: 42%;
}

.en .about .subsections .about-s1-ss2-decors-1 {
    top: -17%;
    left: 23.5%;
    width: 49%;
    z-index: 0;
}

.en .about .section1 .subsection1 .dtp-h1{
  white-space: nowrap;
}

.en .about .section1 .subsection1 .about-bubbles{
  width: 98%;
  margin-top: 1.3%;
  margin-bottom: 2%;
}


.en .about .section2 .bubble-underline img.bubbles-2 {
  bottom: -13%;
}

.en .about .about-missions-container {
  margin-top: 2%;
}


.en .about-missions-items .dotted-lines {
  bottom: -1%
}

.en .about .about-s2-decors-2 {
  top: -22.1%;
}

.en .about .about-s2-decors-3 {
  top: -11.6%;
}
/* .en .about .about-s1-ss2-decors-lines {
  bottom: 31%;
  right: 17.5%;
  width: 46%;
  z-index: 0;
  } */
  
  .en .timeline .timeline-item .date{
    font-size: var(--dtp-fontsize-year);
    letter-spacing: var(--dtp-letterspacing-year);
  }
  
  .en .timeline .timeline-item .content .timeline-item-text{
    max-width: 430px;
    text-align: left;
  }
  
  .en .about-teams-items {
    letter-spacing: 0rem;
  }
  
  .en .about-teams-items .about-teams-item{
    line-height: 1.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .en .about .section5 .dtp-title{
    margin-bottom: 10%;
}

.en .about .section5 .subsections .about-s5-labels {
  width: 9.2vw;
  top: -9vw;
  left: 0;
  max-width: 100px;
  min-width: 50px;
  transition: none;
}

.en .about .section5 .subsections:not(.subsection-main) .dtp-h3 {
  margin-bottom: 2%
}

.en .about .section5 .subsections:not(.subsection-main) .dtp-p br {
  display: block;
}

.en .about .section5 .subsections .about-s5-decors-2 {
  top: -45%;
  left: 89%;
  width: 63%;
}

.en .about .section5 .subsections .about-s5-decors-4 {
  top: -63%;
  right: -6%;
  width: 86%;
}

.en .about .section5 .subsections .about-s5-decors-5 {
  top: -360%;
  left: 41%;
  width: 40%;
}

.en .about .about-s5-decors-1 {
  top: -81%;
  right: 19%;
  width: 15%;
}

.en .about .section5 .subsections .about-s5-decors-2 {
    top: -429%;
    left: 36%;
}

.en .about .section5 .subsections .about-s5-decors-3 {
    top: -291%;
    right: -73%;
    width: 65%;
}

.en .about .section5 .subsections .about-s5-decors-4 {
  top: -226%;
  right: -77%;
}

.en .about .about-s2-decors-5 {
  top: 7%;
    /* top: 74%;
    left: 0.4%; */
}

/**************************************************************** EN Pricing ****************************************************************/
.en .pricing-carousel-decors-1 {
    top: -162%;
    right: 32%;
    width: 9%;
}

.en .pricing .main-carousel .bubble-underline img.bubbles-2{
    bottom: -25%;
    left: 50%;
    width: 99%;
}

.en .pricing .carousel-title .bubbles-2{
  width: 65%;
  position: absolute;
  bottom: -12%;
  left: 50%;
  transform: translate(-50%, 0%);
}

.en .pricing .section1 .subsection1 .pricing-list {
    padding-right: 2%;
    padding-left: 6%;
}

.en .pricing .section1 .subsection1 .dtp-priceList{
  width: 100%;
}

.en .dtp-priceitems-left {
  width: 100%;
  font-size: var(--dtp-fontsize-22);
  font-family: "Avenir-Heavy", "MHeiHK-heavy", Arial, Helvetica, sans-serif;
}

.en .dtp-priceitems-right {
  /* width: 50%; */
  text-align: left;
}

.en .dtp-priceitems .dtp-smalltext {
  text-align: left;
  margin-top: 0%;
  position: absolute;
  left: 10%;
  line-height: 1em;
  =:
  right;
}

.en .pricing .section1 .dtp-title:first-of-type .dtp-p{
  margin-top: 1%;
  /* margin-bottom: -2%; */
}

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

.en .dtp-dashed-box{
  padding-top: 7%;
}

.en .pricing-playcaptain {
    top: 42%;
    right: -12%;
}

.en .dtp-reminder{
  font-size: var(--dtp-fontsize-17);
  position: absolute;
  width: max-content;
  bottom: -66%;
  right: 0;
}

.en .orange-lines-title {
  margin-top: 0.2vw;
}

.en .dtp-underline-orangeLine{
  font-size: var(--dtp-fontsize-49);
  line-height: var(--dtp-lineheight-h3);
}

.en .dtp-underline-orangeLine span{
  color: black;
  font-size: var(--dtp-fontsize-31);
}


.en .underline-dashed {
  background-image: url(../img/underline-dashed.png);
  background-size: contain;
  background-position: center 100%;
  background-repeat: no-repeat;
  display: inline-block;
  margin-bottom: 3%;
}

.en .groupPricing-box:first-of-type{
  padding-right: 7%;
}

.pricing .section1 .dtp-pricing-detailsbox .groupPricing-container .groupPricing-box img {
    width: 53%;
    position: absolute;
    right: -16%;
    top: -81%;
}

.en .group-details-table table{
  font-size: var(--dtp-fontsize-23);
}

.en .group-details-table.green-table .table-title span {
    background-image: url(../img/en/pricing-s2-ss2-decors-tag-2.png);
  }

.en .group-details-table.red-table .table-title span {
  /* background-image: url(../img/en/pricing-s2-ss2-decors-tag-1.png); */
  background-image: none !important;
}
.en .group-details-table.blue-table .table-title span {
  /* background-image: url(../img/en/pricing-s2-ss2-decors-tag-2.png); */
  background-image: none !important;
}

.en .group-details-table table tr td:first-of-type {
  letter-spacing: 0rem;
  font-family: "OpenSans-Bold", "MHeiHK-heavy", Arial, Helvetica, sans-serif;
}

.en .group-details-table table tbody tr td .dtp-smalltext {
  font-size: var(--dtp-fontsize-19);
  line-height: var(--dtp-lineheight-default);
}

.en .group-details-table table tr td:last-of-type .dtp-smalltext {
  line-height: 1rem;
  text-align: center;
  letter-spacing: 0rem;
  top: auto;
  bottom: -2%;
  }

.en .booking-steps img{
  width: 12%;
  transform: translate(0, -51%);
}

.en .booking-step-container {
    width: 77%;
}

.en .pricing-buttons {
  padding: 2.3% 6%;
}

.en .pricing .section2 .bubble-underline img.bubbles-2 {
  bottom: -13%;
  position: absolute;
  width: 100%;
  margin-top: auto;
  left: 50%;
  transform: translate(-50%,0);
  }

.en .pricing .section2 .subsection5 .dtp-title .dtp-underline-whiteLine {
  background-image: url(../img/en/pricing-section2-subsection5-title-bg.svg);
}

.en .white-lines-title {
  display: none;
}

.en .faq-buttons{
  padding: 1em 2em;
  letter-spacing: var(--dtp-letterspacing-cta, 1.12rem);
  border-radius: 2em;
}

.en .pricing-notice-items{
  font-size: var(--dtp-fontsize-22);
  line-height: 1.1em;
}

.en .pricing-notice-items .pricing-notice-item {
  display:flex;
  justify-content: center;
  align-items: center;
  /* background-size: 70%; */
}

.en .booking-steps{
  margin-right: 7%;
}

.en .enquiry-details-container .enquiry-details span {
  margin-left: 3%;
}

.en .enquiry-buttons-row {
  width: 67%;
  /* margin: 2% 0 7% 10%; */
  max-width: 800px;
margin-left: auto;margin-right: auto;}

.en .enquiry-details-container .enquiry-details {
  font-family: "MHeiHK-XBold", Arial, Helvetica, sans-serif;
}

.en .enquiry-details-container table{
  width: 100%;
}

.en .enquiry-details-container table td{
  display: table-cell;
  padding-bottom: 3%;
}

.en .enquiry-details-container .enquiry-details {
  font-family: GenJyuu-bold, Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}

.en .enquiry-buttons{
  padding: 2.5% 6%;
  width: 99%;
}

.en .pricing-s1-ss1-decors-2 {
  top: -197%;
  right: 3%;
}

.pricing-s2-ss2-decors-1 {
  left: 25.5%;
  width: 11%;
}

.en .pricing-s2-ss3-decors-2{
  width: 18.5%;
}

.en .pricing-s2-ss4-decors-1 {
  width: 25%;
  right: 6%;
}

/*********************************************************** EN FAQ *************************************************************/

.en .faq .main-masthead .bubble-underline img.bubbles-2{
  bottom: -17%;
}

.en .faq .section1 .subsections{
  margin-top: 10%;
}

.en .faq .dtp-steps:nth-of-type(2n-1) {
    margin-top: -6%;
}

.en .faq .bubble-underline img.bubbles-2 {
  margin-top: -0.7em;
}

.en .faq .section1 #fivesteps + .dtp-title {
  margin-bottom: 2%;
}

.en .faq .section1 .tipsSwiper .tipsbox .tipsbox-text {
  align-items: center;
  transform: translate(-50%, -31%);
  width: 59%;
  line-height: var(--dtp-lineheight-default-large);
}

.en .faq .section2 .section-content {
  margin: 1% 0 9%;
}

.en .faq .section2 .dtp-title {
  padding-top: 13%;
}

.en .faq .section2 .dtp-title > .dtp-h1{
  margin-bottom: -2%;
}

.en .faq #faq-general .faq-section-title{
  background-image: url(../img/en/faq-s2-title-bg-1.svg);
}

.en .faq #faq-general-booking .faq-section-title{
  background-image: url(../img/en/faq-s2-title-bg-2.svg);
}

.en .faq #faq-special-booking .faq-section-title{
  background-image: url(../img/en/faq-s2-title-bg-3.svg);
}

.en .faq-question-text{
  padding-bottom: 5px;
}

.en .faq .dtp-buttons a {
  white-space: normal;
}

.en .faq-buttons{
  width: 40%;
}

.en .faq-multiple-button {
  width: 90%;
}

.en .faq-answer-text ol,
.en .faq-answer-text ul{
  margin-top: 2.5%;
}

.en .faq-answer-text ol li,
.en .faq-answer-text ul li{
 margin-bottom: 2%;
}

.en .faq-answer-text .col-md-12{
  display: flex;
  justify-content: center;
  align-items: center;
}

.en .faq-answer-text .col-md-12{
  display: flex;
  justify-content: center;
  align-items: center;
}

.en .faq-answer-text .col-md-12 .faq-buttons-container{
  width: 100%; 
  display: block;
}

.en .faq-sections .faq-section-title{
  letter-spacing: 0.1rem;
}

.en .faq-question-text, .faq-answer-text {
  padding-right: 30px;
}

.en .faq .section3 .subsection1 .bubble-underline img.bubbles-2 {
  bottom: -14%;
}

.en .faq-arrangements-container{
  width: 100%;
}

.en .faq .section3 .prevention-container .prevention-content{
  text-align: initial;
}

.en .faq .section3 .subsection1 .playscoperules-container .dtp-p{
  width: 70%;
}

.en .faq-arrangements-container .faq-arrangements-table table {
  width: 96%;
}

.en .faq-arrangements-container .faq-arrangements-table table tr td:first-of-type {
  padding: 2%;
}

.faq-arrangements-container .faq-arrangements-table table tr:first-of-type td{
  padding: 1% 1% 1%;
}

.en .faq-arrangements-container .faq-arrangements-table table td {
  padding: 1% 0;
}

.en .faq .faq-arrangements-container .dtp-smalltext{
  width: 84%;
  margin-right: 13%;
}

.en .faq .faq-arrangements-container .dtp-table-reminder.dtp-smalltext{
  margin-right: 0;
  margin-left: -40%;
  font-size: var(--dtp-fontsize-17);
}

.en .faq .faq-arrangements-container .dtp-smalltext ol{
  padding-left: 1.5%;
  margin-bottom: 0;
}

.en .faq .table-header {
  line-height: 1em;
}

.en .faq .section3 .prevention-container ol li {
  font-size: var(--dtp-fontsize-25);
  line-height: var(--dtp-lineheight-default);
}

.en .faq .section3 .faq-s3-ss2-decors-2 {
    top: 1%;
    right: 1%;
    width: 11%;
    z-index: 0;
}

.en .faq .section3 .faq-s3-ss2-decors-3 {
    top: 65%;
    right: -10%;
    width: 21%;
    z-index: 0;
}

.en .faq .section3 .subsection2 .bubble-underline img.bubbles-2 {
  width: 77%;
  position: absolute;
  left: 50%;
  bottom: -3%;
  transform: translate(-50%,0);
}

.en .faq .section3 .subsection1 .playscoperules-container .faq-buttons {
  width: 62%;
}

.en .faq .section3 .prevention-container{
  padding: 10% 6% 7%;
}

  .en .faq .section3 .subsection3 .bubble-underline img.bubbles-2{
    width: 66%;
    left: 17%;
    bottom: -28%;
  }

.en .faq .section3 .prevention-container .dtp-highlighttext {
  padding: 0.5% 2%;
}

.en .faq .section3 .prevention-container .dtp-highlighttext:nth-of-type(2) {
  top: 28px;
}
.en .faq .section3 .prevention-container .dtp-highlighttext:nth-of-type(3) {
  top: 70px;
}

.en .faq .section3 .prevention-container .prevention-title {
  margin-bottom: 2.5%;
}

.en .faq .section1 .faq-s1-decors-4 {
    top: -24.7%;
}

.en .faq .section3 .faq-s3-ss1-decors-2 {
  bottom: -13%;
  right: -27%;
}

.en .faq .main-masthead .faq-masthead-decors-6 {
  top: -56%;
  right: 3%;
  width: 15%;
}

.en .faq .section3 .faq-s3-ss3-decors-3 {
  bottom: 30%;
  right: -8%;
}

.en .faq .section3 .faq-s3-ss2-decors-1 {
  top: -1%;
  left: -8%;
}

/*************************************************************** Training Page CSS ***************************************************************/
.en .dtp-items .dtp-h3 {
  line-height: 2.4rem;
}

/*** Item Page CSS ****/
.en .item-details #item-details-container .item-details-title{
  margin-bottom: 1%;
}

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

.en .item-details .multiple-buttons {
  letter-spacing: 0;
  padding: 2% 11%;
}


/*************************************************************** General Page CSS ***************************************************************/
.en .general:not(.sitemap) .dtp-h1{
  text-align: left;
}

/*** SiteMap CSS ***/
.en .sitemap-items-wrapper .sitemap-items>li {
  margin-bottom: 30px;
  margin-right: 5%;
  width: 300px;
}

.en .sitemap-items-wrapper .sitemap-items>li>a {
  letter-spacing: 0rem;
}

/*** News CSS ***/
.en .news .bubble-underline {
  line-height: 0.9em;
}

.en .training .bubble-underline img.bubbles-2,
.en .news .bubble-underline img.bubbles-2{
  bottom: -35%;
}

/**************************************************************** Footer ***************************************************************/
.en .footer-links {
  display: block;
  /* margin-top: 0.5%; */
  /* margin-left: -4%; */
}

@media only screen and (min-width: 993px){
  .en .menu-items-wrapper .inner {
    width: 1450px;
  margin-top: 11%;}
  
  .en .menu-items-wrapper .menu-items>li {
    width: 420px;
  }

  .en .menu-items-wrapper .menu-items>li>ul>li:first-of-type{
    margin-top: 11px;
  }

  .en .menu-items-wrapper .menu-items>li>ul>li{
    margin-bottom: 6px;
  }

  .en .menu-items-wrapper .menu-items>li>a::before{
    content: '';
    background-image: url(../img/menu-bubble-white-dot.png);
    background-size:100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;position:absolute;
    bottom: -8px;
    right: -3.5%;
  }

  .en .menu-items-wrapper .menu-items>li>a::after{
    width: 101%;
    background-image:none;
    height: 2px;
    bottom: -4px;
    background-color: white;
  }

  .en .menu-items-wrapper .menu-items>li.disabled>a::after{
    background-color: #7B7B7B!important; 
  }

  .en .menu-items-wrapper .menu-items>li.disabled>a::before{
    background-image: url(../img/menu-bubble-white-dot-disabled.png);
  }

}

/************************************************************* Start Of Media Query *************************************************************/

@media only screen and (min-width: 993px){
  .en .menu-items-wrapper .menu-items {
  width: 100%;
  }

  .en .menu-items-wrapper .menu-items>li>a {
    font-size: var(--dtp-fontsize-menuitem, 30px);
  }

  .en .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container{
    width: 83%;
  }

  .en .pricing-groupMode-container .pricing-groupMode-table td{
    position: relative;
    padding: 2% 0 3%;
  }

  .en .pricing-groupMode-table .dtp-smalltext{
    position: absolute;
      bottom: 3%;
      left: 50%;
      transform: translate(-61%,0);
  }

  .en .about .about-s1-ss2-bg {
    /* padding-right: 21%; */
    padding-left: 15%;
    padding-top: 18%;
    /* padding-bottom: 23%; */
    margin-top: 0px;
    margin-left: 0px;
    width: 122%;
    position: absolute;
    left: 9%;
    height: 100%;
    top: 16%;
  }


.en .about .section5 .subsection-main .dtp-content {
  background-image: url(../img/en/about-s5-text-bg.svg);
  padding: 15% 4%;
  margin-left: 0%;
  margin-top: 78%;
  background-size: contain;
  position: absolute;
  left: 1%;
  min-height: 587px;
  width: 128%;
}

.en .about .section5 .subsection-main .dtp-content .dtp-p{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -66%);width: 75%;}

.en .sitemap-items-wrapper .sitemap-items>li {
  width:27%;
}
}

@media only screen and (max-height: 992px){
  .en .menu-items-wrapper .menu-items>li>ul {
      margin-top: 3%;
  }

}

@media only screen and (max-width: 1700px) and (min-width: 993px){
  .en .menu-header-container {
        right: 5%;
        top: -31px;
  }

  .en .homepage .dtp-header-bubble .dtp-p {
      padding: 10.1% 4% 9%;
  }
  .en .homepage .dtp-header-bubble .dtp-p {
    max-width: 72%;
  width: 652px;}
  .en .dtp-list li {
    width: 76%;
  }

  .en .homepage .section1 .s1SS2bg .dtp-content .dtp-h1 {
        transform: translate(-50%, -3.8vw) !important;
  }

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

  .en .about .section5 .subsections .about-s5-labels {
    top: -82%;
    max-width: 82px;
    min-width: 80px;
  }

  .en .about .section5 .subsections:not(.subsection-main) .dtp-p {
    white-space: normal;
    height: 110px;
  }

  .en .about .section5 .subsections .about-s5-decors-2 {
    /* width: 4.5vw; */
    /* top: -55%; */
  }

  .en .about .section5 .subsections .about-s5-decors-4 {
    /* top: -85px; */
    /* right: 5%; */
    /* width: 11.5vw; */
  }

  .en .about .section5 .subsections .about-s5-decors-5 {
    /* width: 6.5vw; */
    /* top: -105px; */
  }

  .en .faq .faq-arrangements-container .faq-arrangements-table table tr td .dtp-h3{
    line-height: var(--dtp-lineheight-default-large);
  }
}

@media only screen and (min-width: 1700px){
  .en .menu-items-wrapper .inner {
    margin-top: 180px;
  }
}

@media only screen and (max-width: 1600px) and (min-width: 993px){
  .en .menu-header-container{
    right: 11%;
    top: -30px;
  }

  .en .homepage .dtp-header-bubble .dtp-p {
    padding: 9.1% 3% 6%;
    margin-left: 4%;
  }

  .en .popout-box-red {
    background-size: 100%;
  }

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

  .en .menu-items-wrapper .inner {
      width: 1250px;
      /* width: 100%; */
      margin-top: 10%;
      }
}

@media only screen and (max-width: 1200px) and (min-width: 993px){
  .en .menu-items-wrapper .menu-items>li {
    width: 310px;
  }

  .en .about .section1 .subsection2 {
      margin-top: -1%;
  }

  .en .about .subsections .about-s1-ss2-decors-1 {
    top: -17%;
  }

  .en .about .about-s1-ss2-bg {
    /* padding-right: 21%; */
    padding-left: 27%;
    padding-top: 23%;
    /* padding-bottom: 23%; */
    margin-top: 0px;
    margin-left: 0px;
    width: 113%;
    position: absolute;
    left: 9%;
    height: 100%;
    top: 9%;
  }

  /* .en .about .about-s1-ss2-decors-lines {
    bottom: 33%;
    right: 17.5%;
    width: 55%;
  } */
}

@media only screen and (max-width: 1100px) and (min-width: 993px){
  .en .menu-items-wrapper .inner{
    width: 1050px; 
  }
}

/**************************************************************** Mobile Device CSS *****************************************************************/

@media only screen and (max-width: 992px){
  .en .red-stroke {
    letter-spacing: 0.05rem;
  }

  /*** Menu Mobile ***/
  .en .menu-items-wrapper .menu-items>li>ul>li {
        font-size: var(--dtp-fontsize-23);
  }

  .en .footer-links {
    display: block;
    margin-top: 8%;
    margin-left: 0%;
  }

  .en .menu-items-wrapper .menu-items>li>a {
    font-size: var(--dtp-fontsize-menuitem);
  }

  .en .menu-items-wrapper .menu-items>li>a::after{
    width: 100%;
  }

  .en .mobile-inner .menu-footer-container{
    margin-top: 5%;
  }

  .en .bubble-underline img.bubbles-2 {
    bottom: -30%;
    width: initial;
  }

  .en .dtp-buttons {
    padding: 2% 5%;
  }

  /*** Homepage Mobile ***/
  .en .main-banner .red-banner-text, .main-banner .orange-banner-text, .main-banner .green-banner-text {
      left: 30%;
      bottom: 9%;
      width: 44%;
  }

  .en .red-banner .red-banner-text{
    width: 37%;
    left: 32%;
  }

  .en .homepage .dtp-header-bubble div div.subsection-title {
    display: block !important;
    font-size: 2vw;
    line-height: 1.8vw;
  }

  .en .homepage .section1 .bubble-underline img.bubbles {
    bottom: -3%;
  }


  .en .homepage .bubble-underline img.bubbles {
    bottom: 1px;
    width: 51%;
    left: 20vw;
  }

  .en .bubble-underline img.bubbles-4 {
    position: absolute;
    bottom: 10%;
  }

  .en .homepage .dtp-header-bubble .dtp-p {
    max-width: 71%;
    margin: auto;
    display: block;
    padding: 13% 12% 9%;
    line-height: 1rem;
    transition: none;
    font-size: 12px
}

.en q::before {
  position: absolute;
  top: 6px;
  left: -12%;
  font-size: 43px;
  display: block;
}

.en q::after {
  position: absolute;
  bottom: 0;
  transform: translate(0,110%);
  right: -13%;
  font-size: 43px;
  display: block;
}

.en .homepage .section1 .s1SS2bg {
    margin-top: 13%;
    /* background-image: url(../img/mobile/en/homepage-s1-ss2-infobox.png); */
    padding: 5% 0 10%;
  }

  .en .homepage .section1 .subsections img.column-images {
        position: absolute;
        bottom: -40%;
        right: -16%;
        width: 59%;
  }

  
  .en .homepage .section1 .subsections img.column-images.column-image-2 {
    width: 36%;
    right: -17%;
    bottom: -32%;
  }
  
  .en .homepage .section1 .subsections img.column-images.column-image-3 {
    width: 32%;
    right: -11%;
    top: auto;
    bottom: -30%;
  }
  
  .en .homepage .section1 .s1SS2bg .dtp-content .dtp-h1 {
    top: 9%;
  }
  
  .en .homepage .section2 .subsection1 .bubble-underline img.bubbles-2{
    bottom: -17%;
  }

  .en .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container:first-of-type .floorplan-column-text {
    padding-top: 13%;
    padding-bottom: 24%;
  }
  
  .en .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-column-title {
    font-size: var(--dtp-fontsize-40);
    padding: 5% 2%;
    width: 70%;
  }

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

  .en .dtp-list {
    padding: 0;
    width: 123%;
    margin-top: 9%;
    margin-left: -5%;
    list-style: none;
    padding: 0% 2%;
  }

  .en .dtp-list li {
    width: 100%;
  }

  .en .underlined::after {
    width: 76%;
    height: 3px;
    bottom: -16%;
    border-radius: 8px;
    background-color: black;
    background-image: none;
  }

  .en .homepage .section3 .bubble-underline img.bubbles-4.bubbles-4-mobile {
    bottom: 0%;
  }

  .en .homepage .section3 .subsection2 .underlined::after,
  .en .homepage .section3 .subsection3 .underlined::after{
    width: 100%;
  }

.en .homepage .section3 .subsection2 {
    padding-bottom: 22%;
    padding-top: 21%;
    z-index: 1;
    background-image: url('../img/en/homepage-s3-ss2-bg_1.png');
}

  .en .homepage .section4 .dtp-buttons {
    width: 57%;
    padding: 2% 5%;
  }

  .en .homepage .section3 .subsection3 .dtp-contact-container {
    left: 50%;
    transform: translate(-84%,0);
  }

    .en .homepage .section2 .subsection1 .dtp-content {
      width: 100%;
      margin: 7% auto 5%;
   }

  .en .homepage .section3 .subsection1{
    padding-top: 24%;
  }


  .en .homepage .section3 .subsection1 .dtp-column-3{
    padding-bottom: 13%;
  }

  .en .homepage .section3 .subsection2 .dtp-columns {
    padding-bottom: 0%;
  }

   .en .dtp-column-main-image {
    width: 63%;
    max-width: 340px;
   }

   .en .homepage .section3 .subsection2 .dtp-columns .dtp-column-image {
    max-width: 340px;
   }

   .en .homepage .section3 .subsection2 .dtp-p {
    width: 80%;
   }

   .en .dtp-columns .dtp-p{
    line-height: var(--dtp-lineheight-default);
   }

   .en .homepage .section3 .subsection2 .dtp-smalltext{
    bottom: 10%;
    letter-spacing: 0em;
    width: 64%;
    left: 0;
    position: relative;
    font-size: var(--dtp-fontsize-13);
  }

  .en .homepage .section3 .subsection3 .subsection-text.dtp-p:not(.dtp-text-left) {
    text-align: left;
    margin-right: auto;
    margin-left: 25%;
    margin-top: -2% !important;
    top: -10%;
  }

    .en .homepage .section3 .subsection3 .subsection-text.dtp-p {
      line-height: var(--dtp-lineheight-default);
      font-size: var(--dtp-fontsize-10);
    }
    

   .en .dtp-contact-details:nth-of-type(1){
      /* margin-left: 2.9vw; */
      margin-left: 0;
   }
   .en .dtp-contact-details:nth-of-type(2) {
      /* margin-left: 3.7vw; */
      margin-left: 0;
   }

   .en .dtp-location-text{
        font-size: 2.8vw;
        text-align: left;
        padding-right: 9%;
        padding-bottom: 8%;
        padding-top: 6%;
        padding-left: 11%;
    }

   .en .homepage .section3 .subsection3 .dtp-contact-container {
    margin-left: 28%;
   }

   .en .dtp-contact-details:nth-child(1) .dtp-contact-text {
    font-size: var(--dtp-fontsize-45);
  }

  .en .homepage .section3 .subsection3 .dtp-buttons-row .dtp-buttons {
      padding: 2.5% 22%;
      border-radius: 3rem;
  }

  .en .homepage .section3 .subsection3 .dtp-buttons svg {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translate(0,-51%);
  }

  .en .homepage .bubble-underline img.bubbles-5 {
    bottom: 1%;
    left: 0;
    width: 100%;
  }

  .en .dtp-contact-text {
    letter-spacing: 0.05rem;
  }

  .en .homepage .section4{
    padding-top: 24%;
  }

 .en .homepage .horizontal-lines-2 {
    width: 32%;
    bottom: -1.9vw;
  }

  .en .homepage .section4 .dtp-content{
    width: 80%;
  }

  .en .homepage-s1-decors-2 {
    right: 76%;
    bottom: -5vw;
  }

  .en .homepage-s1-decors-5 {
    bottom: 85vw;
  }
  
  .en .homepage-s2-decors-1 {
    top: -115%;
    right: -15%;
    width: 23%;
  }

  .en .homepage-s2-decors-2 {
    top: 3%;
  }

  .en .homepage-s2-decors-3 {
    top: 2vw;
    left: auto;
    right: -1vw;
    width: 23vw;
  }


  /*** About Mobile ***/
  .en .about-bubbles {
    width: 102%;
    position: absolute;
    bottom: -4px;
    left: 50%;
  }

  .en .about .dtp-masthead-text{
    line-height: 1.3em;
    color: var(--dtp-green);
  }

  .en .about .section1 .dtp-p{
    font-size: var(--dtp-fontsize-17);
  }

  .en .about .section1 .subsection1 .dtp-h1{
    margin-bottom: 7%;
  }

  .en .about-s1-ss2-bg .dtp-p.mobile-br-hidden {
    text-align: unset;
    width: 80%;
    margin: auto;
  }

  .en .about .subsections .about-s1-ss2-decors-1 {
   top: 74%;
    left: auto;
    right: -4%;
    width: 35%;
  }

  .en .about .section1 .subsection1 .about-bubbles {
      width: 100% !important;
      margin-bottom: -0.8%;
      left: 47%;
  }

  .en .about .section2 .section-content {
    margin-top: 8%;
  }

  .en .about .section2 .bubble-underline div {
        line-height: var(--dtp-lineheight-h1);
  }

  .en .about .section2 .bubble-underline img.bubbles-2 {
    bottom: -2%;
    width: 79%;
    left: 11%;
}

.en .about .about-s2-decors-5 {
    top: 74%;
    left: 0.4%;
}

  .en .about-missions-items .about-missions-item {
    font-size: var(--dtp-fontsize-13);
    line-height: var(--dtp-lineheight-default);
  }

      .en .about-missions-items .about-missions-item:nth-of-type(2) {
        background-image: url(../img/mobile/about-s2-ss1-item2-mobile.png);
        padding: 23% 0 8%;
      }

      .en .about-missions-items .about-missions-item:nth-of-type(3) {
        padding: 27% 0 13%;
      }
  
  .en .about .about-missions-container {
    margin-top: -4%;
  }

  .en .about .about-s2-decors-3 {
    top: 3.4vw;
  }

  .en .about .about-s2-decors-2 {
    top: 53.9%;
  }
  
  .en .about .timeline-items-mobile .timeline-item-text p{
    letter-spacing: 0rem;
    line-height: 1.2em;
    font-size: var(--dtp-fontsize-17);
  }

  .en .timeline-item-text br {
    display: block;
  }


.en .about-teams-items .about-teams-item {
  letter-spacing: 0;
  line-height: var(--dtp-lineheight-smalltext);
}

.en .about .timeline-items-mobile .date{
  letter-spacing: 0.1rem;
  padding-right: 0.5% 3%;
  padding: 0.5% 3%;
  border-radius: 1rem;
}

.en .about .section5{
  padding-bottom: 35%;
}


.en .about .section5 .dtp-title{
    margin-bottom: 3%;
}

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

.en .about .section5 .subsections .dtp-h3{
  font-size: var(--dtp-fontsize-49);
}

.en .about .section5 .about-s5-items .dtp-p{
  font-size: var(--dtp-fontsize-17);
  height: 110px;
}

  .en .about .section5 .subsections:not(.subsection-main) .dtp-flex-center{
    width: 76%;
    z-index: 1;
    margin: auto;
    height: 151px;
  }

    .en .about .about-s4-decors-5 {
    top: 20vw;
    right: 23vw;
  }

  .en .about .about-s5-decors-1 {
    top: -76%;
    right: 19%;
    width: 16%;
  }

  .en .about .section5 .subsections .about-s5-decors-2 {
    top: -13vw;
    left: 46vw;
    width: 28vw;
  }

  .en .about .section5 .subsections .about-s5-decors-3 {
    top: -11vw;
    right: -23vw;
    width: 23vw;
  }

  .en .about .section5 .subsections .about-s5-decors-4 {
    top: -11vw;
    right: -23vw;
    width: 26vw;
  }

  .en .about .section5 .subsections .about-s5-decors-5 {
    top: -16vw;
    left: 56vw;
    width: 24vw;
  }



   .en .section4 .bubble-underline img.bubbles-5 {
      bottom: 0%;
    }
   .en .section5 .bubble-underline img.bubbles-5 {
      bottom: -11%;
    }
  /***************************************************** Pricing Mobile ***************************************/

  .en .pricing .main-carousel .bubble-underline img.bubbles-2 {
    bottom: -5%;
    width: 88%;
  }

  .en .bubble-underline {
    white-space: normal;
  }

  .en .dtp-priceitems .dtp-smalltext {
    text-align: left;
  }

  .en .dtp-midtext {
    letter-spacing: 0em;
  }
  

  .en .pricing .dtp-list-2 .dtp-listItem:first-of-type .dtp-priceitems-left{
    width: 100%;
  }

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

  .en .pricing .section1 .dtp-title:first-of-type .dtp-p {
    margin-bottom: 2%;
  }

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

  .en .pricing .section1 div:not(.pricing-tickets-container)>.dtp-content{
     margin-top: 1%;
     padding-top: 9%;
     max-width: 450px;
  }

  .en .group-details-table.green-table .table-title{
    background-image: url(../img/mobile/en/pricing-s2-ss2-decors-tag-2-mobile.png);
    background-image: url(../img/mobile/en/pricing-s2-ss2-decors-tag-2-mobile.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    margin-bottom: -5%;
  }
  .en .group-details-table.green-table .table-title span {
    background-image: none;
    margin: 0 auto;
  }

  .en .pricing-groupMode-container .mobile-mode-table .dtp-smalltext {
    margin-left: auto;
  }

  .en .dtp-underline-orangeLine span {
    color: inherit;
    font-size: inherit;
  }

  .en .pricing .section1 .dtp-pricing-detailsbox span.dtp-h1 {
    font-size: 7vw;
  }


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

  .en .pricing .section1 .dtp-pricing-detailsbox .dtp-ticket-textbox .dtp-smalltext {
      margin-top: -3%;
    }

  .en .pricing-playcaptain {
    top: 7vw;
    right: -4vw;
  }

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

  .en .pricing-groupMode-container .mobile-mode-table .mode-rows .mode-headline {
    width: 48vw;
  }

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

  .en .pricing-buttons {
    display: inline-block;
    width: 87%;
    margin-top: 0;
    max-width: 418px;
  }

  .en .pricing-groupMode-container .mobile-mode-table .mode-rows .mode-content .dtp-h3 {
    letter-spacing: 0;
    word-spacing: -0.1em;
  }

  .en .pricing .mobile-tables .table-content .table-content-text{
    letter-spacing: 0rem;
  }

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

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

  .en .group-details-table.red-table .table-title span {
    /* background-image: url(../img/mobile/en/pricing-s2-ss2-decors-tag-1.png); */
    background-image: none !important;
    /* padding: 3% 4% 3% 3%; */
    padding: 3% 4% 3% 0%;
  }
  .en .group-details-table.blue-table .table-title span {
    /* background-image: url(../img/mobile/en/pricing-s2-ss2-decors-tag-2.png); */
    background-image: none !important;
    /* padding: 3% 4% 3% 3%; */
    padding: 3% 4% 3% 0%;
  }

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

  .en .booking-steps {
    font-size: var(--dtp-fontsize-17);
    line-height: var(--dtp-lineheight-default-large);
  }

  .en .pricing-notice-items .pricing-notice-item {
    min-height: 38vw;
    font-size: var(--dtp-fontsize-17);
  }

  .en .pricing .section2 .subsection4 .dtp-h3 {
    margin-bottom: 1%;
    margin-right: 5%;
  }

  .en .pricing-s2-ss4-decors-1 {
    width: 32%;
    right: -6%;
  }

  .en .booking-step-container {
    width: 100%;
  }

  .en .booking-steps img {
    width: 12%;
    transform: none;
    width: 18% !important;
    left: -22% !important;
    top: 0;
  }

  .en .pricing .section2 .subsection4 .orange-lines-title{
    /* display: none; */
    margin-top: -0.57vw;
  }

  .en .pricing-groupMode-container .mobile-mode-table .mode-rows .mode-headline {
    margin: 0% auto 3%;
    border-radius: 1.3vw;
    padding: 1% 0%;
    font-weight: 900;
  }

  .en .pricing .section2 .subsection5 .dtp-title .dtp-underline-whiteLine {
    padding: 14% 8% 4%;
  }

  .en .enquiry-details-container {
    width: 78%;
    margin-top: 4%;
  }

  .en .enquiry-details-container .enquiry-details span {
    letter-spacing: var(--dtp-letterspacing-cta-2);
    margin-left: 0;
  }


  .en .enquiry-buttons-row {
    width: 100%;
    margin-top: 9%;
  }

  .en .enquiry-buttons{
    width: 95%;
    letter-spacing: 0.15rem !important;
  }

  .en .pricing-s2-ss5-decors-1 {
    top: auto;
    bottom: 18vw;
    width:  36vw;
  }

  .en .pricing-s1-ss2-decors-5 {
    bottom: 57%;
    right: -20%;
  }

  .en .pricing-s2-ss2-decors-2 {
    top: 46%;
    right: -2vw;
    width: 27%;
    z-index: 1;
    max-width: 110px;
  }

  .en .pricing-s2-ss2-decors-1 {
    top: 53%;
    left: 60%;
    width: 32%;
    z-index: 1;
    max-width: 126px;
  }

  .en .pricing-s2-ss2-decors-2-mobile {
    top: 23vw;
    right: -7vw;
    width: 37vw;
    z-index: 1;
    max-width: 295px;
  }

   /************************************************************* FAQ Mobile ************************************************/
   
   .en .faq .section1 .section-content .dtp-title:first-of-type .bubble-underline img.bubbles-2 {
    margin-top: 2%;
   }

   .en .faq .section1 #parentstips{
    margin-top: 20%;
   }

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

   .en .dtp-steps .dtp-p{
    width: 90%;
   }

   .en .faq .section1 .tipsSwiper .tipsbox .tipsbox-text {
    transform: translate(-50%, -38%);
   }

   .en .faq .section1 .tipsSwiper .tipsbox .tipsbox-text {
      line-height: var(--dtp-lineheight-smalltext);
      width: 77%;
   }

  .en .faq-s1-decors-1-mobile {
    width: 69%;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-45%);
  }

  .en .faq .section2 .dtp-title {
    padding-top: 6%;
    padding-bottom: 7%;
  }

  .en .faq-container {
    padding-top: 9%;
    margin-top: -8.3vw;
  }

  .en .faq .section1 #fivesteps + .dtp-title {
    margin-top: 15%;
    margin-bottom: 0%;
  }

  .en .faq .section2 .mobile-faq-questions .faq-question-text{
      width: 88%;
  }

  .en .faq #faq-general-booking .faq-section-title {
    background-image: url(../img/en/faq-s2-title-bg-2.svg);
    background-size: 85%;
  }

  .en .faq-sections .faq-section-title {
    letter-spacing: 0rem;
    font-size: var(--dtp-fontsize-37);
  }

   .en .faq-question-text, .faq-answer-text {
    padding-right: 20px;
  }

  .en .faq-buttons {
    width: 57%;
  }

  .en .faq .section3 {
    padding-top: 11%;
  }

  .en .faq .section3 .subsection1 .playscoperules-container .faq-buttons {
    width: 95%;
    max-width: 319px;
    padding: 2% 6%;
  }

  .en .faq .section3 .subsection1 .playscoperules-container {
    padding: 18% 7% 10%;
    width: 100%;
    margin-top: -4%;
  }

  .en .faq .section3 .subsection1 .playscoperules-container .dtp-p {
    width: 100%;
    font-size: var(--dtp-fontsize-17);
  }

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

  .en .faq .section3 .mobile-arrangements-container .arrangements-rows .items-text {
    font-size: var(--dtp-fontsize-37);
    font-family: "GenJyuu-bold", Arial, Helvetica, sans-serif;
    margin-top: 1.5%;
    letter-spacing: 0.2rem;
    font-weight: 600;
    line-height: 1.3em;
  }

  .faq .section3 .subsection1 .dtp-title .bubble-underline,
  .faq .section3 .subsection2 .dtp-title .bubble-underline{
    white-space: nowrap;
  }

  .en .faq .faq-arrangements-container .dtp-table-reminder.dtp-smalltext {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    line-height: 1em;
}

  .en .faq .section3 .subsection2 .bubble-underline img.bubbles-2 {
    width: 60%;
    bottom: 3%;
  }

  .en .faq .section3 .subsection2 .faq-arrangements-container .dtp-smalltext ol {
    padding-left: 0;
  }

  .en .list-custom-margin {
    margin-bottom: 7%;
  }

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

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

  .en .arrangements-rows:nth-of-type(2) .weather-icon {
    top: 291%;
    left: auto;
    right: 18%;
  }

  .en .faq .section3 .subsection3 .bubble-underline img.bubbles-2 {
    width: 74%;
    left: 13%;
    bottom: -10%;
  }

  .en .faq .section3 .highlight-text-container{
    width: fit-content;
  }

    .en .faq .section3 .highlight-text-container .mobile-highlight{
      padding-top: 1.5%;
      padding-bottom: 1.5%;
    }

  .en .faq .section3 .prevention-container {
    padding: 170px 6% 7%;
  }

  .en .faq .section3 .prevention-container .mobile-highlight{
    line-height: 2.6rem;
    font-size: var(--dtp-fontsize-23);
  }

  .en .faq .section3 .prevention-container .dtp-highlighttext:nth-of-type(2){
    margin-left: -1.4%;
  }

  .en .faq .section3 .faq-s3-ss2-decors-3 {
    top: 168vw;
    width: 34vw;
    z-index: 1;
    right: -2vw;
  }

  .en .faq-arrangements-container .dtp-smalltext {
    line-height: 0.9rem;
  }

  .en .faq .section3 .mobile-arrangements-container .arrangements-rows .items-text {
    letter-spacing: 0rem;
  }

.en .faq .section1 .faq-s1-decors-3{
  bottom: 14.7%;
}

.en .faq .section3 .faq-s3-ss1-decors-1 {
    top: 23vw;
    left: auto;
    width: 17vw;
    z-index: 0;
    right: -2%;
}

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

  .en .faq .section3 .faq-s3-ss1-decors-2 {
    z-index: 1;
  }

  /*** Training Mobile ***/
  .en .dtp-items .dtp-h3 {
    line-height: 1.2em;
  }

  /**** Notification Box ****/
  .notification-container .notification-box {
    width: 90%;
    max-height: 600px;
  }
}

@media only screen and (max-width: 600px){
  .en .dtp-buttons svg {
    width: 12px;
  }

  /*** Homepage <600px ***/
  .en .homepage .dtp-header-bubble .dtp-p {
    max-width: 100%;
    line-height: 4vw;
    padding: 16vw 9vw 12vw;
    font-size: 13px;
  }

  .en .homepage .dtp-header-bubble div div.subsection-title {
    font-size: 14px;
    line-height: 1em;
  }


  .en .homepage .section1 .s1SS2bg .dtp-content .dtp-h1 {
    left: 50%;
    top: 22%;
  }

  .en .homepage .horizontal-lines {
    bottom: 54%;
    left: 51.5%;
    width: 100%;
  }

  /* .en .dtp-contact-details:nth-of-type(1) {
    margin-left: 4.2vw;
  }

  .en .dtp-contact-details:nth-of-type(2) {
    margin-left: 5.9vw;
  } */

  .en .homepage .section3 .subsection3 .dtp-contact-container{
        margin-left: 29%;
        width: 80%;
    }

  .en .homepage .section3 .subsection2 .dtp-smalltext {
    bottom: 8%;
  }

  .en .homepage .paidArea .paidArea-columns {
        margin-left: 19%;
    }

  /*** About <600px ***/
  .en .about .subsections .about-s1-ss2-decors-1 {
    /* top: -23%; */
  }

  .en .about .about-s2-decors-5 {
    /* top: -3vw; */
  }

  .en .about .zabout-s2-decors-2 {
    top: 39.9%;
  }

  .en .about .about-s2-decors-3 {
    top: 54.4%;
  }

  .en .about .timeline-items-mobile .date{
    top: -5.5vw;
    padding: 0.2vw 3vw;
    border-radius: 3vw;
    line-height: 8vw;
  }


  .en .about .about-teams-items .about-teams-item{
    min-height: 90px;
  }

    .en .about .about-teams-items .about-teams-item.desktop-hidden{
      display:flex !important;
    }


  .en .about .section5 .subsections:not(.subsection-main) .dtp-flex-center {
    height: 120px;
  }

  .en .about .section5 .subsections .about-s5-labels {
    width: 10.2vw;
    top: -9.6vw;
    /* width: 5vw; */
    min-width: 30px;
  }

  .en .about .section5 .subsections:nth-of-type(5) .about-s5-labels{
    /* top: -53%; */
  }

  .en .about .about-s5-decors-1 {
    top: -32%;
    right: 11%;
    width: 22%;
  }

  /*** Pricing <600 px ***/
  .en .pricing-carousel-decors-1 {
    top: 8%;
    right: 15%;
  }

  /*** FAQ <600 px ***/
  .en .faq .dtp-steps {
    margin-top: 30% !important;
  }

   .en .dtp-steps .dtp-p{
    width: 100%;
   }

   .en .faq #faq-general .faq-section-title {
    background-size: 76%;
    }

    .en .faq .section3 .subsection1 .playscoperules-container {
      margin-top: -1%;
    }

    .en .faq .section3 .prevention-container {
      padding: 43% 6% 23%;
    }
  
    .en .faq .section3 .prevention-container .mobile-highlight{
      line-height: 8vw;
    }

  .en .faq-s1-decors-1-mobile {
    width: 63vw;
    top: 51%;
    left: 50%;
    transform: translate(-50%,-48%);
  }

  .en .footer-container .footer-bg-wrapper {
    margin-top: 0px;
  }

     .en .footer-container .footer-content .footer-table th {
        font-size: 10px;
    }

  /**** Footer < 600px *****/
  .en .footer-links ul {
    width: 100%;
    margin: auto;
  }
}

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