/* Main Nav */

#mobilemenu
{
	position: absolute;
	bottom:0;
	width: 100%;
}

#mainmenu 
{ 
	background: transparent; 
	z-index: 1001; 
	position: relative; 
	margin: 20px 0 0 0; 
	padding: 0; 
	width: auto;
	height: auto; 
	text-align: right; 
	display: inline-block; 
}

#mainmenu ul 
{ 
	padding: 0; 
	margin: 0; 
}

#mainmenu li 
{ 
	padding: 0 20px 0 20px; 
	background: url(tag-menu.png) right center no-repeat; 
	margin: 0; 
	width: auto; 
	height: auto; 
	line-height: 30px; 
	list-style: none; 
	text-align: center; 
	display: inline-block; 
}

#mainmenu li:last-child 
{ 
	padding: 0 0 0 20px; 
	background: none;  
}

#mainmenu li a 
{ 
	padding: 0; 
	color: #ffffff; 
	font-size: 14px; 
	text-transform: uppercase;
	text-decoration: none; 
}

#mainmenu li a:hover 
{ 
	color: #009534; 
}

#mainmenu li a.current 
{ 
	color: #009534; 
}
#mainmenu a#pull 
{ 
	display: none; 
}

.functions_list
{
	list-style-image: url('../img/onde.png');
}

.rientra-sx.functions_list
{
	margin-left: 25px !important;
}

.logo-body-container
{
	margin-top: 186px;
}

.logo-body-container p
{
	text-align: center;
	line-height: 110%;
	margin-top: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#device-img p
{
	padding-right: 40px;
}


/* Media ******************************************************************************************* */
/* Query ******************************************************************************************* */

@media only screen and (min-width : 1px) and (max-width : 700px) 
{
/* Menu */
	#mainmenu 
	{ 
		position: relative; 
		margin: 0; 
		padding: 0; 
		width: 100%; 
		float: none;
		background-color: #76b729;
	}
	
	#mainmenu ul 
	{ 
		display: none; 
	}
	#mainmenu li 
	{ 
		display: inline-block; 
		margin: 0; 
		padding: 6px 0 0 6px; 
		float: none; 
		text-align: left; 
		width: calc(100% - 6px); 
		background: #76b729; 
	}
	
	#mainmenu li:last-child 
	{ 
		padding: 6px 0 0 6px; 
		background: #76b729; 
	}
	
	#mainmenu li a:hover 
	{ 
		color: #ffec00; 
	}
	
	#mainmenu ul li a
	{
		color: white !important;
	}
	
	#mainmenu li a.current 
	{ 
		color: #ffec00; 
	}
	
	#mainmenu a#pull 
	{ 
		display: block; 
		min-width: 100%; 
		position: relative; 
		text-align: left; 
		background: url(tag-menu-mobile.png) top right no-repeat #76b729; 
		margin: 0; 
		padding: 0; 
		line-height: 40px; 
		height: auto; 
		color: #ffffff; 
		font-weight: 900; 
		text-transform: uppercase;
		text-decoration: none; 
		z-index: 1001; 
	}
	
	#mainmenu a#pull:after 
	{ 
		content:""; float: none;
	}
}