@media only screen and (max-width: 600px) {

    table thead {
        border: none;
    }
    table,
    tr,
    td,
    th,
    thead {
        display: grid;
    }

    .wildwest, tbody, tr {
        box-shadow: none;
    }

    tbody tr:nth-of-type(1) {
        display: none;
    }
    td:nth-of-type(1):before {
        content: 'Period';
    }
    td:nth-of-type(2):before {
        content: 'Sales';
    }
    td:nth-of-type(3):before {
        content: 'Global Sales';
    }

      table td::before {
        float: left;
    }

}