Table Stacking Issue – Easy Bootstrap Shortcode

I am having an issue on my client’s website where the tables are not stacking correctly. All the headers are stacked before the information in an order that makes it very hard to comprehend. The tables don’t seem to respect whether I put [table responsive=”true”] or [table responsive=”false”]. I have been stumped with this. We are using Easy Bootstrap Shortcode.

Links to screenshots
Desktop uncollapsed version: https://tinypic.com/r/21bvd79/9
Mobile “Responsive” Version: https://tinypic.com/r/4jb86e/9

My HTML for it looks like this:

[table width ="100%" style ="" responsive ="false"]
[table_head]
[th_column]Special Terms[/th_column]
[th_column]Interest[/th_column]
[th_column]Annual Percentage Yield (APY)[/th_column]
[th_column]Min. to Open[/th_column]
[th_column]Min. Balance to Earn APY[/th_column]
[/table_head]
[table_body]
[table_row]
[row_column]5 Year Relationship CD1[/row_column]
[row_column]2.50%[/row_column]
[row_column]2.50%[/row_column]
[row_column]$500.00[/row_column]
[row_column]$500.00[/row_column]
[/table_row]
[table_row]
[row_column]27 Month SPECIAL*[/row_column]
[row_column]2.47%[/row_column]
[row_column]2.50%[/row_column]
[row_column]$2,500.00[/row_column]
[row_column]$2,500.00[/row_column]
[/table_row]
[/table_body]
[/table]