/* OTHERS */
@media screen and (min-width: 1300px) {
	
	#social {
		display:block;
	}
}

@media screen and (min-width: 1220px) {
		
	#fixedHeader {
		display:none;
		width:100%;
		background:#fff;
		position:fixed;
		top:0;
		left:0;
		z-index:200;
		border-bottom:9px solid #ededed;
	}
	
	#fixedHeader #logo2 {
		width:70%;
		margin:13px 0;
	}
	
	#fixedHeader nav {
		margin:20px 0 0 0;
	}

}

@media screen and (min-width: 980px) {
	
	.txt .lamy {
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
		-webkit-column-gap:4em;
		-moz-column-gap:4em;
		column-gap:4em;
		-webkit-column-rule:1px solid #ededed;
		-moz-column-rule:1px solid #ededed;
		column-rule:1px solid #ededed;
		margin-bottom:30px;
	}
	
	.txt .lamy p:last-child {
		margin-bottom:0;
	}
	
	.txt .lamy li, #txt .lamy p {
		overflow:hidden;
		-webkit-column-break-inside:avoid;
		-moz-column-break-inside:avoid;
		-o-column-break-inside:avoid;
		-ms-column-break-inside:avoid;
		column-break-inside:avoid;
		margin-top:0;
	}
	
	#content :is(h1.page-title, h2) {
		font-size:40px;
		line-height:45px;
		}
		
	#content :is(h1.page-title, h2) span {
		top:8px;
		}
	
}

@media screen and (max-width: 1299px) {
		
	#parallaxSubpage {
		background-size:cover;
	}

}

/* LG */
@media all and (min-width: 980px) and (max-width: 1219px) {
	
	header .brand-slogan {
		top:140px;
		margin-left:-93%;
	}
	
	#outer-mask {
		width:1010px;
	}
	
	.nivoSlider {
		background-position:45%;
	}
	
	#indexOffer p {
		height:151px;
	}
	
	#indexOffer a:hover p img {
		top:-151px;
	}
	
}


@media all and (max-width: 979px) {

    /* Stan początkowy odpowiada zwiniętemu menu po uruchomieniu Formstone. */
    header nav[data-navigation-handle]:not(.fs-navigation-enabled) { display: none; }
    #handleMenu:empty { height: 45px; }
	
	nav {
		margin:0;
		text-align:left;
		padding:5px;
	}
	
	nav span {
		display:none;
	}
	
	nav a {
		display:block;
		padding:5px 20px;
		border-bottom:1px solid #fff;
	}
	
	nav a:last-child {
		border-bottom:none;
	}
	
	nav a:hover,
	nav a:active {
		background:#009edf;
		color:#fff;
	}
	
	header {
		background-position:bottom;
	}
	
	#baner {
		margin-top:26px;
		height:293px;
	}
	
	header .brand-slogan {
		position:static;
		top:60px;
		left:0;
		font-size:21px;
		line-height:25px;
		text-align:center;
		color:#fff;
		margin:0 0 20px 0;
		padding:8px 10px;				
		background: rgba(1,178,248,1);
		background: -moz-linear-gradient(left, rgba(1,178,248,1) 0%, rgba(233,1,1,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,178,248,1)), color-stop(100%, rgba(233,1,1,1)));
		background: -webkit-linear-gradient(left, rgba(1,178,248,1) 0%, rgba(233,1,1,1) 100%);
		background: -o-linear-gradient(left, rgba(1,178,248,1) 0%, rgba(233,1,1,1) 100%);
		background: -ms-linear-gradient(left, rgba(1,178,248,1) 0%, rgba(233,1,1,1) 100%);
		background: linear-gradient(to right, rgba(1,178,248,1) 0%, rgba(233,1,1,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b2f8', endColorstr='#e90101', GradientType=1 );
	}
	
	header .brand-slogan span {
		display:inline-block;
		margin:2px 40px !important;
	}
		
	#corner {
		display:none;
	}
	
	#outer-mask {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
	}
	
	#inner-mask {
		right:0;
		top:0;
		width:100%;
		height:100%;
		-webkit-transform:none;
			-ms-transform:none;
			 -o-transform:none;
				transform:none;
	}
	
	#slidesHolder {
		left:0;
		top:0;
		width:100%;
		height:100%;
		-webkit-transform:none;
			-ms-transform:none;
			 -o-transform:none;
				transform:none;
	}
	
	.nivoSlider {
		background-position:50%;
	}
	
	.nivo-controlNav {
		z-index:100;
		position:absolute;
		bottom:0px;
		left:auto;
		right:15px;
	}
	
	.nivo-controlNav .nivo-control {
		width:13px;
		height:13px;
		margin:0 0 0 13px;
	}
	
	#indexOffer span {
		font-size:24px;
	}
	
	footer {
		height:270px;
	}
	
}


/* MD */
@media all and (min-width: 740px) and (max-width: 979px) {
	
	#indexOffer p {
		height:113px;
	}
	
	#indexOffer a:hover p img {
		top:-113px;
	}
	
	#footerDataA {
		padding-left:0;
		background:none;
	}
	
	#footerDataB {
		padding-right:0;
		background:none;
	}
	
	#topBut {
		bottom:55px;
	}
	
	#parallax {
		background-size:cover;
	}
	
}


/* SM */
@media all and (max-width: 739px) {
	
	#logo {
		margin-top:25px;
	}
	
	header .brand-slogan {
		padding-bottom:10px;
	}
	
	header .brand-slogan span {
		display:inline-block;
		margin:2px 13px !important;
	}
	
	#indexTxt .fs-cell {
		padding:0 !important;
	}
	
	#indexTxt .fs-cell:last-child .fs-cell {
		float:none;
 		margin-left:auto;
		margin-right:auto;
	}
		
	#indexTxt .fs-cell:last-child a {
		margin:0 auto;
	}
	
	#parallax {
		height:280px;
		background-size:cover;
	}
	
	#parallaxSubpage {
		height:220px;
		background-size:cover;
	}
	
	#mapHolder {
		height:400px;
	}
	
	footer {
		background:none;
		margin:0;
	}
	
	footer #footerHolder {
		background:url(/gfx/footer-bck.png) no-repeat 50% 0;
	}
	
	#footerDataA {
		padding-left:0;
		background:none;
	}
	
	footer {
		height:290px;
	}
	
	#topBut {
		bottom:50px;
	}
	
	#content :is(h1.page-title, h2) {
		margin-bottom:40px;
	}
	
	.txt h3 {
		font-size:25px;
	}
	
	.txt h4 {
		font-size:21px;
	}
	
	.txt table.noborder td {
		display:block;
		padding-bottom:20px !important;
	}
	
	.txt table.noborder td:last-child {
		display:block;
		padding-bottom:0 !important;
	}	

}


/* XS */
@media all and (max-width: 499px) {
	
	header {
		background:url(/gfx/header-bck-xs.png) bottom repeat-x;
	}
	
	header .brand-slogan {
		font-size:19px;
	}
	
	header .brand-slogan span {
		display:inline-block;
		margin:2px 10px !important;
	}
	
	#baner {
		height:195px;
	}
	
	:is(h1.page-title, h2), .header {
		font-size:26px;
		line-height:32px;
	}
	
	#content :is(h1.page-title, h2) {
		margin-bottom:30px;
	}
	
	#indexOffer p {
		height:148px;
	}
	
	#indexOffer a:hover p img {
		top:-148px;
	}
	
	#indexTxt {
		background-position:50% -16px;
	}
	
	#parallax {
		height:250px;
		background-size:auto;
	}
	
	#parallax,
	#parallaxSubpage {
		background-image:url(/gfx/footer-bck-xs.jpg);
        background-image: image-set(url(/gfx/footer-bck-xs.webp) type("image/webp"), url(/gfx/footer-bck-xs.jpg) type("image/jpeg"));
		background-attachment:local !important;
	}
	
	#parallaxSubpage {
		height:200px;
	}
	
	footer {
		height:300px;
	}
	
	.imgLeft,
	.imgRight {
		float:none;
		margin:4px auto 10px auto;
	}	
	
	.txt table {
		width:100% !important;
		overflow-x:auto;
	}
	
}

/* Większa czytelność treści i menu na dużych monitorach. */
@media screen and (min-width: 1600px) {
    .txt {
        font-size: 17px;
        line-height: 27px;
    }

    .txt table {
        line-height: 25px;
    }

    header nav a,
    header nav span {
        font-size: 17px;
    }
}