@media screen and (min-width:1280px) and (max-width:1366px) {




.w100 {
max-width:1100px;
margin: 0 auto;
}

.nablogu li {
width: 27.5%;
height: 475px;
}

.o-nas .item-page ul {
width: 1100px;
height: 600px;
}

.o-nas .item-page ul li img {
width: 100%;
height: auto;
}

.cennik .obraz img {
max-width: 250px;
padding-bottom: 300px;
}

.menug li a {
padding: 0px 18px;
}


#kontent .blog  h2 {
min-height: 82px;
}

#janczarek.blog .right {
width: 28%;
padding-left: 2%;
}

.lewy {
margin-left: 20px;
margin-right: 20px;
}

.prawy {
float: left;
max-width: 580px;
}

.o-nas .item-page .sliderek {
padding-bottom: 0px;
}


}


@media screen and (min-width:980px) and (max-width:1279px) {

.klawiszmob {
display: block;
}


.n2-ss-layer .klawisz {
font-size: 13px!important;
margin-top: 30px!important;
}

.tekst1,
.tekst1a,
.tekst2 {
line-height: 50px!important;
}


.w100 {
max-width:940px;
margin: 0 auto;
}

.programy .item-page {
min-width: 940px;
}

.nablogu li {
width: 100%;
margin: 20px 0px;
height: 265px;
}

.o-nas .item-page ul {
width: 940px;
height: 520px;
}

.o-nas .item-page .sliderek {
padding-bottom: 0px;
}

.o-nas .item-page ul li img {
width: 100%;
height: auto;
}

.witamy h2, #bfPage1 h2, .item-page h2 {
letter-spacing: 4px;
}

.cennik .obraz img {

max-width: 250px;
padding-bottom: 400px;
}

.cennik .obraz {
padding: 0px 30px;
}

#kontent .blog .migawka {
width: 31%;
}


.menug {
display: none;
position: fixed;
background: rgba(0,0,0,0.7);
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
}

.menug ul {
width: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -188px;
background: #076f8d;
}

.menug ul li {
float: none;
}

.menug ul li a {
color: #fff;
line-height: 46px!important;
height: 46px!important;
text-align: center!important;
border-top: 1px solid #1d89a8;
}

.menug li.active a,
.menug ul li a:hover {
background: #1d89a8;
color: #fff;
}


.stopka .kont,.stopka .social,
.stopka .dlaczego,.stopka .wblogu {
width: 46%;
padding: 2%;
min-height: 285px;
}

.start .aktualnosci .w100 {
max-width:840px;
margin: 0 auto;
}


.kontakt .item-page a {
font-size: 14px;
}

.kontakt .item-page p {
min-height: 60px;
}


.kontakt .item-page ul li {
width: 46%;
margin: 2%;
min-height: 330px;
}

.blogblog .migawka h2 a { 
font-size: 20px;
}


#janczarek.blog .right {
width: 28%;
padding-left: 2%;
}

.lewy {
margin-left: 20px;
margin-right: 20px;
}

.prawy {
float: left;
max-width: 480px;
}

}



@media screen and (min-width:768px) and (max-width:979px) {

body {
font-size: 14px;
}


.klawiszmob {
display: block;
}

.witamy .moduletable {
max-width: 700px;
}

.n2-ss-layer .klawisz {
font-size: 13px!important;
margin-top: 30px!important;
}

.tekst1,
.tekst1a,
.tekst2 {
line-height: 40px!important;
}

.w20 {
width: 30%;
}

.w80 {
width: 70%;
}

.w100 {
max-width:740px;
margin: 0 auto;
}

.programy .item-page {
min-width: 740px;
}

.nablogu li {
width: 94%;
margin: 20px 0px;
height: 265px;
}

.item-page p,
.item-page h4,
.tekst .moduletable,
.zasieg .item-page ul {
max-width: 680px;
}

.o-nas .item-page ul {
width: 740px;
height: 390px;
}

.o-nas .item-page ul li img {
width: 100%;
height: auto;
}

.cennik .obraz img {
max-width: 250px;
padding-bottom: 40px;
}

.cennik .obraz {
float: none;
text-align: center;
padding: 0px 30px;
}

#kontent .blog .migawka {
width: 31%;
}

#kontent .blog h2 {
min-height: 87px;
}

.menug {
display: none;
position: fixed;
background: rgba(0,0,0,0.7);
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
}

.menug ul {
width: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -161px;
background: #076f8d;
}

.menug ul li {
float: none;
}

.menug ul li a {
color: #fff;
line-height: 46px!important;
height: 46px!important;
text-align: center!important;
border-top: 1px solid #1d89a8;
}

.menug ul li.active a,
.menug ul li a:hover {
background: #1d89a8;
color: #fff;
}


.stopka .kont,.stopka .social,
.stopka .dlaczego,.stopka .wblogu {
width: 46%;
padding: 2%;
min-height: 310px;
}

.menud ul {
width: 690px;
}


.menud li a {
font-size: 9pt;
padding: 0px 14px;
}


.start .aktualnosci .w100 {
max-width:640px;
margin: 0 auto;
}


.kontakt .item-page a {
font-size: 14px;
}

.kontakt .item-page p {
min-height: 60px;
}


.kontakt .item-page ul li {
width: 46%;
margin: 2%;
min-height: 320px;
}

.blogblog .migawka h2 a { 
font-size: 20px;
}

.blogblog .migawka {
width: 94%;
padding: 3%;

}

.aktualnosci .blogblog .migawka {
width: 90%;
margin-bottom: 10px;
}


#janczarek.blog .right {
width: 28%;
padding-left: 2%;
}

.lewy {
float: none;
max-width: 400px;
margin: 0 auto!important;

}

.prawy {
float: none;
max-width: 740px;
}

#janczarek.blog .left {
display: block;
width:100%;
}

#janczarek.blog .right {
display: block;
width:100%;
padding-left: 0%;
}

.cennik h5 {
text-align: center;
}

}



@media screen and (min-width:600px) and (max-width:767px) {



.klawiszmob {
display: block;
}

.n2-ss-layer .klawisz {
font-size: 13px!important;
margin-top: 50px!important;
}

.n2-ss-layer {
width: 400px!important;
margin-top: -40px;
text-align: center!important;
left: 50%!important;
margin-left: -200px;
}

.tekst1,
.tekst1a,
.tekst2 {
line-height: 40px!important;
font-size: 30px!important;
}


body {
font-size: 14px;
}

.witamy .moduletable {
max-width: 520px;
}

.opinie p:nth-child(3) {
font-size: 20px;
line-height: 20px;
}

.opinie p:nth-child(4) {
font-size: 14px;
}


.w20 {
width: 40%;
}

.w80 {
width: 60%;
}

.w100 {
max-width:560px;
margin: 0 auto;
}

.programy .item-page {
min-width: 520px;
}

.nablogu li {
width: 93%;
margin: 20px 0px;
height: 335px;
}

.item-page p,
.item-page h4,
.tekst .moduletable,
.zasieg .item-page ul {
max-width: 520px;
}

.o-nas .item-page ul {
width: 560px;
height: 320px;
}

.o-nas .item-page .sliderek {
padding-bottom: 0px;
}

.o-nas .item-page ul li img {
width: 100%;
height: auto;
}

.cennik .obraz img {

max-width: 250px;
padding-bottom: 40px;
}

.cennik .obraz {
float: none;
text-align: center;
padding: 0px 30px;
}

#kontent .blog .migawka {
width: 47%;
margin: 1.5%;
}

#kontent .blog h2 {
min-height: 80px;
}

.cennik h5 {
text-align: center;
}

.menug {
display: none;
position: fixed;
background: rgba(0,0,0,0.7);
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
}

.menug ul {
width: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -161px;
background: #076f8d;
}

.menug ul li {
float: none;
}

.menug ul li a {
color: #fff;
line-height: 46px!important;
height: 46px!important;
text-align: center!important;
border-top: 1px solid #1d89a8;
}


.menug ul li.active a,
.menug ul li a:hover {
color: #fff;
background: #1d89a8;
}


.stopka .kont,.stopka .social,
.stopka .dlaczego,.stopka .wblogu {
width: 46%;
padding: 2%;
min-height: 310px;
}

.start .aktualnosci .w100 {
max-width:520px;
margin: 0 auto;
}


.kontakt .item-page a {
font-size: 14px;
}

.kontakt .item-page p {
min-height: 60px;
}


.kontakt .item-page ul li {
width: 46%;
margin: 2%;
min-height: 310px;
}

.blogblog .migawka h2 a { 
font-size: 20px;
}

.blogblog .migawka {
width: 94%;
padding: 3%;
}

.aktualnosci .blogblog .migawka {
width: 90%;
margin-bottom: 10px;
}



#janczarek.blog .right {
width: 28%;
padding-left: 2%;
}

.lewy {
float: none;
max-width: 400px;
margin: 0 auto!important;

}

.prawy {
float: none;
max-width: 560px;
}

#janczarek.blog .left {
display: block;
width:100%;
}

#janczarek.blog .right {
display: block;
width:100%;
padding-left: 0%;
}

.opinie .moduletable {
max-width: 520px;
}

.blogblog  {
padding: 40px 0px 20px 0px;
}

.menud ul {
width: 520px;
margin: 0 auto;

}

.menud li {
width: 25%;
}

.menud li a {
padding: 10px 12px;
}

}



@media screen and (min-width:460px) and (max-width:599px) {


body {
font-size: 14px;
}

.witamy .moduletable {
max-width: 400px;
}

.opinie ul.newsflash-horiz li {
width: 100%;
}

.menud li a {
padding: 10px 10px;
}

.menug ul li.active a,
.menug ul li a:hover {
color: #fff;
background: #1d89a8;
}

.o-nas .item-page .sliderek {
padding-bottom: 0px;
}

.cennik table {
max-width: 400px;
}

.cennik table th {
font-size: 13px;
}

.cennik table td {
padding: 5px 10px;
font-size: 13px;
}

.cennik table tr.transfer td {
font-size: 20px;
}

.cennik table tr.cena td {
font-size: 18px;
}

.zasieg .item-page ul li {
width: 50%;
}


.klawiszmob {
display: block;
}

.n2-ss-layer .klawisz {
font-size: 13px!important;
margin-top: 80px!important;
}

.n2-ss-layer {
width: 400px!important;
margin-top: -40px;
text-align: center!important;
left: 50%!important;
margin-left: -200px;
}

.tekst1,
.tekst1a,
.tekst2 {
line-height: 40px!important;
font-size: 30px!important;
}


.w20 {
width: 60%;
}

.w80 {
width: 40%;
}

.w100 {
max-width:420px;
margin: 0 auto;
}

.programy .item-page {
min-width: 380px;
}

.nablogu li {
width: 93%;
margin: 20px 0px;
height: 400px;
}

.item-page p,
.item-page h4,
.tekst .moduletable,
.zasieg .item-page ul {
max-width: 380px;
}

.o-nas .item-page ul {
width: 420px;
height: 260px;
}

.o-nas .item-page ul li img {
width: 100%;
height: auto;
}

.cennik .obraz img {

max-width: 250px;
padding-bottom: 40px;
}

.cennik .obraz {
float: none;
text-align: center;
padding: 0px 30px;
}

#kontent .blog .migawka {
width: 100%;
margin: 2% 0%;
}

#kontent .blog h2 {
min-height: 50px;
}

.cennik h5 {
text-align: center;
}

.menug {
display: none;
position: fixed;
background: rgba(0,0,0,0.7);
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
}

.menug ul {
width: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -161px;
background: #076f8d;
}

.menug ul li {
float: none;
}

.menug ul li a {
color: #fff;
line-height: 46px!important;
height: 46px!important;
text-align: center!important;
border-top: 1px solid #1d89a8;
}



.stopka .kont,.stopka .social,
.stopka .dlaczego,.stopka .wblogu {
width: 96%;
padding: 2%;
}

.start .aktualnosci .w100 {
max-width:380px;
margin: 0 auto;
}


.kontakt .item-page a {
font-size: 14px;
padding: 8px 20px;
}

.kontakt .item-page p {
min-height: 60px;
}


.kontakt .item-page ul li {
width: 46%;
margin: 2%;
min-height: 360px;
}

.blogblog .migawka h2 a { 
font-size: 20px;
}

.blogblog .migawka {
width: 94%;
padding: 3%;
}

.aktualnosci .blogblog .migawka {
width: 90%;
margin-bottom: 10px;
}



#janczarek.blog .right {
width: 28%;
padding-left: 2%;
}

.lewy {
float: none;
max-width: 350px;
margin: 0 auto!important;

}

.prawy {
float: none;
max-width: 420px;
}

#janczarek.blog .left {
display: block;
width:100%;
}

#janczarek.blog .right {
display: block;
width:100%;
padding-left: 0%;
}

.opinie .moduletable {
max-width: 380px;
}

.blogblog  {
padding: 40px 0px 20px 0px;
}

.menud ul {
width: 380px;
margin: 0 auto;
}

.menud li {
width: 33%;
}



.kontakt .naglowek .custom ul {
max-width: 440px;
}

.naglowek .custom ul li:first-child:after,
.kontakt .naglowek .custom ul li:nth-child(2):after {
padding: 0px 8px;
}

.item-pageblog {
margin-left: 0px;
}

.data,
.item-pageblog .data  {
position: relative;
left: 0px;
top: 0px;
overflow: hidden;
}

.dzien,
.item-pageblog .data .dzien {
height: 26px;
line-height: 26px;
float: left;
font-size: 15px;
border-radius: 14px 0px 0px 14px;
}

.data {
margin-bottom: 20px;
}

.start .aktualnosci li {
padding-left: 20px;
}


.mies,
.rok,
.item-pageblog .data .mies,
.item-pageblog .data .rok {
float: left;
}

.rok,
.item-pageblog .data .godzina {
border-radius: 0px 14px 14px 0px;
}

.item-pageblog .page-header {
clear: both;
}

.naglowek .moduletable h1 {
font-size: 42px;
}

.naglowek .custom ul {
max-width: 215px;
}

.lokalizacja  {
width: 85%;
margin: 0 auto;
}

}



@media screen and (min-width:0px) and (max-width:459px) {


body {
font-size: 14px;
}

.witamy .moduletable {
max-width: 84%;
text-align: justify;
}

.start .witamy .moduletable {
padding: 20px 0px;
}

.witamy h2, #bfPage1 h2, .item-page h2 {
padding-top: 10px;
font-size: 16px;
}

.o-nas .item-page {
padding-bottom: 0;
}

.opinie ul.newsflash-horiz li {
width: 100%;
}

.menud li a {
padding: 10px 10px;
}

.menug ul li.active a,
.menug ul li a:hover {
color: #fff;
background: #1d89a8;
}

.o-nas .item-page .sliderek {
padding-bottom: 0px;
}

.cennik table {
max-width: 100%;
}

.cennik table th {
font-size: 13px;
padding: 5px 3px;
}

.cennik table td {
padding: 5px 3px;
font-size: 11px;
}

.cennik table tr.transfer td {
font-size: 12px;
}

.cennik table tr.cena td {
font-size: 12px;
}

.zasieg .item-page ul li {
width: 100%;
text-align: center;
}


.klawiszmob {
display: block;
top: 5px;
}

.klawisz {
font-size: 13px!important;
margin-top: 80px!important;
}

.n2-ss-slide:nth-child(3) .klawisz {
margin-top: 130px!important;
}


.n2-ss-layer {
width: 320px!important;
margin-top: -40px;
text-align: center!important;
left: 50%!important;
margin-left: -160px;

}

.tekst1,
.tekst1a,
.tekst2 {
line-height: 30px!important;
font-size: 26px!important;
}

.w20.logo {
width: 70%;
}

.w20 {
width: 75%;
}

.w80 {
width: 25%;
}

.w100 {
max-width:92%;
margin: 0 auto;
}

.programy .item-page {
min-width: 90%;
}

.nablogu li {
width: 88%;
margin: 10px 0px;
height: 500px;
}

.item-page p,
.item-page h4,
.tekst .moduletable,
.zasieg .item-page ul {
min-width: 86%;
max-width: 86%;
}

.item-page p { 
max-width: 86%;
}

.o-nas .item-page ul {
width: 100%;
height: 226px;
}

.o-nas .item-page ul li img {
width: 100%;
height: auto;
}

.o-nas .item-page .sliderek {
padding-bottom: 20px;
}

.cennik .obraz img {
max-width: 250px;
padding-bottom: 40px;
}

.cennik .obraz {
float: none;
text-align: center;
padding: 0px 30px;
}

#kontent .blog .migawka {
width: 100%;
margin: 2% 0%;
}


h2 {
text-align: Center;
}


h2:before,
.right h3:before {
width: 80%;
left: 50%;
margin-left: -40%;
}

h2:after,
.right h3:after {
left: 50%;
margin-left: -50px;
}

#kontent .blog h2 {
min-height: 50px;
}

.cennik h5 {
text-align: center;
font-size: 24px;
}

.item-page h2 {
letter-spacing: 6px;
font-size: 22px;
padding-top: 10px;
}

#kontent .blog  h2 a {
font-size: 22px;
}

.menug {
display: none;
position: fixed;
background: rgba(0,0,0,0.7);
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
}

.menug ul {
width: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -161px;
background: #076f8d;
}

.menug ul li {
float: none;
}

.menug ul li a {
color: #fff;
line-height: 46px!important;
height: 46px!important;
text-align: center!important;
border-top: 1px solid #1d89a8;
}

.menug ul li a:hover {
background: #1d89a8;
}


.stopka .kont,.stopka .social,
.stopka .dlaczego,.stopka .wblogu {
width: 96%;
padding: 2%;
text-align: center;
}

.stopka h3:after {
left: 50%;
margin-left: -30px;
}


.start .aktualnosci .w100,
.cennik .w100 {
max-width:90%;
margin: 0 auto;
}

.social ul {
width: 85px;
margin: 0 auto;
margin-bottom: 20px;
}

.social ul li a  {
padding-right: 0px;
padding: 10px 10px!important;
}

.kontakt .item-page a {
font-size: 16px;
padding: 8px 30px;
}

.kontakt .item-page p {
min-height: 60px;
}


.kontakt .item-page ul li {
width: 100%;
margin: 2% 0%;
}

.blogblog .migawka h2 a { 
font-size: 20px;
}

.blogblog .migawka {
width: 94%;
padding: 3%;
text-align: justify;
}

.aktualnosci .blogblog .migawka {
width: 90%;
margin-bottom: 10px;
}


.lewoprawo ul {
padding-left: 0px!important;
}

.lewoprawo ul li.previous,
.lewoprawo ul li.next {
margin: 0;
}

.item-pageblog {
padding: 20px 0px;
}

.right .latestnews {
text-align: center;
}


#janczarek.blog .right {
width: 28%;
padding-left: 2%;
padding: 20px 0px;
}

.right h3 {
text-align: center;
}

.lewy {
float: none;
max-width: 320px;
margin-left: 0px;
margin-right: 0px;
margin: 0 auto!important;
}

.nablogu .data,
.migawka .data,
.item-pageblog .data {
padding-bottom: 0px;
width: 260px;
margin: 0 auto;
margin-bottom: 20px;
}

.moduletableakt .data,
.moduletableblog .data {
width: 200px;
margin: 0 auto;
margin-bottom: 20px;
}

.moduletableblog h3,
.moduletableakt h3,
.informacje {
text-align: center;
}

.moduletableblog p,
.moduletableakt p {
text-align: justify;
}


.pagination ul {
width: 100%;
}

.pagination p.pull-right {
display: none;
float: none;
}

.prawy {
float: none;
max-width: 100%;
}

#janczarek.blog .left {
display: block;
width:100%;
}

#janczarek.blog .right {
display: block;
width:100%;
padding-left: 0%;
}

.opinie .moduletable {
max-width: 90%;
}

.blogblog  {
padding: 40px 0px 20px 0px;
}

.menud ul {
width: 90%;
margin: 0 auto;
}

.menud li {
width: 50%;
}


.kontakt .naglowek .custom ul {
max-width: 200px;
}

.kontakt .naglowek .custom ul li {
float: none;
text-align: Center;
}



.naglowek .custom ul li:first-child:after,
.kontakt .naglowek .custom ul li:nth-child(2):after {
padding: 0px 8px;
}

.kontakt .naglowek .custom ul li:nth-child(1):after,
.kontakt .naglowek .custom ul li:nth-child(2):after {
display: none;
}


.item-pageblog {
margin-left: 0px;
}

.data,
.item-pageblog .data  {
position: relative;
left: 0px;
top: 0px;
overflow: hidden;
}

.dzien,
.item-pageblog .data .dzien {
height: 26px;
line-height: 26px;
float: left;
font-size: 15px;
border-radius: 14px 0px 0px 14px;
}

.data {
margin-bottom: 20px;
}

.start .aktualnosci li {
padding-left: 20px;
}


.mies,
.rok,
.item-pageblog .data .mies,
.item-pageblog .data .rok {
float: left;
}

.rok,
.item-pageblog .data .godzina {
border-radius: 0px 14px 14px 0px;
}

.item-pageblog .page-header {
clear: both;
}

.naglowek .moduletable h1 {
font-size: 32px;
}

.naglowek .custom ul {
max-width: 215px;
}



.lokalizacja  {
width: 85%;
margin: 0 auto;
}


}

