/*WooCommerce Overwrites */
.woocommerce table.cart img, .woocommerce-page table.cart img, .woocommerce #content table.cart img, .woocommerce-page #content table.cart img {width: 75px !important;}
.woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table,.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {width: 100% !important}
.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
height: 4em !important;
}
/* Make Cart update/proceed to checkout buttons float left */
.cart .actions input.button, .cart .coupon {
margin-right: 10px;
float:left;
}
/**/
/* Make Checkout page Summary totals align right */
#order_review .shop_table .product-total, #order_review .shop_table tfoot td {
text-align:right;
}

@media only screen and (max-width: 600px){ 
/*WooCommerce Overwrites */
/* Force table to not be like tables anymore */
	.cart table, .cart thead, .cart tbody, .cart th, .cart td, .cart tr { 
		display: block; 
	}
	.cart td.actions {
	border: none !important;
	padding: 0 !important;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.cart thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.cart tr { border: 1px solid #ccc; }
	.woocommerce .page table.cart td, .woocommerce-page .page table.cart td { 
		
	}
	.cart td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%;
		padding-right: 10px; 
		white-space: normal;
	}
	
	
	/*
	Label the data
	*/
	.cart  .product-remove:before { content: "Remove"; }
	.cart  td:nth-of-type(2):before { content: ""; }
	.cart  .product-name:before { content: "Product"; }
	.cart  .product-price:before { content: "Price"; }
	.cart  .product-quantity:before { content: "Quantity"; }
	.cart  .product-subtotal:before { content: "Subtotal"; }
	.woocommerce-page .page table.cart .product-remove,
	.woocommerce-page .page table.cart .product-name,
	.woocommerce-page .page table.cart .product-price,
	.woocommerce-page .page table.cart .product-quantity,
	.woocommerce-page .page table.cart .product-subtotal{ 
			/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 30%;
		}

.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator {
clear:left !important;
width:100% !important
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1  {
width: 100% !important
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
width:100% !important;
border-top: 1px dotted #cccccc;
padding-top:15px;
}
.woocommerce .checkout #shiptobilling, .woocommerce-page .checkout #shiptobilling {
float: left !important;
}
.woocommerce .checkout .col-2 h3, .woocommerce-page .checkout .col-2 h3 {
clear:both !important;
}
/* Make Cart update/proceed to checkout buttons display block and float Right */
.cart .actions input.button, .woocommerce table.cart td.actions .coupon {
float:right;
display: block;
clear:both;
margin: 5px 10px
}
.woocommerce table.cart td.actions .coupon input{
float: none;
display: inline;
clear:none;
margin: 0
}
/**/
/* Make "calculate shipping" header text align right*/
.cart-collaterals form h2 {
text-align:right;
}
}
@media only screen and (max-width: 550px){ 
/*WooCommerce Overwrites */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 100% !important;
}
.woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary {
width: 100% !important;
}
}
@media only screen and (max-width: 480px){ 
/*WooCommerce Overwrites */
.woocommerce-checkout .checkout #customer_details p {
width:100%
}
}
@media only screen and (max-width: 400px){ 
/*WooCommerce Overwrites */
.woocommerce-page .woocom-page #content div.product .woocommerce-tabs ul.tabs li {
display:block;
width: 100%;
margin: 0;
border-radius: 0
}
.woocommerce-page .woocom-page #content div.product .woocommerce-tabs ul.tabs  {
padding:0;
border-bottom: 1px solid #cccccc;
}
}