@media screen and (max-width: 1030px) {

	.modelpage {overflow-x:auto;}
	.modelpage .s1 {}
	.modelpage .s1 .wrap {width: 96% !important; margin:0 2% !important; padding: 0 !important; left: auto !important;}
	/*.modelpage .model-slider {width: 2015px;}*/
	.modelpage .model-slider {
		width: 100%;
		-webkit-transform: translate3d(0px, 0px, 0px) !important;
		-moz-transform: translate3d(0px, 0px, 0px) !important;
		-ms-transform: translate3d(0px, 0px, 0px) !important;
		-o-transform: translate3d(0px, 0px, 0px) !important;
		transform: translate3d(0px, 0px, 0px) !important;
	}

	.modelpage .model-slider .item {display: none;}
	.modelpage .model-slider .item.active {display: block;}

}

@media screen and (max-width: 1200px) {

	body {max-width: 1200px;}
	.wrap {width: 940px; padding: 0 20px;}
	.col3 .item {width: 30%;}
	.col3 .item * {max-width: 100%;}
	.ausstellungen .contact-info .wrap {position: relative;}
	.ausstellungen .contact-info .wrap > div > div {float: none; clear: both;}
	.ausstellungen .contact-info .wrap > div img {position: absolute; top: 0; right: 2%; margin-top: 40px;}
	.maps > div.control {left: 2%; margin-left: 0;}
	.contact form .left, .order-form form .left, .katalog-bestellen form .left {width: 60%;}
	.contact form .right, .order-form form .right, .katalog-bestellen form .right {width: 40%;}
	.contact form input, .order-form form input, .katalog-bestellen form input {width: 43%; margin-right: 6%;}
	.faq-wrp .quest {width: 38%; padding-left: 7%;}
	.faq-wrp .answ {width: 53%;}
	.gallery-wrp, .video-wrp {text-align: center; margin: 0;}
	.video-wrp .item {float: none; display: inline-block; width: 31%; margin:15px 1%;}
	.video-wrp .item * {max-width: 100%;}
	.col2 .item {width: 47%; margin-left: 1.5%; margin-right: 1.5%;}
	.col2 .item:nth-child(2n+1) {clear: both;}
	.ihre-vorteile .s2 .item img {max-width: 48%;}
	.ihre-vorteile .s2 .item .right {max-width: 50%;}
	.mainpage .s2 .left, .mainpage .s2 .right {width: 48%;}
	.mainpage .advantages .wrap {text-align: center;}
	.mainpage .advantages .wrap .item {float: none; margin: 40px 15px; display: inline-block;}
	.mainpage .s1 .text {
	  width: 75%;
	  padding-left: 25%;
	  margin: 0;
	}
	.mainpage .s1 .text p {max-width: 100%;}
	.mainpage .s1 .video-preview {position: relative; top: auto; right: auto; padding-top: 460px; height: 230px; margin: 40px auto;}
	.mainpage .s1 .video-preview .open-video {margin-top: 0;}
	.mainpage .mainslider .item .wrap {left: 2%; margin-left: 0;}
	.vertical-col4 .column {width: 24%;}
	.vertical-col4 .column * {max-width: 100%;}
	.unserservice .paket img {width: 30%;}
	.unserservice .paket .right {width: 65%; margin: 0;}
	.unternehmen footer {margin-top: 60px;}
	.col4 {text-align: center;}
	.col4 .item {margin: 15px 1%; max-width: 26%; padding: 20px 2%;}
	.order-form, .katalog-bestellen {
		width: 80%;
		height: 80%;
		left: 5%;
		top: 5%;
		margin:0;
		padding: 5%;
		overflow-y: auto;
	}
	.c-form {
		width: 80%;
		// height: 50%;
		left: 5%;
		top: 50%;
		margin:-160px 0 0 0;
		padding: 5%;
		overflow-y: auto;
	}
	.modelpage .s1 .wrap {padding: 0; margin: 0; left: 2%;}
	.modelpage .model-description {width: 360px; left: 600px;}
	.modelpage .s1 .wrap .prev-model {left: 600px;}
	.modelpage .s1 .wrap .next-model {left: 600px;}
	.options .img, .options .text {width: 50%; padding: 0 0 0 2%;}
	.options .img > div img {max-width: 100%;}
	.komplekt .left {width: 66%;}
	.komplekt .right {width: 33%;}
	.komplekt .left .items {
		  -moz-column-count: 1;
		  -webkit-column-count: 1;
		  column-count: 1;
	}
	.komplekt .left .items a, .komplekt .left .items span {
		width: 45%;
		margin-right: 4%;
		display: inline-block;
		vertical-align: top;
	}
	.modelpage .s4 .left {width: 40%; margin-top: 40px;}
	.modelpage .s4 .left * {max-width: 100%}
	.modelpage .s4 .right {width: 58%}
	.modelpage .s7 form {text-align: center;}
	.modelpage .s7 form input {margin-left: 15px; margin-right: 15px;}
	.modelpage .s7 form button {width: 300px;}

	footer .foot-menu {float: none; display: block; margin: 20px auto; clear: both; padding: 40px 0 0px; text-align: center;}
	footer .foot-menu li {margin: 0 20px;}
	
	.about-company-page .block .text-box p {
		font-size: 14px;
		line-height: 24px;
		padding: 10px 0px;
	}
	.about-company-page .block .text-box .item {
		font-size: 14px;
		line-height: 24px;
		margin-bottom:30px;
	}
	.about-company-page .block .text-box .hdr {
		font-size: 20px;
		line-height: 35px;
		margin-top:30px;
	}
	.about-company-page .block .text-box p span.text {
		width: 445px;
	}
	.about-company-page .block .text-box .thanks {
		margin-top:50px;
	}
	.about-company-page .block .mouse {
		bottom:25%;
	}
}

@media screen
and (min-width: 980px)
and (max-width: 1200px) {
	nav .mainmenu > li {font-size: 0.85em;}
}
@media screen
and (min-width: 641px)
and (max-width: 750px) {
	nav .mainmenu > li {font-size: 0.85em;}
}

@media screen and (max-width: 836px) {

	/*footer .foot-menu {float: none; line-height: 30px; padding-left: 25%;}
	footer .foot-menu li {min-width: 31%; margin-left: 1%;}*/
	.contact form .left, .order-form form .left, .katalog-bestellen form .left {width: 100%; float: none;}
	.contact form .right, .order-form form .right, .katalog-bestellen form .right {width: 100%; float: none;}
	.contact form input, .order-form form input, .katalog-bestellen form input {width: 80%; margin-right: 10%; margin-left: 10%; text-indent: 5%;}
	.contact form .right input, .order-form form .right input, .katalog-bestellen form .right input {width: 80%; margin-right: 10%; margin-left: 10%; text-indent: 5%;}
	.contact form textarea, .order-form form textarea, .katalog-bestellen form textarea {width: 72%; padding-left: 4% !important; padding-right: 4% !important; margin-right: 10%; margin-left: 10%;}
	form .check {display: block; margin: 0 auto; width: 80%;}
	form .clear + .left {clear:both; width: 80%; margin: 0 auto;}
	form .clear + .left + .right {clear: both; width: 80%; margin: 20px auto 40px; text-align: left;}
	.faq-wrp .quest {width: 37%; padding-left: 9%;}
	.mainpage .s1 .video-preview {background-size: contain; max-width: 100%;  padding-top: 400px;}
	.mainpage .mainslider .item .wrap {font-size: 36px;}
	.vertical-col4 .item .info {padding:20px 5%;}
	.vertical-col4 .item a {font-size: 14px;}
	.unserservice .paket img {width: 40%;}
	.unserservice .paket .right {width: 55%; margin: 0;}
	.unternehmen.text .big-photo {
		float: none;
  		display: block;
  		margin: 0 auto 20px;
  		width: 100%;
  	}
  	.unternehmen.text .wrap {float: none; width: 96%; padding: 0 2%; max-width: 96%;}
  	.video-wrp .item {float: none; display: inline-block; width: 47%; margin:15px 1%;}

  	.modelpage .model-slider .item.active {width: 250px !important;}
	.modelpage .model-slider .item.active .img {height: 190px !important;}
	
	.about-company-page .block .img img {
		min-width:0px;
		height:100%;
		width:auto;
	}
	.about-company-page .block .img {
		top:0px;
		bottom:0px;
	}
	.about-company-page .block .text-box p {
		font-size: 13px;
		line-height: 21px;
	}
	.about-company-page .block .text-box .hdr {
		margin-top:20px;
	}
	.about-company-page .block .text-box .hdr .next-slide {
		display:block;
		margin-left:0px;
		margin-top:5px;
	}
	.about-company-page .red-line {
		bottom:20px;
	}
	.about-company-page .block .red-line .numbers {
		font-size:25px;
		top:-16px;
	}
	.about-company-page .block .text-box p span.number {
		width: 50px;
		font-size: 70px;
		line-height: 60px;
	}
	.about-company-page .block .text-box p span.text {
		width: 330px;
		font-size: 13px;
		line-height: 21px;
	}
	.about-company-page .block .text-box .item {
		font-size: 13px;
		line-height: 21px;
		margin-bottom: 15px;
	}
	.about-company-page .block .text-box .h {
		font-size:16px;
	}
	.about-company-page .block .text-box .thanks {
		font-size:25px;
	}

}

@media screen and (max-width: 750px) {
	.modelpage .s1 {height: 420px !important;}
	.modelpage .s1 .wrap {height: 420px !important;}
	.modelpage .model-slider {margin-top: 30px;}
	.modelpage .model-slider .item.active {width: 230px !important;}
	.modelpage .model-slider .item.active .img {height: 170px !important;}
	.model-description {left: 330px !important; margin-top: 21px !important;}
	.modelpage .s1 .wrap .prev-model {left: 330px !important; bottom: 108px !important;}
	.modelpage .s1 .wrap .next-model {left: 330px !important; bottom: 108px !important;}
	footer .foot-menu {font-size: 0.9em;}
	
	.about-company-page {
		overflow:auto;
	}
	.about-company-page nav {
		position:relative;
		top: inherit;
		left: inherit;
		right: inherit;
	}
	.about-company-page .slides {
		min-height:auto;
		padding-top:0px;
	}
	.about-company-page .block .col-left {
		float:none;
		width:auto;
		margin:0px -20px;
	}
	.about-company-page .block .img {
		position:relative;
		left:inherit !important;
		right:inherit !important;
		top:inherit !important;
		bottom:inherit !important;
		overflow:hidden;
		text-align:center;
		width:100% !important;
		height:100% !important;
	}
	.about-company-page .block .img img {
		width:100% !important;
		height:auto !important;
		display:inline-block !important;
		min-height:inherit !important;
	}
	.about-company-page .block .col-left {
		position:relative;
		left:inherit;
		top:inherit;
		bottom:inherit;
		width:auto;
	}
	.about-company-page .block .col-right, .about-company-page .block .col-left, .about-company-page .block.slide8 .img {
		height:auto !important;
	}
	.about-company-page .red-line, .about-company-page .block .next-slide, .about-company-page .block .mouse {
		display:none !important;
	}
	.about-company-page .block .col-right {
		width:100%;
		float:none;
	}
	.about-company-page .block .table, .about-company-page .block .table-cell {
		display:block;
	}
	.about-company-page .block .text-box {
		padding: 40px 0px 60px 0px;
	}
	.about-company-page .block .text-box p span.text {
		width: 80%;
	}
	.about-company-page .block .play {
		right:50%;
		margin-right:-65px;
	}
	.about-company-page .block.slide9 .img {
		margin-bottom:0px;
	}
}

@media screen and (max-width: 980px) {


	body {max-width: 980px;}
	.wrap {width: 96%; padding: 0 2%;}
	nav .wrap {position: relative;}
	nav .wrap .phone {position: absolute; right: 2%; top:0; margin-top: 0;}
	nav .wrap .phone span {display: inline-block; padding-left: 10px;}
	nav .wrap ul {
		float: right;
  		/*clear: both;*/
 		margin: 40px auto 0;
  		padding: 0px 0 0;
  		text-align: right;
  	}
  	nav .mainmenu > li {margin: 0 0 0 25px;}
  	.mainpage nav {background: #212121; position: relative;}
  	.mainpage .bx-pager {top: 20%;}
  	.ausstellungen .contact-info .wrap > div img {max-width: 60%;}
  	.ihre-vorteile .s2 .item img {max-width: 100%; float: none; display: block; margin: 20px auto;}
	.ihre-vorteile .s2 .item .right {width: 100%; max-width: 100%; float: none; display: block; margin: 0px auto;}
	.mainpage .mainslider .item .button {margin: 20px 0;}

	.modelpage .s1 {height: 470px;}
	.modelpage .s1 .wrap {height: 470px;}
	.modelpage .model-slider .item.active {width: 300px;}
	.modelpage .model-slider .item.active .img {height: 240px;}
	.modelpage .s1 .wrap .prev-model {left: 420px; bottom: 88px;}
	.modelpage .s1 .wrap .next-model {left: 420px; bottom: 88px;}
	.modelpage .model-description {left: 420px; width: 274px; font-size: 14px;}



	.allmodels-wrp.expand {max-height: 2000px;}

	.slider-popup {
	  width: 640px;
	  left:50%;
	  top:50%;
	  margin-left:-320px;
	  margin-top:-215px;
	}
	.slider-box,
	.slider-popup .bx-wrapper,
	.slider-popup .bx-viewport {min-height: 429px; margin: 0 auto !important}
	.slider-box .item {width: 640px !important; text-align: left;}
	.slider-box .item img {width: 640px !important;}
	#slider-box-prev{margin-top: 10px;}
	#slider-box-next{margin-top: 10px;}

	.popup_wrap img {
		float: none;
	}

	.popup_wrap .video {
		float: none;
		margin-bottom: 40px;
	}
	.popup .text .left {
		margin: 0;
	}

	.popup .text .right {
		margin: 0;
	}
}

@media screen
and (min-width: 641px)
and (max-width: 980px) {
	nav .mainmenu > li:last-child ul {margin-left: -160px;}
}

@media screen and (max-width: 700px) {

	nav .wrap ul {text-align: center; float: none; clear: both; padding-top: 30px;}
	nav .wrap .phone {top: 15px;}

}


@media screen and (max-width: 640px) {

	img, iframe {max-width: 100% !important;}
	.item {width: 100% !important;}
	.item * {max-width: 100% !important;}
	.left, .right {width: 100%; float: none; margin-left: auto !important; margin-right: auto !important;}
	footer .copyrights {float: none; margin:20px auto; text-align: center;}
	footer .foot-menu {padding: 0; margin: 0 auto; display: block;}
	footer .foot-menu li {width: 100%; text-align: center; margin:0; line-height: 26px;}
	footer .foot-menu li a {display: block; width: 100%; height: 100%;}
	footer .button.gratis-katalog {float: none; display: block; margin: 20px auto;}

	nav .wrap .phone span {display: block; padding-left: 0px;}
	nav .wrap > ul {
		max-height: 0px;
		overflow: hidden;
		background: url(../img/sandwich.png) no-repeat center top 6px;
		-webkit-transition: max-height 0.2s ease-in-out;
		-moz-transition: max-height 0.2s ease-in-out;
		-o-transition: max-height 0.2s ease-in-out;
		-ms-transition: max-height 0.2s ease-in-out;
		transition: max-height 0.2s ease-in-out;
		-webkit-transition: padding-top 0.2s ease-in-out;
		-moz-transition: padding-top 0.2s ease-in-out;
		-o-transition: padding-top 0.2s ease-in-out;
		-ms-transition: padding-top 0.2s ease-in-out;
		transition: padding-top 0.2s ease-in-out;
		position: absolute;
  		top: 15px;
  		z-index: 4;
  		width: 50px;
  		left: 50%;
  		margin:0 auto 0 -25px;
  		cursor: pointer;
  		padding: 70px 0 0;
	}
	nav .wrap ul.clicked {width: 96%; left: 2%; margin-left: 0; max-height: 1000px; padding-top: 40px; padding-bottom: 10px; background: rgba(33,33,33,0.95) url(../img/sandwich.png) no-repeat center top 6px; top:0; cursor: default;}
	nav .wrap ul > li {margin: 5px auto; width: 90%; text-align: left; padding: 0 5%;}
	nav .wrap ul li li {margin: 0px auto; width: 90%; text-align: left; padding: 0;}
	/*.mainpage nav .mainmenu > li ul {background: rgba(33,33,33,1);}*/
	nav .mainmenu > li ul {
		position: static;
		width: auto;
		left: auto;
		margin: auto;
		font-size: 14px;
		font-weight: 300;
		max-height: 1000px;
		padding: 5px 0 !important;
		background: none;
		list-style: none;
	}

	.maps > div.control {width: 100%; text-align: center; left: auto;}
	.maps > div.control h2 {margin: 10px auto;}
	.maps > .control select {margin: 0;}
	.ausstellungen .contact-info .wrap > div img {position: static;}
	.contact .s2 .left {width: 100% !important; margin: 20px auto;}
	.contact form {padding: 0 3% 20px;}
	.contact form input, .order-form form input, .katalog-bestellen form input {width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; text-indent: 4%;}
	.contact form textarea, .order-form form textarea, .katalog-bestellen form textarea {width: 92%; margin-left: 0; margin-right: 0;}
	form .check {width: 100%; margin: 40px auto;}
	form .clear + .left {width: 100%;}
	form .clear + .left + .right {width: 100%; margin: 40px auto; text-align: center;}
	button, .button {max-width: 100% !important;}
	.faq-wrp .quest {width: 80% !important; padding-left: 20%; margin: 20px auto;}
	.faq-wrp .answ {width: 100% !important;}
	.gallery-wrp .item h3, .video-wrp .item h3 {font-size: 14px; padding-right: 30px; left: 0; padding-left: 30px;}
	.gallery-wrp .item, .video-wrp .item {max-width: 100% !important; width: auto !important;}
	.vertical-col4 .column {width: 100%;}
	.vertical-col4 .column .item img {display: block; margin: 0 auto;}
	.unserservice .paket img {display: block; float: none; margin: 0 auto 20px; width: auto; max-width: 100%;}
	.unserservice .paket .right {width: 90%; padding-bottom: 20px;}
	.col4 .item {max-width: 100%; width: 94% !important;}
	.mainpage .mainslider .item .wrap {font-size: 18px; padding: 0 5%; width: 70%; bottom: 20%;}
	.mainpage .mainslider .item .button {width: 150px; height: 25px; line-height: 25px; font-size: 12px;}
	.mainpage .bx-pager {top: 50%; margin-top: -65px; padding-top: 0 !important; bottom: auto !important;}
	.mainpage .s1 .text {
	  width: 100%;
	  padding-left: 0;
	  margin: 0;
	  padding-top: 100px;
	}
	.mainpage .s1 .text .button {margin: 40px auto !important;}
	.mainpage .s1 .video-preview {padding-top: 120px;}
	.mainpage .s1 .video-preview .open-video {margin-left: 1%;}
	.mainpage .s2 .left, .mainpage .s2 .right {width: 100%;}
	.allmodels-wrp {max-height: 910px;}
	.allmodels-wrp.expand {max-height: 10000px;}
	.mainpage .advantages .wrap .item {margin: 20px 1%;}

	.modelpage .s1 {height: auto !important;}
	.modelpage .s1 .wrap {height: auto !important; position: relative !important; text-align: center;}
	.modelpage .model-slider {margin: 0 auto; position: static; left: auto; top: auto;}
	.modelpage .model-slider .item.active {width: 89%; padding-left: 5%; padding-right: 5%; margin: 0 auto;}
	.modelpage .model-description {position: relative; left: auto !important; top: auto; width: 96%; margin: 20px auto; min-height: 220px; text-align: left;}
	.modelpage .s1 .wrap .prev-model {left: auto !important; position: static !important; display: inline-block; margin: 40px 5px;}
	.modelpage .s1 .wrap .next-model {left: auto !important; position: static !important; display: inline-block; margin: 40px 5px;}
	.modelpage .model-description h2 {text-align: center;}
	.modelpage .model-description .button {margin: 0 auto;}
	.options .img, .options .text {display: block; width: 100%; padding: 20px 0; height: auto;}
	.komplekt .left {width: 100%;}
	.komplekt .right {width: 100%; margin-top: 40px;}
	.komplekt .left .items a, .komplekt .left .items span {width: 100%; margin: 0;}
	.modelpage .s4 .left {width: 100%;}
	.modelpage .s4 .right {width: 100%;}
	.modelpage .s7 form {padding: 0 2%;}
	.modelpage .s7 form input {margin: 15px 0;}
	form input {max-width: 100%;}
	.modelpage .col4 .item {padding: 0 1%;}
	.options .text .series ul li {width: 100%; margin: 0;}

	.slider-popup {
	  width: 300px;
	  left:50%;
	  top:50%;
	  margin-left:-150px;
	  margin-top:-100px;
	}
	.slider-box,
	.slider-popup .bx-wrapper,
	.slider-popup .bx-viewport {min-height: 201px; margin: 0 auto !important}
	.slider-box .item {width: 300px !important; text-align: left;}
	.slider-box .item img {width: 300px !important;}
	#slider-box-prev{margin-top: 10px;}
	#slider-box-next{margin-top: 10px;}

	.impressum-table span {float: left; max-width: 48% !important;}
	.impressum-table span.left-cell {margin-right: 3%;}

	.about-company-page .block .text-box .item {
		font-size: 13px;
		line-height: 21px;
		margin-bottom: 15px;
		width:auto !important;
		padding-left:60px;
	}
}

@media screen and (max-width: 370px) {
	.mainpage .mainslider .item .wrap {font-size: 14px;}
	nav .wrap .phone span {font-size: 18px;}

}

@media screen and (max-width: 450px) {
	.impressum-table span {float: left; max-width: 100% !important;}
	.impressum-table span.left-cell {width:100%; margin-right: 0;}
	.impressum-table span.right-cell {width:100%;}
}

@media screen and (max-width: 560px) {
	.videobox-wrp {max-width: 100%; margin-left: 0; left: 0;}
	.videobox-wrp > * {max-width: 100%;}
}


/*===== begin Odinokun style =====*/

@media screen and (max-width: 1200px) {
	.about_us .row .about_left img {
	    max-width: 45%;
	}
	.about_us .row .about_right img {
	    max-width: 45%;
	}
	.about_reward .ar_right {
	    margin-left: 0;
	}
}
@media screen and (max-width: 1150px) {
	.c-form {
		margin:-200px 0 0 0;
	}
}
@media screen and (max-width: 980px) {
	.about_video {
		padding: 20px 0 20px 0;
	    border-bottom: 1px solid #eaeaea;
	}
	.about_video .av_left,
	.about_video .av_right {
	    float: none;
	    width: 90%;
	    margin: 0 auto;
	}
	.about_video .av_left {
	    text-align: center;
	    padding-top: 10px;
	}
	.about_video .av_right {
		text-align: justify;
	    padding-left: 0px;
	}
	.regals .regals_left {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	.regals .regals_right {
		float: none;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		padding-left: 0;
	}
	.contact_country_item {
		width: 33.3%;
	}
    .footer_item {
    	width: 50%;
    	text-align: center;
    }
}
@media screen and (max-width: 754px) {
	.c-form {
		margin:-220px 0 0 0;
	}
}
@media screen and (max-width: 750px) {
    .about_us .row::before {
        display: none;
    }
    .about_us .row::after {
        display: none;
    }
    .about_us .item {
        position: relative;
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .about_us .item img {
        margin-top: 0;
    }
    .about_us .about_left {
        text-align: justify;
    }
    .about_mission {
        padding: 40px 0 30px 0;
    }
    .about_mission .header h4 {
        text-align: center;
    }
    .about_mission .am_left,
    .about_mission .am_right {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .about_reward {
        padding: 70px 0 0 0;
    }

    .about_reward .ar_left,
    .about_reward .ar_right {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .about_reward .ar_left {
        text-align: center;
    }
    .about_reward .ar_right {
        padding-top: 0;
        text-align: center;
    }
    .contact_country_item {
    	width: 50%;
    }
}
@media screen and (max-width: 580px) {
    .contact_country_item {
    	width: 100%;
    	text-align: center;
    }
}
@media screen and (max-width: 400px) {
    .footer_item {
    	width: 100%;
    }
}
@media screen and (max-width: 860px) {
    .img-right {
    	width: 100%;
    	float: none;
    	text-align: center;
    	margin: 10px;
    }
}
/*===== end   Odinokun style =====*/