#grouplogo {
  width: 190px !important;
  height: auto !important;
  display: block;
}
#grouplogo img {
  display: block;
  width: 190px;
  height: auto;
}
#navSocialWrapper, #navLangWrapper, #joinUs, #enquiry, #joinUsDetails, #enquiryDetails { display: none !important; }
#indexGallery,
#indexGalleryBG {
  background: #07171d;
}
img.idxGallery {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  object-position: center;
  background: #07171d;
}
.bgslider {
  background-color: #07171d;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.gm-carousel-slide {
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box;
  background: #07171d;
}
.gm-carousel-collage {
  display: flex !important;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  overflow: hidden;
}
.gm-carousel-collage img {
  display: block;
  width: calc((100% - 12px) / 3);
  height: 100%;
  min-width: 0;
  object-fit: contain;
  object-position: center;
  background: #07171d;
}
.bgBanner {
  height: 0 !important;
  padding-top: 56.2% !important;
  background-color: #07171d;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#topBanner { background-image: url('/brand/official/brand-hero-achievement.png') !important; }
#banner2 { background-image: url('/brand/official/brand-values.jpg') !important; }
#shopBannerWrapper,
#shopBannerList {
  background: #f3f3f3;
  overflow: hidden;
}
#shopBannerList .banner,
#shopImageWrapper .portraitImg,
img.workthumbnail {
  width: 100%;
  aspect-ratio: 1500 / 843;
  object-fit: contain;
  object-position: center;
}
#aboutHeader, #companyDesc { text-shadow: 0 1px 16px rgba(0,0,0,.15); }
@media screen and (max-width: 1599px) and (min-width: 768px) {
  #grouplogo { width: 190px !important; }
}
@media screen and (max-width: 767px) {
  #grouplogo { width: 176px !important; }
  #grouplogo img { width: 176px; }
  #indexGalleryBG {
    height: calc(100vh - 60px) !important;
  }
  .bgBanner {
    padding-top: 56.2% !important;
  }
  body.m #menuWrapper:not(.active) #menuContent {
    left: -100vw !important;
    pointer-events: none;
  }
  body.m #menuWrapper.active #menuContent {
    left: 0 !important;
    pointer-events: auto;
  }
}