.map{float: right;}

@media(max-width: 1040px){
	#intro{display: none;}
	#main, .center{width: 90%; padding-left: 5%; padding-right: 5%;}
	#content{width: 98%;}
	#slides img, #slides div{display: none !important;}
	.banner{width: 500px; float: none; margin: 0 auto 20px;}
	#mainContainer{margin-bottom: 30px;}
	.map{float: left;}
	/* Oferta */
	.categories{width: 20%;}
	.textTitle{width: 100% !important;}
	#articles{width: 75%;}
	.categories li{width: 100%; text-align: left;}
	.articles{margin: 20px 10px !important;}
	/* Produkt */
	#textContent .article{width: 70%;}
	div.gallery{width: 100%;}
	#gallery img{margin: 0 auto !important; max-width: 100%; max-height: 100%; height: auto; width: auto;}	
	.crumbs{ display: none;}
}
@media(max-width: 840px){
	#articles{width: 65%;}
}

@media(min-width: 990px) and (max-width: 1040px){
	#slides{background: url('../images/slider_bg.png') center no-repeat; background-size: contain; height: 275px;}
}

@media(max-width: 990px){
	#top{width: 320px; margin: 0 auto; float: none; height: 200px;}
	h1{text-align: center; width: 100%;}
	nav{margin-top: 0; background: rgba(0, 24, 50, 0.8); width: 100%; padding: 0;}
	#rect{display: none;}
	#slides{display: none;}
	#mainContainer{background: none;}
	#main{background: url("../images/top_bg.jpg"); background-size: cover;}
	nav a{margin-left: 12px;}
	nav .btn_center, nav .active .btn_center{padding-left: 0; padding-right: 0; font-size: 10px;}
	nav .active .btn_center, nav .active .btn_left, nav .active .btn_right{background: none;}
}

@media(max-width: 670px){
	.categories{width: 290px; margin: 0 auto; float: none; overflow: auto;}
	#articles{width: 100%;}
	#textContent .article{width: 90%; float: none; margin: 0 auto;}
	.gallery{margin-left: 0!important;}
	
}
@media(max-width: 560px){
	#content{width: 95%; float: left; text-align: left;}
	.banner{width: 245px; float: none; margin: 0 auto;}
	#gallery{margin-left: 62px;}
}

@media(min-width: 1600px){
	#mainContainer{background-repeat: repeat-x !important;}
}