.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }

@media (max-width: 800px) {.st-head-row.st-head-row-main { font-size: 1em; padding-top: 10px; border-top: none; }


}


.st-key { /*width: 49%;*/ text-align: right; padding-right: 1%; }
.st-val { /*width: 49%;*/ padding-left: 1%; }



/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
  .st-key { /*width: 19%;*/}
  td.st-val{margin: 5px 0;}
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 18px;}
    .table>tfoot>tr>td.qty1, .table>tfoot>tr>td.price1 { vertical-align: middle;}
    .table>tbody>tr>th.bluebg, .table>tbody>tr>td.bluebg {padding: 0; background-color: #6ca9e0; color:#fff;}
    .table>tbody>tr>th.st-head-row, .table>tbody>tr>td.st-head-row {padding: 10px; background-color: #6ca9e0; color:#fff;}
    .table>tfoot>tr>td.bluebg {padding: 0; background-color: #6ca9e0; color:#fff;}
    .downtitle {padding-top: 0; color:#6ca9e0; font-size: 18px;}

    .table>tbody>tr>th.st-head-row-main {padding: 0; border: none; background-color: #fff;}
}