@media (min-width: 769px) {

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}


/* glissando overrides */

nav {
	position:absolute;
	z-index:999;
	width:100%;
	line-height:110px;
	height:110px;
	background-color:transparent;
}

ul.nav {
	list-style:none;
	float:right;
	text-transform:uppercase;
	margin:0px;
}

ul.nav > li {
	display:inline;
	padding:0 20px;
}

ul.nav > li > a {
	color:#fff;
}

ul.nav > li > a:hover {
	color:#baab8b;
}

ul.nav > li:last-child {
	padding:0 0 0 20px;
}

/* navigation fixed */

.fixed {
	position:fixed;
	background:#fff;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	line-height:80px;
	height:80px;
}

.fixed a {
	color:#282828 !important;
}

.fixed a:hover, .fixed .actview a {
	color:#baab8b !important;
}

/* second level */

ul.nav-child {
	background:#fff;
}

ul.nav-child > li {
	padding-left:20px;
	line-height:60px;
}

ul.nav-child > li > a {
	color:#282828;
}

ul.nav-child > li > a:hover {
	color:#baab8b;
}

/* disable small screens menu */
a.mobile-menu, .smallnav, a.mobile-close, .mobile-sidebar {
	display:none;
}


}

@media (max-width: 768px) {
	
/* disable big screens menu */
.desktopnav {
	display:none;
}

.smallnav {
	width:100%;
	top:0px;
}

a.mobile-menu {
	color: #baab8b !important;
	border-radius: 3px;
	width: 40px;
	height: 40px;
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 99999;
	text-align:center;
}

a.icon_menu {
	font-size:30px;	
	line-height:70px;
}


.mobile-sidebar {
	width: 218px;
	display:block;
	position:fixed;
	right:-220px;
	top:0;
	bottom:0;
	z-index:999999;
	background:#fff;
	padding:20px;
	overflow-y: auto;
}

.mobile-sidebar>.nav>li>a {
	padding: 10px 0px !important;
}

.mobile-sidebar>.nav>li {
	width:100%;
}

.mobile-sidebar>.nav {
	display:block !important;
}

.mobile-sidebar>.nav>li{
	line-height:1.6em !important;
	border:none !important;
}

a.icon_close {
	font-size: 38px;
	display:block;
	margin: 20px auto;
	color: #282828 !important;
	text-align:center;
}

.mobMenu ul {
	text-align:center;
	margin-top:20px;
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	width: 100%;
}

.mobMenu .nav-child {
	margin-top:0px !important;
}	

.mobMenu ul li a {
	color: #282828;
	text-transform: uppercase;
	line-height: 30px;
}

.fixed {
	position:fixed;
	background:#fff;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	line-height:80px;
	height:80px;
}

.fixed a {
	color:#282828 !important;
}

.fixed a:hover, .fixed .actview a {
	color:#baab8b !important;
}

nav {
	position:absolute;
	z-index:999;
	width:100%;
	line-height:110px;
	height:110px;
	background-color:transparent;
}

ul.nav-child {
	background:#fff;
}

	
}