/* iPads  */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) {
	.list-opere {  display: grid; grid-template-columns: 1fr 1fr 1fr; }	
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
	.list-opere {  display: grid; grid-template-columns: 1fr 1fr 1fr;  }
}
/* iPads  mini */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.list-opere {  display: grid; grid-template-columns: 1fr 1fr 1fr; }	
	.list-opere li {  margin-bottom:40px; }
	.list-opere img {  align-self: flex-end; }
	.list-opere li figure { height:200px; }
	}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.list-opere {  display: grid; grid-template-columns: 1fr 1fr 1fr; }
	.list-opere li {  margin-bottom:40px; }
	.list-opere img {  align-self: flex-end; }
	.list-opere li figure { height:200px; }
}

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

	.phone_show { display:block; }
	.phone_hide { display:none; }
	body { font-size:14px; }

	form .row { margin-bottom:0px; }
	form input { margin-bottom:10px; }
	input, select, textarea { text-align: left; line-height:normal; padding: 5px 10px; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	input, select  { height:45px; }
	::-webkit-input-placeholder { line-height:normal; font-size:12px; }
	input[type='submit'], input[type='reset'] { text-align:center; }
	label { text-align:left; }
	
	.wrapper { min-width:0px; width:auto; }
	.content { padding:0 20px; }
	.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; }
	
	
	.mt40 { margin-top:20px; }
	.pt40 { padding-top:20px; }
	.pb40 { padding-bottom:20px; }
	p.preview { font-size:15px; line-height:20px; }
	.tabs .span_1_of_3 { width: 32.2%; }
	.tabs .col { margin-left: 1.6%; }
	.tabs .col:first-child{ margin-left: 0; }
	.tabs a { padding: 10px; line-height:20px; }
	.tabcontent { padding: 10px; }
	.title_accordion { padding: 10px; }
	.size { text-align: left; font-weight:bold; }
	.page-break { margin-top:20px }
	
	h1 { font-size: 26px; margin-bottom:20px; line-height:40px; font-weight:300; }
	h2 { font-size: 26px; font-weight:300; }
	h3 { font-size: 22px; font-weight:300; }

	.header { height:0px; position:relative; }
	.header .logo { top:20px; left:50px; right:50px; text-align:center; position:absolute; }
	.header .logo img { width:150px; height:auto;  }
	.header .logo2 { display:none;  }
	.header .menu { left:60px; right:0; top:20px; }
	.header .menu li a { margin:0px; padding:10px; }
	.header .menu li { display:block; }
	
	.header nav { position:fixed; z-index:222; right:0px; top:0px; bottom:0px; left:0px; width:100%; max-width:100%; padding:100px 0 0 0; background:#3f5948; display:none;  }
	.header ul li { display:block; padding:0px; text-align:center; height:inherit; }
	.header ul li a { display:block; font-size:22px; padding:20px 0; color:#FFF; font-weight:300; }
	.header ul li a:hover::after, header ul li a.selected::after { width:0%; }
	
	
	.maps iframe { height: 400px; }
	.item-row { text-align:center; }
	.item-row .text { padding: 0 20px; }
	
	.list-products .anno { text-align:left; }
	.list-products h4 { text-align:left; padding: 20px; }
	.list-products .text { margin-bottom:20px; }
	
	.flex { display: block; align-items: inherit;  justify-content: inherit; }
	.text { padding:20px; }
	.slide li { background-origin: border-box; background-position: center center; height: calc(100vh - 100px); }
	.slider .container { padding: 0 20px; }
	.item-row .text { padding: 0px; }
	.content.item-row, .content-small.item-row { padding: 20px; }
	.slick-dots { bottom: -20px; }
	.slick-dots li { margin: 0 20px; }
	
	
	.cover { background:#000; background-attachment:inherit; height:400px; background-size: cover; }
	.scroller li { margin-left:0px; padding-bottom: 40px;  }
	#realestate .list-products .text { padding: 0px; }
	.btn { width:100%; position:relative; text-align:left; }
	.btn i { float:right; }
	
	.list-products.grid .span_1_of_4 { width:100%; margin:0 0 20px 0; }
	
	.grid .col { display: block; float:left; margin: 0 0 5% 5%; }
	.grid .col:first-child { margin-left: 0; }
	.grid .span_1_of_3:nth-child(n) { margin-left:5%; }
	.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: 47.5%; }
	.grid .span_1_of_2 { width: 47.5%; }
	.grid .span_1_of_4 { width: 47.5%; }
	.grid .span_1_of_5 { width: 47.5%; }
	.grid .span_1_of_6 { width: 47.5%; }

	div.top { right:20px; bottom:90px; z-index:200;}
	
	.map { height:300px; }

	header nav { padding: 50px 0 0 0; }
	.hamburger { display:block; top:32px; right:20px; position:fixed; z-index:2222; background:#3f5948; padding:12px 10px; width:40px; height:40px; border-radius:200px; }
	.flexnav li a { padding:10px 10px; font-size:18px; } 
	.flexnav li ul li { text-align:center; }
	.flexnav li ul { width:100%; background:#4a7320; padding:20px 0; }
	.flexnav li ul li a { font-weight:normal; }
	.flexnav span.touch-button { display:none; }
	
}