@media screen and (max-width:1366px)
{
}
@media screen and (max-width:1220px)
{
}
@media only screen and (max-width:1199px) 
{
.container
{
	width:96%;
}
}
@media screen and (max-width:1150px)
{
.navigation 
{
  background: #fff;
  width: 272px;
  height: 100%;
  display: block;
  position: fixed;
  left: -272px;
  top: 0px;
  transition: left 0.3s linear;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.navigation.visible 
{
  left: 0px;
  transition: left 0.3s linear;
}
.nav_bg 
{
  display: inline-block;
  vertical-align: middle;
  width:50px;
  height:50px;
  margin: 0;
  position: absolute;
  top: -360px;
  left: 0px;
  background: #009788;
  padding: 12px 0 0 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.nav_bar 
{
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  cursor: pointer;
  margin: 0;
}
.nav_bar span 
{
  height: 2px;
  background: #fff;
  margin: 5px;
  display: block;
  width: 20px;
}
.nav_bar span:nth-child(2)
{
	width: 20px;
}
.nav_bar span:nth-child(3)
{
	width: 20px;
}
.navigation ul
{
	padding-top: 340px;
	padding-left:50px;
}
.navigation li
{
	display: block;
}
.navigation li a 
{
  display: block;
  color: #505050;
  font-weight: 500;
}
.navigation li:first-child:hover a 
{
	border-radius: 0; 
}
.navigation li ul.dropdown 
{
	position: relative;
}
.navigation li ul.dropdown li a 
{
  background: #00695b !important;
  border-bottom: none;
  color: #fff !important;
}
.navigation li:hover a 
{
  background: #009788;
  color: #fff !important;
}
.navigation li ul.dropdown li:hover a 
{
  background: #56b5ae !important;
  color: #fff !important;
}
.navigation li ul.dropdown li a 
{
	padding: 10px 10px 10px 30px;
}
.navigation li:hover .arrow-down 
{
	border-top: 5px solid #fff;
}
.arrow-down 
{
  border-top: 5px solid #505050;
  position: absolute;
  top: 20px;
  right: 10px;
}
.opacity 
{
  background: rgba(0,0,0,0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.logo_panel
{
	width:100%;
}
#main
{
	background:none;
}
.logo_panel_left
{
	width:100%;
	text-align:center;
}
.logo_panel_middle
{
	width:100%;
	margin:15px 0;
}
.logo_panel_right
{
	width:100%;
	text-align:center;
}
.call_panel
{
	width:100%;
	padding-right:0;
}
.adrs
{
	width:100%;
	padding-right:0;
}
.logo_panel_left a
{
	display:inline-block;
	padding:0 80px;
}

header.hraderbg
{
	width:100%; 
}
div.logo
{
	float:none; 
	margin:0 auto; 
	width:120px;
}
div.logo img
{
	float:none; 
	width:100%;
}
div.navi
{
	display:none;
}
div.mobilen
{
	display:block; 
	clear:both; width:300px; 
	height:30px; 
	margin:0 auto; 
	padding-top:7px; 
}
div.mobilen select
{
	width:100%; 
	height:30px; 
	background-color:#787878; 
	color:#fff;
}
.fixed 
{
	position:absolute;
}
}
@media screen and (max-width:999px)
{
}
@media screen and (max-width:950px)
{
}
@media screen and (max-width:900px)
{
}
@media screen and (max-width:850px)
{
.body_panel_left
{
	width:100%;
}
.body_panel_right
{
	width:100%;
	margin-top:20px;
}
}
@media screen and (max-width:820px)
{
}
@media screen and (max-width:768px)
{
}
@media screen and (max-width:700px)
{
.footer_right
{
	width:100%;
	display:inline-block;
	text-align:center;
}
.footer_right h2
{
	width:100%;
	display:inline-block;
	text-align:center;
}
.social_icon
{
	width:auto;
	float:right;
}
}
@media screen and (max-width:667px)
{
}
@media screen and (max-width:600px)
{
}

@media screen and (max-width:550px)
{
}
@media screen and (max-width:480px)
{
}
@media screen and (max-width:400px)
{
.logo_panel_left a
{
	font-size:18px;
}
}