.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
	font-size: 16px;
}
td{
	font-size: 14px;
	vertical-align: middle !important;
}
tr{
	vertical-align: middle !important;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
h5{
	text-align: center;
}
@media screen and (max-width: 600px) {
    table#cart tbody td .form-control{
		width:100%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info .btn-warning .btn-success{
		float:left !important;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
	table#cart tbody tr td:first-child { background: #333; color: #fff; }
	table#cart tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}
	
	
	
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}
	
}