/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 834px) and (max-device-width : 1366px) and (orientation : landscape) {
	
	.header-mobile { display:none;  }
	.box-search { display:block; padding: 20px 0 10px 20px;  }
	.main { position: fixed; left: 300px; right: 0; top: 80px; bottom: 0; overflow-y: scroll; padding: 20px; }
	.item img.dim { width: 30%; top:100px; }
	.main.page { padding: 40px; }
	
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 834px) and (max-device-width : 1366px) and (orientation : portrait) {
	
	.span_1_of_4.row { width:50%; }
	input, select, textarea, input.col  { margin-bottom:10px; line-height:normal; padding: 5px 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	input, select  { height:40px; color:#000; }
	.header-mobile { display:none; }
	.box-search { display:block; padding: 20px 0 10px 30px;  }
	.box-search .col { width:20%;  }
	
	.main { position: fixed; left: 300px; right: 0; top: 80px; bottom: 0; overflow-y: scroll; padding: 20px; }
	.item { padding:30px 15px; }
	.item img.abaco { position:relative; top:0px; left:0px; width: 50%; height:auto; margin-bottom:10px; }
	.item img.dim { position:absolute; top:0px; right:0px; width: 50%; height:auto; margin-bottom:10px; }
	.main.page { padding: 40px; }	
}




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

	.filter-type { display:block; padding:10px 20px; display:grid; grid-template-columns:1fr; gap:10px; }

	.phone_show { display:block; }
	.phone_hide { display:none; }
	
	body { margin:0px; }
	form .row { margin-bottom:0px; }
	input, select, textarea, input.col  { margin-bottom:10px; line-height:normal; padding: 5px 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	input, select  { height:40px; color:#000; }
	::-webkit-input-placeholder { line-height:normal; font-size:12px; }
	
	.wrapper { min-width:0px; width:auto; }
	.content, .container { padding:0 15px; }
	.mb40 { margin-bottom:20px; }
	
	.col { margin:0px; }
	.span_1_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%; }

	.span_50 { width: 100%; float:none; }

	.header-mobile { display:block; height:70px; background:#FFF; position:fixed; z-index:999; width: 100%; }
	.header-mobile .search { position:fixed; top:15px; left:120px; right:100px; }
	.sidebar { left:0px; right:0px; width:100%; top:70px; display:none; padding: 0px; }
	.sidebar .logo, .sidebar h1 { display:none; }
	.sidebar.visible { display:block; z-index:999; }
	.sidebar-btn { position:fixed; top:15px; right:15px; padding:10px; display:block; z-index:999; border:1px solid #000; }
	.header-mobile .logo { position:fixed; top:20px; left:15px; z-index:999; height:30px; width:auto; }
	
	.main { left:0px; right:0; top:70px; padding:0px; top:70px; }
	.main.page { padding: 40px; }
	.box-search { display:none; }
	.details .col { margin-bottom:20px; }
	
	.item { padding:30px 15px; }
	.item img.abaco { position:relative; top:0px; left:0px; width: 100%; height:auto; margin-bottom:10px; }
	.item img.dim { display:none; }
	
	.grid-container .cell-row:first-child, .grid-container .cell-row:nth-child(2n+1) { margin-left: 0; }
	.grid-container h5 { font-size:16px; }

	.pagination { margin:0px; padding: 20px; }
	
	.grid .col { display: block; float:left; margin: 0 0 3% 3%;  }
	.grid .col:first-child { margin-left: 0; }
	.grid .span_1_of_3:nth-child(n) { margin-left:3%; }
	.grid .span_1_of_8:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_7:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_6:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_5:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_4:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_3:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_2:nth-child(2n+1) { margin-left:0px; }
	.grid .span_1_of_3 { width: 48.5%; }
	.grid .span_1_of_2 { width: 48.5%; }
	.grid .span_1_of_4 { width: 48.5%; }
	.grid .span_1_of_5 { width: 48.5%; }
	.grid .span_1_of_6 { width: 48.5%; }
	.grid .span_1_of_7 { width: 48.5%; }
	.grid .span_1_of_8 { width: 48.5%; }

	div.top { right:20px; bottom:20px; z-index:200;}

	.legend { overflow-x:scroll; }

}