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

}


/* mobile */


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

	.phone_show { display:block; }
	.phone_hide { display:none; }

	body { font-size: 14px; }
	form .row { margin-bottom:0px; }
	input, select, textarea, input.col { margin-bottom:10px; line-height:normal; padding: 5px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	input, select  { height:40px; }
	.btn span { display:none; }
	.btn i { margin:0px; }
	::-webkit-input-placeholder { line-height:normal; font-size:12px; }
	
	.wrapper { min-width:0px; width:auto; }
	.content { padding:0 20px; }
	
	header, footer { left:0; }
	header .box-account span { display:none;  }
	header i { top:5px;  }
	.menu-icon { display:block; }
	.grid-header { display:grid; grid-template-columns: 1fr 20px 20px; gap: 10px; }
	
	sidebar { display:none; font-size: 14px; position:fixed; z-index:2; width:100%; border-right:0; top:50px; left:0; bottom:0; right:0px; overflow-y:auto; padding:30px 0; background:#444; color:#EEE; }
	sidebar .acc-title .accordsuffix i { right:30px; }
	
	main { padding: 80px 20px 20px 20px; width:100%; }
	main.center { padding:0; }
	.login { width: 300px; margin-top:40px; }
	
	.box-header-tool { display: block; }
	.box-search { grid-template-columns: repeat(4, 1fr); }
	.box-search input, .box-search select { margin:0px; }
	.btn-search, .btn-close { width: 47.5%; font-size:14px; }
	
	.table_list { overflow-x:auto; }
	thead td, tbody td { padding:10px; }
	thead td { white-space:nowrap; }
	.pagination { display:block; padding: 20px 0; }
	.scheda label { padding:7px 0; }
	.scheda .row { margin-bottom: 0px; }
	.scheda .row.buttons { margin: 20px 0; }
	.scheda .row.buttons input { padding-left: 10px; padding-right: 10px; }
	
	.grid-2, .grid-3 { grid-template-columns: repeat(1, 1fr); }
	.grid-4 { grid-template-columns: repeat(2, 1fr); }
	.grid-6 { grid-template-columns: repeat(3, 1fr); }
	
	div.top { right:20px; bottom:20px; z-index:200;}

	.hamburger { display:block; top:20px; right:20px; position:fixed; z-index:2222; background:#ec6608; color:#222;  padding:12px 10px; width:40px; height:40px;  }
	.flexnav li ul { width:100%; background:#f38346; }
	header .menu ul li a { font-size: 20px; }
}