/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 750px) and (max-width: 1025px) {

}

@media only screen and (min-width: 480px) and (max-width: 1000px) {

	
}


/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 1000px) {
	#quickcheckout #step_6 .checkout-product table .price{
		display:none
	}
	#quickcheckout #step_6 .total {
		min-width: 0px;
	}
	#quickcheckout #step_6 .checkout-product table .image{
		display:none
	}
	#quickcheckout #step_6 .checkout-product table .name img.show{
		display:block !important
	}

}


/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */


@media only screen and (min-width: 0px) and (max-width: 760px) {
	body {
        font-size:0.8em; 
    }
	#quickcheckout  #step_1 #login_wrap > div{
		float:none;
		width:98% !important}
	#quickcheckout #step_1 .box .box-content{
		height: inherit !important
	}
	#option_login_popup_trigger{
		float: none;
		display: block;
		text-align: center;
	}
	#quickcheckout #d_social_login {
		clear: both;
		float: none !important;
		margin-top: 10px;
	}
	#quickcheckout .aqc-column{
		float:none;
		width:100% !important}
	/*Step 6 Confirm*/
	#quickcheckout #step_6 .checkout-product table .price{
		display:none
	}
	#quickcheckout #step_6 .checkout-product table .total {
		min-width: 0px;
	}
	#quickcheckout #step_6 .checkout-product table .text{
		width:50% !important
	}
	#quickcheckout #step_6 .buttons,
	#quickcheckout #step_6 .buttons .right,
	#quickcheckout #step_6  #confirm_order{
		width:100%;
		text-align:center;
		margin:0px;
		float:none;
		overflow: hidden;}
}
/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */