/*******************************************************************************************************************
*  CSS RESPONSIVE
*******************************************************************************************************************/
/*portatile*/
@media only screen and (min-width: 1140px) and (max-width:1400px) {
	#logo{left:110px; position: fixed; }
	#logo img{width:100px; height: auto;}
	.puls_training {left:10px;}
	.puls_training img{width:90px; }
	.header-fixed #cssmenu {top:100px;}
	.header-fixed.resized #cssmenu {top:80px; }


}

/*laptop*/
@media only screen and (min-width: 1081px) and (max-width:1139px) {

	.wrap{margin-left:0.5%; margin-right:0.5%;}

	#logo{left:100px; position: fixed; }
	#logo img{width:100px; height: auto;}
	.puls_training {left:5px;}
	.puls_training img{width:90px; }

	.header-fixed #cssmenu {top:100px;}
	.header-fixed.resized #cssmenu {top:80px; }

	.paginselect{display: inline !important; margin-right: 0px !important}
}


/*tablet PLUS*/
@media only screen and (min-width:769px) and (max-width:1080px) {
	h1, h2, h3{margin-bottom: 0px; margin-top: 10px; font-size: 1.5em;}
		
	section img {max-width:100%}
	section{margin-bottom:5px; margin-top:10px; padding:6px; min-height: 470px;}

	.wrap{margin-left:0.5%; margin-right:0.5%;}


	#logo{left:85px; position: fixed; padding-top: 10px;}
	#logo img{width:90px; height: auto;}
	#box_social{width:50%; margin:5px; right:0px; position: fixed; top:30px;}

	#top_header{height: 80px}
	.header-fixed{height: 90px;}
	.header-fixed.resized {height:75px; }
	.header-fixed #cssmenu {top:92px; display: flow-root;}
	.header-fixed.resized #cssmenu {top:77px;}

	.slides {height:250px; background-size:200%;}
	.frame {top:50px; padding: 5px; }
	.message{font-size:1em; padding:10px; float: left !important; text-align:left; }

	.puls_training img{width: 70px;}
	.back_aggiornamento_cont{background-image:none; color:var(--blue); position: fixed; right:7px; }
	.cont_aggiornamento{background-image: none; color: var(--white); position: fixed; right: 7px; background-color:var(--blue); height: auto; border-radius: 0px 0px 5px 5px; padding:3px;line-height: 1.2em; top:0px;}

	.top_news{padding-top: 0px;}
	.percorsi_home h3 {font-size: 1.4em; margin-top:0x}

	.paginselect{display: inline !important; margin-right: 0px !important}
}


/*  Wide Mobile Layout: max 767px  */
@media only screen and (min-width: 480px) and (max-width: 768px) {
	body {font-size:15px;}

	h1, h2, h3{font-size:1.3em; line-height: normal !important}

	h1{padding-left: 10px; margin-right: 50px; text-align: left; margin-top:5px; margin-bottom: 10px;}
	.titolo_confronti{font-size:1.3em; padding-left: 10px; margin-right: 50px; text-align: left; margin-top:5px; margin-bottom: 10px; }

	section img {width:auto}
	section{margin-bottom:0px; margin-top:10px; padding:0px; min-height: auto;}

	input{width:100%;}
	textarea{width:100%;}
	select{width:100%;}
	input[type="button"]{width: fit-content;}

	.card_Side .card_img img{width:100px !important;}

	footer .indirizzo{ min-height:auto; width:96% !important; clear: both; padding-top:0px; padding-bottom:0px;  }

	.wrap{margin-left:1%; margin-right:1%;}


	#logo{left:85px; position: fixed; padding-top: 10px;}
	#logo img{width:90px; height: auto;}
	#box_social{width:50%; margin:5px; right:0px; position: fixed; top:30px;}

	.testo_home{font-size: 1em;}

	#top_header{height: 80px}
	.header-fixed{height: 90px;}
	.header-fixed.resized {height:75px; }
	.header-fixed #cssmenu {top:92px; display: flow-root;}
	.header-fixed.resized #cssmenu {top:77px;}

	.slides {height:250px; background-size:200%;}
	.frame {top:50px; padding: 5px; }

	.puls_training img{width: 70px;}
	.back_aggiornamento_cont{background-image:none; color:var(--blue); position: fixed; right:7px; }
	.cont_aggiornamento{background-image: none; color: var(--white); position: fixed; right: 7px; background-color:var(--blue); height: auto; border-radius: 0px 0px 5px 5px; padding:3px;line-height: 1.2em; top:0px; }


	.message{font-size:1em; padding:10px; float: left !important; text-align:left; }

	#main-content{margin-top:10px;}

	.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:23.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 a{line-height: 1.2em;}	
	

	.barra_ricerca input{width: 98%; box-sizing: border-box;}
	.barra_ricerca select{width: 98%; box-sizing: border-box;}
	.top_news{padding:0px; }

	.percorsi_home h3 {font-size: 1.2em; margin-top: 10px}
	.top_news ul{ margin-top:0px; margin-right: 0px}

	.bread {display: none;}

	.percorsi span{clear:both; display:block; width: 100%; margin-right:0px;}
	.percorsi p{padding-top: 0px; padding-bottom: 0px;}
	.percorsi .titolo{line-height: normal; font-size: 1.2em; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px;}
	.ric_parola{margin-bottom:10px !important;}

	.scheda_etichetta {width:100%; clear: both }
	.dettaglio_intero img{ width:100%;}


	.video_img {clear: both; width:100%; height: 220px;}
	.video_img img{height: 220px;}
	.video_txt{clear: both; width:100%;}

	.paginselect{display: inline !important; margin-right: 0px !important}

}	


/*  Mobile Layout:    */

@media only screen and (max-width: 479px) {
	body {font-size: 14px;}

	h1, h2, h3{font-size:1.3em; line-height: normal !important}

	h1{padding-left: 10px; margin-right: 50px; text-align: left; margin-top:5px; margin-bottom: 10px;}
	.titolo_confronti{font-size:1.3em; padding-left: 10px; margin-right: 50px; text-align: left; margin-top:5px; margin-bottom: 10px; }

	section img {width:auto}
	section{margin-bottom:0px; margin-top:10px; padding:0px; min-height: auto;}


	input{width:100%;}
	textarea{width:100%;}
	select{width:100%;}
	input[type="button"]{width: fit-content;}

	.card_Side .card_img img{width:100px !important;}


	footer .indirizzo{ min-height:auto; width:96% !important; clear: both; padding-top:0px; padding-bottom:0px;  }

	.wrap{margin-left:1%; margin-right:1%;}

	#logo{left:85px; position: fixed; padding-top: 10px;}
	#logo img{width:90px; height: auto;}
	#box_social{width:50%; margin:5px; right:0px; position: fixed; top:30px;}

	.testo_home{font-size: 1em;}
	.card_Content .desc{font-size: 1rem !important;}

	#top_header{height: 80px;}
	.header-fixed{height: 90px;}
	.header-fixed.resized {height:75px; }
	.header-fixed #cssmenu {top:92px; display: flow-root;}
	.header-fixed.resized #cssmenu {top:77px;}

	.slides {height:250px; background-size:200%;}
	.frame {top:50px; padding: 5px; }

	.puls_training img{width: 70px;}
	.back_aggiornamento_cont{background-image:none; color:var(--blue); position: fixed; right:7px; }
	.cont_aggiornamento{background-image: none; color: var(--white); position: fixed; right: 7px; background-color:var(--blue); height: auto; border-radius: 0px 0px 5px 5px; padding:3px;line-height: 1.2em; top:0px; }

	.message{font-size:1em; padding:10px; float: left !important; text-align:left; }

	#main-content{margin-top:10px;}

	.flex-grid {display: inline-table; width: 100%;}
	.col {display: block; width: 100%; margin:0px;}
	.col_3 {float: left; width:30.5%;}


	.bread {display: none;}
	
	.barra_ricerca input{width:99%; box-sizing: border-box;}
	.barra_ricerca select{width:99%; box-sizing: border-box;}
	.top_news{padding:0px;}

	.percorsi_home h3 {font-size: 1.2em; margin-top: 10px}
	.top_news ul{ margin-top:0px; margin-right: 0px;}

	.percorsi span{clear: both; display:block; width: 100%; margin-right:0px;}
	.percorsi p{padding-top: 0px; padding-bottom: 0px;}
	.percorsi .titolo{line-height: normal; font-size: 1.2em; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px;}

	.ric_parola{margin-bottom:10px !important;}
	.scheda_etichetta {width:100%; clear: both }

	.dettaglio_intero img{ width:100%;}


	.video_img {clear: both; width:100%; height: 220px;}
	.video_img img{height: 220px;}
	.video_txt{clear: both; width:100%;}

	.paginselect{display: inline !important; margin-right: 0px !important}
}