.bg{font-family: 'open-sans', sans-serif !important; margin-top: 20px}
.bg a{transition: 0.7s; text-decoration: none; color: #333 !important}
.bg a:hover, .navbar-default .navbar-nav>li>a:hover{color: #8cb500 !important}
.bg a img{transition: 0.7s}
.metaNavi{float: right; overflow: hidden}
.metaNavi ul li{display: inline; font-size: 130%}
.metaNavi a{color: #333; text-decoration: none}
.metaNavi span{padding-left: 20px}
div#bs-example-navbar-collapse-1{margin-top: 35px}
.navbar-header{clear: both;}
.navbar.navbar-default {background: #FFF; border-bottom: 1px solid #8cb500; border-top: 0; border-right: 0; border-left: 0; font-size: 13px;}
.navbar-header > a > img:hover{opacity: 0.4}
.navbar-header{position: relative}
h2.title {font-size: 115%; font-weight: 600;}
img.logo{position: absolute; top: -20px}
.slider-wrapper{display: none}

.naviLeft ul{padding:5px 0; margin: 0; position: relative; left: -30px; background: #ddd}
.naviLeft li{list-style: none; border-bottom: 1px solid #999;}
.naviLeft li:hover{background: white}
.naviLeft li:last-child{border-bottom: 0;}
.naviLeft li a{padding: 10px 0 10px 30px; display: block; font-size: 90%; margin-bottom: 4px; transition: 0s;}
.naviLeft li a:hover{background: url(http://ftp.wachsmuth-krogmann.com:8080/onlineshop/bestsales24/img/naviHover.gif) no-repeat 4% 50%;}

#mainImage{max-height: 100%}
.footer{text-align: center;}
.footer ul{margin: 0; padding: 0}
.footer li{display: inline; text-align: right}
.footer a{padding: 3px}
.footerBottom{overflow: hidden; margin: 30px 0 0 0; border-top: 1px solid #8cb500; padding: 30px 0 0 0}
.footer-copy{float: left;}
.logoBottom{}
.logoBottom a img{position: relative; top: -5px}
.logoBottom a img:hover{opacity: 0.6;}
.logoBottom img{width: auto; height: auto; max-width: 90%}

.image{text-align: center; border: 1px solid #aaa; padding: 20px 0; overflow: hidden;}
.image img{width: auto; height: auto; max-height: 600px; max-width: 100%; transition: all 1.2s; transform: scale(1)}
.image img:hover{ transform: scale(1.2)}
.thumbs ul{margin: 20px 0 0 0; padding: 0}
.thumbs ul li{display: inline;}
.thumbs img{width: auto; cursor: pointer; opacity: 0.7; transition: 0.6s; padding: 0 5px 0 0; border: 1px solid #333; padding: 2px; max-width: 100%}
.thumbs img:hover{opacity: 1; border: 1px solid #8cb500;}
.content{margin-top: 20px}
.row.moreInfos{margin: 0;}
.moreInfos h3{border-bottom: 1px solid #8cb500; text-transform: uppercase; font-size: 120% !important; padding-bottom: 5px}
.delivery,.payment,.feedbacks{overflow: hidden; padding: 1% 2%; background: #ddd; border: 10px solid white; font-size: 86%}
.delivery img,.payment img,.feedbacks img{float: right}
.delivery h4,.payment h4,.feedbacks h4{margin: 0 0 5px 0; padding: 0; text-transform: uppercase; font-size: 120%;}
.payment{}
#Body .tab-content-m{clear: both;}
@media(min-width: 1200px){
	div.image{height: 500px;}
}
@media(max-width: 1200px){
	div.image{height: 500px;}
}
@media(max-width: 990px){
	div.image{height: 500px;}
	.crossSelling{display: none}

}
@media(max-width: 800px){
	div.image{height: 500px;}
}
@media(min-width: 768px){
	.search.container{position: relative; overflow: hidden; height: 50px; width: 89%}
	.search.container form{position: absolute; right: 0;}
	.naviLeft{margin-top: 21px}
	.thumbs img{height: 100px;}
}
@media(max-width: 767px){
	.logo{text-align: center}
	#searchField{margin: 20px auto}
	.social{text-align: center;}
	.naviTopRight{display: none;}
	.naviLeft{display: none}
	.naviLeft a{padding: 5px 10px; display: block}
	.logoBottom{margin-top: 10px; text-align: right}
	.logoBottom img{max-width: 200px; height: auto}
	img.logo{top: 0}
	.thumbs ul li{display: block}
	
}
@media(max-width: 630px){
	#mainImage{display: none}
	div.image{display: none}
	
}
@media(max-width: 450px){
	img.logo{width: 300px}
	.metaNavi ul li{display: block; list-style: none}
}