@media ( max-width:1180px){
.container{ width:98%;}
.footer_mid ul li{ margin:0 16px 8px 0;}
.back_top{ bottom:0px;top:auto;}
.indus_sermid ul li{ width:32.6%}	
.banner_mid .banner_pos1{ top:41px;}
.left_setzen1 {width:61%;}
.right_hitz{ width:69%;padding:8px 0 0 0;}
}
@media ( max-width:1023px){
.banner_mid .banner_pos1{ width:387px;padding:16px 0 14px 19px;}
.banner_mid .banner_pos1 h2{ font-size:26px; line-height:28px;}
.banner_mid .banner_pos1 p{ font-size:16px;line-height:28px;}
.banner_mid .banner_pos1 p a:after{ top:31px;right:19%;}
.left_setzen h2{ font-size:20px; line-height:28px;padding:0 0 21px 0;}
.left_setzen p{font-size: 15px;line-height: 19px;}
.left_setzen p.von{font-size: 16px;line-height: 23px;padding:0 0 24px 0;}
.left_setinner h2{ font-size:20px; line-height: 22px;}
.left_setzen{ width:67%;}
.right_setzen{ width:32%;}
.right_setzen h2{ font-size:14px;line-height:26px;}
.left_setinner ul li p{ padding:0px 0 0 17px;width:91%;}
.left_setzen { width: 60%;}
.back_top { bottom: -8px;}
}
@media ( max-width:991px){
.indus_sermid ul li .enerpac h3{ font-size:20px;line-height:22px;}	
.left_setzen { width:65%;}
.left_setzen1 { width:48%;}
.left_setzen2{ width:51%;}
.right_hitz{ width:60%;}
.right_hitz p{ font-size:15px;line-height:18px;}
.right_hitz p.von1{ font-size:17px;line-height:19px;}
}
@media ( max-width:767px){
.indus_sermid ul li:nth-child(2n){ margin:0 !important;}
img {width:100%;height:auto;}
.indus_sermid ul li:nth-child(3n){ margin:0 7px 7px 0 !important;}
.indus_sermid ul li:nth-last-child(1){ margin:0 !important;}
.indus_sermid ul li{ width:48%;}
.back_top {  bottom:-26px;}
.logo {display:block;float:none;padding:0;margin:0 auto;width:222px;}
.logo a img { display: block;margin: 0 auto;width:200px; height:auto;}
.header_mid p{ display:none;}
.logo a::before{right: 158px;}
.mail{ display:none;}
.header_mid{ padding:15px 0;}
.header_top{ display:none;}
nav	{display:none;background:#ececeb;}
.side_bar{display:block;width:290px;height:100%;position:fixed;left:-290px;text-align:center;background:#000;transition:.5s all ease-in-out;-moz-transition:.5s all ease-in-out;
-ms-transition:.5s all ease-in-out;	-o-transition:.5s all ease-in-out;-webkit-transition:.5s all ease-in-out;z-index:999;overflow:auto}
.nav-icon{display:inline-block;position:absolute;  left: 17px; top:38px;}
.side_bar nav{display:block;text-align:center;float:none;padding:0}
nav ul{height:100%;padding:0;display:block}
nav ul li{display:block;float:none;width:100%;padding:0;margin:0;text-align:left;}
nav ul li:last-child{margin:0}
nav ul li a	{display:block;padding:10px;font-size:16px;text-align:left;}
nav ul li a:hover{background:#007ac2;color:#fff;text-decoration:none}
nav ul li a.active{color:#eeeeee;background:#007ac2;}
nav ul li:hover ul{display:none	}
.open .side_bar	{left:0;overflow:auto;background:#ececeb;}
.wrapper{left:0;position:relative;	transition:.3s all ease-in-out;-moz-transition:.5s all ease-in-out;-ms-transition:.5s all ease-in-out;-o-transition:.5s all ease-in-out;
-webkit-transition:.5s all ease-in-out}
.open .wrapper{left:290px;width:100%;position:fixed;}
.open .nav-icon{top: 2%;z-index:99999;left: -33px;}
.open .overlay{opacity:1;visibility:visible}
.nav-icon:after	{content:'';position:absolute;top:24px;left:0;font-family:'Source Sans Pro',sans-serif;	color:#000;font-size:16px;width:100%;text-align:center}
.open.nav-icon:after{content:'';position:absolute;top:36px;left:0;font-family:'Source Sans Pro',sans-serif;color:#000;font-size:16px;width:100%;text-align:center}
.open .banner{margin:90px 0 0;}
nav ul li ul{position:static;width:100%;padding:0}
nav ul li ul li{padding:0;border-top: 1px solid #ececec;}
nav ul li ul li a{padding:8px 0 8px 23px;display:block;font-size:14px; margin:0 0 0 0;}
nav ul li a span span:after{content:' ';font-size:20px;right:10px;position:absolute;top: 20px;background:url(../images/down.png) no-repeat;width:14px;height:8px;}
nav ul li a.active span span:after{content:' ';right:10px;font-size:20px;position:absolute;top:20px;background:url(../images/down.png) no-repeat;width:14px;height:8px;}
nav ul li a:hover:after,nav ul li a.active:after{display:none;}
nav .container{ width:100%;}
nav ul li ul li a:hover { color:#000000;background:#f4f4f4;}
.banner_mid .banner_pos{ position:static;}
.banner_mid .banner_pos1{ position:static;width:100%;clip-path:none;-moz-clip-path:none;-ms-clip-path:none;-o-clip-path:none;-webkit-clip-path:none; min-height:120px;}
.banner_mid .banner_pos .container{ width:100%;}
.banner_mid .banner_pos p{ display:none;}
.banner_mid .banner_pos1 h2{ text-align:center;}
.left_setzen{ display: block; float: none; width: 100%;}	
.right_setzen { display: inline-block; float: none; width: 100%; padding: 10px 0 0 0;}
.indus_sermid ul{ margin:0 -9px;}
.right_setzen ul li a{ display:inline-block;}
html{ overflow-x:hidden;}	
.left_setzen1 {  display:block;float:none;width:100%;}
.left_setzen2{float:none;width: 100%;display:block;margin: 0 auto; padding: 0;}
.left_setzen2 figure img{ margin:0 auto;width:100%;height:auto;}
.left_setzen2 figure{ display:block;margin:0 0 15px 0;}
.left_hitz{display:block;float:none;width: 59%;margin: 0 auto;}
.right_hitz{ display:block;width:100%;float:none;padding:8px 0 0 8px;}
.setzen_mid{ padding:0 0 0 12px;}
.setzen1{ padding:30px 0 12px 9px}
.banner1 figure { display: block; position:relative;height:70px;width:100%;}
.banner1 figure img { display: block; width:auto; height:100%;position:absolute;top:0;right:0;}

.onlymobilemenu
{
display:inherit;
}


}
@media ( max-width:599px){ /* iphone */
.header_mid p{ font-size:13px;line-height:16px;}
.headetop ul li{ margin:0 18px 0 0;}
.footer_mid ul li{ display:block;float:none;border-right:none;}
.back_top { bottom:0;right:14px;}
.left_setinner ul li p{ font-size: 13px;line-height: 18px;padding: 4px 0 0 8px;width: 89%;}
.left_setzen p { font-size: 13px; line-height: 17px;}
.left_setzen p.von { font-size: 13px; line-height: 18px; padding: 0 0 24px 0;}
.left_setinner h2 { font-size: 16px; line-height: 20px;}
.left_setzen h2 { font-size: 16px; line-height: 25px;padding: 0 0 8px 0;}
.left_setinner h2 br{ display:none;}
footer{ padding:22px 0 14px 0;}	
.indus_sermid ul li .enerpac h3 {font-size:17px;line-height:24px;}
.indus_service{ padding:0 2% 36px;}
.banner_mid figure	{position:relative; overflow:hidden; width:100%; height:150px;}
.banner_mid figure img	{position:absolute; top:0px; right:0px; width:auto !important; height:100%;}
.banner1 figure img	{right:-15%;}


}
@media ( max-width:479px){
.indus_sermid ul li .enerpac h3 {font-size:23px;}
.indus_sermid ul li { width:94%; margin:0 0 10px 0;}
.indus_sermid ul li:nth-child(2n) { margin:0 0 10px 0 !important;}
.nav-icon{ left:7px;}	
.logo a img{ width:150px;height:auto;}
.nav-icon	{top:30px;}
.logo a::before{left:-7px;}
.banner1 figure		{height:65px;}
.banner1 figure img	{right:-55%;}

}