.menu-container {
	width:100%;
	margin: 0 auto;
	z-index:99999;
	text-align:right;
	margin-top:0em;
}

label.responsive_menu span {
	/*margin-left: 10px;*/
	color: #fff;
	display: none;
}
.menu {
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	text-transform:uppercase;
	position: relative;
	padding: 0 0 0 4px;
	margin: 0;
}

/* Reset Links */
.menu a, .menu a:link, .menu a:visited, .menu a:focus, span {
	color: #fff;
	text-decoration: none;
}
.menu a:hover { color: #c4c4c4; text-decoration: none;}

/* Main element */
.menu > li {
	display: inline-block;
	text-align: center;
	margin-left: -4px;
    border-left: 1px solid #25292e;
}

/* Link Style */
.menu > li > a { padding:10px 13px;	display: block;}
.menu > li:hover > a { background-color:#3d9b35; color: #fff;}
.menu > li:hover { background-color: #fff;}
.menu > li:first-child {
	 border-left: none;
	 box-shadow: none;
}
.menu > li > a > span { font-size:17px;w}
/* Simple multilevel dropdown */
.menu > li > ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:35px;
    width: 200px;
	text-align: left;
	margin-top:30px;
	padding: 0px;
	z-index: 99999;
	background-color:#3d9b35; color: #fff;
}

/* First level appear */
.menu > li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}

.menu li > ul > li a {
	padding: 0px 13px;
	display:block;
}

/* Style for dropdown links */
.menu li > ul li {
	font-size: 12px;
	position: relative;
	display: block;
	padding: 10px 10px;
}
.menu > li > ul  li:hover {	background-color: #fff;}
.menu ul  li:hover > a { color: #3d9b35;}

/* Second and third dropdown level */
.menu > li > ul li ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:0px;
	left: 200px;
	background-color: #3d9b35;
	width: 200px;
	text-align: left;
	padding: 0px;
	margin-left: 30px;
}

.menu > li > ul li ul li:hover { background-color: #fff;}
input#responsive_menu { display: none;}

.menu > li > ul li ul li ul { background-color: #3d9b35;}
.menu > li > ul li ul li ul li:hover { background-color: #fff;}

/* Second and third level appears */
.menu > li ul li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin-left: 0px;
}

/* Megadrop width dropdown */
.menu > li > .megadrop {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:53px;
	left: 0px;
	background-color: #3d9b35;
	width: 100%;
	min-height: 100px;
	text-align: left;
	margin-top:30px;
	padding: 0;
	z-index: 99;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	overflow: hidden;
}

/* megadrop appears */
.menu > li:hover .megadrop {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}
.menu ul li:hover:after { color: white;}

/* columndrop dropdown */
.menu .columndrop {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:55px;
    background-color: #3d9b35;
	min-height: 100px;
	text-align: left;
	margin-top:30px;
	padding: 0;
	padding: 0 10px;
	z-index: 99;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.menu > li:hover .columndrop {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
    color: #fff;
}
.menu .columndrop .col {width: 130px;margin:0 9px;}

/*.coldrop full width dropdown */
.menu .col {
	width: 14.1%;
	float: left;
	color:white;
	margin: 0 0 0 2.2%;
}
.menu .col ul {
	padding: 0;
	margin: 0;
}
.menu .col ul li {
	padding: 0;
	list-style: none;
	font-size: 11px;
}
.menu .col h3 {
	font-size: 16px;
	padding: 14px 0;
	font-weight: 400;
	margin: 5px 0 5px 0;
}
.menu .col ul li a {
	display: block;
	padding: 0 0 15px 0;
}
.menu .col ul li a:hover {
	color: #111;
    text-decoration: underline;
}
.menu > li > ul li ul, .menu li >ul li, .menu > li > .megadrop, .menu > li > .columndrop, .menu > li > ul, .menu > li {
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.1s ease-in-out; /* Safari and Chrome */
  	-ms-transition: all 0.1s ease-in-out; /* IE 11 */
	-o-transition: all 0.1s ease-in-outs; /* Opera */
}

/* Responsive container Setting */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.menu-container { width:100%; text-align:center; margin-top:0em;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.menu-container { width: 420px; text-align:left !important;}
}
@media only screen and (max-width: 479px) {
	/*.menu-container { width:280px;}*/
}
@media only screen and (max-width: 959px) {
	/* New direction for third dropdown level */
	.menu > li > ul li ul li ul { left: -200px;	z-index: 3;}
	.menu > li > a{ padding: 20px 12px;	font-size: 12px;}
	.menu .columndrop .col {width: 120px;margin:0 5px;}
}
@media only screen and (max-width: 980px) {
	.menu-container { text-align:left !important; margin-bottom:1em;}
	.menu { display: none; }
	label.responsive_menu span {
		display: inline;
        font-size: 18px;
        font-variant: small-caps;
        font-weight:400;
		padding-left:0.5em;
	}
	label.responsive_menu {
      position: relative;
      display: block;
      width: 100%;
      background-color: #3d9b35;
      padding: 10px 0;
	}
	.menu { padding:0;}
	.menu li {
		width: 100%;
		display:block;
		text-align: left;
		margin-left: 0;
	}
	.menu > li {
		border-right: none;
    	padding:0px;
    	position: relative;
		border-bottom:solid 1px #1c609a;
	}
	.menu > li:hover { background:none;}
	.menu > li > a { display:block; background-color:#3d9b35; padding:10px;}
	.menu li ul, .menu li .megadrop, .menu li .columndrop { top:45px; }
	.menu li ul { padding: 0; }
	.menu .megadrop, .menu .columndrop { width: 100%; padding: 0 2.5%;}
	.menu li > ul li { padding: 18px 0px; }
	.menu .col, .menu .columndrop .col { width: 94%; padding: 0 3%; }
	.menu > li > ul { width: 100%; }
	.menu > li:hover > ul { position:static}
	.menu > li > ul li ul {
		width: 100%;
		top:43px;
		left: 0;
		margin-top: 30px;
		z-index: 2;
	}
	.menu > li > ul > li:hover ul { margin-top: 0;}
		#responsive_menu:checked+.menu {
		display: block;
	}

    label.responsive_menu:after {
        position: absolute;
        top:0px;
        right: 10px;
        content: "\2263";
        font-size: 35px;
        color: #FFF;
    }
	.menu > li > ul li ul li ul {
		width: 100%;
		top:43px;
		left: 0px;
		margin-left: 0;
		margin-top: 30px;
	}
	.menu > li > ul > li ul li:hover ul{ margin-top: 0;	}
	.menu > li > ul li{  padding: 8px 0 8px 6%; width: 100%;}
	.menu > li > ul li ul li { padding: 15px 0 15px 9%; width: 91%;}
	.menu > li > ul li ul li ul li { padding: 15px 0 15px 12%; width: 88%;}
	.menu ul li.dropdown:after { left: 90%;}

	/* Disable animation */
	.menu > li > ul li ul, .menu li >ul li, .menu > li > .megadrop, .menu > li > .columndrop, .menu > li > ul, .menu > li {
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
         -ms-transition: none;
		-o-transition: none;
	}
}