.mean-container a.meanmenu-reveal {
	display: none;
  }
  
  .mean-container .mean-nav {
	background: none;
	margin-top: 0;
  }
  
  .mean-container .mean-bar {
	padding: 0;
	min-height: auto;
	background: none;
	background: none;
  }
  
  .mean-container .mean-nav > ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	display: block !important;
  }
  
  .mean-container a.meanmenu-reveal {
	display: none !important;
  }
  
  .mean-container .mean-nav ul li a {
	width: 100%;
	padding: 10px 0;
	color: $white;
	font-size: 17px;
	line-height: 2;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20) !important;
	border: none;
    font-family: $heading-font;

	&:hover {
		color: $theme-color;
	}
  }
  .mean-container .mean-nav ul li a:last-child {
	border-bottom: 0;
  }
  .mean-container .mean-nav ul li a:hover {
	color: $theme-color;
  }
  
  .mean-container .mean-nav ul li a.mean-expand {
	margin-top: 5px;
	padding: 0 !important;
  }
  
  .mean-container .mean-nav ul li > a > i {
	display: none;
  }
  
  .mean-container .mean-nav ul li > a.mean-expand i {
	display: inline-block;
	font-size: 18px;
  }
  
  .mean-container .mean-nav > ul > li:first-child > a {
	border-top: 0;
  }
  
  .mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
	@include transition;
  }
  
  .mean-container .mean-nav ul li .mega-menu li a {
	height: 200px;
	width: 100%;
	padding: 0;
	border-top: 0;
	margin-bottom: 20px;
  }

.mobile-menus {
	&.style-2 {
		.mean-nav {
			ul {
				li  {
					a {
						font-size: 18px !important;
						font-weight: 600 !important;
						font-family: $body-font !important;

						@include breakpoint (max-md){
							font-size: 18px !important;
						}
					}
				}
			}
		}
	}
	.mean-nav {
		ul {
			li  {
				a {
					font-size: 30px !important;
					font-weight: 600 !important;
					font-family: $body-font !important;

					@include breakpoint (max-md){
						font-size: 18px !important;
					}
				}
			}
		}
	}

	.mean-container .mean-nav ul li li a {
		font-size: 16px !important;
	}

	.mean-nav {
		max-width: 530px;

		@include breakpoint (max-xl){
			max-width: initial;
		}
	}
}
