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

	.szerokoscStrony {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}

	h1 {
		text-shadow: 1px 1px #000;
	}
	h2 {
		margin: 0 20px 40px 20px;
	}

			header > #pasekMenu nav {
				width: auto;
				height: auto;
			}

	/* KOD MENU RWD */


	header > #pasekMenu {
		width: 100%;
		height: auto;
	}

	header > #pasekMenu nav #cssmenu {
		width: 100%;
	   height: auto;
	   display: block;
	   float: none;
	   background: #fff;
	   text-align: center !important;
	   border-top: 1px solid #eee;
	   border-bottom: 1px solid #eee;
	}

		header > #pasekMenu nav #cssmenu #menu-button{
			padding: 10px 10px;
		  	cursor:pointer;
	   	display: block;
			margin: 0 auto;
		}

			header > #pasekMenu nav #cssmenu > ul > #menu-button img{
				margin: 0 auto;
		  	}

				/* I POZIOM */

				header > #pasekMenu nav > #cssmenu ul {
			  		height: auto;
	    			width:auto;
	    			display: block;
				}

				header > #pasekMenu nav > #cssmenu > ul {
					height: auto;
	    			width:auto;
	    			display: block;
				}

					header > #pasekMenu nav > #cssmenu > ul > li {
						display: none;
					  	position: relative;
						height: auto;
					}

					header > #pasekMenu nav > #cssmenu > ul > li:first-child {
						display: none;
					}

						header > #pasekMenu nav > #cssmenu ul li a {

						}

						header > #pasekMenu nav > #cssmenu > ul > li > a {
							padding: 12px;
							text-align:center;
	    					text-transform: uppercase;
							border-top:1px solid #E8E8E8;
						}

						/* header > #pasekMenu nav > #cssmenu > ul > li:first-child > a {
							color: #167fd6;
							font-weight: 600;
						}*/

				/* I POZIOM */


	  header > #pasekMenu nav #cssmenu > ul > #menu-button {
	    display: block;
	    cursor: pointer;
	  }
	  header > #pasekMenu nav #cssmenu #menu-button > a {
	    padding: 14px 20px;
	  }
	  header > #pasekMenu nav #cssmenu ul.open li,
	  header > #pasekMenu nav #cssmenu > ul.open > li {
	    display: block;
	  }
	  header > #pasekMenu nav #cssmenu > ul.open > li#menu-button > a {
	    color: #2d2d2d;
	    border-bottom: 1px solid #fff;
	  }

	  header > #pasekMenu nav #cssmenu ul.open #menu-button::after,
	  header > #pasekMenu nav #cssmenu ul.open #menu-button::before {
	    border-color: #4e4e4e;
	  }

	/* KOD MENU RWD */



	#boksy1 {
		display: table;
		width: auto;
		padding: 75px 20px;
	}


	#boksy2,
	#boksy2a {
		display: block;
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	#boksy2a {
		padding: 20px 20px 50px 20px;
	}

		#boksy2 > div,
		#boksy2a > div {
			display: block;
			width: auto;
			text-align: center;
		}

		#boksy2 > div.odstep,
		#boksy2a > div.odstep {
			height: 30px;
		}

			#boksy2 > div > h3,
			#boksy2a > div > h3 {
				padding: 20px 0 40px 0;
				text-align: center;
				font-size: 25px;
				font-weight: 600;
				color: #033C81;
				text-decoration: underline;
			}

			#boksy2 > div > span,
			#boksy2a > div > span {
				padding: 0;
			}

		#boksy2 > div.ramka,
		#boksy2a > div.ramka {
			width: auto;
		}




	#info03 > div {
		padding: 0 20px;
		width: auto;
	}




	#boksy4,
	#boksy4a {
		display: block;
		width: auto;
		padding: 50px 20px 0 20px;
	}

	#boksy4a {
		padding: 20px 0 50px 0;
	}

		#boksy4 > div,
		#boksy4a > div {
			display: block;
			width: auto;
			border: 0;
			border-top: 1px solid #87919D;
		}

		#boksy4 > div.odstep,
		#boksy4a > div.odstep {
			height: 30px;
		}





	#boksy5 {
		width: auto;
		padding: 0 20px 75px 20px;
	}

		#boksy5 > div {
			width: 33%;
			vertical-align: top;
		}

		#boksy5 > div.odstep {
			width: auto;
			padding: 60px 10px 0 10px;
		}




#info06 {
	height: auto;
	min-height: 610px;
}

	#info06 .formularz {
		width: auto;
		padding: 100px 20px;
	}

		#info06 .formularz > h2 {
			padding: 0;
			font-size: 25px;
			background: transparent;
			line-height: 1.4em;
			text-align: center;
		}

		#info06 .kolko {
			display: none;
		}


.input1 {
	margin: 20px auto;
}


}

@media (max-width:700px) {

	.mobile { display: block !important; }


	h1 {
		font-size: 24px;
		margin: 0 10px;
		text-shadow: 1px 1px #000;
	}
	h2 {
		margin: 0 10px 60px 10px;
		font-size: 20px;
		padding: 30px 0 15px 0;
	}
	h3 {
		padding: 0;
		font-family: 'Poppins', Arial;
		margin: 0;
		font-weight: 600;
		font-size: 18px;
		line-height: 1.2em;
	}



	#banner {
		background: url('obrazki/slider.jpg') no-repeat;
		background-position: center;
		background-size: cover !important;
	}

		#banner > div {
			height: 260px;
		}

				#banner > div > div > div {
					font-size: 18px;
					text-shadow: 1px 1px #000;
				}

	nav {
		position: relative;
		background: #fff;
		margin-top: 0;
	}

		nav > div > div {
			display: block;
			height: auto;
		}

			nav > div > div > a {
				display: block;
				text-align: center;
				color: #60C6BC;
				padding: 10px;
				border-bottom: 1px solid #EEE;
			}

			nav > div > div > a:first-child {
				padding: 10px;
			}


	#boksy1 {
		display: block;
		width: auto;
	}

		#boksy1 > .tekst1,
		#boksy1 > .tekst2 {
			display: block;
			width: auto;
		}

		#boksy1 > div.odstep {
			height: 50px;
		}

	#boksy5 {
		display: block;
		width: auto;
		padding: 0 0 50px 0;
		margin: 0 auto;
	}

		#boksy5 > div {
			display: block;
			width: auto;
		}

		#boksy5 > div.odstep {
			height: 1px;
			padding: 0;
		}

			#boksy5 > div.odstep img {
				display: none;
			}

		#boksy5 > div > h3 {
			padding: 0;
			font-size: 100px;
		}


#info06 {
	background: transparent;
	background-color: #0f315e;
	min-height: auto;
}



.input1 {
	width: 90%;
	height: 40px;
	font-size: 14px;
}

.submit1 {
	font-size: 16px;
	width: 240px;
	margin: 20px auto 0 auto;
}





	footer {
		font-size: 14px;
	}



}