#gifStart			{max-height: 420px !important; overflow: hidden !important;} 
#box2ContattiText 	{text-align: right;} 
.logoColl			{top:96px;}
#footer 			{width:97%;float:left;padding: 5px 0 0 0; margin-left: 21px;}
#main				{width: 96.5%;}

/* Small devices (landscape phones, 576px and up) ??? */
@media (max-width: 385px) {	
	#firma 			{border: 0px solid blue !important; }

	#wrapper 		{width:100%; margin: 0 auto;}
	#header 		{width:93%;} 
	#mainmenu		{width: 100% !important;top: 79px !important; right: 0px !important;float:left;display:none;}
	#mainmenu ul li 	{float: none;}
	#mainmenu a:hover   {background:#666}
 
	#main 			{width:92%;float:left;padding: 20px 0 0 0; margin-left: 17px;}
	#footer 		{width:91%;float:left;}

	#gifStart		{width:99%;float:left;padding: 0 0 0 0;overflow: hidden;}
	#gifStartImg	{width:100%;float:left;padding: 0 0 0 0;}
	
	#divLeaveComment { width: 96%; }
	#divStartSite	{width:98%;float:left;padding: 0 0 0 0;}

	#logoColl		{display: none;}
	#logoCollResp 	{display: block;}
	#closeWin		{display: none;}
	#closeWinResp 	{display: block;}
 
	#didascaliaQuadro {display: none;}
	#didascaliaQuadroResp {display: block;height: 60px;}
	
	#divAbout		{width: 96.5%;}

	#divContancts	{ min-width: 0px !important;; width: 93% !important;}
 	#box1Contatti  	{ width: 100%;}
	#box2Contatti  	{ width: 100%;}
  
	#sendMessage    {position: absolute; top: 96px; left: 30px;}
	#storedMessage  {width: 100% !important; left: 32px !important;background-image: url(../img/bg_leave3.jpg); height: 220px !important;}

	#dissolv 		{overflow: hidden; width: 100%; height: 200px !important;background:transparent !important;}
	#titleMess 		{width: 88.2%;}
	
	/* Header */
	#site-title a 	{font-size:25px;margin-left:10px;}
	
	.btn-responsive-menu{display:block; float: right; cursor:pointer; margin-right: 2px;
						 color: #ffffff; padding:5px; background:#333;
						 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
						 
	#site-title		{left: 17px;}		
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 386px) and (max-width: 576px) {	

	#firma 			{border: 0px solid blue !important; }

	#wrapper 		{width:100%; margin: 0 auto;}
	#header 		{width:93%;} 
	#mainmenu		{width: 100% !important;top: 79px !important; right: 0px !important;float:left;display:none;}
	#mainmenu ul li 	{float: none;}
	#mainmenu a:hover   {background:#666}
 
	#main 			{width:92%;float:left;padding: 20px 0 0 0; margin-left: 15px;}
	#footer 		{width:92%;float:left;}

	#gifStart		{width:100%;float:left;padding: 0 0 0 0;overflow: hidden;}
	#gifStartImg	{width:100%;float:left;padding: 0 0 0 0;}
	
	#divLeaveComment { width: 100%; }
	#divStartSite	{width:100%;float:left;padding: 0 0 0 0;}
	#dissolv 		{overflow: hidden; width: 100%; height: 200px !important;background:transparent !important;}

	#logoColl		{display: none;}
	#logoCollResp 	{display: block;}
	#closeWin		{display: none;}
	#closeWinResp 	{display: block;}
  
	#didascaliaQuadro {display: none;}
	#didascaliaQuadroResp {display: block;height: 60px;}
	
	#divAbout		{width: 97%;}

 	#box1Contatti  	{ width: 100%;}
	#box2Contatti  	{ width: 100%;}
  
	#sendMessage    {position: absolute; top: 96px; left: 30px;}
	#storedMessage  {width: 100% !important; left: 32px !important; height: 220px !important;background-image: url(../img/bg_leave3.jpg);}
	#dissolv 		{overflow: hidden; width: 92%;}
	#titleMess 		{width: 92%;}
	#divLeaveComment { width: 100%; }
	
	/* Header */
	#site-title a 	{font-size:25px;margin-left:10px;}
	
	.btn-responsive-menu{display:block; float: right; cursor:pointer; margin-right: 2px;
						 color: #ffffff; padding:5px; background:#333;
						 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
						 
	#site-title		{left: 17px;}		
}


@media (min-width: 577px) and (max-width: 767px) {	

	#firma 			{border: 0px solid red !important; }
	
	#wrapper 		{width:100%;margin: 0 auto;}
	#header 		{width:94%;} 
	#mainmenu		{width: 100% !important;top: 79px !important; right: 0px !important;float:left;display:none;}
	#mainmenu ul li 	{float: none;}
	#mainmenu a:hover   {background:#666}
 	
	#main 			{width:94%;float:left;padding: 20px 0 0 0; margin-left: 17px;}
	#footer 		{width:94%;float:left; }

	#gifStart		{width:100%;float:left;padding: 0 0 0 0;overflow: hidden;}
	#gifStartImg	{width:100%;float:left;padding: 0 0 0 0;}
	
	#divStartSite	{width:99.5%;float:left;padding: 0 0 0 0;}

	#divLeaveComment { width: 100%; }

	#divAbout		{width: 97%;}
 
	#box1Contatti  	{ width: 100%;}
	#box2Contatti  	{ width: 100%;}

	#logoColl		{display: none;}
	#logoCollResp 	{display: block;}
	#closeWin		{display: none;}
	#closeWinResp 	{display: block;}
  	
	#didascaliaQuadro {display: none;}
	#didascaliaQuadroResp {display: block;height: 60px;}
	
	#sendMessage    {position: absolute; top: 96px; left: 30px;}
	#storedMessage  {width: 100% !important; left: 32px !important; height: 230px !important; background-image: url(../img/bg_leave3.jpg);}

	#dissolv 		{overflow: hidden; width: 94%; height: 220px !important;}
	#titleMess 		{width: 94%;}

	/* Header */
	#site-title a 	{font-size:25px;margin-left:10px;}
	
	.btn-responsive-menu{display:block; float: right; cursor:pointer; margin-right: 0px;
						 color: #ffffff; padding:5px; background:#333;
						 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
						 
	#site-title		{left: 17px;}		
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 767px) and (max-width: 991px) {	

	#firma 			{border: 0px solid green !important; }

	#main 			{width:94.5%;float:left;padding: 20px 0 0 0; margin-left: 17px;}
	#footer 		{width:95%;float:left;}

	#gifStart		{width:100%;float:left;padding: 0 0 0 0;}
	#gifStartImg	{width:100%;float:left;padding: 0 0 0 0;}

	#divStartSite	{width:94.5%;float:left;padding: 0 0 0 0;}

	#wrapper 		{width:100%;margin: 0 auto;}
	#header 		{width:97%;} 
	#mainmenu		{width: 100% !important;top: 79px !important; right: 0px !important;float:left;display:none;}
	#mainmenu ul li 	{float: none;}
	#mainmenu a:hover   {background:#666}

	#divLeaveComment { width: 100%; }

	#logoColl		{display: none;}
	#logoCollResp 	{display: block;}
	#closeWin		{display: none;}
	#closeWinResp 	{display: block;}
 
	#didascaliaQuadro {display: none;}
	#didascaliaQuadroResp {display: block;height: 60px;}

	#divAbout		{width: 100%;}
	
	#box1Contatti  	{ width: 100%;} 
	#box2Contatti  	{ width: 100%;}
   
	#divStartSite	{width:100%;float:left;padding: 0 0 0 0;}
	#sendMessage	{float: left; position: absolute; z-index: 22; left: 20px; top: 96px; width: 40%; min-width: 350px !important;} 
	#storedMessage  {float: left; position: absolute; top: 96px; width: 30%; left: 60%; height: 100%; z-index: 0; margin: 15px 0px 0px 0px;background-image: url(../img/bg_leave3.jpg);}
	
	#dissolv 		{overflow: hidden; width: 95%; height: 100% !Important;}
	#titleMess 		{width: 95%;}

	#title a 		{font-size:30px;float:left;color:#fff}	
	/* Button nascosto in apertura con display:none*/
	.btn			{display:none;float:right;margin-right:10px;color:#fff}
	.show			{display:block!important}
  	
	.btn-responsive-menu{display:block; float: right; cursor:pointer; margin-right: 20px;
						 color: #ffffff; padding:5px; background:#333;
						 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {	

	#firma {border: 0px solid orange !important; }
  
	#main 			{width:97%;float:left;padding: 20px 0 0 0; margin-left: 17px;}

	#gifStart		{width:97%;float:left;padding: 20px 0 0 0; margin-left: 17px; border: 0px solid blue;}
	#footer 		{width:96%;float:left;}

	#gifStartImg	{width:100%;float:left;padding: 0 0 0 0;}

	#wrapper 		{width:100%;margin: 0 auto;}
	#header 		{width:97%;} 
	
	#divAbout		{width: 98%;}

	#box1Contatti  	{ width: 50%; min-width:390px;}
	#box2Contatti	{ width: 50%; min-width:390px;}  
	     
	#divStartSite	{width:99.5% !important; overflow: hidden; float:left;margin-left: 10px;}

	#logoColl		{display: block;}
	#logoCollResp 	{display: none;}
	#closeWin		{display: block;}
	#closeWinResp 	{display: none;}
 
	#didascaliaQuadro {display: none;}
	#didascaliaQuadroResp {display: block;height: 60px;}

	#divLeaveComment { width: 99%; }

	#sendMessage	{float: left; position: absolute; z-index: 22; left: 30px; top: 96px; width: 40%; min-width: 350px !important;} 
	#storedMessage  {float: left; position: absolute; top: 96px; width: 30%; left: 60%; height: 100%; z-index: 0; margin: 15px 0px 0px 0px;background-image: url(../img/bg_leave3.jpg);}

	#dissolv 		{overflow: hidden; width: 100%; height: 100% !Important;}
	#titleMess 		{width: 98%;}
	 
	#mainmenu			{float:left;margin-bottom:20px;position: absolute; right: 25px;display: block;padding-top:48px;}
	#mainmenu ul 		{float:left;width:100%;list-style-type:none}
	#mainmenu ul li 	{float:left;}
	#mainmenu a 		{color:#fff;display:block;font:14px}
	
	#mainmenu		{width: 100% !important;top: 79px !important; right: 0px !important;float:left;display:none;}
	#mainmenu ul li 	{float: none;}
	#mainmenu a:hover   {background:#666}
	
	#title a 		{font-size:30px;float:left;color:#fff}	
	
	/* Button nascosto in apertura con display:none*/
	.btn 			{display:none;float:right;margin-right:10px;color:#fff}
	.show			{display:block!important}

	.btn-responsive-menu{display:block; visibility: visible; float: right; cursor:pointer; margin-right: 20px;
						 color: #ffffff; padding:5px; background:#333;
						 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	#firma {border: 0px solid pink !important; }	
	
	#main 			{width:97%;float:left;padding: 20px 0 0 0; margin-left: 17px;}
	#footer 		{width:97%;float:left;}

	#gifStart		{width:100%;float:left;padding: 0 0 0 0;}
	#gifStartImg	{width:100%;float:left;padding: 0 0 0 0;}

	#divLeaveComment { width: 99.8%; }

	#wrapper 		{width:100%;margin: 0 auto;}
	#header 		{width:97%;} 
	
	#mainmenu			{float:left;margin-bottom:20px;position: absolute; right: 0;display: block !important;padding-top:48px;}
	#mainmenu ul 		{float:left;width:100%;list-style-type:none}
	#mainmenu ul li 	{float:left;}
	#mainmenu a 		{color:#fff;display:block;font:14px}

	#divAbout		{width: 100%; overflow-y: none;}
 
	#divStartSite	{width:99% !important; overflow: hidden; float:left;margin-left: 10px;}

	#logoColl		{display: block;}
	#logoCollResp 	{display: none;}
	#closeWin		{display: block;}
	#closeWinResp 	{display: none;}

	#didascaliaQuadro {display: block;}
	#didascaliaQuadroResp {display: none;height: 60px;}

	#sendMessage	{float: left; position: absolute; z-index: 22; left: 30px; top: 96px; width: 40%; min-width: 350px !important;} 
	#storedMessage  {float: left; position: absolute; top: 96px; width: 30%; left: 60%; height: 100%; z-index: 0; margin: 15px 0px 0px 0px;background-image: url(../img/bg_leave3.jpg);}
	
	#dissolv 		{overflow: hidden; width: 100%; height: 100% !Important;}
	#titleMess 		{width: 98%;}
	
	#box1Contatti  	{ width: 50%; min-width:390px;}
	#box2Contatti	{ width: 50%; min-width:390px;}  
	
	#title a 		{font-size:30px;float:left;color:#fff}	
	/* Button nascosto in apertura con display:none*/
	.btn 			{display:none;float:right;margin-right:10px;color:#fff}
	.show			{display:block!important}

	.btn-responsive-menu{display:block; visibility: hidden; float: right; cursor:pointer; margin-right: 20px;
						 color: #ffffff; padding:5px; background:#333;
						 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

	html, body { overflow: hidden !important; }
}