.hmr-rates-wrapper {
    max-width: 100%;
    overflow-x: auto;
    padding: 10px;
}

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

.hmr-rates-table th {
    background-color: #D7BE8A;
    color: #000;
    padding: 8px;
    text-align: left;
}

.hmr-rates-table td {
    border-top: 1px solid #ccc;
    padding: 8px;
}

@media (max-width: 600px) {
    .hmr-rates-table th,
    .hmr-rates-table td {
        padding: 6px;
        font-size: 14px;
    }
}