@media only screen and (max-width: 768px) {
	table#cart tbody td{width:auto;}
	#cartThanks{
		max-width:100%;
	}
	#btngiohangcapnhap{
	margin-top:90px;
	}
#checkOutId{
	font-size:11px;
	}
	#checkOutId .product-name,#myModal h4{
	font-size:12px;
	font-weight:100;
	}
	#checkOutId strong {
	font-size:10px;
	font-weight:100;
	}
	#myModal,#myModal .row, #myModal .container{
		padding:0px !important;
	}
	#myModal div{
	overflow:hidden;
	
	}
	
	#formGioHang .table>tbody>tr>td:first-child{
	width:29% !important;
	}
	
}



@media screen and (max-width: 600px) {
	#formGioHang .col-sm-6{padding:0px;}
    table#cart tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:auto;
		margin:auto;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	#cart table tr{
		border:1px solid #ccc;
		display:inline-block;
	}
	#cart .fas{font-size:20px;}
	table#cart thead { display: none; }
	table#cart tbody td { display: inline-block; padding: .6rem; min-width:unset;font-size:14px;}
	table#cart tbody tr td:first-child { background: #333; color: #fff; }
	table#cart tbody td:before {
		content: ''; font-weight: bold;
		display: none; width: 8rem;
	}
	table#cart tbody td .form-control{width:40px !important;}
	
	
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}
	
}
@media only screen and (min-width: 1025px) {
       #myModal > div > div > div > div.panel-footer > div > div.col-xs-6.col-md-12 > button{
margin-top:-33px;
}

}
    } 
	.row:before, .row:after {display: none !important;}