@media all and (max-width: 767px) {
  section {
    overflow: hidden;
    
    } 
}
@media all and (min-width:768px)
{
#menu
{
	display: none;
}
}
#menu .fa {
  width: 15px;
  color: #ccc;
}

/*
	LAYOUT
*/
#hamburger
{
	box-sizing: border-box;
	display: block;
	width: 70px;
	height: 45px;
	position: fixed;
	top: 0px;
	/*left: 0;*/
	right: 0;
	z-index: 10;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #fff;
	content: '';
	display: block;
	width: 35px;
	height: 4px;
	position: absolute;
	left: 20px;
	background: #ccc;
}
#hamburger:before
{
	top: 10px;
}
#hamburger span
{
	top: 18px;
}
#hamburger:after
{
	top: 26px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before
{
	transform: rotate( 45deg );
}
html.mm-opening #hamburger:after
{
	transform: rotate( -45deg );
}


	.mm-search input{ min-height:inherit; border-radius: 5px; margin-left:0px;}
	.mm-search input{ height:40px; background:#fff }
	.mm-menu .mm-search input{}
	.mm-search{ height:60px}
	.mm-navbar.mm-hasbtns{ height:60px}
	.mm-hasnavbar-top-1 .mm-panel{ top:60px}
	.mm-navbar.mm-hasbtns{ padding-left:0px;}
	
	#hamburger{top:-3px}
	.header{ text-align:center; position:fixed; background:#3c3c3b}
	.header{ z-index:2}
	
	
	#hamburger{top:5px; top:0px ; background: #fff}
	
	.mm-listview > li a{color:#000}
	.mm-listview > li a:hover{ color:#c24747 }
	.mm-navbar .mm-btn:last-child{ z-index:100}
	.mm-close:after {
	  content: 'x';
	  display: block;
	  width: 40px;
	  height: 40px;
	  text-align: center;
	  font-size: 30px;
	  content: "\f00d";
	  font: normal normal normal 14px/1 FontAwesome;
	  font-size: 28px;
	  padding-right:10px;
	}

	@media all and (min-width:768px)
	{
		#hamburger{ display:none}
	}



@media all and (max-width:767px)
{
	
	
	#wrapper{ padding-top:30px}
	
	
	#wrapper{padding-top: 0px;}
	#page{display:block}
	#sottosezioni{ display:none}
	#menuprincipale{ display:none}
	.colonnaSx{ display:none}
	
	.newsletter-box{ display:block}
	
	
	
	.top{margin-top: 0px;}
	.areaLogo{ height:60px;position:fixed; width:100%; background:#fff; z-index:3;padding:15px 15px; text-align:center; height: auto;
		box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);}
	
	.logo { max-width: 80px; max-width: 130px;}
	.top{ padding-bottom: 90px}
	
	.ricerca{ position: fixed;z-index:3;margin-left: 160px; margin-top: 40px;  margin-right: 15px; right: 0px}
	.ricerca i {font-size: 16px;}
	.ricercaBottone {
		position: absolute;
		font-size: 10px;
		height: 36px;
		padding: 11px 15px !important;
		right: 0px
	}
	.ricercaCampo {
		padding-right: 40px;
		background: #fafafa;
		height: 36px;
		padding: 3px 12px;
	}
}



/* MODIFICHE COLORE*/
a { outline: none!important; font-weight: 400 }
a:hover, a:active, a:focus { text-decoration: none; }
a:hover, a:focus, a:active { color:#0e0e9f; }
a { color: #388ee9; }
#menu{
background:#f8f8f8;
}
.mm-listview > li a{ color: #388ee9}
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a
{
color: #0e0e9f
}
.mm-listview > li > a, .mm-listview > li > span{ color: #388ee9}
.mm-listview > li a:hover{ color: #388ee9;	}

.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel
{background-color: rgba(0, 0, 0, 0.20);}

.mm-menu .mm-listview > li .mm-prev:before, .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after
{border-color: rgba(255, 255, 255, 0.8);
    border-top-color: rgba(255, 255, 255, 0.8);
    border-right-color: rgba(255, 255, 255, 0.8);
    border-bottom-color: rgba(255, 255, 255, 0.8);
    border-left-color: rgba(255, 255, 255, 0.8);
}
.mm-menu .mm-listview > li:after{     border-color: rgba(255, 255, 255, 0.1);}