/*--------------------------------------
|				LAYOUT 680				|
---------------------------------------*/

@media all and (min-width: 0px) and (max-width: 719px) {
	.onestepcheckout-shipping-payment-review{
		width:100% !important;
	}
	button.onestepcheckout-btn-checkout{
		padding:0 !important;
		width: auto !important;
	}
	.onestepcheckout-review-info{
		margin-left: 0px;
	}
	.onestepcheckout-place{
		width: auto !important;
	}
	
	*{-webkit-text-size-adjust: none;}
	.wrapper{min-width: auto;}
	.one-step-checkout ol, .one-step-checkout li{list-style: none; padding: 0; margin: 0; clear: both;}
	.one-step-checkout button span{height: 40px; line-height: 38px; background: url(../../images/onestepcheckout/place_button.png) no-repeat scroll 0 0 transparent !important; float: left;padding: 0 0 0 9px !important;}
	.one-step-checkout button span span{ float: left;padding: 0 9px 0 0!important;background-position: 100% 0!important;}
	.one-step-checkout .group-select { margin-top:0; border:0; background:none; padding:0; float: left; width: 100%;}

	.one-step-checkout .address-information {
		width:100%;
		float:left;
		border-top:0;
		margin-bottom:15px;
		/* background:url(../../images/onestepcheckout/vertical_line.gif) top right no-repeat; */
	}
	.one-step-checkout .order-information {
		width:100%;
		float:right;
		border-top:0;
		margin-bottom:15px;
	}

	.one-step-checkout h3.step_1,
	.one-step-checkout h3.step_3,
	.one-step-checkout h3.step_4,
	.one-step-checkout h3.step_5,
	.one-step-checkout h3.step_2{	
		width: 100%;
		float: left;
	}
	.onestepcheckout-comment textarea {
		width: 100%;	
	}	
	#checkout-review-load{border-right: 0 none!important;}
	.onestepcheckout-form-list .field {
		float:left;
		width: 48%;
		padding-right: 2%;		
	}
	.order-review-section { width: 100%;}	
	.one-step-checkout .address-info-3-columns {	
		width: 100%;
		background: none transparent;
	}
	
	#onestepcheckout-login-popup {
		width: 95%;
		position: absolute;
		z-index: 9999990!important;
		/* display:none; */
		position: fixed;
		background: #fff;
		border-radius: 5px;
	}
	#onestepcheckout-login-popup button {
		padding: 3px 10px;
		
	}
	
	#onestepcheckout-login-popup p.close,#onestepcheckout-toc-popup p.close{
		right: 5px;
		bottom: 2px;
	}
	#onestepcheckout-toc-popup {
		height: auto!important;
		width: 95%!important;
		position: absolute;
		z-index: 9999999!important;
	}
	
	.two-fields{
		width:100%;
		float:left;
	}
	.one-field input{
		width:100%;
	}

	.two-fields input{
		width:100%;
	}
	.two-fields select{
		width:100% !important;
	}
	.address-info-3-columns .group-select ul li .two-fields select{
		padding-right: 0px;		
		width: 100% !important;
	}
	#container_payment_method_ccsave ul,
	#billing-new-address-form ul{
		padding: 0 0px 20px 0;
	}
	.one-field select{
		width:100% !important;
	}
	.address-info-3-columns .group-select ul li .one-field select{
		width:100% !important;
	}
	
	.onestepcheckout-form-list .fields{
		width: 100% !important;
	}	
	.onestepcheckout-popup-footer{		
		background-repeat: no-repeat;
		height: 13px;
		background: none transparent;
	}
	.onestepcheckout-popup-wrapper .input-text {
		width: 100% !important;
		color: #333333 !important;
	}
	#one-step-checkout-form label{
		color: #666666;
		font-weight: normal;	
	}

	.onestepcheckout-login-link{
		padding-top:5px;
	}

	.one-step-checkout input, .one-step-checkout select{color: #333!important; padding:6px 7px !important}
	.one-step-checkout .order-info-3-columns {
		background: none transparent;
	}

	/* Review */
	#one-step-checkout-form .checkout-review-load .data-table{
		border: none !important;
		width: 100%;
		border-top: 1px solid #BEBCB7 !important;
		/* border-bottom: 1px solid #BEBCB7 !important; */
			
	}
	
	
	#control_overlay{
		background-color: #000000;
		z-index: 99999!important;
	}
	.payment-method .input-box .input-text{
		width:100% !important;
	}
	.payment-method .input-box select{
		width:100% !important;
		padding-right: 0;
	}
	.payment-method .input-box select.month{
		width:100% !important;
	}
	.onestepcheckout-popup-wrapper{
		background: none transparent;
		background-repeat: no-repeat;
	}

	#onestepcheckout-toc-popup{
		-moz-border-radius: 15px 15px / 15px 15px;
		border-radius: 15px 15px / 15px 15px;
		background: #fcfcfc;
	}
	.one-step-checkout button{
		cursor: pointer;
	}
	.one-step-checkout button:hover{

	}
	#coupon_code_onestepcheckout{
		margin-bottom:5px;
		width:100%;
		color: #333;
	}
	.button-onestepcheckout{
		padding-top: 20px;
	}
	.onestepcheckout-place{
		background: none repeat scroll 0 0 transparent;
		margin: 4px auto !important;
		width: auto;
	}
	.dob-month{
		float:left;
		width:20%;
		margin-right: 5px;
	}
	.dob-month input{
		width: 90%!important;
	}

	.dob-day{
		float:left;
		width:20%;
		margin-right: 5px;
	}
	.dob-day input{
		width: 90%!important;
	}
	.dob-year{
		float:left;
		width:44%;
	}
	.dob-month label,
	.dob-day label,
	.dob-year label{
		display: block;
	}

	.dob-year input{
		width: 100%!important;
	}

	/*body{
		background:black;
	}*/
	.address-information ul li{padding-right:0px;}
	.one-step-checkout .order-info-3-columns{
		background:none;
	}
	
	.one-step-checkout .address-information {
		background: none;
	}
	
	.one-step-checkout .address-info-3-columns {
		float: left;
		width: 100%;
	}
	
	.one-step-checkout .order-info-3-columns {
		float: right;
		width: 100%;
	}
	
	.order-review-section {
		clear:both;
		width: 100%;
	}
	
	.one-step-checkout .input-text{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-moz-background-clip:padding-box !important;
		-webkit-background-clip:padding-box !important;
		background-clip:padding-box !important;
	}
	button.btn-checkout span span {
		background-position: 100% 0 !important;
		padding: 0 66px 0 56px !important;
	}
}

/*---layout-tablet---*/
@media screen and (min-width: 720px) and (max-width: 985px) {
	/*body{
		background:red;
	}*/
	button.btn-checkout span span {
		background-position: 100% 0 !important;
		padding: 0 66px 0 56px !important;
	}
	.one-step-checkout .address-info-3-columns {
		float: left;
		width: 48%;
	}
	
	.one-step-checkout .order-info-3-columns {
		float: right;
		width: 48%;
	}
	
	.order-review-section {
		clear:both;
		width: 100%;
	}
	
	.one-step-checkout .order-info-3-columns{
		background:none;
	}
}

@media only screen and (max-width: 767px) {
	
	.onestepcheckout-shipping-payment-review{
		width:100% !important;
	}
	.onestepcheckout-review-info{
		margin-left: 0px;
	}
	. button.onestepcheckout-btn-checkout{
		padding:0 !important;
		width: auto !important;
	}
	.onestepcheckout-place{
		width: auto !important;
	}
	
	*{-webkit-text-size-adjust: none;}
	.wrapper{min-width: auto;}
	.one-step-checkout ol, .one-step-checkout li{list-style: none; padding: 0; margin: 0; clear: both;}
	.one-step-checkout button span{height: 40px; line-height: 38px; background: url(../../images/onestepcheckout/place_button.png) no-repeat scroll 0 0 transparent !important; float: left;padding: 0 0 0 9px !important;}
	.one-step-checkout button span span{ float: left;padding: 0 9px 0 0!important;background-position: 100% 0!important;}
	.one-step-checkout .group-select { margin-top:0; border:0; background:none; padding:0; float: left; width: 100%;}

	.one-step-checkout .address-information {
		width:100%;
		float:left;
		border-top:0;
		margin-bottom:15px;
		/* background:url(../../images/onestepcheckout/vertical_line.gif) top right no-repeat; */
	}
	.one-step-checkout .order-information {
		width:100%;
		float:right;
		border-top:0;
		margin-bottom:15px;
	}

	.one-step-checkout h3.step_1,
	.one-step-checkout h3.step_3,
	.one-step-checkout h3.step_4,
	.one-step-checkout h3.step_5,
	.one-step-checkout h3.step_2{	
		width: 100%;
		float: left;
	}
	.onestepcheckout-comment textarea {
		width: 100%;	
	}	
	#checkout-review-load{border-right: 0 none!important;}
	.onestepcheckout-form-list .field {
		float:left;
		width: 48%;
		padding-right: 2%;		
	}
	.order-review-section { width: 100%;}	
	.one-step-checkout .address-info-3-columns {	
		width: 100%;
		background: none transparent;
	}
	
	#onestepcheckout-login-popup {
		width: 95%;
		position: absolute;
		z-index: 9999990!important;
		/* display:none; */
		position: fixed;
		background: #fff;
		border-radius: 5px;
	}
	#onestepcheckout-login-popup button {
		padding: 3px 10px;
		
	}
	
	#onestepcheckout-login-popup p.close,#onestepcheckout-toc-popup p.close{
		right: 5px;
		bottom: 2px;
	}
	#onestepcheckout-toc-popup {
		height: auto!important;
		width: 95%!important;
		position: absolute;
		z-index: 9999999!important;
	}
	
	.two-fields{
		width:100%;
		float:left;
	}
	.one-field input{
		width:100%;
	}

	.two-fields input{
		width:100%;
	}
	.two-fields select{
		width:100% !important;
	}
	.address-info-3-columns .group-select ul li .two-fields select{
		padding-right: 0px;		
		width: 100% !important;
	}
	#container_payment_method_ccsave ul,
	#billing-new-address-form ul{
		padding: 0 0px 20px 0;
	}
	.one-field select{
		width:100% !important;
	}
	.address-info-3-columns .group-select ul li .one-field select{
		width:100% !important;
	}
	
	.onestepcheckout-form-list .fields{
		width: 100% !important;
	}	
	.onestepcheckout-popup-footer{		
		background-repeat: no-repeat;
		height: 13px;
		background: none transparent;
	}
	.onestepcheckout-popup-wrapper .input-text {
		width: 100% !important;
		color: #333333 !important;
	}
	#one-step-checkout-form label{
		color: #666666;
		font-weight: normal;	
	}

	.onestepcheckout-login-link{
		padding-top:5px;
	}

	.one-step-checkout input, .one-step-checkout select{color: #333!important; padding:6px 7px !important}
	.one-step-checkout .order-info-3-columns {
		background: none transparent;
	}

	/* Review */
	#one-step-checkout-form .checkout-review-load .data-table{
		border: none !important;
		width: 100%;
		border-top: 1px solid #BEBCB7 !important;
		/* border-bottom: 1px solid #BEBCB7 !important; */
			
	}
	
	
	#control_overlay{
		background-color: #000000;
		z-index: 99999!important;
	}
	.payment-method .input-box .input-text{
		width:100% !important;
	}
	.payment-method .input-box select{
		width:100% !important;
		padding-right: 0;
	}
	.payment-method .input-box select.month{
		width:100% !important;
	}
	.onestepcheckout-popup-wrapper{
		background: none transparent;
		background-repeat: no-repeat;
	}

	#onestepcheckout-toc-popup{
		-moz-border-radius: 15px 15px / 15px 15px;
		border-radius: 15px 15px / 15px 15px;
		background: #fcfcfc;
	}
	.one-step-checkout button{
		cursor: pointer;
	}
	.one-step-checkout button:hover{

	}
	#coupon_code_onestepcheckout{
		margin-bottom:5px;
		width:100%;
		color: #333;
	}
	.button-onestepcheckout{
		padding-top: 20px;
	}
	.onestepcheckout-place{
		background: none repeat scroll 0 0 transparent;
		margin: 15px auto 0 !important;
		width: auto;
	}
	.dob-month{
		float:left;
		width:20%;
		margin-right: 5px;
	}
	.dob-month input{
		width: 90%!important;
	}

	.dob-day{
		float:left;
		width:20%;
		margin-right: 5px;
	}
	.dob-day input{
		width: 90%!important;
	}
	.dob-year{
		float:left;
		width:44%;
	}
	.dob-month label,
	.dob-day label,
	.dob-year label{
		display: block;
	}

	.dob-year input{
		width: 100%!important;
	}

	/*body{
		background:black;
	}*/
	.address-information ul li{padding-right:0px;}
	.one-step-checkout .order-info-3-columns{
		background:none;
	}
	
	.one-step-checkout .address-information {
		background: none;
	}
	
	.one-step-checkout .address-info-3-columns {
		float: left;
		width: 100%;
	}
	
	.one-step-checkout .order-info-3-columns {
		float: right;
		width: 100%;
	}
	
	.order-review-section {
		clear:both;
		width: 100%;
	}
	
	.one-step-checkout .input-text{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-moz-background-clip:padding-box !important;
		-webkit-background-clip:padding-box !important;
		background-clip:padding-box !important;
	}
	button.btn-checkout span span {
		background-position: 100% 0 !important;
		padding: 0 66px 0 56px !important;
	}
	
	.one-step-checkout h1.checkout_header{font-size:20px;}
	.one-step-checkout li p{font-size:15px!important;}
}
/*---layout-normal---*/
@media screen and (min-width: 986px) and (max-width: 1235px) {
	/*body{
		background:gray;
	}*/
}

/*---layout-wide---*/
@media screen and (min-width: 1236px) and (max-width: 1585px) {
	/*body{
		background:green;
	}*/

}

/*---layout-wide-extra---*/
@media screen and (min-width: 1586px) and (max-width: 1890px) {
	/*body{
		background:#d9d9d9;
	}*/
}

/*---layout-hd---*/
@media screen and (min-width:1891px) {
	/*body{
		background:#c0c0c0;
	}*/
}