Moving column to new row based on screen size html table

[Memba]

I have a three column table in HTML. The cells in the third column are all of the same class.I want the third column in each row to move to a new row under the column if the screen width is less than 750px.So, the table would normally look like this:\[code\]<table> <tr> <td></td> <td></td> <td class="thirdcol"></td> </tr> <tr> <td></td> <td></td> <td class="thirdcol"></td> </tr></table>\[/code\]If the screen width is less than 750px, I want the javascript function to make the table look like this:\[code\]<table> <tr> <td></td> <td></td> </tr> <tr> <td class="thirdcol"></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td class="thirdcol"></td> </tr></table>\[/code\]Thank you.