
/*******************************************************************************************************************
*  CSS RESPONSIVE
*******************************************************************************************************************/

@media only screen and (min-width: 1025px) and (max-width:1180px) {
	header{height: auto; margin-bottom: 0px; box-shadow:none }

	.slides {height:400px; width:100%; background-size:150%;}
	.splide__list {margin:0px !important; }
	.splide__slide{height: auto !important; box-shadow: none}
	.splide__info{height: auto;}

}

@media only screen and (min-width:769px) and (max-width:1024px) {
	
	body {font-size: 14px;}

	h1 {font-size:2.2em;}
	h2, h3{font-size:1.8em;}

	section{margin-bottom:0px; margin-top:0px; padding:0px; min-height: auto;}
	section img {width:auto}
	
	input{width:100%;}
	textarea{width:100%;}
	select{width:100%;}
	input[type="button"]{width: fit-content;}

	.logo_titolo{text-align: center; display:block; margin:0px; padding:0px; }

	.container{padding:20px;}

	aside {display: block; position: fixed;top: 0;left: -280px; /* Completamente nascosto a sinistra */ width: 280px;height: 100vh; background-color: #222; padding-top: 80px; box-sizing: border-box;transition: transform 0.3s ease-in-out; z-index: 1000;box-shadow: 2px 0 10px rgba(0,0,0,0.3);}
	header{height: auto; margin-bottom: 0px; box-shadow:none }

	main{margin:0px; flex: 1; max-width: calc(100% - 0px); margin-top:20px;}

	footer{box-sizing: border-box; width: 100%; text-align:center; margin: 0px; overflow:hidden; display:block; margin-bottom: 50px;}
	footer img{clear: both; display:block;  }
	footer p{clear: both; text-align: center; font-size: 0.7em}
	.splide__list {margin:0px !important; }
	.splide__slide{height: auto !important; box-shadow: none}
	.splide__info{height: auto;}

	.gallery ul{grid-column-gap:0rem; grid-row-gap:0rem}
	
	.scrolltotop{right:10px; bottom: 10px;}

	#logo{width:100% }
	#top_header{height: 70px;}

	.slides {height:250px; width:100%; background-size:150%;}
	.frame {top:50px; padding: 5px; }

	.message{font-size:1em; padding:10px; float: left !important; text-align:left; }

	.content_box_home_top{margin-bottom: 10px;}
	.content_box_pulsanti{margin-top:2px; margin-bottom:2px; min-height:50px; padding:5px }
	.content_box_pulsanti h3{text-align: center; font-size:0.8em; }

	.flex-grid {display: inline-table; width: 100%;}
	.col {display: block; width: 100%; margin:0px;}
	.col_3 {float: left; width:30.5%;}

	.col_video{float: left; width:47.5%;}
	.video_img{height: 100px}
	.video_titolo_content{min-height:auto;}
	.video_riga{margin-bottom: 0px;}

	.breadcrumb {clear: both;  width:100%; padding-top: 10px;}
	.breadcrumb li {line-height: 2em;}	

	.content_news h2{margin-top: 10px; margin-bottom: 10px; font-size:1.4em}
	.news{border:3px solid #eaa50d; font-size:0.9em; height:170px; }
	.blocco_news{margin:3px;}
	.blocco_news h3 {padding: 0px; padding-top:5px; font-weight:500; height:50px; box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size:0.9em;}
	.image_news{width: auto; border:3px solid #fff; height: 80px}

	.sottomenu {width: 100%; font-size: 1em; margin-bottom:5px;}
	.sottomenu li {margin: 0.5%; width: 48%; }

	#box_ricerca{width:50%; margin:5px; right:0px; position: fixed; top: 53px;}
	.form_ricerca input{width:60%;}
	.language{top: 10px; right: 10px; position: absolute; z-index: 1000; width: 40px; height: 40px; border-radius: 50px; line-height: 40px;}

	.content_box_icona{height:90px; background-size:120% !important}
	
	.content_box_home_bottom{margin-top:10px !important; width: 100%; box-sizing: border-box;}
	.content_box_icona h3{font-size: 0.8em; padding-top: 10px;}
	.content_box_icona:last-child{margin: 5px;}

	.search_box h3{font-size: 1em; padding-top: 15px;}

	#dettaglioNews img {width:100%; float: initial; max-width: 100%;}
	#dettaglioNews h4 {margin-top: 15px;}

	#contenuto_laterale {margin-top: 20px; margin:0 auto; margin-bottom:10px; width:95%; }
	#contenuto_laterale p{font-size: 1em; padding:0px; }
	#contenuto_laterale img {margin-top:5px;  margin-bottom:5px; }

	.contenuto_testo {margin:5px;}
	.dettaglio_splittato{width: 100%; clear: both;}
   
	form {width: 100%;  border: 1px solid var(--sky); margin-bottom: 10px; outline:none; -webkit-border-radius:2px; border-radius:2px; box-sizing:border-box; }
	fieldset{padding:30px; border:0px; box-sizing:border-box; padding:0px !important}

	.selettore_cont li{margin:5px; width:40%; height:30px }
		
	.sezione_due_blocchi{margin: 0px;}
	.sezione_due_blocchi .sezione_sx{width: 100%}
	.sezione_due_blocchi .sezione_dx{width: 100%;}


	.ricerca-laterale-barra{width:100%;}
	.ricerca_laterale_lista{width:100%;}
	#risultati_ricerca{width:100%; }

	.Pulsante_nero{margin-bottom: 10px; display: inline-block;}
	.Pulsante_bianco{margin-bottom: 10px;  display: inline-block;}

	.content_box_home_rotante {margin-bottom: 35px;}
	.content_box_rotante {margin-top: 10px;}
	#contenuto_superiore{padding-top: 10px; }

	.card_img_effect img {max-height: 300px !important;  width: inherit!important;}
	.effect-1 .effect-img{max-height:350px; background-position: center center; width:100% !important; -webkit-transform: translate(-0%,-0%);-ms-transform: translate(-0%,-0%);transform: translate(-0%,-0%);}
	.effect-1 .effect-img img{ height:auto !important; }


}



/*  Wide Mobile Layout: max 767px  */
@media only screen and (min-width: 480px) and (max-width: 768px) {

	body {font-size: 14px;}

	h1 {font-size:2.2em;}
	h2, h3{font-size:1.8em;}

	section{margin-bottom:0px; margin-top:0px; padding:0px; min-height: auto;}
	section img {width:auto}
	
	input{width:100%;}
	textarea{width:100%;}
	select{width:100%;}
	input[type="button"]{width: fit-content;}

	.logo_titolo{text-align: center; display:block; margin:0px; padding:0px; }

	.container{padding:20px;}

	aside {display: block; position: fixed;top: 0;left: -280px; /* Completamente nascosto a sinistra */ width: 280px;height: 100vh; background-color: #222; padding-top: 80px; box-sizing: border-box;transition: transform 0.3s ease-in-out;        z-index: 1000;box-shadow: 2px 0 10px rgba(0,0,0,0.3);}
	header{height: auto; margin-bottom: 0px; box-shadow:none }

	main{margin:0px; flex: 1; max-width: calc(100% - 0px); margin-top:20px;}

	footer{box-sizing: border-box; width: 100%; text-align:center; margin: 0px; overflow:hidden; display:block; margin-bottom: 50px;}
	footer img{clear: both; display:block;  }
	footer p{clear: both; text-align: center; font-size: 0.7em}
	.splide__list {margin:0px !important; }
	.splide__slide{height: auto !important; box-shadow: none}
	.splide__info{height: auto;}

	.gallery ul{grid-column-gap:0rem; grid-row-gap:0rem}
	
	.scrolltotop{right:10px; bottom: 10px;}

	#logo{width:100% }
	#top_header{height: 70px;}

	.slides {height:250px; width:100%; background-size:150%;}
	.frame {top:50px; padding: 5px; }

	.message{font-size:1em; padding:10px; float: left !important; text-align:left; }

	.content_box_home_top{margin-bottom: 10px;}
	.content_box_pulsanti{margin-top:2px; margin-bottom:2px; min-height:50px; padding:5px }
	.content_box_pulsanti h3{text-align: center; font-size:0.8em; }

	.flex-grid {display: inline-table; width: 100%;}
	.col {display: block; width: 100%; margin:0px;}
	.col_3 {float: left; width:30.5%;}

	.col_video{float: left; width:47.5%;}
	.video_img{height: 100px}
	.video_titolo_content{min-height:auto;}
	.video_riga{margin-bottom: 0px;}

	.breadcrumb {clear: both;  width:100%; padding-top: 10px;}
	.breadcrumb li {line-height: 2em;}	

	.content_news h2{margin-top: 10px; margin-bottom: 10px; font-size:1.4em}
	.news{border:3px solid #eaa50d; font-size:0.9em; height:170px; }
	.blocco_news{margin:3px;}
	.blocco_news h3 {padding: 0px; padding-top:5px; font-weight:500; height:50px; box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size:0.9em;}
	.image_news{width: auto; border:3px solid #fff; height: 80px}

	.sottomenu {width: 100%; font-size: 1em; margin-bottom:5px;}
	.sottomenu li {margin: 0.5%; width: 48%; }

	#box_ricerca{width:50%; margin:5px; right:0px; position: fixed; top: 53px;}
	.form_ricerca input{width:60%;}
	.language{top: 10px; right: 10px; position: absolute; z-index: 1000; width: 40px; height: 40px; border-radius: 50px; line-height: 40px;}

	.content_box_icona{height:90px; background-size:120% !important}
	
	.content_box_home_bottom{margin-top:10px !important; width: 100%; box-sizing: border-box;}
	.content_box_icona h3{font-size: 0.8em; padding-top: 10px;}
	.content_box_icona:last-child{margin: 5px;}

	.search_box h3{font-size: 1em; padding-top: 15px;}

	#dettaglioNews img {width:100%; float: initial; max-width: 100%;}
	#dettaglioNews h4 {margin-top: 15px;}

	#contenuto_laterale {margin-top: 20px; margin:0 auto; margin-bottom:10px; width:95%; }
	#contenuto_laterale p{font-size: 1em; padding:0px; }
	#contenuto_laterale img {margin-top:5px;  margin-bottom:5px; }

	.contenuto_testo {margin:5px;}
	.dettaglio_splittato{width: 100%; clear: both;}
   
	form {width: 100%;  border: 1px solid var(--sky); margin-bottom: 10px; outline:none; -webkit-border-radius:2px; border-radius:2px; box-sizing:border-box; }
	fieldset{padding:30px; border:0px; box-sizing:border-box; padding:0px !important}

	.selettore_cont li{margin:5px; width:40%; height:30px }
		
	.sezione_due_blocchi{margin: 0px;}
	.sezione_due_blocchi .sezione_sx{width: 100%}
	.sezione_due_blocchi .sezione_dx{width: 100%;}


	.ricerca-laterale-barra{width:100%;}
	.ricerca_laterale_lista{width:100%;}
	#risultati_ricerca{width:100%; }

	.Pulsante_nero{margin-bottom: 10px; display: inline-block;}
	.Pulsante_bianco{margin-bottom: 10px;  display: inline-block;}

	.content_box_home_rotante {margin-bottom: 35px;}
	.content_box_rotante {margin-top: 10px;}
	#contenuto_superiore{padding-top: 10px; }

	.card_img_effect img {max-height: 300px !important;  width: inherit!important;}
	.effect-1 .effect-img{max-height:350px; background-position: center center; width:100% !important; -webkit-transform: translate(-0%,-0%);-ms-transform: translate(-0%,-0%);transform: translate(-0%,-0%);}
	.effect-1 .effect-img img{ height:auto !important; }


}	


/*  Mobile Layout:    */

@media only screen and (max-width: 479px) {
	body {font-size: 14px;}

	h1 {font-size:2.2em;}
	h2, h3{font-size:1.8em;}

	section{margin-bottom:0px; margin-top:0px; padding:0px; min-height: auto;}
	section img {width:auto}
	
	input{width:100%;}
	textarea{width:100%;}
	select{width:100%;}
	input[type="button"]{width: fit-content;}

	.logo_titolo{text-align: center; display:block; margin:0px; padding:0px; }

	.container{padding:20px;}

	aside {display: block; position: fixed;top: 0;left: -280px; /* Completamente nascosto a sinistra */ width: 280px;height: 100vh; background-color: #222; padding-top: 80px; box-sizing: border-box;transition: transform 0.3s ease-in-out;        z-index: 1000;box-shadow: 2px 0 10px rgba(0,0,0,0.3);}
	header{height: auto; margin-bottom: 0px; box-shadow:none }

	main{margin:0px; flex: 1; max-width: calc(100% - 0px); margin-top:20px;}

	footer{box-sizing: border-box; width: 100%; text-align:center; margin: 0px; overflow:hidden; display:block; margin-bottom: 50px;}
	footer img{clear: both; display:block;  }
	footer p{clear: both; text-align: center; font-size: 0.7em}
	.splide__list {margin:0px !important; }
	.splide__slide{height: auto !important; box-shadow: none}
	.splide__info{height: auto;}

	.gallery ul{grid-column-gap:0rem; grid-row-gap:0rem}
	
	.scrolltotop{right:10px; bottom: 10px;}

	#logo{width:100% }
	#top_header{height: 70px;}

	.slides {height:250px; width:100%; background-size:150%;}
	.frame {top:50px; padding: 5px; }

	.message{font-size:1em; padding:10px; float: left !important; text-align:left; }

	.content_box_home_top{margin-bottom: 10px;}
	.content_box_pulsanti{margin-top:2px; margin-bottom:2px; min-height:50px; padding:5px }
	.content_box_pulsanti h3{text-align: center; font-size:0.8em; }

	.flex-grid {display: inline-table; width: 100%;}
	.col {display: block; width: 100%; margin:0px;}
	.col_3 {float: left; width:30.5%;}

	.col_video{float: left; width:47.5%;}
	.video_img{height: 100px}
	.video_titolo_content{min-height:auto;}
	.video_riga{margin-bottom: 0px;}

	.breadcrumb {clear: both;  width:100%; padding-top: 10px;}
	.breadcrumb li {line-height: 2em;}	

	.content_news h2{margin-top: 10px; margin-bottom: 10px; font-size:1.4em}
	.news{border:3px solid #eaa50d; font-size:0.9em; height:170px; }
	.blocco_news{margin:3px;}
	.blocco_news h3 {padding: 0px; padding-top:5px; font-weight:500; height:50px; box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size:0.9em;}
	.image_news{width: auto; border:3px solid #fff; height: 80px}

	.sottomenu {width: 100%; font-size: 1em; margin-bottom:5px;}
	.sottomenu li {margin: 0.5%; width: 48%; }

	#box_ricerca{width:50%; margin:5px; right:0px; position: fixed; top: 53px;}
	.form_ricerca input{width:60%;}
	.language{top: 10px; right: 10px; position: absolute; z-index: 1000; width: 40px; height: 40px; border-radius: 50px; line-height: 40px;}

	.content_box_icona{height:90px; background-size:120% !important}
	
	.content_box_home_bottom{margin-top:10px !important; width: 100%; box-sizing: border-box;}
	.content_box_icona h3{font-size: 0.8em; padding-top: 10px;}
	.content_box_icona:last-child{margin: 5px;}

	.search_box h3{font-size: 1em; padding-top: 15px;}

	#dettaglioNews img {width:100%; float: initial; max-width: 100%;}
	#dettaglioNews h4 {margin-top: 15px;}

	#contenuto_laterale {margin-top: 20px; margin:0 auto; margin-bottom:10px; width:95%; }
	#contenuto_laterale p{font-size: 1em; padding:0px; }
	#contenuto_laterale img {margin-top:5px;  margin-bottom:5px; }

	.contenuto_testo {margin:5px;}
	.dettaglio_splittato{width: 100%; clear: both;}
   
	form {width: 100%;  border: 1px solid var(--sky); margin-bottom: 10px; outline:none; -webkit-border-radius:2px; border-radius:2px; box-sizing:border-box; }
	fieldset{padding:30px; border:0px; box-sizing:border-box; padding:0px !important}

	.selettore_cont li{margin:5px; width:40%; height:30px }
		
	.sezione_due_blocchi{margin: 0px;}
	.sezione_due_blocchi .sezione_sx{width: 100%}
	.sezione_due_blocchi .sezione_dx{width: 100%;}


	.ricerca-laterale-barra{width:100%;}
	.ricerca_laterale_lista{width:100%;}
	#risultati_ricerca{width:100%; }

	.Pulsante_nero{margin-bottom: 10px; display: inline-block;}
	.Pulsante_bianco{margin-bottom: 10px;  display: inline-block;}

	.content_box_home_rotante {margin-bottom: 35px;}
	.content_box_rotante {margin-top: 10px;}
	#contenuto_superiore{padding-top: 10px; }

	.card_img_effect img {max-height: 300px !important;  width: inherit!important;}
	.effect-1 .effect-img{max-height:350px; background-position: center center; width:100% !important; -webkit-transform: translate(-0%,-0%);-ms-transform: translate(-0%,-0%);transform: translate(-0%,-0%);}
	.effect-1 .effect-img img{ height:auto !important; }

}

