/* START Make the cart table responsive */
/* http://css-tricks.com/responsive-data-tables/ */

@media screen and (max-width: 767px) {

.woocommerce-page table.shop_table td:before {
font-size: 15px;
text-align: left;
font-weight: 400;
text-transform: lowercase;
left: 10px;
}

.woocommerce-page table.shop_table tr.cart_item {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 20px;
}

.woocommerce-page table.shop_table tr.cart_item:last-child {
border-bottom: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

.woocommerce table.shop_table td {
border-top: 0px !important;
}


/* Force table to not be like tables anymore */
.woocommerce-page table.shop_table, 
.woocommerce-page table.shop_table thead, 
.woocommerce-page table.shop_table tbody, 
.woocommerce-page table.shop_table th, 
.woocommerce-page table.shop_table td, 
.woocommerce-page table.shop_table tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.woocommerce-page table.shop_table thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.woocommerce-page table.shop_table tr { 
	/*border: 1px solid #d2d3d3; */
}

.woocommerce-page table.shop_table td { 
	/* Behave  like a "row" */
	position: relative;
text-align: right;
	padding-left: 40% !important; 
}

.woocommerce-page table.shop_table {
	border: none;
}

.woocommerce-page table.shop_table td.product-spacer {
	border-color: #FFF;
	height: 10px;
}

.woocommerce-page table.shop_table 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: nowrap;
}

.cart-collaterals .cart_totals table, .cart-collaterals .cart_totals tbody, .cart-collaterals .cart_totals tr {
width: 100%;
display: inline-block;
}

/*
Label the data
*/
.woocommerce-page table.shop_table td.product-remove:before {
	content: "DELETE";
}

.woocommerce-page table.shop_table td.product-thumbnail:before {
	content: "IMAGE";
}

.woocommerce-page table.shop_table td.product-name:before {
	content: "PRODUCT";
}

.woocommerce-page table.shop_table td.product-price:before {
	content: "PRICE";
}

.woocommerce-page table.shop_table td.product-quantity:before {
	content: "QUANTITY";
}

.woocommerce-page table.shop_table td.product-subtotal:before {
	content: "SUBTOTAL";
}

.woocommerce-page table.shop_table td.product-total:before {
	content: "TOTAL";
}

.woocommerce .quantity, 
.woocommerce #content .quantity, 
.woocommerce-page .quantity, 
.woocommerce-page #content .quantity {
	margin: 0;
}

.woocommerce-page table.cart td.actions, 
.woocommerce-page #content table.cart td.actions {
	text-align: left;
	border:0;
	padding-left: 6px !important;
}

.woocommerce-page table.cart td.actions .button.alt, 
.woocommerce-page #content table.cart td.actions .button.alt {
	float: left;
	margin-top: 10px;
}

.woocommerce-page table.cart td.actions div, 
.woocommerce-page #content table.cart td.actions div,
.woocommerce-page table.cart td.actions input, 
.woocommerce-page #content table.cart td.actions input {
	margin-bottom: 10px;
}

.woocommerce-page .cart-collaterals .cart_totals {
	float: left;
	width: 100%;
	text-align: left;
}

.woocommerce-page .cart-collaterals .cart_totals th, 
.woocommerce-page .cart-collaterals .cart_totals td {
	border:0 !important;
}

.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
.woocommerce-page .cart-collaterals .cart_totals table tr.total td {
	padding-left: 6px !important;
}

.woocommerce-page table.shop_table tr.cart-subtotal td,
.woocommerce-page table.shop_table tr.shipping td,
.woocommerce-page table.shop_table tr.total td,
.woocommerce-page table.shop_table.order_details tfoot th,
.woocommerce-page table.shop_table.order_details tfoot td {
	padding-left: 6px !important;
	border:0 !important;
}

.woocommerce-page table.shop_table tbody {
	padding-top: 10px;
}

.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2,
.woocommerce form .form-row-first, 
.woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, 
.woocommerce-page form .form-row-last {
	float: none;
	width: 100%;
}

.woocommerce .order_details ul, 
.woocommerce-page .order_details ul,
.woocommerce .order_details, 
.woocommerce-page .order_details {
	padding:0;
}

.woocommerce .order_details li, 
.woocommerce-page .order_details li {
	clear: left;
	margin-bottom: 10px;
	border:0;
}



.cart-collaterals .cart_totals tr > th {
width: 40% !important;
overflow: hidden;
display: inline-block;
float: left;
font-size: 15px;
font-weight: 400 !important;
}

.cart-collaterals .cart_totals tr > td {
text-align: right;
width: 60%;
display: inline-block;
float: right;
}

.cart-collaterals .cart_totals tr > th, .cart-collaterals .cart_totals tr > td {
padding: 10px 0px !important;
}

.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt{
	float: none !important;
}

.woocommerce a.remove{
	float: right;
}

.woocommerce .coupon, .woocommerce .contenitore-btn-carrello input[name="update_cart"], .woocommerce .contenitore-btn-carrello .checkout-button {
margin: 20px auto 0px !important;
text-align: center;
float: none;
width: 100% !important;
}

.woocommerce .coupon input[name="apply_coupon"] {
width: 20%;
text-align: center;
padding-left: 0px !important;
padding-right: 0px !important;
}

.cart-collaterals .cart_totals tr.shipping > td {
width: 100%;
}

.cart-collaterals .cart_totals tr.shipping td .amount {
margin-top: -40px;
}

.cart_totals.calculated_shipping .shipping .shipping-calculator-button, .cart_totals.calculated_shipping .shipping button[name="calc_shipping"] {
width: 100%;
}

.woocommerce-page table.shop_table tfoot {
width: 100%;
display: inline-block;
}

.woocommerce-page table.shop_table tfoot {
margin-top: 40px;
}
.woocommerce-page table.shop_table tfoot tr th, .woocommerce-page table.shop_table tfoot tr td {
text-align: center;
padding: 10px 0px !important;
}



}
/* END Make the cart table responsive */