/* height: 1050px */
@media screen and (max-width: 1680px) {

}


/* height: 900px */
@media screen and (max-width: 1600px) {

}


/* height: 864px */
@media screen and (max-width: 1536px) {

}



/* height: 900px */
@media screen and (max-width: 1440px) {

}


/* height: 768px */
@media screen and (max-width: 1366px) {

}



/* height: 768px */
@media screen and (max-width: 1360px) {

}



/* height: 1024 & 720px */
@media screen and (max-width: 1280px) {

}



/* height: 768px, 600px */
@media screen and (max-width: 1199px) {

	.container {
		max-width: 90%;
	}

	.logo img {height: 35px;}

	.navbar-nav a {font-size: 15px;}
	.navbar-nav li {margin-left: 15px;}
	.navbar-nav > li:first-child {display: none;}

	header h1 {font-size: 50px;}

	header .swiper-container img {
		height: 100vh;
	}

	#sections .text {padding: 0 50px;}

	footer .left,
	footer .right {
		width: 100%;
		display: flex;
		justify-content: center
	}

	footer .right {margin-top: 15px;}

}

@media screen and (max-width: 1023px) {
	.navbar__toggler {
		display: block;
		background: #fff;
		padding: 4px;
		border: 0;
	}

	.navbar__toggler span {
		display: block;
		margin: 4px;
		width: 30px;
		height: 3px;
		background: #000;
	}

	.navbar-nav {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #000000;
		transition: all .2s;
		transform-origin: top;
		transform: scaleY(0);
		opacity: 0;
	}

	.navbar-nav.show {
		transform: scaleY(1);
		opacity: 1;
	}

	.navbar-nav li,
	.navbar-nav a {
		display: block;
		margin: 0;
		width: 100%;
	}

	.navbar-nav a {
		padding: 10px 15px;
		border-top: 1px solid rgba(255,255,255,.2);
		width: calc(100% - 30px);
	}

	.navbar-nav a::after {
		display: none;
	}

	.navbar-nav a:hover {
		color: black;
		background: #DFD2A6;
	}

	main {
		width: 100%;
		overflow-x: hidden
	}

	#na-miejscu {
		width: 100%;
		margin-left: 0;
	}

	.karuzela .swiper-slide img {
		width: 60%;
	}

	.karuzela .swiper-slide a {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.karuzela .swiper-button-prev {
		left: 10%;
	}

	.karuzela .swiper-button-next {
		right: 10%;
	}

	.karuzela .swiper-pagination {
		bottom: -50px !important;
	}

	#umow-wizyte .wrapper {
		flex-direction: column
	}

	#umow-wizyte .btn {
		margin: 15px 0;
		min-width: 60%;
	}

	footer .content-between:last-of-type {
		flex-direction: column;
		text-align: center;
		justify-content: center;
	}

	.madeby {margin-top: 30px;}
}

@media screen and (max-width: 800px) {
	#unikalne-miejsce .row {
		flex-direction: column
	}

	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	#sections .col {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	fieldset {margin-bottom: 0 !important;}

	.col-7 .col-6 {margin-bottom: 15px;}

	footer .left {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	footer .left a {
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 768px) {
	.sub #main img[style="float: right;"] {
		margin-left: 30px;
		max-width: 50%;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 640px) {
	header h1 {
		font-size: 30px;
	}

	.sub h1 {
		margin-top: 30px;
		margin-bottom: 30px;
		font-size: 45px;
	}
}

@media screen and (max-width: 600px) {
	header .swiper-slide img {
		object-fit: cover;
		object-position: center;
		width: 100%;
	}

	.sub h1 {
		font-size: 38px;
	}
}

@media screen and (max-width: 480px) {
	#umow-wizyte .btn {
		min-width: 70%;
		padding: 1rem 2rem;
	}

	#umow-wizyte {height: 50vh;}

	.sub #main img[style="float: right;"] {
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: none !important;
		max-width: 100%;
		margin-bottom: 30px;
	}

	.downloads a {margin-bottom: 0;}
}

@media screen and (max-width: 435px) {
	.karuzela .swiper-button-prev {
		left: 5%;
	}

	.karuzela .swiper-button-next {
		right: 5%;
	}

	.karuzela .swiper-pagination {display: none;}

	#na-miejscu {padding: 50px 0;}
	#na-miejscu h3,
	#na-miejscu p {
		padding: 0 15px;
	}

	#umow-wizyte .btn {font-size: 18px;}
}

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

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

	.slogan {width: 100%;}
	header h1 {
		text-align: center;
		justify-content: center;
		align-items: center
	}

	header h1 em, header h1 span {align-self: center;}

	.scroll strong {display: none;}

	.scroll {
		left: calc(50% - 15px);
	}
}

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

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

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