@media (max-width: 770px){
	.table{
	width: 60%;
	border-collapse: collapse;
}
/*
	#content #cart .table tbody tr td input {
  position:relative; 
		 left:200px;

}
*/
}
/*
@media (max-width: 770px) and (min-width:300px){
	.table td::before{
		content: attr(data-label);
		position: absolute;
		left:0;
		width: 50%;
		padding-left:15px;
		font-size:15px;
		font-weight: bold;
		text-align: left;
	}
	
}
*/
@media (max-width: 330px) {
  .table, .table tbody, .table tr, .table td {
    display: block;
    width: 70%;
  }
}
@media(max-width: 770px){
	  
	.table thead{
		display: none;
	}
  
	
	.table tr{
		margin-bottom:15px;
	}
	.table td{
		text-align: right;
		padding-left: 50%;
		text-align: right;
		position: relative;
	}
	
}
@media(max-width: 770px) and (min-width:550px){
 	.table th,.table td{
	font-size: 15px;
}
}