/* mobile */
@media only screen and (max-width: 768px){
	
	body { line-height:24px; }
	input, select, button { height: 45px; }
	input, textarea, select { border-radius:0; line-height:inherit; padding: 8px; }
	select { padding-right:30px; }
	.btn, input[type='submit'], input[type='button'], input[type='reset'] { padding: 12px 20px; margin:10px 0 0 0; }
	textarea { margin-bottom:20px; }
	form .row { margin:0px; }
	form .col { margin-bottom:10px; }

	.iphone_hide { display:none; }
	.iphone_show { display:inline-block; }
	
	.wrapper { min-width:0px; width:100%; }
	.content { padding:0 20px; max-width:100%; }
	.content-big { max-width: 90%; }
	.content-small { padding:0 20px;  }
	.main-slide .content { padding:0px; }
	
	.mb40 { margin-bottom:20px; }
	.mb80 { margin-bottom:40px; }
	
	.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; }
	.span_50.text { padding:20px 20px; }
	.map iframe { height:350px; }
	
	h1, .bgcolor h1 { font-size: 20px; margin-bottom:20px; font-weight:bold; }
	h2, .box-news h2 { font-size: 20px; font-weight:bold; }
	h3 { margin: 0 0 20px 0; font-weight:bold; }
	.content { padding:0 0px; }
	.container { padding:0px; }
	
	.pl40 { padding-left: 0px; } 
	.pr40 { padding-right: 0px; }
	.break { margin-top:40px; }
	.flex { display:block; }
	
	
	.overlay { padding: 8px; font-size:10px; }
	div.top { right:20px; bottom:20px; }
	.footer .col { margin-bottom:20px; }
	
	.header .logo { left: 0px; right:0; text-align:center; margin:0 auto; }
	#header img { width:120px; }
	#header.smaller { height:90px; }
	#header.smaller .logo img { height:60px; margin: 5px 0; }
	#header.smaller .logo { display:block; }
	
	#footer ul.list li b { width:80px; }
	#footer ul.list li { padding-left:80px; }
	#footer .social ul { float:left; }
	#footer .social i { background:#3FB19D; color:#FFF; }
	#footer .container { padding:10px; }
	
	
	.profile .item { margin-bottom:40px;  }
	.profile .item:nth-child(odd) .image { float:left; }
	.profile .item:nth-child(even) .image { float:left; }
	
	#main { margin-top: 130px; }
	.slide li { margin-bottom:0px; height:300px; }
	.slide li .text p, .slide li .btn { display:none; }
	.slide li .text { right:0; left:0; text-align:center;  }
	.box-about .text {  padding: 20px; }
	.box-about { margin-bottom:0px; }
	.item-row { padding: 20px; }
	
	.intro { padding: 40px 20px; }
	.list-blog { overflow-y: scroll; }
	.list-blog2 { grid-template-columns: 1fr 1fr; gap: 20px; }
	.list-blog .item .gallery .item { margin-bottom:0; }
	.list-blog .item { margin-bottom:20px; padding-bottom:20px; text-align:center; width:250px; line-height:18px; }
	.list-blog .item figure { margin-bottom:10px; }
	.list-blog .item h2 { font-size:14px; margin:5px 0 10px 0; }
	.list-blog .videoWrapper { margin-bottom:10px; }
	
	.blog { padding: 20px; }
	.profile .text { padding: 20px 20px 60px 20px; }
	.profile .item:nth-child(odd) .image { float:none; }
	.profile .item:nth-child(even) .image { float:none; }
	
	.grid.box-news .item { width:100%; }
	
	.grid-2 {  grid-template-columns: 1fr; }
	.grid-4 {  grid-template-columns: 1fr; }
	.grid.list-service .item { width:50%; margin:0px; padding:0px; float:left; height:200px; }
	.grid.list-service .item h3 { font-size:16px; }
	.grid.list-service .item svg { height:100px; }
	
	.separator { padding:20px 0; }
	
	.footer .grid-4 { display:grid; grid-template-columns: 1fr; padding:20px;  }
	.footer .grid-4 div { margin-bottom:20px; }
	
	form .row.privacy { margin-bottom:20px; }
	
	.gallery .col:nth-child(n) { margin-left:0; }
	.gallery .col { display: block; float:left; margin: 0 0 1.6% 0; width: 100%; }
	.gallery .col:first-child { margin-left: 0; }
	.gallery .col:nth-child(2n+1) { margin-left:0px; }
	.gallery figure { margin:0px; }
	.gallery .col { width: 49.2%; }

	.blog .item { padding:0px; }
	
	#lato { background:#EEE; padding:20px; margin:40px 0; }
	#lato .input_search .span_3_of_4 { width:80%; }
	#lato .input_search .span_1_of_4 { width:20%; }
	
	


	.subnav i { font-size:30px; top:15px; }
	.subnav .left a { padding-left:40px; text-align:left; }
	.subnav .right a { padding-right:40px; text-align:right; }
	
	.box-newsletter { padding: 20px 0; max-width: 300px; }
	.box-newsletter .select li { margin:10px 20px 20px 0;  float:left; }
	.pagination { text-align:center; }
	
	.grid .col { display: block; float:left; margin: 0 0 1.6% 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_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%; }

	
	.nav-mobile { display:block; z-index:1000; float:right; }
	.nav-list { display:none; position:fixed; top:120px; left:0px; right:0px; z-index:200; background-color:#3FB19D; font-size: 14px; padding:20px 0; }
	.nav-item { width:100%; float:none; position:relative; text-align:center; }
	.nav-item > a { padding:15px 0; margin:0px; height:inherit; color:#FFF; }
	.nav-click { display:none; }
	.nav-item:hover .nav-submenu { display:none; }
	.nav-submenu { position:static; width:100%; padding-top:0px; background:none; }
	.nav-item { border-right:0px; padding-right:0px; margin-right:0px;  }
	.nav-submenu { padding-top:0; background:#7CCEBE; }
	.nav-submenu-item { float:none; width:100%; text-align: center; }
	.nav-submenu-item a { padding: 15px 0; width:auto; margin:0px; display:block; color:#FFF; }
	.nav-submenu-item a:hover { color:#444;  }
	.nav-submenu-item:last-child a { border-bottom:0px; }
	.nav-list a.selected { color: #092B6D; }
	
	#header.smaller .nav-list { top:90px; }
	
	.global-site-notice { right:0px; bottom:0px; left:0px; }
	
	.fancybox-slide > * { margin:0px; }
}

/* iPad Pro */ 
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  { 
	.content-big { max-width:90%; }
}



/* iPads (landscape) orizzontale ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : landscape) {
		
	.content-big { max-width:90%; }
	
}



/* iPads (portrait) verticale ----------- */
@media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : portrait) {
	.content-big { max-width:90%; }
}



@media only screen and (max-width: 400px){
	.iphone_hide { display:none; }
}