#navigation {
	position: relative;
	display:flex;
	flex-direction:row;
	justify-content: space-evenly;
	align-items:center;
	
	color: #454545;
	height:46px;
	padding: 4px;
	margin-left:4px;
	margin-right:4px;
	
	background-color:white;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	border:1px solid lightgray;
}

#navigation_page_div {
	width:99%;
	padding-top:60px;
	padding-bottom:28px;
	margin-left: auto;
	margin-right: auto;
}

img.navigation_icon
{
	height:30px;
}

img.navigation_icon:hover
{
	-moz-opacity:1;
	opacity:1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha'(Opacity=1 );
}

@media only screen and (max-width: 768px)
{
    .navigation_group1 {display:none !important;}
    .navigation_group2 {display:none !important;}
    .navigation_group3 {display:none !important;}

    .navigation_service1 {display:none !important;}
	.navigation_logo{display:none !important;}
}

@media only screen and (min-width: 779px) and (max-width: 819px)
{
    .navigation_group1 {display:none !important;}
    .navigation_group2 {display:none !important;}
    .navigation_group3 {display:none !important;}
}

@media only screen and (min-width: 820px) and (max-width: 859px)
{
    .navigation_group1 {display:none !important;}
    .navigation_group2 {display:none !important;}
}

@media only screen and (min-width: 860px) and (max-width: 904px)
{
    .navigation_group1 {display:none !important;}
}