/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media handheld, only screen and (min-width: 320px) and (max-width : 767px){
	html, body {
		text-align:left;
		font-size:18px;
		font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif!important;
		line-height: 28px
	}
	.lewo {
		float: none;
	}
	.ref1{
		padding:0
	}
	.details-img{
		width:100%
	}	
	.wrap-order-btn {
		width: 90%;
		padding: 0px 0 0 0px;
		margin:0px auto!important;
		max-width:300px
	}
	
	.wrap-order-btn input{
		width: 100%!important;
		padding:0px!important;
		margin:30px 0 0 0
	}
	
	#form div.orderform ul li div.input {
		float: none;
	}
	#form div.orderform ul li input {
	width: 100%;
	margin:5px 0px 0px 0px
	}
	#form div.orderform ul li select {
	width: 100%;
	margin:0
	}
	.gwiazdy {
		width:90%;
		margin:0px auto
	}
	.gwiazdy h3 {
		text-align:center
	}
	#form .inputdesc {
		margin: 0px 0 0 0px;
	}
	#form ul.packedOrder h3 {
		font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif!important;
	}
	#form ul.packedOrder li div.information {
		float: left;
		width: 80%;
	}
	.options {
		height: auto!important;
		width:100%;
		margin:0px auto
	}
	.option {
	width: 32%;
	height: auto;
	float:left;
	padding: 0px;
	}
	.o1{
	
	}
	.o6{
		margin: 0 1.95% 0 1.95%
	}
	.o3{
	
	}
	/*pakiety*/
	 a.notactive {
		width: 30%;
		min-height:120px;
		max-height:180px
}
 a.active, a.notactive:hover {
	width: 100%;
	min-height:120px;
	max-height:180px
}
a.check1{
	background:url(../images/form/kup_slim3.png) no-repeat top left;
	background-size:100% 100%;
	width: 100%;
	float:left;
}

 a.check3{
 	background:url(../images/form/kup_slim1.png) repeat-y top left;
 	background-size:100% 100%;
	width: 100%;
	float:left;
}
 a.check6{
	background:url(../images/form/kup_slim2.png) no-repeat top left;
	background-size:100% 100%;
	width: 100%;
	float:left;

}
a.checka1{
	background:url(../images/form/kup_slim3_taniej.png) no-repeat top left;
	background-size:100% 100%;
	width: 100%;
	float:left;
}

 a.checka3{
 	background:url(../images/form/kup_slim1_taniej.png) repeat-y top left;
	background-size:100% 100%;
	width: 100%;
	float:left;
}
 a.checka6{
	background:url(../images/form/kup_slim2_taniej.png) no-repeat top left;
	background-size:100% 100%;
	width: 100%;
	float:left;
}

	/*pakiety*/

}