/*--------------------------------------------------------------
 
 Project   : Total WordPress Theme
 Purpose   : WooCommerce Responsive tweaks
 Author    : WPExplorer
 Theme URI : http://www.wpexplorer.com

/*------------------------------------------------------------------
[General]
-------------------------------------------------------------------*/

/*hide cart and search icons*/
.sidr-class-woo-menu-icon,
.sidr-class-woocommerce,
.mobile-toggle-nav-ul li.woo-menu-icon { display: none }

/*------------------------------------------------------------------
[Phone Portrait & Landscape]
-------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

	/*shop sort and order*/
	.woocommerce .woocommerce-result-count { display: none; }
	.woocommerce .woocommerce-ordering { float: none; }
	.woocommerce .woocommerce-ordering .orderby,
	.woocommerce .woocommerce-ordering .orderby span { width: 100% !important; }

	/*fix some margins*/
	.woocommerce div.product div.images { margin-bottom: 30px; }

	/*disable product tabs and show inline*/
	.woocommerce div.product .woocommerce-tabs { padding-top: 0; }
	.woocommerce-tabs .tabs { display: none !important }
	.product .product_meta,
	.product .woocommerce-tabs .panel { display: block !important; margin: 0 0 40px; }

	/*cart plus/minus*/
	body.woocommerce-cart .quantity.buttons_added .plus,
	body.woocommerce-cart .quantity.buttons_added .minus { display: none; }
	body.woocommerce-cart .quantity.buttons_added .qty { border-right: 0; }

	/*cart collaterals*/
	.woocommerce .cart-collaterals .cross-sells { display: none; }

	.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; margin-bottom: 20px; }
	.woocommerce-cart .cart-collaterals .cart_totals table td { text-align: right; }

	/*cart trim down table*/
	.shop_table th.product-price,
	.shop_table .product-thumbnail,
	.woocommerce-page table.shop_table td.product-price { display: none !important }

	/*checkout coupon*/
	.woocommerce form.checkout_coupon { margin-top: -10px; }
	.woocommerce form.checkout_coupon .form-row-first,
	.woocommerce form.checkout_coupon .form-row-last { float: none; width: 100%; }

	/*checkout payment*/
	.woocommerce table.shop_table.woocommerce-checkout-review-order-table,
	.woocommerce-checkout-payment { width: 100%; float: none; }

	/*order details*/
	.woocommerce ul.order_details li { float: none; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border: 0; border-bottom: 1px solid #eee; }
	.woocommerce .order_details li:last-of-type { padding: 0; margin: 0; }

	/*order addresses*/
	.woocommerce .col2-set.addresses .col-1,
	.woocommerce .col2-set.addresses .col-2 { float: none; width: 100%; margin-bottom: 20px; }

	/*remove widths and clear floats*/
	.woocommerce #content div.product div.images,
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.images,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.images,
	.woocommerce-page div.product div.summary,
	.woocommerce .woocommerce-checkout .col2-set .col-1,
	.woocommerce .woocommerce-checkout .col2-set .col-2 { float: none; width: 100%; }

	.woocommerce .woocommerce-checkout .col2-set .col-1 { margin-bottom: 20px; }

	/*column sets*/
	.woocommerce .col2-set .col-1,
	.woocommerce .col2-set .col-2,
	.woocommerce-page .col2-set .col-1,
	.woocommerce-page .col2-set .col-2 { float: none; width: 100%; }

	/*other from smallscreens.css*/
	.woocommerce #payment .terms,
	.woocommerce-page #payment .terms { text-align: left; padding: 0; }
	.woocommerce #payment #place_order,
	.woocommerce-page #payment #place_order { float: none; width: 100%; box-sizing: border-box; margin-bottom: 1em; }
	.woocommerce .lost_reset_password .form-row-first,
	.woocommerce .lost_reset_password .form-row-last,
	.woocommerce-page .lost_reset_password .form-row-first,
	.woocommerce-page .lost_reset_password .form-row-last { width: 100%; float: none; margin-right: 0; }
	 
}

/*------------------------------------------------------------------
[Small Screen fixes]
-------------------------------------------------------------------*/
@media only screen and (max-width: 500px) {

	.woocommerce-cart table.cart td.actions .coupon,
	.woocommerce-cart table.cart td.actions .coupon .input-text { float: none; }
	.woocommerce-cart table.cart td.actions .coupon .input-text { width: 100%; margin-bottom: 5px; }

}