/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 601px) and (orientation : portrait) {
	
}


/* mobile */
@media only screen and (max-width: 720px){
	
	
	/*
	body { font-family: 'Abel', sans-serif; }
	input, input[type='submit'], input[type='button'], select, textarea { padding: 10px 5px; font-family: FontAwesome, 'Abel', sans-serif; }
	input[type='submit'], input[type='button'] { font-size:16px; }
	 */
	
	input, input[type='submit'], input[type='button'], select, textarea { padding: 10px 5px; font-size:16px; }
	input[type='submit'], input[type='button'] { font-size:16px; }
	
	.col, .col-custom { margin:0px; }
	.span_1_of_2 { width: 100%; margin-bottom:10px;}
	
	.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%; }
	
	.iphone_hide { display:none; }
	.iphone_show { display:block; }
	
	.content { padding: 0 10px; }
	.mt80 { margin-top:40px; }
	
	#main { margin-top:80px; }
	#main .customer input { margin:10px 0 0 0; }
	#main .customer input[type='radio'] { margin:0px; }
	#main .button .col, #main .button .col-custom { display: block; float:left; margin: 0 0 0 1.6%; }
	#main .button .col:first-child, #main .button .col-custom:first-child { margin-left: 0; }
	#main .button .span_1_of_3 { width: 32.2%; }
	#main .button .span_1_of_2 { width: 49.2%; }
	
	#main .search_customer .span_1_of_2 { width: 49.2%; }
	#main .search_customer .col:first-child, #main .search_customer .col-custom:first-child { margin-left: 0; }
	#main .search_customer .col, #main .search_customer .col-custom { margin: 0 0 0 1.6%; }
	
	#main .manual_insert { margin-bottom:20px; }
	#main .manual_insert .span_1_of_6 { width: 18.72%;  }
	#main .manual_insert .col { display: block; float:left; margin: 0 0 10px 1.6%; }
	#main .manual_insert .col:first-child { margin-left: 0px; }
	#main .manual_insert2 .col:nth-child(2n+1) { margin: 0px; }
	#main .manual_insert2 .span_1_of_6:last-child { width:100%; margin-bottom:5px; }
	
	#main .add_article h1 { margin-top:25px; }
	#main .add_article input[type='button'] { padding: 25px 10px; font-size:16px; height:auto; }
	#main .manual_insert select, #main .manual_insert input { padding:3px; min-height:35px; }
	#main .manual_insert { margin:10px 0 0 0; }
	#main .table_list { margin:10px 0; }
	#main .table_list tbody select, #main .table_list tbody input { padding:3px; min-height:30px; }
	#main .report .result { text-align:center; margin-bottom:10px; font-size:14px;  }
	
	#main .tabs .span_1_of_2 { width: 49.2%; }
	#main .tabs .col:first-child { margin-left: 0; }
	#main .tabs .col { margin: 0 0 0 1.6%; }
	
	#main .filter .span_1_of_2 { width: 49.2%; }
	#main .filter .span_1_of_3 { width: 32.2%; }
	#main .filter .span_1_of_4 { width: 49.2%; }
	#main .filter .col.span_1_of_4:nth-child(2n+1) { margin: 0px; }
	#main .filter .span_1_of_4 select { margin-bottom:5px; }
	
	#main .filter .col { display: block; float:left; margin: 0 0 0 1.6%; }
	#main .filter .col:first-child { margin-left: 0; }
	#main .listview tbody td { padding:0px; }
	
	#main .dashboard li h3 { font-size:12px; }
	#main .dashboard li.span_1_of_3 { width: 49.2%; }
	#main .dashboard .col { display: block; float:left; margin: 0 0 1.6% 1.6%; }
	#main .dashboard .col:nth-child(2n+1) { margin-left:0px; }
	#main .dashboard li:nth-child(3n+1) { margin-left:1.6%; }
	
	#main .statistiche .formsearch .span_1_of_3 { width: 49.2%; }
	#main .statistiche .formsearch .col:nth-child(2n+1) { margin: 0 1.6% 1.6% 0; }
	#main .statistiche .result .span_1_of_6 { width: 15.33%; }
	#main .statistiche .result .span_2_of_6 { width: 32.26%; }
	#main .statistiche .result .span_3_of_6 { width: 49.2%; }
	#main .statistiche .result .span_4_of_6 { width: 66.13%; }
	#main .statistiche .result .span_5_of_6 { width: 83.06%; }
	
	#main .dashboard .website a {  margin-top:20px; }
}

@media only screen and (max-width: 400px){

}