/*rwd*/

#nav_res {
	position:absolute;
	right:20px;
	top: 113px;
	width: 40px;
	height:40px;
	display:none;
	z-index: 1000;
	text-indent: -9999px;
	background: #000 url(stala/responsive.png) center center no-repeat;
	cursor: pointer;
	padding: 11px;
}

#nav_res:hover {
	background-color:#212121;
}

@media all and (max-width: 1840px){

	aside, .slajd{
		min-height: auto;
		height: 396px;
	}

}
@media all and (max-width: 1680px){

	aside, .slajd{
		height: 360px;
		overflow: hidden;
	}

	.nakl{
		top: 55px;
	}
}
@media all and (max-width: 1600px){

	aside, .slajd{
		height: 340px;
	}

}
@media all and (max-width: 1444px){

	aside, .slajd {
		height: 310px;
	}
}
@media all and (max-width: 1366px){

	aside, .slajd {
		height: 293px;
	}

	.nakl {
		top: 18px;
	}

	.nakl h2{
		font-size: 28px;
	}

}
@media all and (max-width: 1280px){

	#real.uslugi img{
		max-width: 291px;
	}

	#real.uslugi img,
	.td img{
		float: none;
		display: inline-block;
		width: 100%;
		height: auto;
	}

	#real{
		text-align: center;
	}

	aside, .slajd{
		height: auto;
	}

	#real .realizacja{
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 5px;
	}

	.main{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media all and (max-width: 1100px){

	aside, .slajd{
		overflow: visible;
	}

	#logo{
		left: 20px;
	}

	.left.fb_news,
	.right.fb_news{
		clear: both;
		float: left;
		width: 100%;
	}

	.right.fb_news{
		text-align: center;
	}

	#face_page{
		float: none;
		margin: 0 auto;
	}

	.nakl{
		width: 100%;
		margin: 0px;
		left: 0px;
		padding: 20px;
		text-align: center;
		top: 0px;
	}

	.opis_animki{
		width: 100%;
		text-align: center;
	}

	.nakl h2{
		text-align: center;
	}

	#navl, #navp{
		width: 10px;
		height: 26px;
		background-size: 100% auto;
		margin: 0px;
		top: auto;
		bottom: 20px;
	}

	.more{
		padding: 5px;
		font-size: 11px;
	}

	.box{
		width: 100%;
		margin: 0 0 20px 0px;
		height: auto;
	}

	.nakl_box{
		position: relative;
		top: auto;
		left: auto;
	}

	.produkt{
		width: 100%;
		margin: 0 0 20px 0px;
		height: auto;
	}

	.produkt .opis{
		width: 100%;
	}

	.opis_txt {
		line-height: normal;
		height: auto;
		overflow: visibility;
	}

	.zob_oferte{
		float: none;
	}

}
@media all and (max-width: 1080px){}
@media all and (max-width: 1050px){}
@media all and (max-width: 1024px){

	.left, .right{
		clear: both;
		float: left;
		width: 100%;
	}
}

@media all and (max-width: 960px){

	.nakl h2{
		margin: 0px;
	}
}
@media all and (max-width: 900px){}
@media all and (max-width: 800px){}



@media all and (max-width: 768px){

	#real .realizacja{
		width: 390px;
	}

	.opis h2{
		font-size: 22px !important;
		line-height: normal !important;
		padding-bottom: 10px !important;
		margin-bottom: 10px !important;
	}

	#logo_fl{
		top: 190px;
	}

	#logo_fl img{
		width: 30px;
		height: auto;
	}

	h6, h2, h1, .naglg{
		font-size: 26px;
	}

	.tlo_szare{
		padding: 20px;
	}

	.tel, .mail, .adr{
		width: 100%;
		margin-bottom: 20px;
	}

	.next, .prev{
		width: 30px !important;
		height: 30px;
		background-size: 26% auto;
		margin-top: -15px;
	}

	h2{
		margin: 15px 0px;
		font-size: 22px;
	}

	.nakl h2{
		font-size: 18px;
	}

	.opis_animki{
		font-size: 11px;
	}

	nav li{
		margin-left: 0px;
	}

	nav li a{
		padding: 5px 0px;
		display: block;
	}

	header{
		position: relative;
		height: auto;
		margin-bottom: 20px;
	}

	header .main{
		padding: 0px;
	}

	#wys{
		display: none;
	}

	.u1_foto, .u2_foto, .u3_foto, .u4_foto, .u5_foto, .u6_foto{
		clear: both;
		float: left;
		width: 100%;
		margin: 0 0 20px 0 !important;
		text-align: center;
	}

	.u1_foto img, .u2_foto img, .u3_foto img, .u4_foto img, .u5_foto img, .u6_foto img{
		width: 100%;
		height: auto;
	}


	#logo{
		position: relative;
		top: auto;
		left: auto;
		display: block;
		margin-left: 20px;
	}

	#DRIMOlightbox_foto #DRIMOlightbox_fotogl span img{
		width: 100% !important;
	}

	#DRIMOlightbox_foto #DRIMOlightbox_fotogl span{
		width: 90% !important;

	}

	.sys_col0{
		clear: both;
		float: left;
		width: 100% !important;
	}

	.sys_col1{
		clear: both;
		float: left;
		width: 100% !important;
		margin-left: 0px;
	}

	#nav_res {
		top: 25px;
		display:block;
		z-index: 100;
	}

	#menur {
		position: relative;
		top:0;
		left: 0;
		width:100%;
		clear:both;
		float:left;
		display: none;
		background: #fbfbfb;
		z-index: 1000;
		margin: 0;
	}


	#menur>menu {
		width:100% !important;
		display:block;
	}

	#menur li {
		display: block;
		width:100%;
		padding-left:0;
		padding-right:0;
		text-align:center;
		background: none;
	}

	#menur li a {
		font-size: 14px;
		margin: 0;
		color: #000;
	}

	#menur li {
		display:block !important;
		margin-bottom: 2px;
	}

	#menur li menu {
		position:relative !important;
		top: auto !important;
		left:auto !important;
		padding: 10px 0;
		display: none;
		text-align: center !important;
	}

	#menur li menu a{
		padding: 15px 0;
		margin: 0;
	}

	nav li.s a, nav li:hover a, nav li.act a {
		color:#fff !important;
		text-decoration:none;
		background: #009ee0;
	}


	.u3_txt{
		display: block;
		clear: both;
		float: left;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	.parametry_drony span{
		display: block;
		margin-bottom: 5px;
	}

	#real .realizacja h2{
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#real .realizacja span {
		position: relative;
		bottom: auto;
		left: auto;
		display: block;
		clear: both;
		float: left;
		width: 100%;
	}
}

@media all and (max-width: 720px){}
@media all and (max-width: 640px){}
@media all and (max-width: 534px){

	#real .realizacja{
		width: 100%;
	}

	#real .realizacja{
		margin: 0 0 20px 0px;
	}

	.btn_f{
		width: 100%;
	}

	.box small{
		text-align: center;
	}

	.produkt .ik{
		float: none;
		display: inline-block;
	}

	footer{
		font-size: 9px;
	}

	.produkt,
	.produkt h2{
		text-align: center;
	}

	#kform{
		padding: 10px;
	}

	.td {
		display: block;
		padding: 5px;
		width: 100% !important;
		text-align: center;
	}

	.pod h2, .pod h2, .pod h1{
		font-size: 26px;
	}

	#nav_res{
		top: 25px;
	}

	#logo, #logo h1{
		width: 200px;
		height: 85px;
		text-align: center;
		padding-top: 40px;
	}

	#logo h1{
		background-size: 100% auto;
	}

	.nakl{
		padding: 10px;
	}

	.nakl .more{
		margin: 0px;
	}

	.d1{
		width: 100%;
	}

	.opis_animki{
		display: none;
	}

	.nakl h2{
		font-size: 14px;
		line-height: normal;
		margin-bottom: 10px;
	}
}
@media all and (max-width: 480px){

	.nakl_box{
		text-align: center;
	}

	.box h4{
		text-align: center;
	}

	.pod h2, .pod h2, .pod h1{
		padding-top: 0px;
		padding-bottom: 0px;
		line-height: 37px;
	}


	#facebook-connect-container,
	.nakl .more{
		display: none !important;
	}

	.nakl h2{
		font-size: 12px;
	}

	#real .realizacja img{
		width: 100%;
		height: auto;
		margin: 0px;
		float: left;
	}
}
@media all and (max-width: 360px){}
@media all and (max-width: 320px){}