/*

RRRRRRRRRRRRRRRRR         WWWWWWWW                           WWWWWWWW     DDDDDDDDDDDDD
R::::::::::::::::R        W::::::W                           W::::::W     D::::::::::::DDD
R::::::RRRRRR:::::R       W::::::W                           W::::::W     D:::::::::::::::DD
RR:::::R     R:::::R      W::::::W                           W::::::W     DDD:::::DDDDD:::::D
 R:::::R     R:::::R       W:::::W           WWWWW           W:::::W        D:::::D    D:::::D
 R:::::R     R:::::R        W:::::W         W:::::W         W:::::W         D:::::D     D:::::D
 R:::::RRRRRR:::::R          W:::::W       W:::::::W       W:::::W          D:::::D     D:::::D
 R:::::::::::::RR             W:::::W     W:::::::::W     W:::::W           D:::::D     D:::::D
 R::::RRRRRR:::::R             W:::::W   W:::::W:::::W   W:::::W            D:::::D     D:::::D
 R:::::R     R:::::R            W:::::W W:::::W W:::::W W:::::W             D:::::D     D:::::D
 R:::::R     R:::::R             W:::::W:::::W   W:::::W:::::W              D:::::D     D:::::D
 R:::::R     R:::::R              W:::::::::W     W:::::::::W               D:::::D    D:::::D
RR:::::R     R:::::R              W:::::::W       W:::::::W              DDD:::::DDDDD:::::D
R::::::R     R:::::R               W:::::W         W:::::W               D:::::::::::::::DD
R::::::R     R:::::R                W:::W           W:::W                D::::::::::::DDD
RRRRRRRR     RRRRRRR                 WWW             WWW                 DDDDDDDDDDDDD

*/


/* 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 {margin-right: 30px;}

	#rekomendacje .rekomendacja {min-height: 270px;}

	.newsletter input {
		width: calc(50% - 2rem);
	}

	.newsletter button.btn {
		width: calc(45% - 2px);
	}
}

@media screen and (max-width: 1023px) {
	body {
		padding-top: 150px;
	}

	header {
		height: auto;
		flex-direction: column-reverse;
	}

	header .on_top {
		height: auto;
	}

	header .on_top .container {
		justify-content: center;
		text-align: center;
	}

	header .on_top, header .col-5 {
		position: relative;
	}

	header .col-5 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.scroll {display: none;}

	.logo img {
		margin-right: 0;
	}

	#navbar .container, #navbar .container-fluid {
		justify-content: space-between
	}

	header .swiper-container {
		position: relative;
		z-index: 20;
		display: block;
		margin: 0 0 60px;
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	header .swiper-container::before {display: none;}

	header .swiper-slide {
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		max-height: 50vh;
	}

	header .swiper-container img {
		display: block;
		width: 100%;
		height: auto;
		float: right;
		align-self: center;
		object-position: center;
		object-fit: cover;
	}

	.navbar-nav, .navbar-nav.show {
		left: auto;
		right: 100%;
		transform-origin: right top;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
	}

	main .col-3,
	main .col-5,
	main .col-4,
	footer .col-5,
	footer .col-7 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0;
	}

	#zakres-tlumaczen .col-2 {
		width: calc(99.99% * 4/12 - (30px - 30px * 4/12));
		max-width: calc(99.99% * 4/12 - (30px - 30px * 4/12));
		flex-basis: calc(99.99% * 4/12 - (30px - 30px * 4/12));
		margin-right: 30px;
	}

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

	#o-mnie .col {margin-bottom: 30px;}

	#o-mnie {text-align: center;}

	#o-mnie h2 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	#o-mnie img.fluid {margin: 0 auto;}

	#marketing .container {background: #f2f2f2;}

	.pelna-lista-firm > ul {
		margin: 30px 0 0;
		flex-direction: column;
	}

	.pelna-lista-firm > ul > li {
		max-width: 100%;
		width: 100%;
		flex-basis: 100%;
	}

	.navbar__toggler.activated {
		margin-right: -72px;
	}

	.navbar-nav a {
		white-space: normal;
		max-width: 90vw;
	}

	.navbar-nav, .navbar-nav.show {
		min-width: 80vw;
	}

	#navbar.affix .container {
		align-items: flex-start;
		justify-content: flex-end;
	}

	.affix .navbar-nav.show {
		top: 150%;
		left: auto;
		right: 0;
	}
}

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

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

@media screen and (max-width: 640px) {
	header .swiper-slide {max-height: 40vh}
	#paralaksa {height: 40vh;}

	#rekomendacje .rekomendacja {
		padding: 30px 100px;
		min-height: 330px
	}
}

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

@media screen and (max-width: 480px) {
	#zakres-tlumaczen .col-2 {
		width: calc(99.99% * 6/12 - (30px - 30px * 6/12));
		max-width: calc(99.99% * 6/12 - (30px - 30px * 6/12));
		flex-basis: calc(99.99% * 6/12 - (30px - 30px * 6/12));
		margin-right: 30px;
	}

	#zakres-tlumaczen .col-2:nth-child(2n) {margin-right: 0;}

	#rekomendacje .prev, #rekomendacje .next {
		display: none;
	}

	#rekomendacje .rekomendacja {
		padding: 30px;
		min-height: 50vh
	}
}

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

@media screen and (max-width: 425px) {
	body {padding-top: 80px;}
	#navbar {
		height: 80px;
	}
	.logo img {height: 50px;}

	header h1 {
		font-size: 40px;
	}

	.no-labels .checkbox label p {font-size: 11px;}

	.no-labels .btn {
		padding: 0.8rem 1rem;
		margin-left: 10px;
		align-self: flex-start;
	}
}

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

@media screen and (max-width: 375px) {
	footer .content-between {
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

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

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

@media screen and (max-width: 320px) {
	.newsletter .group {
		flex-direction: column
	}

	.newsletter input {
		width: calc(100% - 2rem);
		border-radius: 8px 8px 0 0;
	}

	.newsletter button.btn {
		width: 100%;
		border-radius:  0 0 8px 8px
	}
}