/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.scroller { margin-top:-220px; width:100%; }
	.scheda_prodotti .scroller { margin-top:0; }
	.sf-menu a { padding-top:4px; padding-bottom:4px; }
	#header .logo {  margin: 10px 0; }
	.logo { height:20px; }
	#main.product .container .text { position:absolute; top:35px; padding:0px; }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 20px; }
	.scroller .bx-wrapper .bx-pager, .scroller .bx-wrapper .bx-controls-auto { bottom:20px; }

}


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

}

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

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

	form .row { margin-bottom:0px; }
	input, select, textarea, input.col { font-size: 14px; margin-bottom:10px; line-height:normal; padding: 5px 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	input, select  { height:40px; }
	::-webkit-input-placeholder { line-height:normal; font-size:14px; }
	.form_contatto input[type='submit'] { margin: 20px 0 60px 0; }
	.box-contact { bottom: 15px; left:15px; right: 15px; width: 90%; }
	b, strong { font-weight:400; }
	.wrapper { min-width:0px; width:auto; }
	.content { padding:0 10px; }
	.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; }
	.pl40 { padding-left:0px; }
	.break { margin-top:80px; }
	
	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: 24px; margin-bottom:20px;}
	h1.title { font-size: 24px; margin:20px 0 40px 0; padding-bottom:10px;  }
	h2 { font-size: 26px; line-height:30px; margin-bottom:10px; }
	h3 { font-size: 20px; line-height:28px; }
	h3.section { margin-bottom:20px; }
	
	header { padding:20px 10px; }
	header .title { position:absolute; left:20px; right:inherit; top:65px; font-size: 14px; display:none; }
	header .logo { width:250px; }
	header img { height:45px; }
	header li a { font-size: 30px; padding: 10px; }
	.share-box { display:none; }
	.navigation { font-size:18px; line-height:20px; background:#000; color:#FFF; padding: 10px 10px; }
	.navigation a { color:#FFF; }
	
	#footer { padding:0px; }
	#footer h4 { margin:0 0 5px 0; }
	#footer .content .text { padding:20px; }
	#footer .col { margin-bottom:30px; text-align:center; }
	#footer li { padding:7px 0; }
	#footer i { float:none; margin: 0; }
	#footer .content .grid { grid-template-columns: 1fr; padding: 20px; gap:60px; }
	#footer .content .grid-2 { grid-template-columns: 1fr; padding: 20px; }
	#footer .social { text-align:left; }	
		
	.preview.grid-2 { display:block; margin-bottom:40px;}	
	.preview .item { margin-bottom:10px; }	
	.preview .item h2 { font-size:26px; align-content: end; padding-bottom:40px; }	
	.preview-subcat.grid-2 { display:block; margin-bottom:40px; }
	
	.list-services li { line-height: 22px; }
	.flex { display:block; }
	.header-section h1 { margin:0; font-size: 40px; line-height: 45px; }
	.cover, .cover .swiper-slide { background-size:cover; height: 80vh; }
	.cover-small { padding:20px; min-height: 100vh; }
	.cover-small div.text { padding:20px; line-height: 20px; font-size: 16px; }
	.cover-small div.text h4 { margin-top:0px; }
	
	.home .cover div.text { padding: 20px; font-size:20px; max-width:300px; bottom:20%;  }
	.home .cover div.text h1 { margin:0 0 10px 0; font-size:42px; line-height:52px; }
	.play img { width:80px; height:auto; }
	.box-realizzazioni { height: 40vh; margin-top: 30px; }
	.home .box-realizzazioni div.text { padding: 20px; max-width:80%; bottom:20px; }
	.home .box-realizzazioni div.text h1 { font-size:20px; margin: 5px 0; } 
	.home .box-realizzazioni div.text p.more { margin:0px; }
	.home .box-realizzazioni div.text p.card { margin:0px; }
	.news-scheda .text { margin:0px; }
	.grid.news { display:grid; grid-template-columns:1fr; gap:20px; }
	h1 { font-size:30px; line-height:36px; }
	
	
	.swiper-wrapper { margin-top:40px; }
	.list-services .group { margin-bottom:40px; }
	.list-services .group:nth-child(odd) { background:#CCC; }
	.list-services .group:nth-child(even) { background:#DDD; }
	.why { margin-top: 50px; padding: 20px; }
	
	.grid-preview-products { display:block; }
	.grid-preview-products .item { margin-bottom:20px; }
	.grid-preview-products .item h3 { font-size:30px; }
	
	.why h2 { font-size: 30px; margin-bottom:40px; }
	
	.about .item-row { padding:0px; }
	.item-row { margin:0; padding:20px; }
	.home .item-row .text { padding: 20px 10px; position:relative; }
	.home .item-row .text h1 { font-size:20px; }
	.news .item { min-height:300px; margin-top:20px; }
	.news.grid .span_1_of_4 { width: 100%; margin-left:0px; }
	.outlet.grid .span_1_of_4 { width: 49.2%; margin-left:1.6%; }
	.news.grid .span_1_of_4 h3 { font-size:20px; line-height:24px; margin-bottom:40px; }
	.home .news.grid .span_1_of_4 h3 { font-size:14px; margin-bottom:20px; line-height:16px;  }
	.home .news.grid .span_1_of_4 { width: 49.2%; margin-left:1.6%; }
	.home .news.grid .col:first-child { margin-left: 0; }
	.home .news.grid .span_1_of_4:nth-child(2n+1) { margin-left: 0; }
	.news-scheda .text { padding: 20px; position:relative; }

	.masonry-layout { column-count: 2; -webkit-column-count: 2; column-gap: 20px;  -webkit-column-gap: 20px; margin-bottom:20px; }
	.subnav .col.right { margin-top:40px; }
	
	.item-row-small { padding:0px; max-width:100%; margin:20px auto; font-size:18px; text-align:center; margin-bottom:60px; }
	.item-row-small li { padding:10px 20px; text-align:center;}
	.item-row-small li b { position:relative; display:block; }
	
	
	.list-services { grid-template-columns: 1fr; gap:20px; }
	.list-services .item { margin-bottom:80px; }
	
	.title-page { margin: 20px 0; }
	.title-page h1 { line-height:18px; }
	.title-page h2 { font-size:30px; line-height:34px;  }

	.header-portfolio { padding-top:10px; }
	.header-portfolio p { column-count: 1; column-gap:0px; font-size:13px; text-align:left; max-width:800px; margin:0 auto; }
	.header-portfolio h1 { margin:20px 0; font-size:22px; line-height:normal; }
	.page { margin-top:90px; }
	
	.gallery .span_1_of_2 { width: 49.2%; }
	.gallery .col { display: block; float:left; margin: 0 0 0 1.6%; }
	.gallery .col:first-child { margin-left: 0; }

	.play img { width:60px; }
	.buttons { margin-top:20px; }
	.preview-subcat .button a, .buttons a { width:100%; margin-bottom:10px; display:block; position:relative; }
	.preview-subcat .button i, .buttons i { position:absolute; top:12px; right:10px; font-size:18px; }
	.list-details .item { display:block; }
	.list-details .item .text, .list-details .item .image { width: 100%; }
	.list-details .item .text h3 { font-size:30px; }
	
	.swiper-slide img { height:250px; width:auto; }
	
	.cover-about { position: relative; margin:0 0 40px 0; }
	.cover-about .text { position: absolute; bottom:20px; left:20px; color:#FFF; }
	.cover-about .text h1 { font-size:16px; }
	
	.grid-3 { grid-template-columns: 1fr; }
	.grid-4 { grid-template-columns: 1fr 1fr; }
	.cover-small .grid { grid-template-columns: 1fr; }
	
	.grid-brands { grid-template-columns: 1fr 1fr; padding: 0; }
	.grid-contacts { grid-template-columns: 1fr; }
	
	.list-view-more { gap:20px; }
	.list-view-more .item { grid-template-columns: 1fr; }
	
	.grid .col { display: block; float:left; margin-left: 1.6%;  }
	.grid .col:first-child { margin-left: 0; }
	.grid .span_1_of_3:nth-child(n) { margin-left:1.6%; }
	.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: 49.2%; }
	.grid .span_1_of_2 { width: 49.2%; }
	.grid .span_1_of_4 { width: 49.2%; }
	.grid .span_1_of_5 { width: 49.2%; }
	.grid .span_1_of_6 { width: 49.2%; }
	.grid .span_1_of_7 { width: 49.2%; }
	.grid .span_1_of_8 { width: 49.2%; }

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

	.hamburger { display:block; top:20px; right:20px; position:fixed; z-index:2222; color:#FFF; }
}