@media screen and (max-width: 1000px) {
	   nav { width:100%; margin: 0 0 10px 0; padding:0;}
	   
    a.menu-link {
		display: block;
		width: 100%;
		color: #000;
		background-color: #F1F1F1;
		text-align:center;
	}
	.menu {
		clear: both;
		min-width: inherit;
		float: none;
	}
	
	.menu, .menu > ul ul {
		overflow: hidden;
		max-height: 0;
		background-color: #BCD2E0;	
	}
	.menu > li > ul.sub-menu {
	padding: 0px;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	}
	.menu.active, .menu > ul ul.active {
		max-height: 100%;
		text-align: center;
	}
	.menu ul {
		display: inline;
	}
	.menu > ul {
		border-top: 0px solid #808080;
	}
	.menu li, .menu > ul > li {
		display: block;
		margin-left:0;
	}
	
	.menu ul li a {
color: #fff;
}
	
	.menu ul li > a {
padding:15px 10px;}

	.menu ul ul li > a {
padding:15px 20px;
border-bottom: none;}

	.menu ul ul ul li > a {
padding:10px 40px;}

	.menu li a {
		color: #000;
		display: block;
		padding: 0.8em;
		position: relative;
	}
	
	.menu ul li a.current {
color: #89AEC1;
background: #fff;
border-bottom: 1px solid #BCD2E0;
}
	
	.menu li.has-submenu > a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 140%;
padding: 0.35em 0.5em;
	}
	.menu li.has-submenu > a.active:after {
		content: "-";
	}
	.menu ul ul > li a {
		background-color: #fff;
		color:#89AEC1;
		height:auto;
		padding: 10px 0;
border-bottom: 1px solid #BCD2E0;
	}
	.menu ul ul, .menu ul ul ul {
		display: inherit;
		position: relative;
		left: auto; top:auto;
		box-shadow: none; 
		border:none;
	}
}