/* iPads (landscape) orizzontale ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : landscape) {

}

/* iPads (portrait) verticale ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : portrait) {
	
	#main.store .dashboard .span_1_of_3 { width: 49.2%; }
	#main.store .dashboard .span_1_of_3:first-child { margin-left:0; }
	#main.store .dashboard .span_1_of_3:nth-child(3n+1) { margin-left:0; }
	#main.store .dashboard .span_1_of_3:nth-child(2n+1) { margin-left:1.6%; }
}

/* @media only screen and (max-width: 720px){ */

@media only screen and (min-width: 320px) and (max-width: 768px) {
	
	.hide_phone { display:none; }
	
	h1 { margin: 20px 0; font-size:24px; }
	form .row { margin-bottom:0px; }
	label { margin:10px 0 5px 0; }
	input, select, textarea { padding:10px;  }
	input.col, select.col { margin-bottom:10px; }
	input.span_1_of_2 { width: 49.2%; }
	input[type=submit], input[type=button], .btn { padding: 12px 5px; height: auto; }
	.label { padding:0px 0 5px 0; text-align:left; }
	.label_result { padding:0px; }
	.button .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.button .col:first-child { margin-left: 0; }
	.button .span_1_of_2 { width: 49.2%; }
	.button .span_1_of_3 { width: 32.2%; }
		
	form .span_1_of_6 { width: 49.2%; }
	form .col.span_1_of_6 { display: block; float:left; margin: 0 0 10px 1.6%; }
	form .col.span_1_of_6:first-child { margin-left: 0; }
	form .col.span_1_of_6:nth-child(2n+1) { margin-left:0px; }
	
	.checkbox-list li { width: 50%; }
	
	.table-list { overflow-x:auto; }
	.mt40 { margin-top:20px; }
	.tab a { padding-top:10px; padding-bottom:10px; font-weight:bold; }
	.tab .span_1_of_2 { width: 49.2%; }
	.tab .span_1_of_3 { width: 32.2%; }
	.tab .span_1_of_4 { width: 23.8%; }
	.tab .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.tab .col:first-child { margin-left: 0; }
	.nav { margin-bottom:0px; }
	
	#topbar { padding: 0px; text-transform:uppercase; font-weight:bold; }
	#topbar .general_control span { padding: 15px 0; display:block; }
	#header { padding: 15px 20px; margin:0px; border:0px; }
	#header .logo img { width: 40px; height: auto; }
	#header .box_account { position:absolute; top:40px; right:20px; }
	#header .box_account ul, #header .box_account .container { float:left; }
	#header .box_account i { font-size:24px; }
	#footer { margin-top:20px; }
	
	#main { padding: 20px 10px; }
	
	#main .dashboard ul li { width:100%; border-bottom:1px solid #DDD;  }
	#main .dashboard ul li a { display:block; padding:15px 0 15px 60px; display:block; }
	#main .dashboard ul li b { font-size:18px; margin-bottom:5px; display:inline-block; }
	#main .dashboard ul li i { top:15px; font-size:28px; width:60px; }
	#main .dashboard ul.main li i { top:15px;   }
	#main .dashboard li:last-child { border:0px; }
	
	
	#footer { padding: 20px; }
	#footer div { text-align:center; line-height:20px; }
	
		
	
	.box_user { position:relative; top:0px; right:0px; padding: 0 0 40px 20px; background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px solid #DDDDDD; }
	.content { min-width:0px; width:auto; }	
	.col { margin:0px; }
	
	.span_1_of_2 { width: 100%; }
	.span_2_of_2 { width: 100%; }

	.span_1_of_3 { width: 100%; }
	.span_2_of_3 { width: 100%; }
	.span_3_of_3 { width: 100%; }
	
	.span_1_of_4 { width: 100%; }
	.span_2_of_4 { width: 100%; }
	.span_3_of_4 { width: 100%; }
	
	.span_1_of_5 { width: 100%; }
	.span_2_of_5 { width: 100%; }
	.span_3_of_5 { width: 100%; }
	.span_4_of_5 { width: 100%; }
	.span_5_of_5 { width: 100%; }

	.span_1_of_6 { width: 100%; }
	.span_2_of_6 { width: 100%; }
	.span_3_of_6 { width: 100%; }
	.span_4_of_6 { width: 100%; }
	.span_5_of_6 { width: 100%; }
	.span_6_of_6 { width: 100%; }

	.span_1_of_8 { width: 100%; }
	.span_2_of_8 { width: 100%; }
	.span_3_of_8 { width: 100%; }
	.span_4_of_8 { width: 100%; }
	.span_5_of_8 { width: 100%; }
	.span_6_of_8 { width: 100%; }
	.span_7_of_8 { width: 100%; }
	.span_8_of_8 { width: 100%; }

	.span_1_of_10 { width: 100%; }
	.span_2_of_10 { width: 100%; }
	.span_3_of_10 { width: 100%; }
	.span_4_of_10 { width: 100%; }
	.span_5_of_10 { width: 100%; }
	.span_6_of_10 { width: 100%; }
	.span_7_of_10 { width: 100%; }
	.span_8_of_10 { width: 100%; }
	.span_9_of_10 { width: 100%; }
	.span_10_of_10 { width: 100%; }
	
	
	#login #header .logo {display:inline-block; }
	#login #header .logo h1 { width: 150px; height:58px; }
	
	.paginazione .selezione { text-align:center;  }
	.paginazione .pagine { text-align:center; margin-top:10px; }
	
	#main .dashboard .box { margin-bottom:40px; }
	#main .dashboard .box:last-child { margin-bottom:0px; }
	#main .dashboard .item b { font-size: 16px; }
	
	
	/* LATO */
	#lato { margin-top:40px; }
	#lato .box_search .span_4_of_5 { width: 79.68%; }
	#lato .box_search .span_1_of_5 { width: 18.72%; }
	#lato .box_search .col { display: block; float:left; margin: 0 0 0 1.6%; }
	#lato .box_search .col:first-child { margin-left: 0; }
	
	
	
	
}