@media screen and (min-width: 1px) and (max-width: 360px){
#columns[data-columns]::before {content: '1 .col';}
.col {width: 100%;}		   
.gallery {margin: 1%; width: 98%;}	
.center {width: 80%; margin: 0 10% 0 10%; font-size: 1em; }	
.akapitLeftTekst {display: block; float: right; width: 80%; margin-right: 10%; margin-left: 10%;}
.akapitLeftFoto { width: 100%; border: 0px solid; margin: 1% 0% 1% 0%; padding: 0;}	
.akapitRightTekst {display: block; float: right; width: 80%; margin-right: 10%;	margin-left: 10%;}
.prawa {font-size: 1em;	}
.akapitRightFoto {width: 100%; border: 0px solid; margin: 1% 0% 1% 0%; padding: 0;}	
.wrapperOpis {width: 80%; margin: 2% 10% 2% 10%; font-size: 1em;  font-weight: bold;}
.bez {width: 80%; margin: 0 10% 0 10%; font-size: 1em; }
.lewa {font-size: 1em; }
aside {width: 100%;	margin: 0.5%; padding: 1%; border: 1px dotted #999; font-size: 0.8em;	; color: #999;float: right;}	
#wrapPromo {font-size: 1em; color: #fff !important;	text-align: center;	position: absolute;	margin: 0 10% 0 10%; z-index:2;}
.tygodniaFoto {width: 100%; margin: 0 0 30px 0;}	
.artykulTygodnia {width: 100%;}		

#slide3 { display: block; overflow: hidden;	background-size: cover;	background-repeat: no-repeat; height: 750px; background-position: fixed}	
#zaslepka {background-color: #000; opacity: 0.4; position: absolute; width: 100%; z-index: 1; height: 750px;}	
.slideTresc {display: block; width: 90%; height: 230px; position: absolute; z-index: 2; margin: 300px 5% 0 5%; padding-top: 20px;}
.slideFoto {display: none;}
.slideBg {-webkit-filter: inherit; -moz-filter: inherit; -o-filter: inherit; -ms-filter: inherit; filter: inherit;}
.bxSlider .tresc {display: none;}
.bxSlider .tytul {font-size: 4em; line-height: 0.8em;}
.duza .tresc {display: none;}
.mala .tresc {display: none;}
.malaDwa .tresc {display: none;}
.srednia .tresc {display: none;}
.duza {display: block; float: left;	width: 100%; margin: 0 0 2% 0; border: 0px solid #000;}
.mala {display: block; float: left;	width: 100%; margin: 0 0 2% 0; border: 0px solid #000;}
.malaDwa {display: block; float: left; width: 100%;	margin: 0 0 2% 0;border: 0px solid #000;}
.srednia {display: block; float: left; width: 100%;	margin: 0 0 2% 0; border: 0px solid #000;}
.zdjecieGrupyleft {float: left; margin: 0 1% 6% 0; width: 98%;}
.zdjecieGrupyright {float: left; margin: 0 0 6% 1%; width: 98%;}
.wrapper {width: 90%; margin: 0 5% 0 5%;}
#menuBig {display: none;}
#logo {width: 150px; height: 211px;}
#glowna {height: 624px;}
#zajawka {display: none;}
#tresci {top: 624px;}
#slider {height: 624px;}
.podgrupa {display: block; width: 94%; border: 0px solid; padding: 0; margin: 0 0 2% 0; overflow: hidden;}
.podgrupa img {width: 100%;}
#belki {display: none !important;}
.wgal {background-position: top center; background-repeat: no-repeat; background-size: cover; margin: 1% 1% 1% 0; width: 98%; height: 200px; float: left;}
#adres {display: block; width: 60%; float: left; padding: 50px 0 0 80px;}
#formularz {display: block; width: 60%; float: left; padding: 50px 0 0 80px; color: #fff !important;}
#podstrony {height: 624px;}
#tresciPodstrony {top: 450px;}
#sliderPodstrony {height: 850px;}
.belkaMobile {width: 98%;}
}

@media screen and (min-width: 361px) and (max-width: 600px){
#columns[data-columns]::before {content: '2 .col'; }
.col {width: 50%;}		  		  
.gallery {margin: 1%; width: 48%;} 
.center {width: 80%; margin: 0 10% 0 10%; font-size: 1em;	;} 
.akapitLeftTekst {display: block; float: right;	width: 80%;	margin-right: 10%; margin-left: 10%;}
.akapitLeftFoto {width: 100%; border: 0px solid; margin: 1% 0% 1% 0%; padding: 0;}	
.akapitRightTekst {display: block;	float: right; width: 80%; margin-right: 10%; margin-left: 10%;}
.akapitRightFoto {width: 100%; border: 0px solid; margin: 1% 0% 1% 0%; padding: 0;}	
.prawa {font-size: 1em;}
.wrapperOpis {width: 80%; margin: 2% 10% 2% 10%; font-size: 1em; font-weight: bold;}
.bez {width: 80%; margin: 0 10% 0 10%; font-size: 1em;}
.lewa {font-size: 1em;}
aside {width: 100%;	margin: 0.5%; padding: 1%; border: 1px dotted #999; font-size: 0.8em;	; color: #999; float: right;} 
#wrapPromo {font-size: 1.2em; color: #fff !important; text-align: center; position: absolute; margin: 0 10% 0 10%; z-index:2;}
.tygodniaFoto {width: 100%; margin: 0 0 30px 0;} 
.artykulTygodnia {width: 100%;} 
#logo {width: 150px; height: 211px;}
#slide3 {display: block; overflow: hidden; background-size: cover; background-repeat: no-repeat; height: 650px;}	
#zaslepka {background-color: #000; opacity: 0.3; position: absolute; width: 100%; z-index: 1; height: 650px;} 
.slideTresc {display: block; width: 90%; height: 230px; position: absolute; z-index: 2; margin: 300px 5% 0 5%; padding-top: 20px;}
.slideFoto {display: none;}
.slideBg {-webkit-filter: inherit; -moz-filter: inherit; -o-filter: inherit; -ms-filter: inherit; filter: inherit;}
.duza .tresc {display: none;}
.mala .tresc {display: none;}
.malaDwa .tresc {display: none;}
.srednia .tresc {display: none;}
.duza {display: block; float: left;	width: 75%;	height: 450px; margin: 0 2% 2% 0; border: 0px solid #000;}
.mala {display: block; float: left; width: 23%;	height: 450px; margin: 0 0 2% 0; border: 0px solid #000;}
.malaDwa {display: block; float: left; width: 23%; height: 450px; margin: 0 2% 2% 0; border: 0px solid #000;}
.srednia { display: block; float: left;	width: 50%;	height: 450px; margin: 0 0 2% 0; border: 0px solid #000;}
.zdjecieGrupyleft {float: left; margin: 0 6% 6% 0; width: 98%;}
.zdjecieGrupyright {float: left; margin: 0 0 6% 6%; width: 98%;}
.wrapper {width: 90%; margin: 0 5% 0 5%;}
#menuBig {display: none;}
#glowna {height: 624px;}
#zajawka {display: none;}
#tresci {top: 624px;}
#slider {height: 624px;}
.podgrupa {display: block; width: 94%; border: 0px solid; padding: 0; margin: 0 0 2% 0; overflow: hidden;}
.podgrupa img {width: 100%;}
#belki {display: none !important;}
.wgal {background-position: top center; background-repeat: no-repeat; background-size: cover; margin: 1% 1% 1% 0; width: 98%; height: 200px; float: left;}
#adres {display: block; width: 60%; float: left; padding: 50px 0 0 80px;}
#formularz {display: block; width: 60%; float: left; padding: 50px 0 0 80px; color: #fff !important;}
#podstrony {height: 624px;}
#tresciPodstrony {top: 450px;}
#sliderPodstrony {height: 850px;}
.belkaMobile {width: 98%;}
}

@media screen and (min-width: 601px) and (max-width: 1099px){
#columns[data-columns]::before {content: '3 .col';}
.col {width: 33%;}		  		  
.gallery {margin: 1%; width: 31%;} 
.center {width: 80%; margin: 0 10% 0 10%; font-size: 1em;	;} 
.prawa {font-size: 1em;}
.akapitRightTekst {display: block; float: left; width: 49%;	margin-right: 1%; margin-left: 10%;}
.akapitRightFoto {width: 40%; border: 0px solid; margin: 0; padding: 0; float: right;}	 
.akapitLeftTekst {display: block; float: right;	width: 49%;	margin-right: 10%; margin-left: 1%;}
.akapitLeftFoto {width: 40%; border: 0px solid;	margin: 0; padding: 0; float: left;} 
.wrapperOpis {width: 80%; margin: 2% 10% 2% 10%; font-size: 1em; font-weight: bold;}
.bez {width: 80%; margin: 0 10% 0 10%;	font-size: 1em;}
.lewa {font-size: 1em;}
aside {width: 220px; margin: 0.5%; padding: 1%; border: 1px dotted #999; font-size: 0.8em; color: #999; float: right;} 
#wrapPromo {font-size: 1.2em; color: #fff !important; text-align: center; position: absolute; margin: 0 10% 0 10%;z-index:2;}
.tygodniaFoto {width: 50%; float: right; margin: 0 0 15px 15px;} 
.artykulTygodnia {width: 70%; padding-left: 30%;} 

#slide3 {display: block; overflow: hidden; background-size: cover; background-repeat: no-repeat; height: 450px;}	
#zaslepka {background-color: #000; opacity: 0.3; position: absolute; width: 100%; z-index: 1; height: 450px; } 
.slideTresc {display: block; width: 90%; height: 250px; position: absolute; z-index: 2; margin: 300px 5% 0 5%;}
.duza {display: block; float: left; width: 75%;	height: 550px; margin: 0 2% 2% 0; border: 0px solid #000;}
.mala {display: block; float: left; width: 23%;	height: 550px;	margin: 0 0 2% 0; border: 0px solid #000;}
.malaDwa {display: block; float: left; width: 23%; height: 550px; margin: 0 2% 2% 0; border: 0px solid #000;}
.srednia {display: block; float: left; width: 50%; height: 550px; margin: 0 0 2% 0; border: 0px solid #000;} 
.zdjecieGrupyleft {float: left; margin: 0 6% 6% 0; width: 30%;}
.zdjecieGrupyright {float: left; margin: 0 0 6% 6%; width: 30%;}
.wrapper {width: 90%; margin: 0 5% 0 5%;}
#menuBig {display: none;}
#logo {width: 200px; height: 281px;}
.belka {width: 57%; height: 640px;}
#zajawka {display: none;}
#glowna {height: 624px;}
#tresci {top: 624px;}
#slider {height: 624px;}
#belki {display: none !important;}
.podgrupa {display: block; width: 48%; border: 0px solid; padding: 0 0 0 0; margin: 0 2% 2% 0; overflow: hidden; float: left; height: 150px;}
.podgrupa img {width: 40%; border: 0 none; vertical-align: middle; margin: auto; float: left; margin: 0 15px 15px 0;}
.wgal {background-position: top center; background-repeat: no-repeat; background-size: cover; margin: 1% 1% 1% 0; width: 48%; height: 200px; float: left;}
#adres {display: block; width: 400px; float: left; padding: 50px 0 0 100px;}
#formularz {display: block; width: 500px; float: left; padding: 50px 0 0 100px; color: #fff !important;}
#podstrony {height: 624px;}
#tresciPodstrony {top: 450px;}
#sliderPodstrony {height: 850px;}
.belkaMobile {width: 48%;}

}

@media screen and (min-width: 1100px) and (max-width: 9999px){
#columns[data-columns]::before {content: '4 .col';}
.col {width: 25%;}	 
.gallery { margin: 1%; width: 23%;}
.polowa {display: block; width: 48%; margin: 1%; float: left;}
.center {width: 75%; margin: 0 15% 0 10%; font-size: 1em;} 
.akapitLeftTekst {display: block; float: right; width: 44%; margin-right: 15%; margin-left: 1%;}
.akapitLeftFoto {width: 40%; border: 0px solid; margin: 0; padding: 0; float: left;}	
.prawa { font-size: 1em;}
.akapitRightTekst {display: block; float: left; width: 49%; margin-right: 1%; margin-left: 10%;}
.akapitRightFoto { width: 40%; border: 0px solid; margin: 0; padding: 0; float: right;}	
.wrapperOpis {width: 75%; margin: 2% 15% 2% 10%; font-size: 1em; font-weight: bold;}
.bez {width: 75%; margin: 0 15% 0 10%;	font-size: 1em;}
.lewa {font-size: 1em;}
aside {width: 360px; margin: 0.5%; padding: 1%; border: 1px dotted #999; font-size: 0.8em; color: #999; float: right;} 
#wrapPromo {font-size: 1.2em; color: #fff !important; text-align: center; position: absolute; margin: 0 10% 0 10%; z-index:2;}
.tygodniaFoto {width: 50%; float: right; margin: 0 0 15px 15px;}
.artykulTygodnia {width: 70%; padding-left: 30%;}

#slide3 {display: block; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; height: 350px;}	
#zaslepka {background-color: #000; opacity: 0.3; position: absolute; width: 100%; z-index: 1; height: 350px;} 
.slideTresc {display: block; width: 65%; height: 250px; position: absolute; z-index: 2; margin: 300px 0 0 5%;}
.duza {display: block; float: left; width: 75%; height: 450px; margin: 0 2% 2% 0; border: 0px solid #000;}
.mala {display: block; float: left; width: 23%; height: 450px; margin: 0 0 2% 0; border: 0px solid #000;}
.malaDwa { display: block; float: left; width: 23%; height: 450px; margin: 0 2% 2% 0; border: 0px solid #000;}
.srednia { display: block; float: left; width: 50%; height: 450px; margin: 0 0 2% 0; border: 0px solid #000;}
.zdjecieGrupyleft {float: left; margin: 0 6% 6% 0; width: 30%;}
.zdjecieGrupyright {float: left; margin: 0 0 6% 6%; width: 30%;}
.wrapper {width: 1040px; margin: auto; padding-left: 60px;}
#trigger4 {display: none;}
#logo {width: 230px; height: 363px;}
.belka {width: 636px; height: 640px;}
#zajawka {display: block;}
#glowna {height: 1422px;}
#tresci {top: 1422px;}
#slider {height: 845px;}
#naglowekGlowna {display: none;}
#zajawkaMobile {display: none;}
.podgrupa {display: block; width: 48%; border: 0px solid; padding: 0 0 0 0; margin: 0 2% 2% 0; overflow: hidden; float: left; height: 150px;}
.podgrupa img {width: 40%; border: 0 none; vertical-align: middle; margin: auto; float: left; margin: 0 15px 15px 0;}
.wgal {background-position: top center; background-repeat: no-repeat; background-size: cover; margin: 1% 1% 1% 0; width: 32%; height: 200px; float: left;}
.polowa {display: block; width: 50%; margin: 0; float: left;}
#adres {display: block; width: 400px; float: right; padding: 40px 90px 0 0;}
#formularz {display: block; width: 470px; float: left; padding: 40px 0 0 60px; color: #fff !important;}
#podstrony {height: 624px;}
#tresciPodstrony {top: 450px;}
#sliderPodstrony {height: 850px;}
#belkiMobile {display: none !important;}
}




/* *********************************************************************************** */
/*    tutaj style ktore nie wymagaja skalowania                                        */
/* *********************************************************************************** */

.obrazGaleria {display: block; width: 94%; margin: 3%; overflow: hidden; background-color: #d1a764;}
.obrazGaleria img {width: 100%;}
.obrazGaleriaOpis {margin: 5%; width: 90%; font-size: 0.7em;}
.obrazGaleriaTytul {margin: 5% 5% 0 5%; width: 90%; font-size: 1em; font-weight: bold;}
.obrazGaleriaWymiary {margin: 0 5% 0 5%; width: 90%; font-size: 0.7em; font-weight: bold;}
.obrazGaleria a:hover {opacity: 0.5;}
.obrazGaleria a {text-decoration: none; color: #000;}
.wgal:hover {opacity: 0.5;}
.bez {display: block; clear: both;}
.center {display: block; clear: both;}
.col {min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; float: left;}
.container {width: 90%;	margin: 0 5% 0 5%;}
.podgrupa .tytul {font-size: 1.5em; display: block; text-align: left !important;}
.podgrupa .tresc {font-size: 0.8em;}
.podgrupa a {text-decoration: none; color: #fff; text-align: justify;}
#tresciPodstrony .podgrupa a {text-decoration: none; color: #000 !important; text-align: justify;}
.podgrupa a:hover {opacity: 0.5;}
.lewa {display: block; overflow: hidden;}
.prawa {display: block;	overflow: hidden;}
.akapitCenterFoto {width: 100%;	border: 0px solid; margin: 0; padding: 0;}
figcaption {font-size: 0.8em; color: #999;}
.gallery {display: block; height: 200px; border: 0px solid; border-radius: 10px; float: left; background-size: cover; background-position: top center;}
.gallery:hover {opacity: 0.5;}
.grupaOpis {font-size: 1em; text-align: justify; margin: 0 5% 0 10%;}


/*definicja bxSlidera*/

#sliderWrap {display: block; height: 579px; width: 100%; max-width: 1440px; margin: auto; overflow: hidden;}
.slideObraz {width: 100%; max-width: 1920px; height: 845px; display: block; background-size: cover;}
.sliderTytul {display: block; float: left; width: 33%; color: #fff; text-shadow: 3px 3px 2px #000;}
.sliderTytul a {color: #fff; text-decoration: none;}
.sliderTytul h2 {margin: 0; padding: 0; font-size: 2.5em;}
.sliderOpis {display: block; float: right; width: 33%; color: #fff; text-shadow: 3px 3px 2px #000;}
.sliderOpis .streszczenie {font-weight: bold; display: block;}
.sliderOpis .tresc {font-size: 0.8em;}
#slider .wrapper {z-index: 50; position: relative; padding-top: 200px;}

/* formularz */

.galeria {display: block; margin: 10px; width: 200px; height: 200px; border: 0px solid; border-radius: 10px; float: left; background-size: cover; background-position: top center;}
.galeria:hover {opacity: 0.5;}
.text {width: 98%; background-color: #6e6d6b; height: 25px; border: 0px solid #ece8df; color: #fff; margin: 0.5%; padding: 0.5%; border-radius: 5px;}
textarea { width: 98%; background-color: #6e6d6b; height: 150px; border: 0px solid #ece8df; color: #fff; margin: 0.5%; padding: 0.5%; border-radius: 5px; font-family: Tahoma, Geneva, sans-serif;}
.forma fieldset { border: 0px solid; margin: 0; padding: 0;}
.forma form { border: 0px solid; margin: 0; padding: 0;}
.forma .wyslij { width: 185px; text-align: center; background-color: #fff; height: 28px; border: 0px solid #fff; margin: 0.5%; padding: 0.5%; float: right; clear: both; cursor: pointer; color: #6e6d6b; border-radius: 5px;}
.forma .wyslij:hover {opacity: 0.5;}

.text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}


.wgal:hover {opacity: 0.5 !important;}

.center {text-align: justify;}
.akapitLeftTekst {}
.akapitRightTekst {}
.prawa {text-align: justify;}
.bez {text-align: justify;}
.lewa {text-align: justify;}