/* ===== MOBILE ===== */
@media (max-width: 480px) {
  body { padding: 16px; }
  h1 { font-size: 18px; padding: 8px; }
  .card { padding: 22px 18px; }
  .row { grid-template-columns: 1fr; }
  input, select { padding: 14px; font-size: 15px; }
  .desc { font-size: 13px; }
  /* HEADER HEIGHT DIKECILIN PROPORSIONAL */
  .header-bar {
    height: 80px;
    margin: 0px;
  }

  /* CONTAINER KIRI IKUT DIKECILIN */
  .header-left {
    width: 70px; /* max hover width */
  }
    .header-right {
    width: 70px; /* max hover width */
  }

  /* BACK BUTTON NORMAL */
    .Btn-back {
    width: 45px !important;
    border-radius: 50% !important;
  }

  .Btn-back:hover {
    width: 45px !important;
    border-radius: 50% !important;
  }

  .Btn-back:hover .bck {
    width: 100% !important;
    padding-left: 0 !important;
  }

  .Btn-back:hover .text {
    opacity: 0 !important;
    width: 0 !important;
    padding: 0 !important;
  }

  .text {
    font-size: 0.7em;
  }

  /* LOGO TETAP CENTER & LEBIH KECIL */
  .logo img {
    height: 100%;
  }

}