/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
 @media (min-width: 641px) {
.sm {
	position:relative;
	z-index:9999;
}

.sm,
.sm ul,
.sm li {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
/*	line-height:1.5em;*/
	direction:ltr;
	text-align:left;
}

.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
	direction:rtl;
	text-align:right;
}

.sm>li>h1,
.sm>li>h2,
.sm>li>h3,
.sm>li>h4,
.sm>li>h5,
.sm>li>h6 {
	margin:0;
	padding:0;
}

.sm ul { display:none; }

.sm li,
.sm a { position:relative;}

.sm a { display:block; }

.sm a.disabled { cursor:not-allowed; }

.sm:after {
/*	content:"\00a0";
	content:"";*/
	display:block;
	height:0;
	font:0px/0 serif;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}

.sm,
.sm *,
.sm *:before,
.sm *:after {
/*
	box-sizing:border-box;*/
}

	}