.tire-table {
    width: 100%;
    border-collapse: collapse;
}

/* Mengubah header dan body menjadi baris fleksibel */
.tire-table thead tr, 
.tire-table tbody tr {
    display: flex;
    width: 100%;
}

.tire-table thead {
    background-color: #004a99;
    color: white;
}

/* Mengatur kolom agar membagi ruang secara merata dan otomatis turun ke bawah jika sempit */
.tire-table th, .tire-table td {
    padding: 8px 4px; /* Mengurangi padding samping agar lebih muat di HP */
    text-align: center; /* Mengikuti class text-center di HTML kamu */
    border-bottom: 1px solid #ddd;
    
    /* Kunci responsif tanpa scroll */
    flex: 1; /* Membagi lebar kolom sama rata */
    min-width: 0; /* Mencegah kolom meluap keluar layar */
    word-wrap: break-word; /* Memaksa teks panjang turun ke bawah */
    font-size: 12px; /* Menyesuaikan ukuran font agar pas di layar kecil */
}

/* Mengembalikan ukuran font normal saat dibuka di layar komputer/laptop */
@media (min-width: 768px) {
    .tire-table th, .tire-table td {
        padding: 12px;
        font-size: 16px;
    }
}
    
#table-more {
    display: none;
}
html, body {
    width: 100%;
    overflow-x: hidden;
    position: relative;
}
.tdfont{
    font-size: 14px !important; font-family: Regular !important
}