#commerce.basket									{ background-color: #ffffff;}

	#commerce h1										{ margin: 0 0 0; color: #3d3d3d; font-size: 2em; font-weight: 500; }
	#commerce h2										{ color: #3d3d3d; }
	#commerce h3										{ color: #3d3d3d; }

	#commerce .button a									{ text-decoration: none; }
	#commerce .button,
	#commerce .button a,
	#commerce button									{ font-size: 1em; font-weight: 400; min-width: 0; color:#3d3d3d;}
	#commerce .button,
	#commerce button									{ padding: 0.5em 1em; border-radius: 20px;}

	#commerce .update,
	#commerce .remove									{ padding-top: 0.5em; padding-bottom: 0.5em; line-height: 1em; }
	#commerce button.remove,
	#commerce .remove									{ background-color:#3d3d3d; color:#ffffff;}	
	#commerce .edit										{ display: none; }

	#commerce .color-1st								{ background-color: #292929; color:#ffffff!important;}
	#commerce .color-1st:hover							{ background-color: #545454; }
	#commerce .color-1st a								{ color:#ffffff;}	
	#commerce .color-2nd								{ background-color: #ffffff; }
	#commerce .color-2nd:hover							{ background-color: #d4d4d4; }
	#commerce .color-3rd								{ background-color: #c88d94; }
	#commerce .color-3rd:hover							{ background-color: #A37479; }
	
	#commerce #stripe-payment-form .card_options .payment_fields .btn-success { color:#fff; }

	#commerce input,
	#commerce select,
	#commerce textarea									{ border-radius: 4px; }

	#commerce table td									{ vertical-align: middle; }

	#commerce.basket 									{ background-color: transparent; }

	#commerce #basket-items								{ background-color: transparent; }
	#commerce #basket-summary							{ background-color: transparent; }

	#commerce #total-to-pay .promocode input			{ width: 43%; }
	#commerce #total-to-pay .promocode .left			{ margin-left: 8%; }

	#commerce .cta-buttons :first-child					{ margin-right: 1em; }

	#commerce #checkout-details							{ margin-top: 1.5rem; margin-bottom: 2.5rem; padding: 3em 1.5em; float: none; background-color: #FEF7F8; border: 1px solid #DFDFDF; border-radius: 6px; }


	#commerce #delivery-panel							{ margin-bottom: 2.5rem; padding: 0%; display: flex; float: none; background-color: #FEF7F8; border: 1px solid #DFDFDF; border-radius: 6px; }
	#commerce #delivery-address,
	#commerce #delivery-options							{ padding: 3em 1.5em; }
	#commerce #delivery-options							{ border-left: 1px solid #DFDFDF; }

	#commerce #billing-address							{ margin-bottom: 2.5rem; padding: 3em 1.5em; width: 100%; float: none; background-color: #FEF7F8; border: 1px solid #DFDFDF; border-radius: 6px; }
	#commerce #billing-address h3						{ margin: 0% 0% 1em 0%; font-size: 1.5em; font-weight: 800; text-transform: none; }
	#commerce #billing-address input[type=text],
	#commerce #billing-address input[type=password],
	#commerce #billing-address select					{ margin-top: 0px; }

	#commerce.checkout 									{ padding-bottom:5em; }
	#commerce .guest-checkout-panel						{ margin: 0%; padding: 0%; background-color: transparent; }
	#commerce .guest-checkout-panel h3					{ margin: 0% 0% 1em 0%; }
	#commerce .guest-checkout-panel div.g-recaptcha		{ margin: 0% auto; max-width:304px;}
	#commerce #total-to-pay								{ padding: 0%; display: flex; float: none; background-color: #FEF7F8; border: 1px solid #DFDFDF; border-radius: 6px; }
	#commerce #total-to-pay h3							{ margin: 0% 0% 1em 0%; font-size: 1.5em; font-weight: 800; text-transform: none; }
	#commerce #total-to-pay .promocode,
	#commerce #total-to-pay .summary					{ padding: 3em 1.5em; }
	#commerce #total-to-pay .summary					{ border-left: 1px solid #DFDFDF; }


	#commerce input[type="checkbox"], #commerce input[type="radio"] { margin-right: 10px; }
	#commerce #basket-items 							{ padding: 10px 0 150px; width: 66%; background-color: #FFFFFF; float: left;  }
	#commerce #basket-items td.line-qty					{ text-align: center; }
	#commerce #checkout-details td.line-qty				{ text-align: center; }
	#commerce #checkout-details td.image .image_container .image_dimensions { border: 0px; background-color: transparent; }
	#commerce #basket-items td.image .image_dimensions { border: 0px; }
	#commerce.payment 									{ padding-bottom:5em; }	
	#commerce #payment_options h2						{ margin-bottom: 1.75rem; }
	#commerce #payment_options .button					{ padding: 1.125rem 1.5rem; min-width: 238px; text-align: center; color: #FFFFFF; }
	#commerce #payment_options .gateway_panel { text-align: center; }
	
	#commerce.checkout button							{ padding: 0.75em 2em 0.667em 2em; }

	@media only screen and (min-width: 0px) and (max-width: 1200px) {

		#commerce #basket-summary .continue-shopping	{ width: 100%; }
		#commerce #basket-summary .continue-checkout	{ margin-top: 1em; width: 100%; }

	}

	@media only screen and (min-width: 0px) and (max-width: 800px) {

		#commerce input,
		#commerce select,
		#commerce textarea								{ padding: 0.5em 1em; font-size: 1.125rem; }

		/* #commerce #basket-items td.image				{ display: none; } */
		#commerce #basket-items 						{ padding: 10px 0 50px; width: 100%; background-color: #FFFFFF; float: left;  }
		#commerce #basket-items td.item					{  }
		#commerce #basket-items td.qty					{ margin-left: 0%; }
		#commerce #basket-items td.pricetotal			{ font-size: 1.25em; font-weight: 600; }

		#commerce #basket-summary .continue-shopping	{ width: 100%; }
		#commerce #basket-summary .continue-checkout	{ margin-top: 1em; width: 100%; }

		#commerce #delivery-address						{ padding-right: 0; }

		#commerce .existing_address						{ width: 100%; float: none; }
		#commerce .add_address							{ margin-left: 0; margin-top: 0.5em; width: 100%; }
		#commerce .add_address button					{ width: 100%; }

		#commerce #total-to-pay .promocode input		{ margin: 0%; width: 100%; }
		#commerce #total-to-pay .promocode .left		{ margin-left: 0; width: 100%; max-width: none; }

		#commerce .cta-buttons :first-child				{ margin-right: 0; margin-bottom: 1em; }
		#commerce .cta-buttons button					{ width: 100%; }

		/* #commerce #checkout-details td.image			{ width: 20%; } */

		#commerce #delivery-panel							{ display: block; }
		#commerce #delivery-address,
		#commerce #delivery-options							{ padding: 3em 1.5em; }
		#commerce #delivery-options							{ border-top: 1px solid #DFDFDF; border-left: 0px; }
		#commerce #delivery-panel .edit_address button,
		#commerce #delivery-panel .disabled .edit_address button { display: inline-block; }
		#commerce #total-to-pay								{ padding: 0%; display: block; }
		#commerce #total-to-pay .promocode,
		#commerce #total-to-pay .summary					{ margin: 0px; padding: 3em 1.5em; border-bottom: 0px; }
		#commerce #total-to-pay .summary					{ border-top: 1px solid #DFDFDF; border-left: 0px; }

		#commerce .add_address								{ margin: 0%; }
		#commerce .edit_address								{ margin: 0%; width: 100%; float: none; }
		#commerce .edit_address > button.edit_address_button,
		#commerce .add_address > button.add_address_button,
		#commerce #total-to-pay .promocode button.left		{ margin: 0.75em auto 0% auto; width: auto; }

	}