@media all and (min-width: 640px) {



/* Insert any styling here for your full size navigation. No styles will carry over to the mobile menu */



.menu-tag{

	display:none;

}

.navigation{

	float: right;

	list-style-type: none;

}



.navigation li {

	position: relative;

	float: left;

	text-transform: uppercase;

}



.navigation li a {

	color: #FFF; /*Set colour of text in menus*/

	float: left;

	overflow: hidden;

	font-size: 13px;

	line-height: 60px;

	padding:0 9px;	

	font-weight:bold;			

}

.navigation li:hover{

	border-top:4px solid white; /*Set colour for menu hover effect*/

}



.navigation li:hover a{

	text-decoration: none;

	margin-top:-4px;

}





.navigation li:hover > ul{

	display: block;

}



.navigation li ul{

	background-color: #FFFFFF; /*Select drop down menu colour*/

	display: none;

	position: absolute;

	left:-1px;

	right:-1px;

	top:100%;

	height:auto;

	border-top:0;

	width:220px;

	border-bottom:1px solid #EDEDED;

	border-left:1px solid #EDEDED;

	border-right:1px solid #EDEDED;

}



.navigation li ul li, .navigation li ul li:hover{

	border-top:1px solid #EDEDED; /*Select  border color for drop down menu*/

	width:220px;

	border-right:none;

	line-height:40px;

	overflow:hidden;

	height:40px;

}



.navigation li ul li a{

	color: #adad37;	 /*Select drop down menu text colour*/

	width: 100%;

	height:39px;

	position:absolute;

	font-size: 11px;

	line-height:40px;

	text-align:left;

	padding:0 0 1px 10px;

	margin:0;

	font-weight:normal;

	top:4px;

}				



.navigation li ul li a:hover{

	background-color: #EDEDED; /*Select colour of drop down link when hovered*/ 

	margin-top:0;

	top:0;

}



}



@media all and (max-width: 1000px) {

.navigation { 

	margin-left:0;

	}

.navigation li a {

	font-size: 11px;	

	line-height: 30px;

	padding:0 6px;			

}

.navigation li ul li a{

	font-size: 11px;

	z-index:1000;

	}

	}

	

@media all and (max-width: 640px) {

	

.navigation{

	clear:both;

	border-radius:10px;

	-moz-border-radius:10px;

	-webkit-border-radius:10px;

	overflow:hidden;

	background:black; /*Colour of menu bar*/

	position:relative;

	margin-left:0;

}



.menu-tag{

	position:absolute;

	top:0;

	left:15px;

	height:50px;

	line-height:50px;

	color:white;

	display:block;

	font-weight:900;

	font-size:16px;

	text-transform:uppercase;

}



a.meanmenu-reveal {

	display: none;

}



.mean-container .mean-bar {

	width: 100%;

	position: relative;

	padding: 1px 0;

	min-height: 40px;

	z-index: 100;

	text-align:right;

}



.mean-container a.meanmenu-reveal {

	width: 100%;

	height: 25px;

	padding: 10px 0 11px 0;

	position: absolute;

	top: 0;

	right: 0;

	cursor: pointer;

	color: #fff;

	text-decoration: none;

	font-size: 18px;

	text-indent: -9999em;

	line-height: 22px;

	font-size: 1px;

	display: block;

	font-weight: 700;

	text-align:right;

	text-align:right;

}



.mean-container a.meanmenu-reveal span{

	display: block;

	background: #fff;

	height: 3px;

	width:25px;

	margin-top: 5px;

	border-radius:3px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	float:right;

	clear:both;

	margin-right:15px;

}



.mean-container a.meanmenu-reveal div{

	float:right;

	width:25px;

	padding-right:15px;

	padding-top:2px;

}



.mean-container .mean-nav {

	width: 100%;

	background: #161616; /*Colour of menu items*/

	margin-top: 48px;

}



.mean-container .mean-nav ul {

	padding: 0;

	margin: 0;

	width: 100%;

	list-style-type: none;

	border-radius:7px;

}



.mean-container .mean-nav ul li {

	position: relative;

	width: 100%;

	border-right:none;

	margin:0;

	height:auto;

	padding:0;

}



.mean-container .mean-nav ul li a {

	display: block;

	width: 100%;

	padding: 0 15px;

	height:40px;

	font-size:12px;

	line-height:40px;

	margin: 0;

	text-align: left;

	color: #fff;

	border-top: 1px solid #383838;

	border-top: 1px solid rgba(255,255,255,0.5);

	text-decoration: none;

	text-transform: uppercase;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



.mean-container .mean-nav ul li li a {

	width: 100%;

	height:40px;

	line-height:40px;

	padding-left:25px;

	border-top: 1px solid #f1f1f1;

	border-top: 1px solid rgba(255,255,255,0.25);

	opacity: 0.75;

	filter: alpha(opacity=75);

	text-shadow: none !important;

	visibility: visible;

}



.mean-container .mean-nav ul li.mean-last a {

	border-bottom: none;

	margin-bottom: 0;

}



.mean-container .mean-nav ul li li li a {

	width: 70%;

	padding: 1em 15%;

}



.mean-container .mean-nav ul li li li li a {

	width: 60%;

	padding: 1em 20%;

}



.mean-container .mean-nav ul li li li li li a {

	width: 50%;

	padding: 1em 25%;

}



.mean-container .mean-nav ul li a:hover {

	background: #252525;

	color:white;

	background: rgba(255,255,255,0.1);

}



.mean-container .mean-nav ul li a.mean-expand {

	width: 40px;

	height: 40px;

	line-height:40px;

	text-align: center;

	position: absolute;

	right: 0;

	top: 0;

	margin-top:1px;

	padding:0;

	z-index: 2;

	font-weight: 700;

	background: rgba(255,255,255,0.1);

	border: none !important;

	border-left: 1px solid rgba(255,255,255,0.4) !important;

	border-bottom: 1px solid rgba(255,255,255,0.2) !important;

}



.mean-container .mean-nav ul li a.mean-expand:hover {

	background: rgba(255,255,255,0.4);

}



.mean-container .mean-push {

	width: 100%;

	padding: 0;

	margin: 0;

	clear: both;

}



.mean-nav .wrapper {

	width: 100%;

	padding: 0;

	margin: 0;

}



.mean-container .mean-bar, .mean-container .mean-bar * {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}



.mean-remove {

	display: none !important;

}



}