/******************
Responsive Navigation Style Starts
*******************/

a.meanmenu-reveal { 	display: none; }
.mean-container .mean-bar { 	background: none repeat scroll 0 0 #6F3D31; float: left; min-height: 42px; padding: 0; position: relative; width: 100%; z-index: 999999; }
.mean-container a.meanmenu-reveal { 	width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; 	line-height: 22px; 	font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; 	font-weight: 700; }
.mean-container a.meanmenu-reveal span { 	display: block; 	background: #fff; 	height: 3px; 	margin-top: 3px; }
.mean-container .mean-nav { 	float: left; 	width: 100%; 	background: none repeat scroll 0 0 #6F3D31; 	margin-top: 44px; }
.mean-container .mean-nav ul { 	background: none repeat scroll 0 0 transparent; 	padding: 0; 	margin: 0; 	width: 100%; 	list-style-type: none; }
.mean-container .mean-nav ul li { 	list-style-type: none; 	background: none; 	padding:0; 	position: relative; 	float: left; 	width: 100%; }
.mean-container .mean-nav ul li a { 	border-radius: 0; 	display: block; 	float: left; 	width: 90%; 	padding: 1em 5%; 	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; }
.mean-container .mean-nav ul li li a { 	width: 80%; 	padding: 1em 10%; 	border-top: 1px solid #f1f1f1; 	border-top: 1px solid rgba(255,255,255,0.5); 	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; 	background: rgba(255,255,255,0.1); }
.mean-container .mean-nav ul li a.mean-expand {     -moz-border-bottom-colors: none !important;     -moz-border-left-colors: none !important;     -moz-border-right-colors: none !important;     -moz-border-top-colors: none !important;     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);     border-color: -moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.5) !important;     border-image: none !important;     border-style: none none solid solid !important;     border-width: medium medium 1px 1px !important;     font-weight: 700;     height: 11px;     margin-top: 1px;     padding: 21px !important;     position: absolute;     right: 0;     text-align: center;     top: 0;     width: 8px;     z-index: 2; }
.mean-container .mean-nav ul li a.mean-expand:hover { 	background: none repeat scroll 0 0 #6F3D31; }
.mean-container .mean-push { 	float: left; 	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; }

@media screen and (max-width: 500px) {

.sub-menu li {     border-bottom: medium none !important; }
.bubble:after, .sub-menu:after {     content: none !important; }
.sub-menu li a {     font-size: 17px !important;     font-weight: bold; }
.mean-bar .mean-nav .sub-menu, sub-menu:after {     border-style: none !important;     position: relative;     top: 0 !important; }

}

/******************
Responsive Navigation Style Ends
*******************/