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

	.h-1680,
	.hide-1680 {
		display: none
	}

	#film video {
		width: 100%
	}
}

@media screen and (max-width:1600px) {

	.h-1600,
	.hide-1600 {
		display: none
	}
}

@media screen and (max-width:1536px) {

	.h-1536,
	.hide-1536 {
		display: none
	}

	.container {
		max-width: 96%
	}
}

@media screen and (max-width:1440px) {

	.h-1440,
	.hide-1440 {
		display: none
	}

	#sub_pages .card_body {
		padding: 0 50px
	}
}

@media screen and (max-width:1366px) {

	.h-1366,
	.hide-1366 {
		display: none
	}

	#oferta .caption strong {
		font-size: 1.5rem
	}

	footer {
		padding-top: 50px
	}

	footer .container>.row>.col-6:last-child {
		padding-left: 30px
	}

	footer .main img.block {
		height: 400px
	}
}

@media screen and (max-width:1360px) {

	.h-1360,
	.hide-1360 {
		display: none
	}
}

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

	.h-1280,
	.hide-1280 {
		display: none
	}
}

@media screen and (max-width:1199px) {

	.h-1199,
	.hide-1199 {
		display: none
	}

	.container {
		max-width: 94%
	}

	#main img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0
	}

	.logo img {
		height: 135px
	}

	#navbar {
		height: 90px
	}

	#navbar .dropdown {
		top: 70px
	}

	#sub_pages .card_body {
		padding: 30px
	}

	.content-image {
		max-height: 100%
	}

	#oferta .caption strong {
		font-size: 1.1rem
	}

	#galeria a span {
		line-height: 1.1;
		display: block
	}

	#news .card h4 {
		font-size: 1.15rem
	}

	.sub .h1,
	.sub h1 {
		font-size: 3.1875rem
	}

	aside .card h3 {
		font-size: 1rem
	}
}

@media screen and (max-width:1023px) {

	.h-1023,
	.hide-1023 {
		display: none
	}

	.navbar__toggler {
		display: block;
		padding: 4px;
		border: 1px solid transparent;
		background: 0 0;
		-webkit-transition: all .2s;
		transition: all .2s
	}

	.navbar__toggler span {
		width: 30px;
		height: 3px;
		display: block;
		background: #fff;
		margin: 4px;
		-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
	}

	.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
	}

	.navbar-nav a.active,
	.navbar-nav a:focus,
	.navbar-nav a:hover {
		background: red;
		color: #fff
	}

	.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;
		padding: 0
	}

	.dropdown .container {
		width: 100%;
		max-width: 100%;
		height: auto !important
	}

	#navbar .dropdown {
		top: 0
	}

	.dropdown .row.ic {
		flex-direction: column
	}

	.navbar-nav .dropdown a.active,
	.navbar-nav .dropdown a:focus,
	.navbar-nav .dropdown a:hover {
		background: #a30000 !important;
		color: #fff
	}

	.navbar-nav li:hover>.dropdown {
		max-height: 100%
	}

	.dropdown a {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		color: #fff;
		height: auto;
		flex-direction: row;
		width: 100%
	}

	.dropdown a strong {
		color: #fff;
		margin: 0;
		text-transform: none;
		font-weight: 400
	}

	.dropdown a img {
		width: 48px;
		margin-right: 15px
	}

	#main .col-3,
	#main .col-8,
	#main .col-9 {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	:root {
		font-size: 14px
	}

	.sub header,
	.sub header .swiper-slide img {
		height: 300px
	}

	.sub .h1,
	.sub main h1 {
		margin-top: 60px
	}

	header .swiper-slide>img {
		width: 100vh;
		height: 100vh;
		object-fit: cover;
		object-position: center
	}


	aside.col-2 {
		margin-top: 65px;
		position: relative;
		top: auto;
		margin-right: 0 !important;

		width: calc(99.99% * 3/12 - (30px - 30px * 3/12));
		max-width: calc(99.99% * 3/12 - (30px - 30px * 3/12));
		-ms-flex-preferred-size: calc(99.99% * 2/12 - (30px - 30px * 2/12));
		flex-basis: calc(99.99% * 3/12 - (30px - 30px * 3/12));
	}
}

@media screen and (max-width:800px) {

	.h-800,
	.hide-800 {
		display: none
	}

	#sub_pages .card {
		flex-direction: column-reverse !important
	}

	#sub_pages .card.reversed {
		flex-direction: column-reverse !important
	}

	#sub_pages .card_img {
		width: 100%
	}

	#sub_pages .card_body {
		width: 100%
	}

	.col-3 {
		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% * 3/12 - (30px - 30px * 6/12));
		flex-basis: calc(99.99% * 6/12 - (30px - 30px * 6/12));
		margin-bottom: 30px
	}

	.col-3:nth-child(2n) {
		margin-right: 0
	}

	:root {
		font-size: 17px
	}

	footer .col-6 {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	footer::after {
		display: none
	}

	footer>.container>.row>.col-6:last-child {
		padding: 30px;
		box-sizing: border-box;
		margin-left: -3%;
		margin-right: -3%;
		width: 106%;
		max-width: 106%;
		flex-basis: 106%;
		background-color: #000
	}

	footer .row:last-child {
		background-color: #000;
		margin-top: 0;
		margin-left: -3%;
		margin-right: -3%;
		width: 106%;
		padding-left: 3%;
		padding-right: 3%;
		box-sizing: border-box
	}

	#oferta,
	#sub_pages {
		padding: 50px 0
	}

	.home .gallery {
		margin-bottom: 50px
	}

	.h2,
	h2 {
		font-size: 2.3rem
	}

	article.col-8,
	aside.col-4 {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	aside.col-2, article.col-9 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
	}

	aside.col-2 {order:999}
}

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

	.h-768,
	.hide-768 {
		display: none
	}

	#beton .col-4,
	#beton .col-6,
	#main .col-4,
	#main .col-8 {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	.sub footer {
		margin-top: 50px
	}

	footer .main {
		padding-bottom: 60px
	}

	#beton {
		height: auto
	}

	#beton .col-4 {
		padding-top: 30px
	}

	.sub .h1,
	.sub h1 {
		font-size: 2.5rem
	}

	.lead {
		font-size: 1.1rem;
		line-height: 1.75
	}
}

@media screen and (max-width:640px) {

	.h-640,
	.hide-640 {
		display: none
	}

	.five-cols a {
		max-width: calc(100% * 1 / 3 - (30px - 30px * 1 / 3));
		width: calc(100% * 1 / 3 - (30px - 30px * 1 / 3));
		-ms-flex-preferred-size: calc(100% * 1 / 4 - (30px - 30px * 1 / 2));
		flex-basis: calc(100% * 1 / 3 - (30px - 30px * 1 / 3));
		margin-right: 30px
	}

	.five-cols a:nth-child(5n) {
		margin-right: 30px
	}

	.five-cols a:nth-child(3n) {
		margin-right: 0
	}
}

@media screen and (max-width:600px) {

	.h-600,
	.hide-600 {
		display: none
	}

	.four-cols a {
		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
	}

	.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
	}

	#przed-po {
		display: none
	}

	#oferta a img {
		width: 100%
	}

	#oferta .caption {
		padding-top: 30px
	}

	footer .main img.block {
		height: 280px
	}

	footer .col-6:last-child h2 {
		color: #fff
	}

	.copy {
		color: #fff
	}
}

@media screen and (max-width:480px) {

	.h-480,
	.hide-480 {
		display: none
	}

	.three-cols a {
		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
	}

	.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 - (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
	}

	.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;
		margin-bottom: 30px
	}

	footer .main img.block {
		display: none
	}

	footer .btn.ml-2.rem {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px
	}
}

@media screen and (max-width:435px) {

	.h-435,
	.hide-435 {
		display: none
	}

	.header_top h2 {
		font-size: 1.5rem
	}

	.header_top h2 span {
		padding: 10px 15px
	}

	header .swiper-slide .cert {
		height: 90px
	}

	#scroll {
		display: none
	}

	#oferta .col-3 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	#oferta .caption img {
		display: none
	}

	#oferta .caption strong {
		font-size: 1.6rem
	}

	.sub .h3,
	.sub h3 {
		font-size: 1.6rem
	}

	.sub .h2,
	.sub h2 {
		font-size: 1.77rem
	}

	.downloads a .text strong {
		line-height: 1.1
	}
}

@media screen and (max-width:425px) {

	.h-425,
	.hide-425 {
		display: none
	}
}

@media screen and (max-width:414px) {

	.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-3,
	.col-9 {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0
	}

	.sub .h1,
	.sub h1 {
		font-size: 1.7rem
	}

	.sub .h2,
	.sub h2 {
		font-size: 1.4rem
	}

	.sub .h3,
	.sub h3 {
		font-size: 1.2rem
	}
}

@media screen and (max-width:375px) {

	.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
	}
}

@media screen and (max-width:360px) {

	.h-360,
	.hide-360 {
		display: none
	}
}

@media screen and (max-width:320px) {

	.h-320,
	.hide-320 {
		display: none
	}
}