/* Tablet poziomo */
@media only screen and (max-width : 1200px) {
.center {
width: 92vw;
}
/*Część wspólna */
#naglowek {
height: 9vw;
}

#naglowek .logo {
width: 30vw;
height: 9vw;
top: 0;
left: 0;
background-position: left center;
}

#naglowek .kontakt-naglowek {
height: 9vw;
line-height: 9vw;
top: 0;
}

#naglowek .kontakt-naglowek span {
padding-left: 4vw;
font-size: 3vw;
}

#naglowek .kontakt-naglowek span i {
width: 3vw;
height: 3vw;
top: 3vw;
}

#nawigacja {
height: 4vw;
}

#nawigacja ul.menu-glowne, ul.menu-glowne {
width: auto;
height: 4vw;
}

#nawigacja ul.menu-glowne li, ul.menu-glowne li {
margin-left: 0.2vw;
margin-right: 0.2vw;
}

#nawigacja ul.menu-glowne li a, ul.menu-glowne li a {
font-size: 1.4vw;
line-height: 4vw;
height: 4vw;
padding-left: 1vw;
padding-right: 1vw;
}

#nawigacja ul.menu-social li a i {
width: 3vw;
height: 3vw;
margin-left: 0.5vw;
margin-top: 0.5vw;
}

#opienie-onas {
padding-top: 3vw;
}

#opienie-onas .pierwsza, #opienie-onas .druga, #opienie-onas .trzecia, #opienie-onas .czwarta {
width: 20vw;
height: 28vw;
}

#opienie-onas .druga{
margin-left: 3vw;
margin-right: 3vw;
}

#opienie-onas .trzecia{
margin-right: 3vw;
}

#opienie-onas .pierwsza .obrazek, #opienie-onas .trzecia .obrazek{
width: 7.3vw;
height: 7.3vw;
margin-bottom:1.6vw;
}

#opienie-onas .druga .obrazek, #opienie-onas .czwarta .obrazek{
width: 7.3vw;
height: 7.3vw;
margin-bottom:1.6vw;
}

#opienie-onas p {
line-height: 1.6vw;
}

#opienie-onas h3.mapah3 {
margin-top: -3vw;
margin-bottom: 1.6vw;
font-size: 2.25vw;
}

#mapa {
height: 30vw;
}
#mapa iframe {
height:30vw;
}

#stopka {
height:5vw;
}

#stopka p {
line-height: 5vw;
font-size: 1.3vw;
}
#stopka ul.menu-glowne a {
font-size: 1.1vw;
}
h2, h3 {
font-size: 2.2vw;
padding-bottom:3vw;
}
h3{
font-size: 1.8vw;
}
p {
font-size: 1.2vw;
}

/*Strona główna*/
#animacja {
height:39vw;
}

#animacja .bx-next, #animacja .bx-prev {
width: 5vw;
height: 5vw;
margin-top: -2.5vw;
}

#animacja-glowna .tlo, #animacja-glowna .tlo1, #animacja-glowna .tlo2, #animacja-glowna .tlo3{
height: 39vw;
}


#animacja-glowna .tlo span.tekst1 {
top: 15vw;
font-size:5vw;
margin-bottom: 3vw;
}

#animacja-glowna .tlo span.tekst2{
top: 23vw;
font-size:2.5vw;
}

#trzy-zajawki {
height:9vw;
margin-bottom:9.2vw;
}

#trzy-zajawki .center .absolute {
top: -3vw;
}

#trzy-zajawki .srodek {
margin-left: 3vw;
margin-right: 3vw;
}

#trzy-zajawki .lewa, #trzy-zajawki .srodek, #trzy-zajawki .prawa{
width: 28vw;
height: 16vw;
}

#trzy-zajawki .tytul1 {
width: 30vw;
height: 3vw;
top: -1.2vw;
left: -1vw;
font-size: 1.3vw;
line-height: 3vw;
}

#trzy-zajawki .tytul2 {
width: 30vw;
height: 3vw;
bottom: -1.2vw;
right: -1vw;
font-size: 1.3vw;
line-height: 3vw;
}

#glowna {
margin-bottom: 3vw;
}

#glowna .srodek {
margin-left: 3vw;
margin-right: 3vw;
}

#glowna .lewa, #glowna .srodek {
width: 32vw;
}

#glowna .prawa {
width: 22vw;
}
#glowna p{
line-height: 1.5vw;
}

i.img {
height: 15vw;
margin-bottom: 1.6vw;
margin-top: -0.8vw;
}
ul.lista li {
min-height: 2vw;
line-height: 2vw;
margin-bottom: 1vw;
font-size:1.5vw;
padding-left:3vw;
}

ul.lista li i {
width: 2vw;
height: 2vw;
margin-right: 0.8vw;
}

.button {
margin-top: 1.6vw;
width: 20vw;
height: 3.7vw;
font-size: 1.3vw;
line-height: 3.7vw;
}

/*Podstrony*/
.naglowek {
height: 30vw;
}
.naglowek i.img {
height: 30vw;
}

#sciezka {
height: 4vw;
margin-bottom: 3vw;
}

#sciezka .linia1 {
right: -2vw;
height: 4vw;
}

#sciezka ul li, #sciezka ul li.kolor1, #sciezka ul li, #sciezka ul li.kolor2, #sciezka ul li, #sciezka ul li.kolor3 {
height:4vw;
line-height: 4vw;
font-size: 1.3vw;
margin-right: 0.4vw;
}

#calosc .artykul{
width:62vw;
}

#calosc .zdjecie{
width:30vw;
}
.artykul {
padding-bottom: 2.5vw;
}
.artykul p {
font-size: 1.3vw;
line-height:1.8vw;
margin-bottom: 1.6vw;
}

.artykul p {
font-size: 1.3vw;
line-height:1.8vw;
padding: 0vw;
margin: 0vw 0vw 1.6vw;
}
 
.artykul h2 {
font-size: 3vw;
}

.artykul h2, .artykul h3 {
margin: 0vw 0vw 1.6vw;
}

.artykul ul.lista li {
font-size: 1.3vw;
padding-left: 2.3vw;
min-height:1.8vw;
line-height: 1.8vw;
margin-bottom: 0.8vw;
}

ul.lista li i {
width:1.8vw;
height: 1.8vw;
}

#calosc .zdjecie i {
width:20vw;
height:20vw;
margin-bottom: 2.5vw;
margin-top: 3vw;
}

#calosc .zdjecie i.img-sluch1{
margin-top: 3vw;
}

/*Kontakt*/
#kontakt .dane-kontaktowe {
width: 46vw;
}

#kontakt .formularz, #kontakt-formularz {
width: 46vw !important;
clear: none;
}

#kontakt-formularz {

}

#kontakt .dane-kontaktowe.artykul, #kontakt .formularz{
max-height: 41vw;
}

#kontakt .formularz {
max-height: 10000px;
}

.formularz .pole {
width: 100%;
height: 3.2vw;
margin-bottom: 2vw;
}

#kontakt-formularz h3 {
margin-top: 0.02vw;
}

input[type="text"], textarea {
font-size: 1.5vw;
padding-left: 1.2vw;
padding-right:1.2vw;
line-height: 3vw;
}
.formularz .pole.textarea {
height: 11.2vw;
}

h3.mapah3 {
margin-bottom: 1.6vw;
margin-top: -1.6vw;
}

label.error {
line-height: 2.8vw;
padding-right: 1.6vw;
}
}

@media only screen and (max-width : 992px) {
#naglowek .logo {
width: 33vw;
}

#naglowek .kontakt-naglowek span {
padding-left: 4.35vw;
font-size: 3.1vw;
}

#naglowek .kontakt-naglowek span i {
width: 3.1vw;
height: 3.1vw;
}

#nawigacja {
height: 4.2vw;
}

#nawigacja ul.menu-social li a i {
width: 3.15vw;
height: 3.15vw;
margin-left: 0.5vw;
margin-right: 0.5vw;
margin-top: 0.5vw;
}
}


/* tablet w pionie i telefon w poziomie*/
@media only screen and (max-width : 767px) {
/*Do wszystkich*/
#naglowek {
height: 14vw;
}
#naglowek .logo {
width: 47vw;
height: 14vw;
}	
#naglowek .kontakt-naglowek {
height: 14vw;
line-height: 14vw;
}
#naglowek .kontakt-naglowek span {
padding-left:8vw;
font-size: 4vw;
}

#naglowek .kontakt-naglowek span i {
display:none;     
}	

#nawigacja {
height: 8vw;
}

#nawigacja ul.menu-glowne {
display: block;
width: 50vw;
height: 100vh;
position: fixed;
z-index: 1200;
top: 0;
right: 0;
margin-right: -50vw;
background: rgba(48,86,164, 0.8);
padding-top: 14vw;

-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.75);
overflow-x: hidden;
overflow-y: auto;

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}


#nawigacja ul.menu-glowne.open {
margin-right: 0;

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#nawigacja ul.menu-glowne li, ul.menu-glowne li {
width: 100%;
height: 8vw;	
}

#nawigacja ul.menu-glowne li a, ul.menu-glowne li a {
    font-size: 2.1vw;
    line-height: 8vw;
    height: 8vw;
    padding-left: 3vw;
    padding-right: 3vw;
}

#stopka .menu-glowne {
display: none;
}


/*Mobil*/
#nawigacja a#button-menu{
width: 6vw;
height: 6vw;
display: block;
float: left;
background-color: yellow;
margin-top: 1vw;
position: absolute;
top: 0;
left: 0;
background: url(../img/naw.png);
background-position: left center;
background-size: 90%;
background-repeat: no-repeat;

z-index: 2000;
}

#nawigacja ul.menu-social li a i{
width: 6vw;
height: 6vw;
margin: 1vw;
}

#opienie-onas .pierwsza, #opienie-onas .druga, #opienie-onas .trzecia, #opienie-onas .czwarta{
width: 100%;
height: auto;
margin-bottom: 5.5vw;
}
#opienie-onas .druga {
margin-right: 0;
margin-left: 0;
}

#opienie-onas h3 {
padding: 0;
}

#opienie-onas p {
line-height: 3vw;
}
#opienie-onas .pierwsza .obrazek, #opienie-onas .trzecia .obrazek, #opienie-onas .druga .obrazek, #opienie-onas .czwarta .obrazek{
width: 11vw;
height: 11vw;
margin-bottom: 1vw;
}

#opienie-onas h3.mapah3 {
padding-top: 7vw;
font-size: 3.5vw;
}

#mapa {
height: 35vw;
}

#mapa iframe {
height:35vw;
}
 #stopka {
height: 8vw;
}

#stopka p{
line-height: 8vw;
font-size: 2.5vw;
text-align: center;
}

/*SG*/
#animacja {
height:45vw;
margin-bottom: 3vw;
}

#animacja .bx-next, #animacja .bx-prev {
width: 6vw;
height: 6vw;
margin-top: -6.5vw;
}

#animacja-glowna .tlo {
height:47vw;
margin-top: -1.5vw;
}

#animacja-glowna .tlo1, #animacja-glowna .tlo2, #animacja-glowna .tlo3{
height: 47vw;
}

#animacja-glowna .tlo span.tekst1 {
top: 17vw;
font-size:5.6vw;
margin-bottom: 3vw;
left: 30%;
width: 70%;
}

#animacja-glowna .tlo span.tekst2{
top: 25vw;
font-size:3.3vw;
left: 30%;
}

#trzy-zajawki{
display: none;
}


#glowna .lewa, #glowna .srodek{
width: 100%;
}
h2, h3 {
font-size: 3.5vw;
padding-bottom: 5vw;
}
p {
font-size: 2.5vw;
}

#glowna p {
line-height: 3vw;
}

i.img {
display: none;
height: 30vw;
}

#glowna .srodek {
margin-left: 0;
margin-right: 0;
}
#glowna .prawa {
width: 100%;
}
#glowna {
margin-bottom: 6vw;
}

.button {
margin-top: 4.5vw;
margin-bottom: 6.5vw;
width: 100%;
height: 6vw;
font-size: 3vw;
line-height: 6vw;
}

ul.lista li, .artykul ul.lista li{
min-height: 4vw;
line-height: 4vw;
margin-bottom: 2vw;
font-size: 2.5vw;
padding-left: 4vw;
}
ul.lista li i {
min-height: 4vw;
line-height: 4vw;
width: 3vw;
height: 3vw;
}
/Podstrony/
.naglowek {
height: 35vw;
}
.naglowek i.img {
height: 35vw;
}

#sciezka {
height: 6vw;
margin-bottom: 3vw;
}
#sciezka .linia1 {
height: 6vw;
}
#sciezka ul li, #sciezka ul li.kolor1, #sciezka ul li, #sciezka ul li.kolor2, #sciezka ul li, #sciezka ul li.kolor3 {
height: 6vw;
line-height: 6vw;
font-size: 2vw;
}

#calosc .artykul{
width:100%;
}

#calosc .zdjecie{
display: none;
}

.artykul h2 {
font-size: 3.5vw;
}

.artykul h3{
font-size: 3vw;
}
.artykul p {
font-size: 2.5vw;
line-height:2.8vw;
}
/*kontakt*/
#kontakt .dane-kontaktowe.artykul, #kontakt .formularz{
max-height:100%;
}
#kontakt .dane-kontaktowe {
width: 100%;
}

#kontakt .formularz, #kontakt-formularz {
width:100% !important;
height: auto;
}
#kontakt-formularz h3 {
margin-top: 0;
}
.formularz .pole {
height: 5vw;
margin-bottom: 3vw;
}

input[type="text"], textarea {
font-size: 2.5vw;
line-height: 5vw;
}
.formularz .pole.textarea {
height:16vw;
}
label.error {
font-size: 2.5vw;
line-height: 5vw;
padding-right: 1.6vw;
}
}

/* Telefon komurkowy poziomo */
@media only screen and (max-width : 480px) {
#naglowek{
height: 20vw
}	
	
#naglowek .logo {
width:75%;
height: 20vw;
}
#naglowek .kontakt-naglowek {
display: none;
}

#nawigacja {
height: 9vw;
}
#nawigacja a#button-menu {
width: 7vw;
height: 7vw;
margin-top: 1vw;
}
#nawigacja ul.menu-social li a i {
width: 7vw;
height: 7vw;
margin: 1vw;
}
#opienie-onas h3.mapah3 {
padding-top: 7vw;
font-size: 4vw;
}
#mapa {
height: 42vw;
}
#mapa iframe {
height: 42vw;
}

#stopka {
height: 10vw;
}
#stopka p{
line-height: 10vw;
}

#animacja {
height:48vw;
width: 100%;
}

.button {
height:7vw;
font-size:3.2vw;
line-height:7vw;
}
/*podstrony*/
#sciezka {
height: 7vw;
}
#sciezka .linia1 {
height:7vw;
}

#sciezka ul li, #sciezka ul li.kolor1, #sciezka ul li, #sciezka ul li.kolor2, #sciezka ul li, #sciezka ul li.kolor3 {
height: 7vw;
line-height: 7vw;
font-size: 2.7vw;
}
.artykul h2 {
font-size: 3.5vw;
margin-top: 3vw;
}

.artykul p {
font-size: 3vw;
line-height: 3.5vw;
}

.artykul h3 {
font-size: 3.2vw;
margin-top: 5vw;
}
#kontakt .dane-kontaktowe.artykul, #kontakt .formularz {
max-height: 100%;
}

#kontakt h2{
font-size: 4.5vw;
line-height: 4vw;
}
#kontakt h3{
font-size: 3.8vw;
line-height: 4vw;
margin-bottom: 4vw;
}

#kontakt p{
font-size: 3.5vw;
line-height:4vw;
}

input[type="text"], textarea {
font-size: 3.5vw;
line-height: 7.5vw;
}

.formularz .pole.textarea {
height:30vw;
}

.formularz .pole {
height: 7.5vw;
margin-bottom:4vw;
}

/*St*/
#animacja .bx-next, #animacja .bx-prev {
width: 8vw;
height:8vw;
margin-top: -8.5vw;
}
#animacja-glowna .tlo span.tekst1 {
top: 17vw;
font-size: 6.2vw;
margin-bottom: 3vw;
left: 20%;
width: 80%;
}
#animacja-glowna .tlo span.tekst2 {
top: 25vw;
font-size: 4vw;
left: 20%;
width: 80%;
}

p {
font-size: 3vw;
}
#glowna p {
line-height: 3.7vw;
}
h2, h3 {
font-size: 4vw;
padding-bottom: 5vw;
}

ul.lista li i {
min-height: 5vw;
line-height: 5vw;
width: 3.5vw;
height: 3.5vw;
}

ul.lista li, .artykul ul.lista li {
min-height: 5vw;
line-height: 5vw;
margin-bottom: 2vw;
font-size: 3vw;
padding-left: 4vw;
}

}





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

}

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

}