﻿@charset "UTF-8";
html {
   -webkit-text-size-adjust: none;
}
.video embed, .video object, .video iframe {
   width: 100%;
   height: auto;
}
img{
/*	max-width:100%;		*/
	height: auto;
   	width: auto\9; /* ie8 */
}
#top_brands {
	height:69px;
}
.brand {
	margin-top:20px;
	width:121px;
	height:49px;
}
h1 {
	padding:4px 0 0 55px; 	/*	43px 0 0 7px	*/
}
.brandA {
	margin-left:9%;	/*	160px;	*/
}
.brandB {
	margin-left:6%		/*	135px;	*/
}
.brandC, .brandD, .brandE {
	margin-left:6.2%;		/*	125px;	*/
}
.w405 {
	width:98%;
	height:auto;
}
@media screen and (min-width: 1651px) {
	.h2_fue {
		font-size:300%;
	}
	.fue_img {
		width:100px;
	}
	.l-space {
		letter-spacing:0.2em;
	}
}
@media screen and (max-width: 1650px) {
	.menu li a {
		width:250px;
	}
	.h2_fue {
		font-size:290%;
	}
	.heading {
		font-size:15px;
	}
	.l-space {
		letter-spacing:0.2em;
	}
	.fue_img {
		width:100px;
	}
}
@media screen and (max-width: 1440px) {
	.menu li a {
		width:189px;
	}
	.carousel-container {
		width:960px;
	}
	#carousel {
	  width:960px;
	}
	.carousel-pic {
		width:370px;
	}
	.main {
		width:960px;
	}
	h1 {
		padding:4px 0 0 25px; 	/*	43px 0 0 7px	*/
	}
	#top_brands, #top_brands > img {
		height:40px;
	}
	.brand {
		margin-top:20px;
		width:98px;
		height:40px;
	}
	.brandA {
		margin-left:6.5%;	/*	160px;	*/
	}
	.brandB, .brandC, .brandD, .brandE {
		margin-left:5%;		/*	125px;	*/
	}
	.h2_fue {
		font-size:250%;
	}
	.heading {
		font-size:14px;
	}
	.fue_img {
		width:80px;
	}
}
@media screen and (max-width: 1280px) {
	#carousel {
	  height:300px;
	}
	.h2_fue {
		font-size:250%;
	}
	.heading {
		font-size:1em;
	}
	.fue_img {
		width:80px;
	}
}
@media screen and (max-width: 979px) {
	.row-bot{display: none;}
	.row-top {height:100px;}
	.main {width: 100%;}
	.carousel-pic {
		width:300px;
	}
	#carousel {
	  height:250px;
	}
	.col-1-3 {
		width:25%;
	}
	.box {
		width:250px;
	}
	.img-border {
		width:60px;
	}
	.h2_fue {
		font-size:240%;
	}
	.heading {
		font-size:1em;
	}
	.fue_img {
		width:80px;
	}
	#top_brands, #top_brands > img {
		height:32px;
	}
	.brand {
		margin-top:30px;
		width:78.4px;
		height:32px;
	}
	.brandA {
		margin-left:3%;	/*	160px;	*/
	}
	.brandB, .brandC, .brandD, .brandE {
		margin-left:4.5%;		/*	125px;	*/
	}
	.menu li a {
		line-height:2em; 
		width:169px;
		padding:8px 0;
	}
	.w405 {
		width:95%;
		height:auto;
	}
}
@media screen and (max-width: 875px){
	.menu li a {
		font-size:.95em !important;
		letter-spacing:0.1px;
		line-height:2em; 
		width:168px;
		padding:8px 0 auto 15px;
	}
}
@media screen and (max-width: 820px){
	.row-bot{display: none;}
	.row-top {height:100px;}
	.main {width: 100%;}
	.menu-row, .menu-bg, .menu{/*background: none;*/}
	.menu li {
/*		background:url(../images/menu-row-tail_r.gif) center top repeat-x #178fbe;	*/
		margin: 5px;
	}
	.menu li a {
		font-size:.8em !important;
		letter-spacing:0.1px;
		line-height:2em; 
		width:139px;
		padding:8px 0 8px 15px;
	}	
	.box {
		width:200px;
	}
	.img-border {
		width:79px;
	}
	#contact-form, #contact-form textarea, #contact-form input{width: 95%;}
	#contact-form2{width: 95%;}
	#contact-form2 input{width: 70%;}
	#contact-form2 textarea{width: 90%;}
	h1 {
		padding:4px 0 0 0; 	/*	43px 0 0 7px	*/
	}
	#top_brands, #top_brands > img {
		height:32px;
	}
	.brand {
		margin-top:30px;
		width:78px;
		height:32px;
	}
	.brandA {
		margin-left:3%;	/*	160px;	*/
	}
	.brandB, .brandC, .brandD, .brandE {
		margin-left:4.5%;		/*	125px;	*/
	}
	.h2_fue {
		font-size:220%;
	}
	.heading {
		font-size:12px;
	}
	.fue_img {
		width:60px;
	}
}
@media screen and (max-width: 722px) {
	.brand {
		width:62px;
	}
	.menu li a {
		font-size:0.8em !important;
		width:auto;
		padding-left: 25px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 650px){
	.w405 {
		width:97%;
		height:auto;
	}
}
@media screen and (max-width: 620px) {
	.w405 {
		width:46%;
		height:auto;
	}
	.row-top {height:auto;padding-bottom: 20px}
	.row-bot{display: none;}
	.menu li {
/*		background:url(../images/menu-row-tail_r.gif) center top repeat-x #178fbe;	*/
		margin: 4px;
	}
	.menu li a {
		font-size:.9em;
		line-height:1.5em; 
		width:auto;
		padding:6px 8px 6px 30px;
	}
	.box {
		width:200px;
	}
	.img-border {
		width:65px;
	}
	h1 a {
		width:35px;
		height:35px;
		background:url(../images/logo-kobra-flamme.png) 0 0 no-repeat;
		background-size: contain;
	}
	h1 {
		padding:4px 0 0 1%; 	/*	43px 0 0 7px	*/
	}
	.top_brands {height: auto;}
	.top_brands > img {
		height:32px;
	}
	.brand {
		margin-top:14px;
		width:auto;
		height:32px;
	}
	.brandA, .brandB, .brandC, .brandD, .brandE {
		margin-left:0%;		/*	125px;	*/
	}
	.brandE {
		margin-top: -2px !important;
	}
	.h2_fue {
		font-size:170%;
	}
	.fue_img {
		width:60px;
	}
}
@media (max-width: 550px){
	.menu {background: #e7770e;}
	.menu li {
		background: none;
		padding:0;
	}
	.menu li a {
		font-size:1.0em;
		line-height:2em; 
		width:auto;
		padding:0 17px 0 35px;
	}
}
@media screen and (max-width: 480px) {
	.w405 {
		width:96%;
		height:auto;
	}
/*	.box {
		width:122px;
	}			*/
	.box a {
		background: none;
	}
	.box a:hover {
		padding-right: auto;
	}
	.img-border {
		width:44px;
	}
	h1 {
		padding:4px 0 0 0; 	/*	43px 0 0 7px	*/
	}
/*	.top_brands height: 110px !important;*/
	.top_brands > img {
		height:28px;
	}
	.brand {
		margin-top:14px;
		width:auto;
		height:28px;
	}
	.brandA, .brandB, .brandC, .brandD {
		margin-left:1%;		/*	125px;	*/
		float:left;
	}
	.brandE {
		margin-left: 10%;
		float:none;
	}
	.h2_fue {
		font-size:150%;
	}
	.menu {background: #e7770e;}
	.menu li {background: none;}
	.menu li a {
		font-size:1.0em;
		line-height:2em; 
		background: none;
		width:auto;
		padding:0 12px 0 35px;
	}
}
@media screen and (max-width: 320px) {
	.w405 {
		width:300px;
		height:auto;
	}
	h1 a {
		width:22px;
		height:35px;
		background:url(../images/logo-kobra-flamme-320.png) 0 0 no-repeat; /*	logo_kobra_60x41.png	*/
		background-size: contain;
	}
/*	.box {
		width:122px;
	}		*/
	.img-border {
		width:33px;
	}
	h1 {
		padding:0 0 0 5px; 	/*	43px 0 0 7px	*/
	}
	.top_brands > img {
		height:21px;
	}
	.brand {
		margin-top:15px;
		width:56px;
		height:21px;
	}
	.brandA, .brandB, .brandC, .brandD, .brandE {
		margin-left:2%;
	}
	.brandE {
		margin-left:14%;
		margin-top:4px;
	}
	.h2_proqm {
		font-size:110%;
	}
	#news {
		padding:45px 0 0 0;
	}
	.news-field {
		font-size:10px;
		height:34px;
	}
}