table td {width:20%; borderq:1px solid rgba(0,0,0,1.00); text-align:center;}
table thead th {height:50px; border-bottom:1px solid rgba(255,255,255,1.00); font-size:18px; border-radius:15px 15px 0px 0px;}
.features-table {border-collapse: separate; border-spacing: 0; border: 0; text-shadow: 0 1px 0 #fff; color: #2a2a2a; margin:20px;
background: #fafafa; background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); 
background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff));}
table td {height: 50px; padding: 0 20px; border-bottom: 1px solid #cdcdcd; box-shadow: 0 1px 0 white; text-align: center;}
thead th.start, table td.start {background: #efefef; background: rgba(229,238,255,0.84); border-right: 1px solid white;}
thead th.top, table td.top {background: #FFA600;  background: rgba(207,229,255,0.64); border-right: 1px solid white;}
thead th.lift, table td.lift {background: #FFA600; background: rgba(255,174,0,0.78);border-bottom: 1px solid white;}
tr.price { font-size:16px; font-weight:bold;}

@media screen and (max-width: 600px) {
.features-table
{width: 100%; border-collapse: separate; border-spacing: 0; border: 0; text-shadow: 0 1px 0 #fff; color: rgba(0,0,0,1.00);
background: #fafafa; background-image:none; margin:0px;}
table thead {display: none;}
table tr {margin-bottom: 10px; display: block; border-bottom: 2px solid #ddd; padding:5px;}
table td {width:100%; display: block; text-align: right; font-size: 13px; height: auto; padding:15px 3px; box-shadow: none;
border-top:none; border-right:none; border-left:none; border-bottom: 1px dotted #ccc;}
table td:last-child {border-bottom: 0;}
table td:before {content: attr(data-title); float: left; text-transform: uppercase; font-weight: bold;}
}