/*
 * Responsive Tables plugin 1.0
 * Ryan Wells 
 * Copyright 2015, Ryan Wells (http://ryanwells.com)
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
*/

@media only screen and (max-width: 800px){
    table.respond table,table.respond thead,table.respond tbody,table.respond th,table.respond td,table.respond tr{display:block;text-align:left}
    table.respond thead tr{position:absolute;top:-9999px;left:-9999px;}
    table.respond td{border:none;position:relative;padding-left:52%;font-weight:400}
    table.respond td:before{position:absolute;top:10px;left:6px;width:49%;text-align:left!important;padding-right:0;font-weight:400; line-height:26px;color:#57c39b;}
    table.respond tr td:nth-child(1){background:#57c39b; color:#fff}
    table.respond tr td:nth-child(1):before{ color:#fff}


}

@media only screen and (max-width: 330px) {
    table.respond td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:60%;font-weight:400}
    table.respond td:before{position:absolute;top:8px;left:6px;width:55%;text-align:left!important;padding-right:0;font-weight:600; line-height:30px;}
}