::-webkit-scrollbar {width:2px;}
.txt-category-mobile div  {display: none !important;}
@media only screen and (max-width: 767px) {
  .video-culture-mobile video {object-fit: cover !important; overflow: hidden !important;}
.left-mobile  {left: 0% !important;top: 46% !important;}
.right-mobile  {left: 60% !important;top: 46% !important;}
.category-mobile {height: 110px !important;width: 118px !important;top: 9% !important;}
.header-font div {font-size: 18px !important;}

.txt-mobile div  {font-size: 15px !important;}
.flag-mobile-wlc {left:44% !important;top: -55px !important;}
.flag-mobile-wlc div{}
.txt-category-mobile div  {font-size:12px !important;display: none;}
.txt-mobile-menu div{font-size: 12px !important;}
.btn-drone-mobile {left:0 !important;}
  .img-menu {
    width: 22px !important;
    height: 22px !important;
    top: 15px !important;
}
.wlc-mobile {
    top: 15% !important;
}
.font-welcome div{
    font-size: 17px !important;
}
}


/* --- 1. iPhone SE / SE 2 / SE 3 (Narrow & Short) --- */
@media screen and (max-width: 375px) and (max-height: 667px) {

}

/* --- KELOMPOK 1: ULTRA NARROW (Samsung S8, S8+, S20, S10) --- */
/* Lebar 360px adalah yang paling kritis untuk desain Anda */
@media screen and (max-width: 365px) {    
  .header-font div {
    font-size: 15px !important;
    left: 5px;
    line-height: 1.5;
}
.btn-drone-mobile {top: 115% !important;}
.category-mobile {
    height: 95px !important;
    width: 105px !important;
    left: calc(50% - 50px) !important;
    top: 7% !important;
}
.left-mobile {
    left: -4% !important;
}
.right-mobile {
    left: 61% !important;
}
}

/* --- KELOMPOK 2: NARROW (iPhone SE, iPhone 7/8) --- */
/* Lebar 375px - Sedikit lebih lega dari Samsung */
@media screen and (min-width: 366px) and (max-width: 385px) {

}

/* --- KELOMPOK 3: STANDARD MODERN (iPhone 12/13/14, Pixel 7) --- */
/* Lebar 390px - 412px - Tampilan yang terlihat 'Pas' di gambar Anda */
@media screen and (min-width: 386px) and (max-width: 413px) {
    /* Gunakan pengaturan standar Anda di sini */
    .left-mobile {}
    
    .right-mobile {
    left: 61% !important;
}
.header-font div {
    font-size: 18px !important;
    left: 10px;
}
.btn-drone-mobile {top: 115% !important;}

}

/* --- KELOMPOK 4: LARGE (iPhone Pro Max, S20 Ultra) --- */
/* Lebar 414px ke atas */
@media screen and (min-width: 414px) {
.left-mobile {
}
.header-font div {}
}

/* default: 100% (layout rapi di 1920px) */
#skin {
  transform: scale(1);
  transform-origin: center bottom; /* biar ngecil dari tengah bawah */
}

/* Ketika Windows scale 125% (viewport ~1536px) */
@media (max-width: 1536px) and (min-width: 1300px) {
  .menu-scale {
    transform: scale(0.9) !important;         /* 1536 / 1920 = 0.8 */
    transform-origin: center bottom;
  }
  .img-menu {width:28px !important; height:28px !important;}
  .txt-mobile div  {font-size:16px !important;}
  .txt-mobile-menu div{font-size:16px !important; left: 45% !important; transform: translate(5px, 0px);}
  .rec-scale {transform: scale(0.8);top:calc(50% - 18.5px) !important;}
  .chatbot-txt-scale {right:60% !important}
  .btn-lang-scale {}
  .btn-lang-scale div img {width: 40px !important; height: 40px !important;}
    .left-mobile {}
}



/* --- KELOMPOK 5: FOLDABLE & MINI TABLET (600px - 768px) --- */
/* Contoh: Samsung Fold (Opened), iPad Mini (Portrait) */
@media screen and (min-width: 600px) and (max-width: 768px) {
.welcome-css-tablet {
    width: 100% !important;
    left: 0px !important;
}
.welcome-css-tablet .menu-scale img {
    width: 38px !important;
    height: 39px !important;
    top: 10px !important;
}
.lang-active-res {
    width: 33% !important;
}
.map-res {
    bottom: 16% !important;
    width: 16% !important;
}
.menu-res {
    width: 100% !important;
    left: 0px !important;
}
.chatbot-res {
    bottom: 12% !important;
}
.left-mobile {left: -1% !important;}
.right-mobile {
    left: 59% !important;
}
.menu-res .txt-mobile-menu {
    top: 62px !important;
    left: -19.82% !important;
}
}

/* --- KELOMPOK 6: STANDARD TABLET (769px - 1024px) --- */
/* Contoh: iPad Air, iPad Pro 11" (Portrait), Galaxy Tab */
@media screen and (min-width: 769px) and (max-width: 1024px) {
.welcome-css-tablet {
    width: 100% !important;
    left: 0px !important;
}
.welcome-css-tablet .menu-scale img {
    width: 38px !important;
    height: 39px !important;
    top: 10px !important;
}
.lang-active-res {
    width: 33% !important;
}
.map-res {
    bottom: 16% !important;
    width: 16% !important;
}
.menu-res {
    width: 100% !important;
    left: 0px !important;
}
.chatbot-res {
    bottom: 12% !important;
}
.left-mobile {left: 0% !important;}
.right-mobile {
    left: 58% !important;
}
.menu-res .txt-mobile-menu {
    top: 62px !important;
    left: -19.82% !important;
}
}

/* --- KELOMPOK 7: LARGE TABLET / LAPTOP KECIL (1025px - 1200px) --- */
/* Contoh: iPad Pro 12.9", iPad Pro (Landscape) */
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    /* Di sini UI biasanya sudah bisa menggunakan layout Desktop */

}