.mobile-only {
	display: none
}

#navbar.affix {
	border-bottom: 1px solid #d1d1d1;
	box-shadow: 0 0 15px -2px rgba(0, 0, 0, .3)
}

.sub table td:last-child {
	text-align: center!important
}

footer h5 {
	font-weight: 700
}

.kontaktowa #main .col-3 {
	text-align: center
}

.kontaktowa #main .col-3 img {
	display: inline-block;
	margin-bottom: 0;
	margin-top: 15px
}

@media screen and (max-width:1680px) {
	.h-1680, .hide-1680 {
		display: none
	}
}

@media screen and (max-width:1600px) {
	.h-1600, .hide-1600 {
		display: none
	}
}

@media screen and (max-width:1598px) {
	.h-1536, .hide-1536 {
		display: none
	}
	#oferta .col-3 a .caption, #problemy .row a strong {
		font-size: 1.2rem
	}
	#problemy .row a {
		flex-basis: 17.1%
	}
	.lang2 .navbar-nav>li {
		margin-left: 25px
	}
	.lang2 .navbar-nav>li:first-child {
		margin-left: 0
	}
	.lang2 .navbar-nav>li>a {
		letter-spacing: 1px;
		font-size: .925rem
	}
}

@media screen and (max-width:1534px) {
	.h-1440, .hide-1440 {
		display: none
	}
	.home header {
		height: 500px
	}
	.home header .swiper-slide>img {
		max-width: 80%;
		height: 100%;
		object-fit: cover;
		object-position: left center
	}
	.container {
		max-width: 90%
	}
}

@media screen and (max-width:1482px) {
	.h-1366, .hide-1366 {
		display: none
	}
	.navbar-nav>li {
		margin-left: 25px
	}
	.navbar-nav>li>a {
		font-size: 14px;
		letter-spacing: normal
	}
	.container {
		max-width: 90%
	}
	#problemy .row a {
		flex-basis: 17.666%
	}
	#coop .swiper-slide img {
		display: block;
		max-height: 60px;
		max-width: 80%
	}
	#oferta .col-3 a .caption, #problemy .row a strong {
		font-size: 1.1rem
	}
}

@media screen and (max-width:1399px) {
	.h-1360, .hide-1360 {
		display: none
	}
	.lang2 .navbar-nav>li {
		margin-left: 20px
	}
	.lang2 .navbar-nav>li:first-child {
		margin-left: 0
	}
	.lang2 .navbar-nav>li>a {
		letter-spacing: normal;
		font-size: .925rem
	}
}

@media screen and (max-width:1364px) {
	.h-1280, .hide-1280 {
		display: none
	}
	#oferta .col-3 a .caption, #problemy .row a strong {
		font-size: 1rem
	}
	.home header {
		height: 350px
	}
	header h2 {
		margin-top: 0;
		font-size: 3.1875rem
	}
	.navbar-nav>li {
		margin-left: 20px
	}
	.navbar-nav>li:first-child {
		margin-left: 0
	}
}

@media screen and (max-width:1278px) {
	.h-1199, .hide-1199 {
		display: none
	}
	.container {
		max-width: 94%
	}
	#main img:not(.thumbnail) {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0
	}
	.navbar-nav a {
		letter-spacing: normal
	}
	.navbar-nav>li {
		margin-left: 20px
	}
	.logo img {
		height: 56.6px
	}
	.home .btn {
		min-width: 175px
	}
	header .swiper-container-vertical>.swiper-pagination-bullets {
		right: 15px;
		left: auto
	}
	#problemy .row a {
		flex-basis: 17.3%
	}
	.sub table td:first-child {
		width: 70%
	}
	header h2 {
		font-size: 3rem
	}
	.navbar-nav>li {
		margin-left: 15px
	}
	.navbar-nav>li:first-child {
		margin-left: 0
	}
	.home main section h3 strong {
		font-size: 30px
	}
	#oferta .col-3 a .caption, #problemy .row a strong {
		font-size: 1rem;
		line-height: 1.1
	}
	.h5, h5 {
		font-size: 1.05rem
	}
	.lang2 .navbar-nav>li {
		margin-left: 20px
	}
	.lang2 .navbar-nav>li:first-child {
		margin-left: 0
	}
	.lang2 .navbar-nav>li>a {
		letter-spacing: normal;
		font-size: .725rem
	}
}

@media screen and (max-width:1023px) {
	.h-1023, .hide-1023 {
		display: none
	}
	.navbar__toggler {
		display: block;
		padding: 4px;
		border: 1px solid transparent;
		background: #fff;
		-webkit-transition: all .2s;
		transition: all .2s;
		margin-left: 30px
	}
	.navbar__toggler span {
		width: 30px;
		height: 2px;
		display: block;
		background: #454142;
		margin: 5px;
		-webkit-transition: all .2s;
		transition: all .2s
	}
	.navbar__toggler.show {
		border-color: transparent;
		padding: 0
	}
	.navbar__toggler.show span:nth-child(2) {
		opacity: 0;
		height: 0
	}
	.navbar__toggler.show span:first-child {
		-webkit-transform: rotate(-45deg) translateY(4.5px);
		transform: rotate(-45deg) translateY(4.5px)
	}
	.navbar__toggler.show span:last-child {
		-webkit-transform: rotate(45deg) translateY(-4.5px);
		transform: rotate(45deg) translateY(-4.5px)
	}
	.navbar-nav {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 50vw;
		min-width: 270px;
		height: 100vh;
		overflow-y: auto;
		background: rgba(0, 0, 0, .9);
		-webkit-box-shadow: 10px 0 15px rgba(0, 0, 0, .1);
		box-shadow: 10px 0 15px rgba(0, 0, 0, .1);
		-webkit-transition: all .2s;
		transition: all .2s;
		-webkit-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0;
		backdrop-filter: blur(5px)
	}
	.navbar-nav.show {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		opacity: 1
	}
	.navbar-nav a, .navbar-nav li {
		display: block;
		width: 100%;
		margin: 0
	}
	.navbar-nav a::after, .navbar-nav li::after {
		display: none
	}
	.navbar-nav a {
		width: calc(100% - 30px);
		padding: 15px;
		border-top: 1px solid rgba(255, 255, 255, .2);
		color: #fff;
		opacity: 1
	}
	.navbar-nav .active>a, .navbar-nav a.active, .navbar-nav a:focus, .navbar-nav a:hover {
		background: #47b969!important;
		color: #fff
	}
	.navbar-nav .mobile-only a:focus {
		background: 0 0!important
	}
	.navbar-nav .dropdown {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: rgba(0, 0, 0, .05);
		max-height: 0
	}
	.navbar-nav .dropdown a.active, .navbar-nav .dropdown a:focus, .navbar-nav .dropdown a:hover {
		background: #161415!important;
		color: #fff
	}
	.navbar-nav li:hover>.dropdown {
		max-height: 100%
	}
	.home section .col-5, .home section .col-6 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0!important;
		margin-bottom: 30px
	}
	.home section .col-6 img {
		display: block;
		margin: 0 auto
	}
	.thumbnail {
		display: block;
		max-width: 999px;
		width: 100%;
		float: none;
		margin: 0 0 30px 0!important
	}
	.btn {
		background-color: #161415
	}
	#zespol .text {
		height: 8.5rem;
		overflow: hidden;
		display: block;
		position: relative
	}
	#zespol .text::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 50%;
		z-index: 20;
		background: linear-gradient(transparent, #f4f4f4)
	}
	.sub .h1, .sub h1 {
		font-size: 2.8rem
	}
	.sub .h2, .sub h2 {
		font-size: 2.3rem
	}
	.sub .h3, .sub h3 {
		font-size: 1.5rem
	}
	.sub .h4, .sub h4 {
		font-size: 1.3rem
	}
	#zespol .btn.mt-3 {
		margin-top: 15px
	}
	.sub .h1, .sub h1 {
		margin-top: 30px
	}
	.langs {
		display: none
	}
	.navbar-nav .mobile-only {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 15px 0 5px
	}
	.navbar-nav .mobile-only a {
		display: block;
		width: auto;
		height: auto;
		padding: 0;
		border: 0;
		margin: 0 10px
	}
	.navbar-nav .mobile-only.text-left a {
		text-align: left;
		width: 100%;
		padding: 10px 15px;
		margin: 0;
		border-top: 1px solid rgba(255, 255, 255, .2)
	}
	#media-indeks .col-2 {
		width: calc(99.99% * 4/12 - (30px - 30px * 4/12));
		max-width: calc(99.99% * 4/12 - (30px - 30px * 4/12));
		-ms-flex-preferred-size: calc(99.99% * 4/12 - (30px - 30px * 4/12));
		flex-basis: calc(99.99% * 4/12 - (30px - 30px * 4/12));
		margin-right: 30px!important
	}
	#media-indeks .col-2:nth-child(3n) {
		margin-right: 0!important
	}
	.przedipo .row.grid-1 img {
		max-width: 100%!important
	}
	main p {
		text-align: justify
	}
	.kontaktowa .col-3 p {
		text-align: center
	}
}

@media screen and (max-width:978px) {
	.h-800, .hide-800 {
		display: none
	}
	#coop .col-4, #coop .col-8, #main .col-3, #main .col-9, #zespol .col-3, #zespol .col-8, footer .col-2 {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0
	}
	#problemy .row .box {
		flex-basis: 29.3%
	}
	#coop h5 {
		margin: 0 0 20px;
		text-align: center
	}
	footer .col-2 {
		text-align: center;
		margin-bottom: 30px
	}
	footer .col-2:first-child img {
		margin: 0 auto
	}
	footer .row:last-child {
		justify-content: center;
		align-items: center
	}
	#zespol .row, #zespol .row.reversed {
		flex-direction: column-reverse;
		align-items: center;
		text-align: center
	}
	#zespol h3 {
		text-align: center
	}
	#zespol .col-3 img {
		display: block;
		margin: 0 auto 30px
	}
	.kontaktowa h1 {
		text-align: center
	}

	#oferta .col-3 .box .caption,
	#problemy .row .box h3 {font-size: 1rem;}
}

@media screen and (max-width:798px) {
	.h-768, .hide-768 {
		display: none
	}
	#main .col-4, #main .col-8 {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	.home h1 {font-size: 2rem;}
}

@media screen and (max-width:766px) {
	.h-640, .hide-640 {
		display: none
	}
	.five-cols a {
		max-width: calc(100% * 1 / 3 - (10px - 10px * 1 / 3));
		width: calc(100% * 1 / 3 - (10px - 10px * 1 / 3));
		-ms-flex-preferred-size: calc(100% * 1 / 4 - (10px - 10px * 1 / 2));
		flex-basis: calc(100% * 1 / 3 - (10px - 10px * 1 / 3));
		margin-right: 30px
	}
	.five-cols a:nth-child(5n) {
		margin-right: 30px
	}
	.five-cols a:nth-child(3n) {
		margin-right: 0
	}
	header h2 {
		font-size: 2rem
	}
	header p {
		font-size: 1.1rem;
		margin-bottom: 20px
	}
	.home .btn {
		min-width: 122px
	}
	.home header {
		height: 285px
	}
	#breadcrumbs {
		display: none
	}
	.sub main {
		padding-top: 0
	}
	.sub .grid-4 .col-3 {
		width: calc(99.99% * 4/12 - (30px - 30px * 4/12));
		max-width: calc(99.99% * 4/12 - (30px - 30px * 4/12));
		-ms-flex-preferred-size: calc(99.99% * 4/12 - (30px - 30px * 4/12));
		flex-basis: calc(99.99% * 4/12 - (30px - 30px * 4/12));
		margin-right: 30px
	}
	.sub .grid-4 .col-3:nth-child(4n) {
		margin-right: 30px!important
	}
	.sub .grid-4 .col-3:nth-child(3n) {
		margin-right: 0!important
	}
	#dlaczego, #witamy {
		padding: 20px 0
	}
	#oferta .ic.cb {
		margin-bottom: 20px
	}
	#problemy {
		padding: 20px 0
	}
	#problemy .ic.cb {
		margin-bottom: 20px
	}
	footer {
		margin-top: 40px;
		padding: 60px 0 30px
	}
	.sub header .swiper-slide {
		height: 250px
	}
	.sub header .swiper-slide img {
		height: 100%;
		width: auto
	}
	#media-indeks .col-2 {
		width: calc(99.99% * 6/12 - (30px - 30px * 6/12));
		max-width: calc(99.99% * 6/12 - (30px - 30px * 6/12));
		-ms-flex-preferred-size: calc(99.99% * 6/12 - (30px - 30px * 6/12));
		flex-basis: calc(99.99% * 6/12 - (30px - 30px * 6/12));
		margin-right: 30px!important
	}
	#media-indeks .col-2:nth-child(3n) {
		margin-right: 30px!important
	}
	#media-indeks .col-2:nth-child(2n) {
		margin-right: 0!important
	}
	.sub article .col-6 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin: 0
	}
	.sub article .row {
		flex-direction: column-reverse
	}
	#navbar {
		border-bottom: 1px solid #ebeced
	}

	#oferta .col-3 .box .caption,
	#problemy .row .box h3 {font-size: 1.3rem;}
}

@media screen and (max-width:638px) {
	.h-600, .hide-600 {
		display: none
	}
	.four-cols a {
		max-width: calc(100% * 1 / 2 - (10px - 10px * 1 / 2));
		width: calc(100% * 1 / 2 - (10px - 10px * 1 / 2));
		-ms-flex-preferred-size: calc(100% * 1 / 4 - (10px - 10px * 1 / 2));
		flex-basis: calc(100% * 1 / 2 - (10px - 10px * 1 / 2));
		margin-right: 30px
	}
	.four-cols a:nth-child(2n) {
		margin-right: 0
	}
	form fieldset.col {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0
	}
	.col-5, .col-7, .col-8 {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0
	}
	#oferta .col-3 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0;
		margin-bottom: 30px
	}
	#oferta .col-3 .box>img {
		object-fit: cover;
		object-position: center;
		height: 310px
	}
	#oferta .ic.cb, #problemy .ic.cb {
		flex-direction: column;
		align-items: center;
		justify-content: center
	}
	#oferta .ic.cb .btn, #problemy .ic.cb .btn {
		margin-top: 15px
	}
	#problemy .row .box {
		flex-basis: 100%;
		margin-right: 0;
		margin-bottom: 30px
	}
	#problemy .row .box h3 {
		padding: 25px 15px
	}
	.logo img {
		height: 40px!important
	}
	#navbar {
		height: 65px
	}
	#navbar.affix {
		height: 65px
	}
	body {
		padding-top: 65px
	}
	#oferta .col-3 {
		margin-right: 0!important
	}
	#oferta .col-3 .box .caption {
		padding: 10px;
		height: 40px
	}
	#oferta .col-3 .box {
		padding-bottom: 40px
	}

	.home h1 {font-size: 1.5rem; margin-bottom: 50px;}
}

@media screen and (max-width:598px) {
	.h-480, .hide-480 {
		display: none
	}
	.three-cols a {
		max-width: calc(100% * 1 / 2 - (10px - 10px * 1 / 2));
		width: calc(100% * 1 / 2 - (10px - 10px * 1 / 2));
		-ms-flex-preferred-size: calc(100% * 1 / 4 - (10px - 10px * 1 / 2));
		flex-basis: calc(100% * 1 / 2 - (10px - 10px * 1 / 2));
		margin-right: 30px
	}
	.three-cols a:nth-child(3n) {
		margin-right: 30px
	}
	.three-cols a:nth-child(2n) {
		margin-right: 0
	}
	.five-cols a {
		max-width: calc(100% * 1 / 2 - (10px - 10px * 1 / 2));
		width: calc(100% * 1 / 2 - (10px - 10px * 1 / 2));
		-ms-flex-preferred-size: calc(100% * 1 / 4 - (10px - 10px * 1 / 2));
		flex-basis: calc(100% * 1 / 2 - (10px - 10px * 1 / 2));
		margin-right: 30px
	}
	.five-cols a:nth-child(3n) {
		margin-right: 30px
	}
	.five-cols a:nth-child(2n) {
		margin-right: 0
	}
	.col-4, .col-6 {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0
	}
	footer .cb {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.madeby {
		margin-top: 15px
	}
	.home header {
		height: 150px;
		object-position: right
	}
	header h2 {
		font-size: 1.5rem
	}
	header p {
		font-size: 1rem
	}
	header .swiper-pagination {
		display: none
	}
	#oferta h2, #problemy h2 {
		text-align: center
	}
	.swiper-desc .btn span, .swiper-desc p {
		display: none
	}
	header h2 {
		max-width: 35%
	}
	.swiper-desc .btn {
		background-color: transparent!important;
		padding: 0;
		min-width: 10px;
		width: 24px;
		height: 24px
	}
	.swiper-desc .btn::after, .swiper-desc .btn::before {
		display: none
	}
	.swiper-desc .btn img {
		filter: invert(1);
		width: 24px;
		height: 24px;
		margin: 0
	}
	.sub .h1, .sub h1 {
		font-size: 2.4rem
	}
	.sub .h2, .sub h2 {
		font-size: 2rem
	}
	.sub .h3, .sub h3 {
		font-size: 1.3rem
	}
	.sub .h4, .sub h4 {
		font-size: 1.2rem
	}
	.home header .swiper-slide>img {
		max-width: 100%
	}
	.sub header .swiper-slide {
		height: 190px
	}
	.sub.media-index header .swiper-slide img {
		margin-left: -50vw
	}
	.stretched-link img {
		height: 11px!important;
		display: block;
		flex-grow: 0;
		flex-shrink: 0
	}
}

@media screen and (max-width:478px) {
	.h-435, .hide-435 {
		display: none
	}
	#media-indeks .col-2 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0!important;
		display: flex;
		flex-direction: column;
		align-items: center
	}
	#media-indeks .col-2:nth-child(3n) {
		margin-right: 0!important
	}
	#media-indeks .col-2:nth-child(2n) {
		margin-right: 0!important
	}
	.stretched-link {
		display: block
	}
	.media a p {
		padding: 0 12%;
		display: block;
		width: 100%;
		box-sizing: border-box
	}
}

@media screen and (max-width:425px) {
	.h-425, .hide-425 {
		display: none
	}
}

@media screen and (max-width:423px) {
	.h-414, .hide-414 {
		display: none
	}
	.container {
		max-width: 90%
	}
	.col-2, .col-3, .grid-4 .col-3, .grid-6 .col-2 {
		max-width: calc(100% * 1 / 2 - (30px - 30px * 1 / 2));
		width: calc(100% * 1 / 2 - (30px - 30px * 1 / 2));
		-ms-flex-preferred-size: calc(100% * 1 / 4 - (30px - 30px * 1 / 2));
		flex-basis: calc(100% * 1 / 2 - (30px - 30px * 1 / 2));
		margin-right: 30px
	}
	.grid-4 .col-3:nth-child(2n), .grid-6 .col-2:nth-child(2n) {
		margin-right: 0
	}
	.col-10, .col-11, .col-12, .col-9 {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0
	}
	.navbar__toggler, .wyszukiwarka {
		margin-left: 5px
	}
	.langs {
		flex-direction: column
	}
	.langs a:not(:first-child) {
		margin-top: 5px
	}
	.home header .swiper-slide>img {
		object-position: center
	}
	.swiper-desc h2, .swiper-desc p {
		text-shadow: 0 1px 2px #fff, 0 0 10px #fff
	}
	.sub table td:last-child {
		white-space: nowrap
	}
	.sub .h1, .sub h1 {
		font-size: 2.2rem
	}
	.sub .h2, .sub h2 {
		font-size: 1.8rem
	}
	.sub .h3, .sub h3 {
		font-size: 1.2rem
	}
	.sub .h4, .sub h4 {
		font-size: 1.1rem
	}
	.media a p {
		padding: 0 10%
	}
}

@media screen and (max-width:414px) {
	.h-375, .hide-375 {
		display: none
	}
	.downloads a {
		padding: 15px;
		width: calc(100% - 30px);
		margin-bottom: 15px
	}
	.downloads .text strong {
		line-height: 1.3em
	}
	.downloads a img {
		max-width: 25px;
		margin-right: 15px
	}
	.navbar__toggler {
		margin-right: -10px
	}
	main {
		text-align: left
	}
	#oferta .row.cc, #problemy .row.cc {
		box-sizing: border-box;
		padding: 0 66px
	}
	#oferta .col-3 .box>img {
		object-fit: cover;
		object-position: center;
		height: 310px
	}
	#problemy .row .box h3 {
		padding: 15px 0
	}
	#problemy .row .box {
		margin-bottom: 0
	}
	#dlaczego .col-5 p:first-of-type, #witamy .col-5 p:first-of-type {
		display: block;
		height: 13.5rem;
		overflow: hidden;
		position: relative
	}
	#dlaczego .col-5 p:first-of-type::after, #witamy .col-5 p:first-of-type::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 70px;
		width: 100%;
		background: linear-gradient(transparent, #fff)
	}
	#zespol .col-3 img {
		max-width: 50%
	}
	.sub .h1, .sub h1 {
		font-size: 1.6rem;
		margin-bottom: 15px
	}
	.sub .h2, .sub h2 {
		font-size: 1.5rem
	}
	.sub .h3, .sub h3 {
		font-size: 1.42rem
	}
	.sub .h4, .sub h4 {
		font-size: 1.35rem
	}
	.media a p {
		padding: 0 5%
	}
}

@media screen and (max-width:373px) {
	.h-360, .hide-360 {
		display: none
	}
	.media a p {
		padding: 0
	}
}

@media screen and (max-width:358px) {
	.h-320, .hide-320 {
		display: none
	}
}