@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div,
table,
th,
td,
li {
    font-family: 'Kanit', sans-serif !important;
@media only screen and (max-width: 768px) {

    .product-spec .product-table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .product-spec .product-spec-table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

    .product-spec .product-spec-table th,
    .product-spec .product-spec-table td {
        font-size: 12px !important;
        line-height: 1.45 !important;
        padding: 7px 6px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    .product-spec .product-spec-table th:first-child,
    .product-spec .product-spec-table td:first-child {
        width: 42% !important;
    }

    .product-spec .product-spec-table th:nth-child(2),
    .product-spec .product-spec-table td:nth-child(2) {
        width: 58% !important;
    }
}