@media (min-width: 0px) and (max-width: 1024px) {
	.reklamy-boczne {
		display: none;
		} 
}

@media (min-width: 0px) and (max-width: 480px) {
	.innemenuli {
		display: none;
	}

	input,
	textarea,
	select {
		background: #e6e9ed;
		margin: 0 0 20px 0px;
		padding: 9px 10px;
		border: 0;
		color: #000;
		display: block;
		width: 320px;
		font: 15px/20px roboto, sans-serif;
		outline: none;
		}

	textarea {
		height: 115px;
		}

	.ocheckbox {
		display: block;
		position: relative;
		padding-left: 23px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		margin-bottom: 5px;
		}

	.ocheckbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		}

	.chcheckmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 16px;
		width: 16px;
		background-color: #e6e9ed;
		border: 1px solid #e6e9ed;
		}

	.chcheckmark:after {
		content: "";
		position: absolute;
		display: none;
		}

	.ocheckbox input:checked ~ .chcheckmark:after {
		display: block;
		}

	.ocheckbox .chcheckmark:after {
		left: 5px;
		top: 2px;
		width: 4px;
		height: 8px;
		border: solid #58606b;
		border-width: 0 2px 2px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		}

	.oradio {
		display: block;
		position: relative;
		padding-left: 23px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		margin-bottom: 5px;
		}

	.oradio input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		}

	.chradio {
		position: absolute;
		top: 0;
		left: 0;
		height: 16px;
		width: 16px;
		background-color: #e6e9ed;
		border-radius: 50%;
		border: 1px solid #e6e9ed;
		}

	.chradio:after {
		content: "";
		position: absolute;
		display: none;
		}

	.oradio input:checked ~ .chradio:after {
		display: block;
		}

	.oradio .chradio:after {
		top: 4px;
		left: 4px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #58606b;
		}

	input[type="submit"] {
		display: block;
		background: var(--clr);
		padding: 12px 15px 10px 15px;
		font: bold 14px/1 'roboto condensed', sans-serif;
		text-transform: uppercase;
		color: #fff;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
		width: 100%;
		margin: 0 !important;
		}

	.osubmit {
		display: block;
		position: relative;
		content: " ";
		background: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/sh.png') no-repeat bottom center;
		background-size: 100% 15px;
		padding: 0 0 15px 0;
		max-width: 300px;
		}

	body>header {
		position: relative;
		width: 320px;
		height: 120px;
		margin: 0 auto;
		margin-bottom: 0px;
		}

	body.sticky>header>div, body>header>div {
		position: relative;
		width: 100%;
		height: 100px;
		position: fixed;
		top: 0;
		left: 0;
		background: #fff;
		z-index: 50;
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
		}

	body.sticky>header>div>div, body>header>div>div {
		position: relative;
		width: 320px;
		height: 100px;
		margin: 0 auto;
		}

	body>header h1, body>header h2 {
		display: inline-block;
		vertical-align: top;
		}

	a.lg {
		display: inline-block;
		text-indent: -9999px;
		}

	.sticky a.lg, a.lg {
		width: 130px;
		height: 75px;
		background: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/lg.png') no-repeat left top;
		background-size: 340px;
		position: relative;
		top: 12px;
		}

	body>header form {
		display: inline-block;
		vertical-align: top;
		width: 160px;
		height: 100px;
		padding-top: 33px;
		margin-left: 45px;
		}

	body.sticky>header form, body>header form {
		display: inline-block;
		vertical-align: top;
		width: 160px;
		height: 100px;
		padding-top: 33px;
		height: 67px;
		margin-left: 330px;

		display: none; /* do odpalenia w js */
		}

	body>header form input[type="text"] {
		background: #e6e9ed;
		border: 0;
		padding: 0;
		margin: 0;
		font: bold 16px/1 'roboto condensed', sans-serif;
		padding: 8px 32px 6px 10px;
		width: 115px;
		}

	body>header form input[type="submit"] {
		background: #e6e9ed;
		border: 0;
		padding: 0;
		margin: 0;
		padding: 0;
		width: 32px;
		height: 32px;
		background: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/lupe2.png') no-repeat center;
		text-indent: -9999px;
		position: absolute;
		top: 33px;
		left: 123px;
		}

	.menu-gorne {
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		vertical-align: middle;
		padding-top: 33px;

		display: none; /* do odpalenia w js */
		}

	.sticky .menu-gorne li:last-child, .menu-gorne li:last-child {
		display: none;
		}

	.menu-gorne li {
		display: inline-block;
		margin-left: 10px;
		}

	.menu-gorne li a {
		position: relative;
		display: block;
		height: 32px;
		padding-left: 27px;
		padding-right: 5px;
		font: bold 12px/1 'roboto condensed', sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 5px center;
		}

	.menu-gorne li a:hover {
		background-color: #e6e9ed;
		}

	.menu-gorne li a span {
		display: table-cell;
		height: 32px;
		vertical-align: middle;
		}

	.menu-gorne li a.zaloguj {
		background-image: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/zaloguj.png');
		}

	.menu-gorne li a.zamow-prenumerate {
		background-image: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/prenumerata.png');
		padding-left: 35px;
		}

	.menu-gorne li a.zamow-prenumerate span {
		display: table-cell;
		height: 32px;
		width: 75px;
		vertical-align: middle;
		}

	.menu-gorne li a.zamow-usluge {
		background-image: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/usluga.png');
		padding-left: 32px;
		}

	.menu-gorne li a.zamow-usluge span {
		display: table-cell;
		height: 32px;
		width: 40px;
		vertical-align: middle;
		}

	.menu-gorne li a.inne-nasze-tytuly {
		background-image: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/inne.png');
		padding-left: 35px;
		}

	.menu-gorne li a.inne-nasze-tytuly span {
		display: table-cell;
		height: 32px;
		width: 62px;
		vertical-align: middle;
		}

	.sticky .open-menu, .open-menu {
		display: block;
		background: #fff url('/styles/dzial-zlecen/rynekinstalacyjny//styles/dzial-zlecen/rynekinstalacyjny/gfx/bars2.png') no-repeat 6px 4px;
		font: bold 28px/33px 'roboto condensed', sans-serif;
		color: var(--clr);
		text-transform: uppercase;
		padding-left: 40px;
		position: absolute;
		top: 33px;
		left: 170px;
		width: 210px;
		cursor: pointer;
		z-index: 60;
		}

	.sticky .open-menu:hover, .open-menu:hover {
		box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
		}

	.sticky .open-menu:hover>div, .open-menu:hover>div {
		position: relative;
		left: -40px;
		margin-right: -40px;
		top: 0px;
		display: block !important;
		background: #fff;
		}

	.sticky .open-menu:hover>div>nav>ul, .open-menu:hover>div>nav>ul {
		background: #fff;
		padding-top: 10px;
		}

	.sticky .open-menu:hover>div>nav>ul li, .open-menu:hover>div>nav>ul li {
		position: relative;
		}

	.sticky .open-menu:hover>div>nav>ul li a, .open-menu:hover>div>nav>ul li a {
		border-top: 1px solid rgba(103, 113, 125, 0.5);
		display: block;
		font-weight: bold;
		text-decoration: none;
		font-size: 17px;
		line-height: 1;
		padding: 7px 10px 5px 10px;
		}

	.sticky .open-menu:hover>div>nav>ul li a:hover,
	.sticky .open-menu:hover>div>nav>ul li a.active,
	.open-menu:hover>div>nav>ul li a:hover,
	.open-menu:hover>div>nav>ul li a.active {
		background: #e6e9ed;
		color: #000;
		}
	
	li.gl a.zaloguj {
		background-image: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/zaloguj.png');
		background-repeat: no-repeat;
		background-position: 3px 2px;
		padding-left: 35px;
		color: #656d78;
		}

	li.gl a.zamow-prenumerate {
		background-image: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/prenumerata.png');
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 4px 3px;
		padding-left: 35px;
		color: #656d78;
		}

	li.gl a.zamow-usluge {
		background-image: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/usluga.png');
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 5px 4px;
		padding-left: 35px;
		color: #656d78;
		}

	li.gl a.inne-nasze-tytuly {
		background-image: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/inne.png');
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 5px 4px;
		padding-left: 35px;
		color: #656d78;
		}


	li.gl.newsletter a {
		color: var(--nwsclr);
		background-image: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/newsletter.png');
		background-repeat: no-repeat;
		background-position: 5px 4px;
		padding-left: 35px;
		}

	.menu-gorne li a.inne-nasze-tytuly span {
		display: table-cell;
		height: 32px;
		width: 62px;
		vertical-align: middle;
		}

	.sticky .open-menu:hover>div>nav>ul>li:first-child a, .open-menu:hover>div>nav>ul>li:first-child a {
		border: none;
		}

	.sticky .open-menu:hover>div>nav>ul li ul, .open-menu:hover>div>nav>ul li ul {
		display: none;
		position: absolute;
		top: 0;
		left: 220px;
		background: #fff;
		width: 250px;
		z-index: 60;
		box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
		}

	.sticky .open-menu:hover>div>nav>ul li:hover ul, .open-menu:hover>div>nav>ul li:hover ul {
		display: block;
		}

	body>nav {
		position: relative;
		width: 940px;
		margin: 0 auto;
		font-size: 0;
		display: none;
		}

	body>nav ul {
		position: relative;
		width: 940px;
		height: 64px;
		display: flex;
		justify-content: space-between;
		margin-top: 10px;
		}

	body>nav ul.sub {
		display: block;
		position: absolute;
		left: 0;
		justify-content: left;
		z-index: 10;
		}

	body>nav ul.sub li {
		margin-right: 1px;
		}

	body>nav ul li {
		display: inline-block;
		}

	body>nav ul li a {
		display: block;
		font: bold 13px/1 'roboto condensed', sans-serif;
		color: #000;
		text-decoration: none;
		text-transform: uppercase;
		padding: 8px;
		border-bottom: 3px solid #fff;
		}

	body>nav ul li a.active,
	body>nav ul li a:hover {
		color: var(--clr);
		border-bottom: 3px solid var(--clr);
		}

	body>nav.newsletter {
		margin-bottom: 10px;
		height: 32px;
		}

	body.sticky>nav.newsletter, body>nav.newsletter {
		position: fixed;
		top: 0px;
		left: 0;
		width: 100%;
		height: 1px;
		z-index: 50;
		}

	body.sticky>nav.newsletter>ul, body>nav.newsletter>ul {
		position: relative;
		display: block;
		width: 940px;
		height: 1px;
		margin: 0 auto;
		}

	body.sticky>nav.newsletter a, body>nav.newsletter a {
		position: relative;
		top: 100px;
		z-index: 50;
		box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
		}

	body>nav.newsletter ul {
		position: relative;
		width: 200px;
		display: block;
		margin: 0 0 0 auto;
		text-align: right;
		}

	body>nav.newsletter ul li a {
		display: block;
		color: var(--nwsclr);
		background: #fff url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/newsletter.png') no-repeat 5px center;
		padding: 0;
		border: none;
		font: bold 12px/1 'roboto condensed', sans-serif;
		padding: 10px 8px 10px 32px;
		position: relative;
		z-index: 20;
		}

	body>nav.newsletter ul li a:hover {
		background: #e6e9ed url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/newsletter.png') no-repeat 5px center;
		}

	main, .in-main {
		display: block;
		position: relative;
		margin: 0 auto;
		max-width: 480px;
		}

	.big-area {
		position: relative;
		margin-left: 0;
		width: 320px;
		}

	.area-300x200 {
		width: 300px;
		overflow: hidden;
		float: left;
		margin: 0 0px 20px 10px;
		}

    .content_search_index .area-300x200 {
		height: 140px;
		}

	.area-300x90 {
		width: 300px;
		height: 90px;
		overflow: hidden;
		float: left;
		margin: 0 0px 20px 10px;
		}

	.area-220x200 {
		width: 220px;
		height: 200px;
		overflow: hidden;
		float: left;
		margin: 0 0px 20px 10px;
		}

	.area-220x120 {
		width: 220px;
		height: 120px;
		overflow: hidden;
		float: none;
		margin: 0 auto 20px auto;
		}

	.area-220x150 {
		width: 220px;
		height: 150px;
		overflow: hidden;
		float: none;
		margin: 0 auto 20px auto;
		}

	.area-620x140 {
		height: 140px;
		overflow: hidden;
		float: left;
		width: 320px;
		margin: 0 0px 20px 0px;
		}

		section.title {
			position: relative;
			}

		section.title h1, 
		section.title h2, 
		section.title h3, 
		section.title h4, 
		section.title h5, 
		section.title h6 {
			font: bold 24px/1 'roboto condensed', sans-serif;
			color: var(--clr);
			display: block;
			padding-bottom: 4px;
			border-bottom: 2px solid var(--clr);
			margin-bottom: 11px;
			margin-right: 0px;
			padding-left: 10px;
			}

		article.prezentacja>header>.tytul {
			font: bold 24px/1 'roboto condensed', sans-serif;
			color: var(--clr);
			display: block;
			padding-bottom: 4px;
			border-bottom: 2px solid var(--clr);
			margin-bottom: 21px;
			margin-right: 0px;
			width: 320px;
			}

		.dodatkowy-link-headera {
			color: #747c86;
			display: inline-block;
			vertical-align: middle;
			text-decoration: none;
			margin-left: 0;
			font-size: 15px;
			}

		section.title.black h1, 
		section.title.black h2, 
		section.title.black h3, 
		section.title.black h4, 
		section.title.black h5, 
		section.title.black h6 {
			color: #000;
			border-bottom: 2px solid #000;
			}

		.menu-naglowkowe {
			position: relative;
			margin-left: 0px;
			top: -6px;
			overflow: hidden;
			max-height: none;
			}

		.menu-naglowkowe ul {
			font-size: 0;
			text-align: left;
			padding: 0 10px;
			}

		.menu-naglowkowe li {
			display: inline-block;
			}

		.menu-naglowkowe li a {
			display: block;
			color: var(--clr);
			font: bold 16px/1 'roboto condensed', sans-serif;
			text-decoration: none;
			padding: 10px 8px;

			font-size: 13px;
			}
		.menu-naglowkowe li a:hover, 
		.menu-naglowkowe li a.active {
			background: var(--clr);
			color: #fff;
			}

		.nad-stopka {
			display: block;
			float: left;
			margin: 20px 0;
			width: 320px;
			}

		.nad-stopka+.nad-stopka+.nad-stopka {
			width: 320px;
			}

		.nad-stopka header {
			display: block;
			border-bottom: 2px solid var(--clr);
			margin-bottom: 20px;
			}

		.nad-stopka header>h1,
		.nad-stopka header>h2,
		.nad-stopka header>h3,
		.nad-stopka header>h4,
		.nad-stopka header>h5,
		.nad-stopka header>h6 {
			font: bold 20px/30px 'roboto condensed', sans-serif;
			color: var(--clr);
			text-transform: uppercase;
			padding: 0 20px;
			}

		.nad-stopka p {
			text-align: justify;
			padding: 0 0px 15px 0px;
			color: #000; 
			}

	/* wlasne */

		.wlasne-940x100 {
			position: relative;
			height: 40px;
			margin-bottom: 40px;
			float: left;
			overflow: hidden;
			width: 320px;
			}

		.wlasne-940x100 header {
			display: none;
			}

		.wlasne-940x100 ul {
			font-size: 0;
			text-align: center;
			display: flex;
			justify-content: space-between;
			}

		.wlasne-940x100 ul li {
			display: inline-block;
			vertical-align: top;
			}

		.wlasne-940x100 ul li a {
			display: block;
			width: 100px;
			height: 40px;
			background-color: #fff;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			margin: 0 5px;
			}

	footer {
		position: relative;
		float: left;
		margin-right: 20px;
		padding: 5px;
		background: var(--clr);
		font: 11px/13px 'roboto condensed', sans-serif;
		color: #fff;
		text-align: center;

		font-size: 9px;
		line-height: 10px;
		margin-right: 0;
		margin-left: 0;
		width: auto;
		}

	article {
		position: relative;
		width: 700px;
		padding-right: 20px;
		float: right;
		font-size: 17px;
		line-height: 20px;
		color: #000;
		text-align: justify;

		float: none;
		padding-right: 0;
		width: 320px !important;
		}

	article img {
		max-width: 320px;
		}

	article.prezentacja {
		float: left;
		width: 640px;
		padding-bottom: 20px;

		width: 320px;
		}

	article>ul {
		list-style-type: disc;
		margin-bottom: 1em;
		margin-top: -1em;
		}

	article>ul li {
		margin-left: 30px;
		text-align: left;
		}

	article+aside {
		width: 240px;

		display: block;
		position: relative;
		margin: 30px auto;
		}

	article>header>.tytul {
		display: block;
		color: #000;
		font: bold 37px/34px 'roboto condensed', sans-serif;
		width: 650px;
		text-align: left;

		width: 320px;
		font: bold 30px/30px 'roboto condensed', sans-serif;
		}

	article>header>.podtytul {
		display: block;
		color: #656d78;
		font: bold 20px/1 'roboto condensed', sans-serif;
		padding: 7px 0 0 0;
		width: 650px;
		text-align: left;

		width: 320px;
		}

	article>.ilustracja {
		display: block;
		height: 350px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		margin-bottom: 20px;
		text-indent: -9999px;
		margin-top: 10px;
		}

	article>p {
		margin-bottom: 20px;
		}

	.zobacz-takze {
		display: block;
		position: relative;
		margin-right: -20px;

		margin-right: 0px;
		}

	.zobacz-takze>header>h1,
	.zobacz-takze>header>h2,
	.zobacz-takze>header>h3,
	.zobacz-takze>header>h4,
	.zobacz-takze>header>h5,
	.zobacz-takze>header>h6 {
		color: #656d78;
		font: bold 17px/1 'roboto condensed', sans-serif;
		border-bottom: 1px solid #b2b6bb;
		position: relative;
		display: block;
		margin-bottom: 10px;
		margin-right: 20px;

		margin-right: 0;
		}

	.galeria-artykul {
		position: relative;
		width: 700px;
		margin: 0 auto;
		margin-bottom: 12px;

		width: 320px;
		}

	.galeria-artykul>header {
		display: none;
		}

	.galeria-artykul a.ilustracja {
		display: block;
		height: 450px;
		background-color: #f6f7fb;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		text-indent: -9999px;
		margin-bottom: 8px;

		width: 320px;
		height: 240px;
		}

	.galeria-artykul a:hover {
		opacity: 0.7;
		}

	.galeria-artykul nav {
		position: relative;
		margin-right: -8px;
		font-size: 0;
		}

	.galeria-artykul ul {
		text-align: center;
		}

	.galeria-artykul ul li {
		display: inline-block;
		}

	.galeria-artykul ul li a {
		display: block;
		border-bottom: 2px solid #fff;
		margin: 8px;
		}

	.galeria-artykul ul li a span {
		display: block;
		width: 100px;
		height: 65px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-bottom: 4px solid #fff;
		}

	.galeria-artykul ul li a:hover,
	.galeria-artykul ul li a.active {
		display: block;
		border-bottom: 2px solid var(--clr);
		opacity: 1;
		}

	.komentarze-lista {
		display: block;
		position: relative;
		width: 640px;
		float: left;
		margin-top: -10px;
		margin-bottom: 20px;

		width: 320px;
		}

	.komentarze-lista li {
		display: block;
		position: relative;
		margin-top: 20px;
		}

	.komentarze-area {
		position: relative;
		margin-bottom: 50px;
		margin-top: 20px;
		}

	.komentarze-area .avatar {
		display: block;
		text-indent: -9999px;
		width: 60px;
		height: 60px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 30px;
		height: 30px;
		}

	.komentarze-lista li small {
		display: block;
		color: #79818c;
		font-size: 10px;
		line-height: 15px;
		margin-left: 40px;
		}

	.komentarze-lista li span {
		display: block;
		position: relative;
		clear: both;
		color: #000;
		font-size: 14px;
		line-height: 17px;
		margin-left: 80px;
		width: 540px;
		margin-top: 2px;
		min-height: 40px;
		text-align: justify;

		font-size: 13px;
		line-height: 15px;
		margin-left: 40px;
		width: 280px;
		margin-top: 2px;
		min-height: 15px;
		}

	.komentarze-area form {
		display: block;
		position: relative;
		width: 640px;
		float: left;
		margin-top: 20px;
		margin-bottom: 20px;

		width: 320px;
		}

	.komentarze-area form input,
	.komentarze-area form textarea {
		margin-left: 80px;
	
		margin-left: 40px;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 260px;
		}

	.recaptcha {
		display: block;
		width: 305px;
		height: 80px;
		background: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/recaptcha.jpg');
		margin-left: 80px;

		margin-left: 10px;
		}

	.komentarze-area .osubmit {
		margin-right: 20px;
		margin-left: 400px;
		float: right;
		width: 150px;


		display: block;
		float: none;
		margin-right: 0;
		margin-left: 40px;
		margin-top: 10px;
		width: 260px;
		}

	.srednia-ocena {
		position: relative;
		display: block;
		margin: 20px 0 0 auto;
		height: 14px;
		width: 194px;
		}

	.srednia-ocena header {
		color: #aab2bd;
		font-size: 12px;
		line-height: 14px;
		display: inline-block;
		vertical-align: top;
		}

	.stars {
		display: inline-block;
		vertical-align: top;
		width: 70px;
		height: 14px;
		background: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/g0.png')
		}

	.stars>span {
		display: inline-block;
		vertical-align: top;
		height: 14px;
		background: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/g.png')
		}

	.galeria-2-artykul {
		position: relative;
		margin: 20px -12px 20px 0px;
		}

	.galeria-2-artykul>header {
		display: none;
		}

	.galeria-2-artykul ul {
		font-size: 0;
		}

	.galeria-2-artykul ul li {
		display: inline-block;
		font-size: 0;
		}

	.galeria-2-artykul ul li a {
		display: block;
		width: 154px;
		height: 110px;
		position: relative;
		margin: 0 12px 12px 0;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		}
	.galeria-2-artykul ul li a:hover {
		opacity: 0.75;
		}

	.galeria-2-artykul ul li a span.ostars {
		position: absolute;
		right: 0px;
		top: 0px;
		padding: 8px;
		background: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/ssh.png') no-repeat 0px 6px;
		}

	.miniatura-galeria .ostars {
		position: absolute;
		right: 0px;
		top: 0px;
		padding: 8px;
		background: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/ssh.png') no-repeat 0px 6px;
		z-index: 10;
		}

	.baza-firm-area>section.title {
		margin-bottom: 20px;
		}

	.porownywarka-area>section.title {
		display: none;
		}

	.baza-firm-area aside,
	.porownywarka-area aside {
		position: relative;
		display: block;
		float: left;
		width: 320px;
		}

	.baza-firm-area aside {
		display: none;
		}

	.baza-firm-area.comparer-x aside {
		display: block;
		margin-right: 0;
		margin-left: 10px;

		margin-left: 0;
		}

	.twothird-area {
		position: relative;
		display: block;
		float: left;
		width: 640px;

		width: 320px;
		}

	form.baza-firm-wysz,
	form.porownywarka-wysz {
		position: relative;
		width: 620px;
		height: 175px;

		width: 310px;
		height: 380px;
		padding-left: 10px;
		}

	.comparer-x form.baza-firm-wysz {
		height: 130px;
		width: 320px;
		padding-left: 10px;
		position: relative;
		margin: 0 auto;
		}

	.comparer-x form.baza-firm-wysz .osubmit {
		margin-left: 90px;
		margin-right: 0;
		top: -10px;
		}

	form.baza-firm-wysz select,
	form.baza-firm-wysz input,
	div.achck,
	form.baza-firm-wysz .osubmit,
	form.porownywarka-wysz select,
	form.porownywarka-wysz input,
	form.porownywarka-wysz .osubmit {
		width: 280px;
		margin-right: 20px;
		float: left;
		vertical-align: top;
		}

	form.baza-firm-wysz select,
	form.porownywarka-wysz select {
		width: 300px;
		}

	form.baza-firm-wysz input,
	form.porownywarka-wysz input {
		margin-right: 0;
		}

	form.baza-firm-wysz .osubmit,
	form.baza-firm-wysz .osubmit input,
	form.porownywarka-wysz .osubmit,
	form.porownywarka-wysz .osubmit input {
		width: 120px;
		}

	form.baza-firm-wysz .osubmit {
		margin-left: 105px;
		}

	form.porownywarka-wysz .osubmit {
		margin-left: 415px;

		margin-left: 105px;
		}

	.achck {
		height: 28px;
		padding-top: 10px;
		font-size: 15px;
		color: #000;
		margin-bottom: 20px;
		margin-right: 0;
		}

	.achck.z-prezentacja-checkbox {
		width: 230px;
		margin-left: 40px;
		}

	.achck.producent-checkbox {
		width: 95px;
		}

	.achck.uslugi-checkbox {
		width: 70px;
		}

	.achck.dystrybutor-checkbox {
		width: 90px;
		}

	section.lista-prezentacji-prezentacja,
	section.produkt-box,
	section.wizytowka-box {
		position: relative;
		display: block;
		padding: 20px 0 20px 20px;
		background: #f5f7fa;
		margin: 20px;
		margin-left: 0;
		font-size: 0;

		margin-right: 0;
		}

	section.wizytowka-box {
		display: inline-block;
		margin-top: 10px;
		width: 680px;

		width: 300px;
		}

	section.wizytowka-box+aside {
		width: 220px;
		display: inline-block;
		vertical-align: top;

		width: 320px;
		}

	section.wizytowka-box+aside section.title h1, 
	section.wizytowka-box+aside section.title h2, 
	section.wizytowka-box+aside section.title h3, 
	section.wizytowka-box+aside section.title h4, 
	section.wizytowka-box+aside section.title h5, 
	section.wizytowka-box+aside section.title h6 {
		color: #aab2bd;
		display: block;
		border-bottom: 0;
		margin-top: 10px;
		}

	section.lista-prezentacji-prezentacja a,
	section.produkt-box a,
	section.wizytowka-box a {
		text-decoration: none;
		}

	section.lista-prezentacji-prezentacja>header,
	section.produkt-box>header,
	section.wizytowka-box>header {
		display: none;
		}

	section.lista-prezentacji-prezentacja>div,
	section.produkt-box>div,
	section.wizytowka-box>div {
		display: inline-block;
		vertical-align: top;
		margin-right: 20px;
		font: normal 18px/23px 'roboto condensed', sans-serif;
		color: #000;
		position: relative;
		}

	section.produkt-box>div,
	section.wizytowka-box>div {
		font: normal 18px 'roboto condensed', sans-serif;
		}

	section.lista-prezentacji-prezentacja>div:nth-child(2) {
		width: 260px;
		margin-top: -20px;

		width: 280px;
		padding-bottom: 30px;
		}

	section.lista-prezentacji-prezentacja>div:nth-child(2) p,
	section.lista-prezentacji-prezentacja>div:nth-child(2) li {
		font-weight: bold;
		display: inline;
		}

	section.lista-prezentacji-prezentacja>div:nth-child(2) strong {
		font-weight: normal;
		margin-top: 20px;
		position: relative;
		display: block;
		}

	section.lista-prezentacji-prezentacja>div:nth-child(3) {
		width: 400px;

		width: 280px;
		padding-bottom: 30px;
		}

	section.lista-prezentacji-prezentacja>div:nth-child(3) li {
		font-weight: bold;
		display: block;
		border-top: 1px solid #d1d4d9;
		text-align: right;
		padding-top: 5px;
		line-height: 1.15;
		}

	section.lista-prezentacji-prezentacja>div:nth-child(3) ul li:first-child {
		border: none;
		padding-top: 0px;
		}

	section.lista-prezentacji-prezentacja>div:nth-child(3) li span {
		font-weight: normal;
		display: block;
		text-align: left;
		}

	section.lista-prezentacji-prezentacja>div:nth-child(4) {
		width: 180px;
		height: 180px;
		margin-left: 20px;
		margin-right: 0;
		background-repeat: no-repeat;
		background-position: top left;
		background-size: 180px auto;

		width: 280px;
		height: 280px;
		background-size: 280px auto;
		margin-left: 0;
		}

	section.produkt-box>div:nth-child(2) {
		width: 220px;
		padding-right: 20px;
		border-right: 1px solid #d1d4d9;

		padding: 0px;
		border: none;
		width: 280px;
		border-bottom: 1px solid #d1d4d9;
		margin-bottom: 20px;
		}

	section.produkt-box div.logo,
	section.wizytowka-box div.logo {
		display: block;
		position: relative;
		background-color: #fff;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: auto 100px;
		height: 100px;
		}

	section.produkt-box>div:nth-child(2) strong {
		color: #656d78;
		font-weight: normal;
		display: block;
		margin-top: 20px;
		}

	section.produkt-box>div:nth-child(2) p {
		color: #000;
		font-size: 16px;
		font-weight: bold;
		}

	section.produkt-box form,
	section.wizytowka-box form {
		position: relative;
		display: block;
		margin-top: 20px;
		font-size: 0;
		text-align: center;
		}

	section.produkt-box form .osubmit,
	section.wizytowka-box form .osubmit {
		width: 100px;
		display: inline-block;
		}

	section.produkt-box form .osubmit:last-child,
	section.wizytowka-box form .osubmit:last-child {
		margin-left: 20px;
		}

	section.produkt-box>div:nth-child(3) {
		width: 290px;
		padding-right: 20px;
		border-right: 1px solid #d1d4d9;
		font-size: 17px;

		padding: 0px;
		border: none;
		width: 280px;
		border-bottom: 1px solid #d1d4d9;
		margin-bottom: 20px;
		}

	section.produkt-box>div:nth-child(3) li {
		display: block;
		padding: 5px 0;
		}

	section.produkt-box>div:nth-child(3) li>span {
		color: #656d78;
		font-weight: normal;
		display: inline-block;
		vertical-align: top;
		width: 100%;
		margin-right: 20px;
		}

	section.produkt-box>div:nth-child(3) li>span:nth-child(2) {
		color: #000;
		font-weight: bold;
		display: inline-block;
		vertical-align: top;
		width: 100%;
		margin-right: 0px;
		}

	span.info {
		background: var(--clr);
		display: inline-block;
		position: relative;
		padding: 0;
		margin: 0;
		width: 17px !important;
		height: 17px;
		border-radius: 50%;
		cursor: pointer;
		margin-left: 5px;
		top: 2px;
		opacity: 0.7;

		display: block;
		background: none;
		height: auto;
		}

	span.info:after {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		padding: 0;
		margin: 0;
		width: 17px !important;
		height: 17px;
		border-radius: 50%;
		content: "i";
		color: #fff;
		text-align: center;
		font-size: 15px;
		line-height: 19px;
		font-weight: bold;
		font-family: courier, monotype;

		background: var(--clr);
		}

	span.info span {
		display: none !important;

		display: block !important;
		}

	span.info:hover {
		opacity: 1;
		}

	span.info {
		opacity: 1;
		}

	span.info:hover>span {
		display: block !important;
		background: #555b65;
		position: absolute;
		bottom: 24px;
		left: 0;
		color: #fff !important;
		padding: 5px;
		font-size: 13px;
		width: 200px !important;
		border-radius: 5px;
		}

	span.info>span,
	span.info:hover>span {
		display: block !important;
		background: #555b65;
		position: absolute;
		bottom: 24px;
		left: 0;
		color: #fff !important;
		padding: 5px;
		font-size: 13px;
		width: 200px !important;
		border-radius: 5px;

		position: relative;
		left: 0;
		top: 0;
		width: 250px !important;
		margin-left: 20px;
		height: auto !important;
		}

	.porownanie span.info>span,
	.porownanie span.info:hover>span {
		display: block !important;
		background: #fff;
		color: #aab2bd !important;
		padding: 2px;
		font-weight: normal;
		font-size: 12px;
		padding-left: 0;
		}


	span.info:hover>span:after {
		content: " ";
		background: #555b65;
		display: block;
		width: 12px !important;
		height: 12px !important;
		position: absolute;
		bottom: -5px;
		left: 3px;
		transform:rotate(45deg);

		display: none;
		}

	section.produkt-box>div:nth-child(4) {
		width: 310px;
		padding: 0px;
		margin: 0;

		padding-bottom: 30px;
		}

	section.produkt-box>div:nth-child(4) img {
		width: 310px;
		height: auto;

		width: 280px;
		}

	.do-porownania {
		font: bold 14px/1 'roboto condensed', sans-serif;
		text-transform: uppercase;
		color: var(--cmpclr);
		text-decoration: none;
		display: block;
		position: relative;
		padding: 0 0 0 22px;
		border-radius: 99px;
		}

	.do-porownania:hover {
		color: var(--cmphclr);
		}

	.do-porownania:after {
		content: "+";
		color: #fff;
		display: block;
		background: var(--cmpclr);
		width: 16px;
		height: 16px;
		border-radius: 50%;
		text-align: center;
		line-height: 17px;
		font-family: roboto, sans-serif;
		font-weight: bold;
		position: absolute;
		left: 0;
		top: -2px;
		}

	.produkt-duzy-area article {
		width: auto;
		float: none;
		}

	article>img {
		max-width: 700px;
		margin: 0 auto;
		display: block;
		margin-bottom: 20px;

		max-width: 320px;
		}

	section.wizytowka-box>div:nth-child(2) {
		width: 200px;
		font-size: 15px;

		width: 280px;
		padding-bottom: 30px;
		}

	section.wizytowka-box>div:nth-child(2) strong {
		font-weight: normal;
		display: block;
		}

	section.wizytowka-box>div:nth-child(2) p {
		font-weight: bold;
		display: block;
		margin-bottom: 20px;
		}

	section.wizytowka-box>div:nth-child(3) {
		width: 240px;
		font-size: 15px;

		width: 280px;
		padding-bottom: 30px;
		}

	section.wizytowka-box>div:nth-child(3) li {
		display: block;
		padding: 4px 0 2px 0;
		border-bottom: 1px solid #d1d4d9;
		}

	section.wizytowka-box>div:nth-child(3) li>span {
		font-weight: normal;
		display: block;
		/* vertical-align: top; */
		text-align: left;
		}

	section.wizytowka-box>div:nth-child(3) li>span:nth-child(2) {
		color: #000;
		font-weight: bold;
		display: block;
		text-align: right;
		}

	section.wizytowka-box>div:nth-child(4) {
		width: 180px;
		margin-right: 0;
		font-size: 13px;

		width: 280px;
		}

	section.wizytowka-box>div:nth-child(4) .logo {
		height: 180px;
		background-size: contain;
		}

	section.wizytowka-box>div:nth-child(4) ul {
		display: block;
		font-weight: bold;
		text-align: right;
		margin-top: 20px;
		}

	article.prezentacja a {
		font-weight: bold;
		text-decoration: none;
		}

	article.prezentacja+aside {
		display: block;
		float: right;
		width: 260px;
		margin-right: 20px;
		margin-top: 55px;

		width: 320px;
		margin-right: 0;
		margin-top: 0;
		}

	article.prezentacja+aside img {
		width: 260px;

		width: 320px;
		}

	article.prezentacja+aside div.logo {
		display: block;
		position: relative;
		background-color: #fff;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: auto 100px;
		height: 100px;
		margin-top: 40px;
		margin-bottom: 40px;
		}

	article.prezentacja+aside form {
		display: block;
		position: relative;
		width: 200px;
		margin: auto;
		}

	article.prezentacja+aside form .osubmit {
		margin-bottom: 10px;
		}

    /*

	.miniatura-produkt-2 a.do-porownania {
		margin: 8px auto 5px auto;
		width: 105px;
		text-decoration: none;
		}

    */

	.kat-menu ul {
		display: block;
		position: relative;
		background: #f5f7fa;
		margin-right: 20px;

		margin-right: 0;
		}

	.porownywarka-kategoria-area .kat-menu {
		margin-top: 120px;
		}

	.kat-menu ul li {
		position: relative;
		}

	.kat-menu ul li ul {
		display: block;
		position: absolute;
		top: 0;
		left: 260px;
		background: #f5f7fa;
		margin-right: 20px;
		z-index: 50;
		width: 300px;
		box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
		display: none;
		}

	.kat-menu ul li:hover ul {
		display: block;
		}

	.kat-menu li a {
		display: block;
		color: #656d78;
		font: normal 18px/1 'roboto condensed', sans-serif;
		text-decoration: none;
		padding: 10px 50px 9px 20px;
		border-bottom: 1px solid #e0e2e7;
		position: relative;
		}

	/* .porownywarka-kategoria-area .kat-menu li a {
		} */

	.kat-menu li a span {
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 5px 10px;
		position: absolute;
		right: 10px;
		top: 15px;
		}

	.kat-menu li li a span {
		display: none;
		}

	.kat-menu li a:hover, 
	.kat-menu li a.active {
		background: #e0e2e7;
		color: var(--clr);
		font-weight: bold;
		}

	.porownywarka-kategoria-area .kat-menu li a:hover, 
	.porownywarka-kategoria-area .kat-menu li a.active {
		background: #e0e2e7;
		color: #000;
		font-weight: bold;
		}

    /*

	.miniatura-produkt-szeroki a.ilustracja {
		position: absolute;
		left: 0;
		top: 0;
		width: 200px;
		height: 140px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		text-indent: -9999px;

		width: 100px;
		height: 70px;
		}

	.miniatura-produkt-szeroki header a {
		display: block;
		color: var(--clr);
		font: bold 18px/15px 'roboto condensed', sans-serif !important;
		text-decoration: none;
		margin-left: 220px;
		margin-right: 130px;
		padding-bottom: 5px;
		text-align: left;

		margin-left: 110px;
		margin-right: 0px;
		}

	.miniatura-produkt-szeroki .do-porownania {
		position: absolute;
		top: 4px;
		right: 0;

		right: auto;
		left: 0;
		top: 80px;
		font-size: 14px;
		width: 100px;
		}

	.miniatura-produkt-szeroki p.krotka-zajawka {
		display: block;
		color: #656d78;
		font-size: 13px;
		line-height: 15px;
		text-align: justify;
		margin-left: 220px;

		margin-left: 110px;
		}

    */

	nav.stronicowanie {
		display: block;
		text-align: right;
		margin: 40px 20px;

		margin: 40px 0px;
		}

	.stronicowanie ul {
		font-size: 0;
		}

	.stronicowanie li {
		font: bold 14px/1 'roboto condensed', sans-serif;
		color: #000;
		display: inline-block;
		vertical-align: top;
		width: 30px;
		text-align: center;
		line-height: 30px;
		}

	.stronicowanie li a {
		display: block;
		width: 30px;
		height: 30px;
		color: #000;
		text-decoration: none;
		border-bottom: 2px solid #fff;
		}

	.stronicowanie li a.active,
	.stronicowanie li a:hover {
		display: block;
		width: 30px;
		height: 30px;
		color: var(--clr);
		text-decoration: none;
		border-bottom: 2px solid var(--clr);
		}

	.stronicowanie li a:hover {
		background: #f6f7fb;
		}

	.porownanie {
		position: relative;
		font-size: 0;
		}

	.porownanie>header>h1, 
	.porownanie>header>h2, 
	.porownanie>header>h3, 
	.porownanie>header>h4, 
	.porownanie>header>h5, 
	.porownanie>header>h6 {
		font: bold 24px/1 'roboto condensed', sans-serif;
		color: var(--clr);
		display: block;
		padding-bottom: 4px;
		border-bottom: 2px solid var(--clr);
		margin-bottom: 11px;
		margin-right: 20px;

		margin-right: 0;
		font-size: 20px;
		}

	.porownanie>div {
		font-size: 12px;
		color: #000;
		}

	.porownanie .wybrane {
		position: relative;
		width: 215px;
		height: 145px;
		float: left;
		border-right: 1px solid #e6e9ed;
		padding: 10px 10px 10px 10px;

		border: 0;
		width: 300px;
		height: auto;
		margin-bottom: 20px;
		display: block;
		background: #f6f7fb;
		}

	.porownanie .wybrane>header {
		margin-bottom: 1em;
		position: relative;
		}

	.porownanie .wybrane ol {
		list-style-type: decimal;
		margin-left: 13px;
		}

	.porownanie .wybrane ol li {
		position: relative;
		margin-right: 30px;
		line-height: 1.2;
		margin-bottom: 5px;
		}

	.porownanie .wybrane .usun {
		display: block;
		width: 13px;
		height: 13px;
		background: var(--blclr);
		border-radius: 50%;
		color: #fff;
		text-align: center;
		line-height: 11px;
		font-size: 26px;
		position: absolute;
		top: 0px;
		right: -17px;
		cursor: pointer;
		z-index: 10;
		}

	.porownanie .wybrane a.nowe {
		display: block;
		margin-right: 10px;
		font-weight: bold;
		text-decoration: none;
		color: var(--blclr);
		text-align: right;
		position: relative;
		z-index: 10;
		margin-top: 10px;
		}

	.porownanie .wierszx .porownanie-mini {
		width: 214px;
		float: left;
		height: 145px;
		float: left;
		border-right: 1px solid #e6e9ed;
		padding: 10px;
		position: relative;
		z-index: 10;

		width: 106px;
		height: 160px;
		padding: 0;
		border: none;
		}

	.porownanie .wierszx .porownanie-mini:last-child {
		width: 215px;
		float: left;
		height: 145px;
		float: left;
		border-right: none;
		padding: 10px;

		width: 106px;
		height: 160px;
		padding: 0;
		border: none;
		}

	.porownanie .wierszx .porownanie-mini header {
		position: absolute;
		bottom: 15px;
		}

	.porownanie .wierszx .porownanie-mini header a {
		font: bold 20px/1 'roboto condensed', sans-serif;
		display: table-cell;
		/* vertical-align: middle; */
		text-align: center;
		width: 214px;
		height: 2em;
		max-height: 2em;
		overflow: hidden;
		text-decoration: none;

		display: block;
		width: 106px;
		font-size: 13px;
		height: 4em;
		max-height: 4em;
		display: block;
		top: 5px !important;
		position: relative;
		}

	.porownanie .wierszx .porownanie-mini .ilustracja {
		display: block;
		/* vertical-align: middle; */
		width: 158px;
		height: 95px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		text-align: left;
		text-indent: -9999px;
		margin: 0 auto;

		width: 103px;
		height: 95px;
		}

	.porownanie .naglowek {
		display: block;
		clear: both;
		background: #aab2bd;
		font: bold 17px/30px 'roboto condensed', sans-serif;
		text-transform: uppercase;
		color: #fff;
		padding: 0 10px;
		position: relative;
		margin-right: 20px;

		margin-right: 0;
		}

	.porownanie .wiersz {
		display: block;
		clear: both;
		position: relative;
		background: #fff;
		margin-right: 20px;
		}

	.porownanie .wiersz:nth-child(odd) {
		background: #f5f7fa;

		background: #fff;
		}

	.porownanie .wiersz>div {
		padding: 7px 10px;
		line-height: 16px;
		display: inline-block;
		border-right: 1px solid #e6e9ed;
		width: 211px;
		font-weight: bold;
		text-align: center;

		width: 300px;
		border: none;
		text-align: left;
		border-bottom: 1px solid #dcdfe4;
		font-weight: normal;
		}

	.porownanie .wiersz>div:last-child {
		border-right: none;
		width: 210px;

		width: 300px;
		border: none;
		}

	.porownanie .wiersz>div:first-child {
		width: 216px;
		font-weight: normal;
		text-align: left;

		width: 300px;
		border: none;
		background: #aab2bd69;
		font-weight: bold;
		}

	.porownanie .wiersz>div .tyta {
		display: block;
		font-weight: bold;
		color: var(--clr);
		left: -8px;
		position: relative;
		}

	.porownanie {
		margin-bottom: 40px;
		}

	.tak, .nie {
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/tak.png') no-repeat;
		text-indent: -9999px;
		}

	 .nie {
		background: url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/nie.png') no-repeat;
		}

	.produkt-duzy-area article>header {
		display: none;
		}

	.wizytowka-area article {
		width: auto;
		margin-left: 0;
		}

	.wizytowka-area article>header {
		display: none;
		}

	.login-form-x,
	.register-x,
	.fos_user_resetting_request {
		width: 500px;
		background: #f6f7fb;
		position: relative;
		margin: 50px auto;
		text-align: center;
		padding: 20px 0;

		width: 320px;
		}

	.login-form-x input,
	.register-x input,
	.register-x select {
		width: 300px;
		margin: 0 auto !important;
		position: relative;
		}

	.fos_user_resetting_request input,
	.fos_user_resetting_request select {
		margin: 20px auto !important;
		}


	.card {
		padding: 20px;
		text-align: left;
		font-size: 16px;

		width: 300px;
		padding: 10px;
		font-size: 14px;
		}

	.card-header {
		font: bold 24px/1 'roboto condensed', sans-serif;
		color: var(--clr);
		display: block;
		padding-bottom: 4px;
		border-bottom: 2px solid var(--clr);
		margin-bottom: 11px;
		margin-right: 0px;
		}

	.login-form-x input,
	.register-x input,
	.register-x select,
	.fos_user_resetting_request input,
	.fos_user_resetting_request select {
		width: 300px;
		margin: 0 auto !important;
		position: relative;

		width: 250px;
		}

	.fos_user_resetting_request input,
	.fos_user_resetting_request select {
		margin: 20px auto !important;
		}


	.login-form-x label,
	.register-x label {
		margin: 20px 0 5px 0;
		display: block;
		}

	.login-form-x input[type="checkbox"],
	.register-x input[type="checkbox"] {
		margin: 0 !important;
		margin-top: 20px !important;
		display: inline-block;
		width: 30px;
		}

	.login-form-x input[type="checkbox"]+label,
	.register-x input[type="checkbox"]+label {
		margin: 0 !important;
		margin-top: 18px !important;
		display: inline-block;
		vertical-align: top;
		width: 280px;
		text-align: left;

		width: 180px;
		}

	.register-x .g-recaptcha {
		margin: 0 auto 20px auto !important;
		margin-left: 100px !important; 

		margin-left: 10px !important; 
		}

	.login-form-x input[type="submit"] {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		}

	.nologin-menu li:last-child a {
		font: bold 20px 'roboto condensed', sans-serif;
		display: block;
		margin-top: 20px;
		text-decoration: none;
		}

	.user-menu-top {
		position: absolute;
		background: #eee;
		padding-right: 10px;
		}

	.user-menu-top a {
		color: #000;
		padding: 10px 2px !important;
		line-height: 1 !important;
		height: 1em !important;
		margin: 0 !important;
		}

	.open-menu.mobile-menu {
		width: 50px;
		height: 50px !important;
		padding: 0;
		position: absolute;
		top: 25px;
		left: auto;
		right: 0;
    	background: #eef0f3 url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/bars2.png') no-repeat center;
		background-size: 40px;
		}

	.open-menu.mobile-menu>span {
		display: none;
		}

	.search-btn {
		cursor: pointer;
		width: 50px;
		height: 50px !important;
		padding: 0;
		position: absolute;
		top: 25px;
		left: auto;
		right: 70px;
    	background: #eef0f3 url('/styles/dzial-zlecen/rynekinstalacyjny/gfx/lupe2.png') no-repeat center;
		background-size: 40px;
		text-indent: -9999px;
		}

	.sticky .open-menu:hover {
		box-shadow: none;
		}

	.sticky .open-menu:hover>div {
		display: none !important;
		}

	.overall-menu,
	.overall-search {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		background: #fff;
		}
	
	.overall-menu {
		overflow-y: scroll !important;
		}

	.overall-search>div {
		display: block;
		text-align: center;
		padding: 100px 50px;
		}
	
	.overall-menu>nav {
		display: block;
		margin-right: 60px;
		overflow-y: scroll
		}

	.overall-menu>nav ul li a {
		position: relative;
		display: block;
		font: bold 16px/1 'roboto condensed', sans-serif;
		color: #000000;
		text-decoration: none;
		text-transform: uppercase;
		padding: 8px;
		border-bottom: 1px solid #dbdee0;
		}

	.overall-menu>nav ul li li a {
		padding-left: 20px;
		}

	.overall-menu>nav ul li li li a {
		padding-left: 32px;
		}

	.overall-menu>nav ul li li li li a {
		padding-left: 44px;
		}

	.overall-menu>nav ul li a.active, 
	.overall-menu>nav ul li a:hover {
		background-color: #dbdee059; 
		border-bottom: 1px solid #dbdee0;
		}

	.overall-menu nav ul li a.nav-link {
		padding-left: 35px;
		font-size: 1em;
		color: var(--clr);
		}

	.overall-menu .close,
	.overall-search .close {
		cursor: pointer;
		color: var(--clr);
		font-size: 50px;
		line-height: 48px;
		font-weight: bold;
    	background: #eef0f3;
    	display: block;
    	width: 50px;
    	height: 50px;
    	text-align: center;
    	position: absolute;
    	top: 0;
    	right: 0;
		} 

	.overall-search input {
		font-size: 23px;
		width: 100%;
		position: relative;
		display: block;
		margin: 20px auto;
		}

	.overall-search input[type="text"] {
		width: 200px;
		}

	.image-sextant a {
		display: block;
		position: relative;
		text-align: center;
		padding-top: 30px;
		}
	
	.image-sextant a i {
		display: block;
		text-align: center;
		position: absolute;
		top: 10px;;
		left: 0;
		width: 100%;
		}

	.gallery-title {
		text-align: center;
		}

	.hassub {
		font-family: sans-serif;
		position: absolute;
		right: 10px;
		top: 8px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0.2;

		display: block;
		width: 32px !important;
		height: 32px !important;
		top: 0px;
		right: 0;
		text-align: center;
		line-height: 30px;
		cursor: pointer;
		}

	.hassub.sup {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		}
	
	section.text-content {
		padding-right: 0;
		}

	.big-area.lista-prezentacji-area .miniatura {
		margin-left: 50px;
		} 


	.product-x section.produkt-box {
		padding: 20px !important;
		}

	.product-x .produkt-box>div {
		border: none;
		}

	.product-x section.produkt-box>div {
		border: none;
		width: 280px;
		}

	.alert-messages .alert-message {
		display: block;
		padding: 10px;
		width: 300px;
		margin: 0.5rem;
		font-size: 13px;
		background-color: #fff;
		position: relative;
		border: 2px solid var(--clr);
		box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.31);
		}

	#comparer_bar {
		padding: 0;
		}

	#comparer_bar section {
		width: 980px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-content: center;

		width: 320px;
		min-height: 70px;
		}

	#comparer_bar .col-1 {
		padding: 0;
		width: 100px;
		}

	#comparer_bar .col-1 header {
		font-size: 13px;
		text-align: center;
		padding: 10px;
		line-height: 1.2em;
		font-weight: bold;
		}

	#comparer_bar section .comparer-products li {
		display: inline-block;
		vertical-align: top;
		width: 180px;
		margin: 5px 15px 5px 5px;
		position: relative;
		background-color: rgba(255, 255, 255, 0.1);
		overflow: hidden;
		padding: 5px;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
		}

	#comparer_bar section .comparer-products li .product-image {
		width: 30px;
		height: 30px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		float: left;
		margin: 0 0.5rem 0 0;
		}

	.comparer-delete-link {
		position: absolute;
		top: 0.2rem;
		right: 0.2rem;
		font-size: 35px !important;
		line-height: 0.7;
		}

	#comparer_bar section .comparer-clean-link {
		font-size: 45px;
		opacity: 0.8;
		padding: 0;
		line-height: 1;
		width: 40px;
		display: block; 
		}

	.fos_user_user_show,
	.fos_user_profile_edit,
	.fos_user_change_password {
		width: 900px;
		margin-bottom: 20px;
		margin-left: 20px;
		padding: 20px;
		text-align: center;
		background: #f7f8fc;
		font-family: 'roboto condensed', sans-serif;
		font-size: 17px;

		width: 280px;
		margin-left: 0;
		}

	.fos_user_change_password {
		background: none;
		margin-left: -10px;
		margin-top: -80px;
		}

	.fos_user_profile_edit input,
	.fos_user_profile_edit textarea,
	.fos_user_profile_edit select,
	.fos_user_change_password input {
		margin-left: auto;
		margin-right: auto;

		width: 250px;
		}

	.fos_user_profile_edit input[type="submit"],
	.fos_user_change_password input[type="submit"] {
		margin-left: auto !important;
		margin-right: auto !important;
		width: 300px;

		width: 200px;
		}

	.fos_user_profile_edit .drop-area {
		margin-bottom: 20px;
		}

	.fos_user_profile_edit .drop-area .image-x {
		display: block;
		width: 150px;
		height: 150px;
		border: 4px dashed #444;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		cursor: pointer;
		margin: 0 auto;
		}

	.fos_user_user_show p img {
		width: 160px;
		}

	.omap iframe {
		width: 280px;
		}

	.user-profile h2,
	.user-cards h2,
	.user-card-edit h2,
	.user-password-change h2 {
		font: bold 24px/1 'roboto condensed', sans-serif;
		color: var(--clr);
		display: block;
		padding-bottom: 4px;
		border-bottom: 2px solid var(--clr);
		margin: 20px;
		position: relative;

		font: bold 20px/1 'roboto condensed', sans-serif;
		}

	.user-profile h2 {
		margin-left: 0px;
		margin-right: 0;

		}

	.user-cards,
	.user-card-edit,
	.user-password-change {
		position: relative;
		top: 50px;
		background: #f6f7fb;
		margin: 20px;
		font-size: 16px;
		padding: 20px;
		margin-bottom: 70px;

		top: 60px;
		padding: 20px 10px;
		margin: 20px 0px 80px 0;
		}

	.user-cards h2,
	.user-card-edit h2,
	.user-password-change h2 {
		top: -90px;
		margin-left: -20px;
		margin-right: -20px;

		margin-left: -10px;
		margin-right: -10px;
		}

	.user-cards>nav:nth-child(2) {
		font-family: 'roboto condensed', sans-serif;
		position: relative;
		top: -50px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		width: 300px;
		padding: 10px;
		background: #fff;
		margin: 0 auto;

		width: 250px;
		}

	.media-edit-table {
		width: 100%;
		text-align: left;

		width: 300px;
		}

	.media-edit-table th,
	.media-edit-table td {
		background: #fff;
		border: 2px solid #f6f7fb;
		padding: 5px 10px;
		text-align: center;
		/* vertical-align: middle; */

		display: block;
		background: #fff;
		border: none;
		padding: 5px 10px;
		text-align: left;
		/* vertical-align: middle; */
		color: #000;
		font-weight: bold;
		}

	.media-edit-table th {
		color: #000;
		font-weight: bold;
		background: none;

		display: none;
		}

	.media-edit-table .tyta {
		font-weight: normal;
		opacity: 0.5;
		font-size: 0.7em;
		line-height: 1;
		display: block;
		}

	i.fa-circle.active {
		color: var(--clr);
		}

	.media-edit-table td a {
		display: block;
		text-align: center;

		text-align: left;
		display: inline-block;
		padding: 5px;
		margin-right: 10px;
		}

	.media-edit-table tr {
		border-bottom: 10px solid #f6f7fb;
		}

	nav.navigation {
		display: block;
		position: relative;
		margin: 0 0 0 auto;
		margin: 40px 0;
		font-family: 'roboto condensed', sans-serif;
		font-weight: bold;
		font-size: 14px;
		text-align: right;

		font-size: 12px;
		}

	nav.navigation ul li {
		display: inline-block;
		text-align: center;
		min-width: 30px;
		height: 40px;
		vertical-align: middle;
		line-height: 40px;

		min-width: 20px;
		}

	nav.navigation ul li a {
		display: block;
		min-width: 20px;
		padding: 0 5px;
		height: 40px;
		line-height: 40px;
		text-transform: uppercase;
		text-decoration: none;
		color: #000;
		border-bottom: 2px solid rgba(77, 163, 49, 0);

		padding: 0 2px;
		}
	nav.navigation ul li a:hover {
		color: var(--clr);
		border-bottom: 2px solid var(--clr);
		}

	nav.navigation ul li a i {
		font-size: 12px;
		}

	.pagination .limit {
		display: none;
		}

	nav.navigation ul li input {
		width: 10px;
		text-align: center;
		background: none;
		font-weight: bold;
		color: var(--clr);
		padding-bottom: 11px;
		font-family: 'roboto condensed', sans-serif;
		padding-top: 9px;
		border-bottom: 2px solid var(--clr);
		}

	.user-card-edit form {
		position: relative;
		width: 300px;
		margin: 0 auto;
		margin-top: -60px;
		font-size: 15px;
		}

	.user-card-edit form input, 
	.user-card-edit form textarea,
	.user-card-edit form select {
		width: 280px;
		}

	.btn.geo-link {
		padding: 10px 5px;
		width: 290px;
		text-align: center;
		color: #fff;
		margin: 20px 0;
		position: relative;
		display: block;
		background: var(--clr);
		}

	.layer-x {
		width: 300px;
		padding: 10px;
		}

	.layer-x #map {
		width: 300px;
		}

	.layer-x button.close {
		display: none;
		}

	.layer-x .title-bar .close-link {
		position: absolute;
		top: 5px;
		right: 0px;
		}

	figure.table {
		width: 320px !important;
		display: block;
		float: none;
		position: relative;
		overflow-x: auto;
		}

	figure.table table {
		width: 700px;
		}

	.oe-image.image-full,
	.oe-image.image-full>div,
	.oe-image.image-full img {
		width: 320px !important;
		}

	.oe-image.image-big,
	.oe-image.image-big>div,
	.oe-image.image-big img {
		width: 320px !important;
		}

	.oe-image.image-small,
	.oe-image.image-small>div,
	.oe-image.image-small img {
		width: 320px !important;
		}

	.oe-image.image-left,
	.oe-image.image-left>div,
	.oe-image.image-left img {
		float: none;
		}
	.oe-image.image-left {
		padding-right: 0px;
		}

	.oe-image.image-right,
	.oe-image.image-right>div,
	.oe-image.image-right img {
		float: none;
		}
	.oe-image.image-right {
		padding-left: 0px;
		}

	.oe-image.image-center,
	.oe-image.image-center>div,
	.oe-image.image-center img {
		float: none;
		}
	.oe-image.image-center {
		margin: 0 auto;
		}

	.oe-link {
		clear: both;
		}

	.oe-text ul {
		margin-left: 30px;
		list-style-type: disc;
		}

	.company-email-standalone .form-group label {
		display: block;
		color: #79818c;
		font-size: 12px;
		line-height: 15px;
		margin-bottom: 3px;
		}

	.company-email-standalone .form-group textarea,
	.company-email-standalone .form-group input {
		margin-left: 0px;
		width: 285px;
		}

	.company-email-standalone .form-group input#company_email_phone {
		width: 285px;
		}

	.company-email-standalone .form-group {
		margin-left: 10px;
		}

	.company-email-standalone .osubmit {
		margin: 20px auto;
		}

	.company-email-standalone .osubmit input {
		line-height: 30px;
		}


	.product_category .product-order-form {
		margin: 20px 0px 30px 10px;
		font-size: 0;
		}

	.miniatura-abonament {
		margin-top: 20px;
		height: auto;
		}

	.miniatura-abonament .dluga-zajawka {
		height: auto;
		overflow: hidden;
		padding: 5px;
		width: 270px;
		}

	.miniatura-abonament .dluga-zajawka::after {
		display: none;
		}

	.miniatura-abonament .buy-x {
		display: block;
		text-align: center;
		position: relative;
		bottom: auto;
		width: 280px;
		margin-top: 10px;
		}

	.miniatura-abonament header h3 span {
		color: var(--chdclr);
		font-size: 1.05em;
		line-height: 1;
		}

	.pack_item .big-area article {
		margin-right: 0px;
		}

	.user-order-pack table {
		margin-right: 0px;
		margin-left: 0px;
		padding: 5px;
		display: block;
		background: #f6f7fb;
		line-height: 1.2;
		}

	.user-order-pack table th {
		width: 80px;
		text-align: left;
		padding-bottom: 5px;	
		}

	.user-order-pack table td {
		padding-bottom: 5px;	
		color: #000;
		}

	.user-order-pack form {
		width: 320px;
		margin: 30px auto;
		padding-bottom: 50px;
		}

	.user-order-pack form * {
		max-width: 290px;
		}

	.user-order-pack form legend {
		margin: 10px auto;
		color: #000;
		font-size: 1.5em;
		width: 320px;
		}

	.user_order_item .big-area article {
		float: left;
		width: 100%;
		padding: 0;
		margin-right: 20px;
		margin-bottom: 30px;
		}

	.user_order_item .big-area article table {
		display: block;
		margin: 30px auto;
		background: #e6e9ed;
		width: auto;
		padding: 5px;
		font-size: 0.7em;
		}

	.user_order_item .big-area article table th, 
	.user_order_item .big-area article table td {
		padding: 5px;
		vertical-align: bottom;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
		line-height: 1.2;
		}

	.user_order_item .big-area article table th {
		opacity: 0.5;
		width: 80px;
		font-size: 1em;
		}

	.user_order_item .big-area article form {
		width: auto;
		}

	.big-area .oe-node {
		margin-right: 0px;
		}

	.reklama {
		display: block !important;
		position: relative !important;
		margin: 0 auto;
		left: 0 !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 320px !important;
		height: auto !important;
		margin-bottom: 20px;
		background: #f5f5f5;

		/* min-height: 100px !important; */
		}
	
	.reklama-lewa,
	.reklama-prawa {
		height: 0;
		}

	body.sticky .reklamy-boczne {
		position: relative !important;
		display: block;
		height: auto;
		}

	body.sticky .reklamy-boczne>div {
		width: 320px;
		}

	.compare_index .logos {
		width: 320px;
		}

	.slick-slide {
		width: 140px !important;
		}

	body>nav.breadcrumb-nav {
		display: block;
		height: 40px;
		margin-top: 0px;
		padding-right: 0px;
		width: 320px !important;
		text-align: left;

		height: auto;
		}

	.top-top-menu {
		display: none;
		}

	.top-top-menu-mobile {
		margin-top: 30px;
		}

	.top-top-menu-mobile a {
		text-align: right;
		font-size: 0.9em !important;
		color: #999 !important
		}

	.zgody-popup {
		position: fixed;
		display: block;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		background:#fff;
		border-top: 5px solid var(--clr);
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
		display: none;
		}

	.zgody-popup>div {
		display: block;
		margin: 10px;
		}

	.zgody-tresc {
		position: relative;
		display: block;
		height: 220px;
		position: relative;
		width: 290px;
		padding-right: 10px;
		font-size: 15px;
		line-height: 17px;
		color: #000;
		margin: 0 auto;
		text-align: justify;
		overflow-y: scroll;
		line-height: 1;
		}

	.zgody-tresc p {
		line-height: 1.1;
		}

	.zgody-popup ul {
		width: 320px;
		margin: 0 auto;
		height: 120px;
		text-align: center;
		padding-top: 10px;
		}

	.zgody-popup ul li {
		display: inline-block;
		width: 100%;
		margin: 5px;
		text-align: center;
		}

	.zgody-popup ul li a {
		display: block;
		height: 46px;
		line-height: 46px;
		font-size: 13px;
		text-decoration: none;
		border: 2px solid var(--clr);
		}

	.zgody-popup ul li a.accept {
		color: #fff;
		background: var(--clr);
		}

	.oe-text p,
	.oe-table p,
	.oe-text ul li,
	.oe-text ol li,
	article p {
		text-align: left;
		}

	article .media-view .media-file {
		margin: .3rem 0 0rem 0;
		}

	.reklama {
		min-height: 0;
		}

	.miniatura-firma .intro-link {
		top: auto;
		bottom: 0;
		right: auto;
		left: 0;
		z-index: 10;
		}

	.produkt-box .oilprod img {
		width: 280px;
		}

	.free-boxes-row>div {
		width: 320px!important;
		margin-right: -20px !important;
		margin-top: 20px;
		overflow: hidden;
		}
	
	section.lista-prezentacji-prezentacja>div:nth-child(2) li {
		display: block;
		}

	.miniatura .category-name {
		font-size: 13px;
		line-height: 16px;
		background: none;
		bottom: -1px;
		}

	.miniatura-produkt .category-name {
		background: none;
		max-width: 205px;
		padding-left: 5px;
		top: auto !important;
		bottom: 1px !important;
		}

	.content_search_index .miniatura-produkt {
		height: 140px;
		}

	.content_search_index .miniatura-firma .intro-link {
		top: auto;
		bottom: 18px;
		right: 0;
		left: auto;
		z-index: 10;
		}

	.content_search_index .miniatura-firma .category-name {
		top: auto;
		bottom: 18px;
		left: 0;
		z-index: 10;
		}

	.compare_index .logos {
		width: 620px !important;
		-ms-transform: scale(0.73,0.73);
		-webkit-transform: scale(0.73,0.73);
		transform: scale(0.5,0.5);
		left: -150px;
		position: relative;
		margin-top: -50px;
		top: 15px;
		}

	.miniatura-firma {
		height: 175px !important;
		}

	.miniatura-firma  header a {
		font: bold 19px/19px 'roboto condensed', sans-serif;
		padding-bottom: 2px;
		}

	.miniatura-firma .zajawka {
		display: none;
		}

	.miniatura-firma a.rmore {
		bottom: 0;
		}

	.miniatura-firma a.rmore>span:nth-child(2) {
		font-size: 13px;
		}

	.miniatura-firma a.rmore>span:first-child {
		height: 20px;
		}

	.miniatura-firma .intro-link {
		top: auto !important;
		bottom: 0 !important;
		left: 0 !important;
		display: block;
		}

	.partners-2 {
		min-height: 60px;
		position: relative;
		width: 320px;
		float: left;
		overflow: hidden;
		}

	.nad-stopka+.wlasne-940x100 {
		height: auto;
		}

    .wlasne-940x100 ul.logotype {
    	display: block;
    	width: 320px !important;
        }

    ul.logotype li, ul.logotype li {
    	margin: 5px 0px;
        }

	.content_search_index .big-area .alert {
		padding: 40px 0;
		width: 100%;
		}

	.login-cols, .login-col1, .login-col2 {
		display: block;
		/* vertical-align: top; */
		width: auto;
		}

	.login-col2 {
		padding: 30px;
		}

	a.nav-link.register-link {
		width: 220px;
		}

    /*

	.miniatura-tekst header a>span:last-child,
	.miniatura-ilustracja header a>span:last-child {
		margin-top: 0px;
		}

    */

	.content_search_index .miniatura .category-name {
		right: auto;
		opacity: 1;
		position: absolute;
		top: auto;
		bottom: 2px;
		left: 10px;
		font-size: 11px;
		}

	.compare_index .logos,
	.compare_index_category .logos {
		max-width: 320px;
		}

    .oe-video iframe {
    	width: 320px !important;
    	height: 176px !important;
        }

    ul.branzewwiz {
    	display: none;
        }

	article .descripted-image .ilustracja,
	article .descripted-image .ilustracja img {
		height: 160px;
		}
	
	.free-boxes-row {
		width: 320px !important;
		margin: 0px !important;
		left: 0 !important;
		}

	.free-boxes-row>div {
		width: 205px !important;
		margin: 0px auto !important;
		margin-bottom: 40px !important;;
		overflow: visible;
		}

	.free-boxes-row>div h4 {
		margin-left: -40px !important;
		margin-right: -40px !important;
		}

	.company-description {
		margin-bottom: 20px;
		padding-top: 30px;
		margin-right: 0px;
		}

	.miniatura-okladka .ilustracja>span {
		background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.5), rgba(0,0,0,0.8));
		}
	
	a.rwdfb {
		background-image: url(/styles/dzial-zlecen/rynekinstalacyjny/gfx/fb.png);
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 8px 6px;
		padding-left: 35px !important;
		}
		
	.slider-pages {
		width: 290px;
		left: -3px;
		}

	.slider-pages li a {
		width: 95px !important;
		}

	.area-620x420.miniatura-okladka .krotka-zajawka,
	.area-940x420.miniatura-okladka .krotka-zajawka {
		display: none;
		}

	.area-620x420.miniatura-okladka header a span:last-child,
	.area-940x420.miniatura-okladka header a span:last-child {
		top: 35px;
		}

}

@media (max-width: 480px) and (min-width: 0px) {
	.sticky a.lg, a.lg {
		background: url(/styles/dzial-zlecen/rynekinstalacyjny/gfx/lg2.png) no-repeat 0px 9px;
		background-size: 83px;
		height: 100px;
	}
}


@media (min-width:1101px) {
    .container {
        width: 970px
    }
    body>header {
        width: 1058px;
    }
    body>nav {
        width: 1058px;
    }
    
    body>nav ul {
        width: 1058px;
    }
    main, .in-main {
        width: 1058px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

@media (max-width:900px) {
    .top-top-menu,
    .menu-gorne {
        display: none;
    }
}