@media screen and (max-width: 1190px) {
header {
width : 980px;
}
#box_szukaj {
max-width : 550px;
margin : 25px 0 25px 0;
}
#box_szukaj input.szukaj {
width : 240px;
}
#sekcja {
width : 980px;
}
header #nawigacja {
max-width : 980px; 
}
header #nawigacja ul {
width : 980px;
}
header #nawigacja li {
width : 97px;
}
#main1 {
width : 580px;
}
#main2 {
width : 760px;
}
.produkt_box {
width : 290px;
}
.produkt_box .tytul_box {
width : 170px;
}

.baner_section {
  position: relative; margin:20px 0 0 0
}


main .produkt_tytul{
    width:  330px;
}

main #produkt_info {
width: 290px;
}

.slajd {
    width: 580px;
    height: 230px;
    border: 0;
}

main #produkt_info .cenabox {
width : 100%;
display : block;
margin: 20px 0 5px 0;
}
main #produkt_info .danebox {
width : 100%;
display : block;
}

.produkt_cena {
    text-align: left;
    }

.recenzja_box {
width : 440px;
}
.lista_poz {
width : 415px;
}
.box_zobacz_rowniez {
width : 130px;
}
.box_n4 {
width : 180px;
height : 310px;
}
.box_n4 .okladka {
height : 190px;
}
.box_n4:hover .okladka {
min-height : 190px;
}
}
@media screen and (max-width: 979px) {
footer {
margin : auto;
width : 800px;
}
footer #copyright img {
width: 100%;
height: auto;
}
header {
margin : 0 auto 25px auto;
width : 800px;
}
header #box_logo {
width : 211px;
}
#box_szukaj {
max-width : 900px;
margin : 5px 0 25px 0;
}
#box_szukaj input.szukaj {
width : 270px;
}
header #nawigacja ul {
width : 800px;
}
header #nawigacja li {
width : 79px;
}
header #nawigacja a {
font-size : 12px;
}
#sekcja {
min-height : 100%;
height : auto !important ;
height : 100%;
overflow : hidden !important ;
padding : 0;
margin : auto;
width : 800px;
background-color : white;
}
#prawa_kolumna {
display : none;
}
#main1 {
float : left;
width : 580px;
margin : 0;
padding : 0 15px 15px 15px;
background-color : white;
}
#main2 {
float : left;
width : 580px;
margin : 0;
padding : 0 15px 15px 15px;
background-color : white;
}
}
@media screen and (max-width: 799px) {
footer, header {
margin : auto;
width : 600px;
}
header #nav_gora {
width : 490px;
}
header #nav_gora DIV {
padding : 5px 9px;
}
header #nawigacja ul {
width : 600px;
}
header #nawigacja li {
width : 119px;
}
header #nawigacja a {
font-size : 13px;
}
#cookies_wiadomosc {
position : fixed;
bottom : 0;
left : 50%;
margin-left : -50%;
width : 100%;
background-color : #F7F7F7;
text-align : center;
padding : 6px 0;
border : #CECECE solid 1px;
line-height : 16px;
z-index : 999;
font-size : 13px;
opacity : 0.9;
box-shadow : 0 0 6px 0 #c0c0c0;    
color: black;
}
#cookies_wiadomosc A {
line-height : 13px;
background-color : #424242;
padding : 3px 5px;
margin : 0;
display : inline-block;
vertical-align : middle;
color : #FFF;
border-radius : 4px;
margin-left : 5px;
text-decoration : none;
cursor : pointer;
font-size: 18px;
}
#box_szukaj #button, #button {
display : inline-block;
}
#menu_k {
display : block;
width: 100%
}
#nav_pion LI.lis1 {
padding : 10px 2px 10px 8px;
border-bottom : 1px solid #E2E2E2;
}
#nav_pion LI.lis2 {
padding : 10px 2px 10px 8px;
border-bottom : 1px solid #E2E2E2;
}
#nav_pion LI.lis3 {
padding : 10px 2px 10px 10px;
}
#nav_pion LI.lis4 {
padding : 10px 2px 10px 18px;
}
#nav_pion A {
font-size : 16px;
text-align : left;
text-decoration : none;
line-height : 150%;
}
#sekcja {
min-height : 100%;
height : auto !important ;
height : 100%;
overflow : hidden !important ;
padding : 0;
margin : auto;
width : 600px;
background-color : white;
}
#lewa_kolumna {
width : 600px;
}
#nawigacja, #boczne, #linki, #nav_pion, #inne_linki, #baner, #lewa_kolumna div.ramka, header .pasek {
display : none;
}
#nav_pion {
background-color : white;
z-index : 1000;
display : none;
width : 320px;
}
main .produkt_tytul{
    width: 340px;
}

#main1 {
float : left;
width : 590px;
margin : 0;
padding : 5px;
background-color : white;
}
#main2 {
float : left;
width : 590px;
margin : 0;
padding : 5px;
background-color : white;
}
.lista_poz A.tytul {
font-size: 18px;
display: block;

line-height: 120%;
font-weight: bold;
margin: 10px 0;
padding: 5px 0;
}
.lista_poz A.tytul:hover {
font-size : 18px;
display : block;
color: black;
line-height : 120%;
margin: 10px 0;
padding: 5px 0;
}
DIV.opis_czytaj {
font-size : 14px;
}
A.nastepna {
font-size : 25px;
width : 25px;
height : 25px;
line-height : 25px;
}
}
@media screen and (max-width: 599px) {
H3 {
font-size : 15px;
line-height : 120%;
}
.ogl::before {
   content: "";
}
footer, header {
margin : auto;
width : 100%;
}
footer #copyright img {
width: 100%;
height: auto;
}
#cookies_wiadomosc {
position : fixed;
bottom : 0;
left : 50%;
margin-left : -50%;
width : 100%;
background-color : #F7F7F7;
text-align : center;
padding : 6px 0;
border : #CECECE solid 1px;
line-height : 16px;
z-index : 999;
font-size : 13px;
opacity : 0.9;
box-shadow : 0 0 6px 0 #c0c0c0;
}
#cookies_wiadomosc A {
line-height : 13px;
background-color : #424242;
padding : 3px 5px;
margin : 0;
display : inline-block;
vertical-align : middle;
color : #FFF;
border-radius : 4px;
margin-left : 5px;
text-decoration : none;
cursor : pointer;
font-size: 18px;
}
header #nav_gora {
width : 100%;
margin : 0;
background-color : #f3f3f3;
}
header #nav_gora DIV.koszt_dostawy {
width : 100px;
border-left : 0;
}
header #box_logo {
width : 130px;
padding : 0 0 0 0;
margin : 5px 0 0 10px;;
}
header #box_logo img {
width : 130px;
height : auto;
margin : 10px auto;
}
header #koszyk_info {
width : 165px;
margin : 10px 0;
}
header #koszyk_info img {
width : 40px;
}
#koszyk_info .float_right {
width : 40px;
margin : 5px 0 0 0;
}
header #nawigacja li {
display : none;
}
header #nawigacja {
width : 320px;
display : none;
}
header #nawigacja a {
font-size : 13px;
}
header #nawigacja ul {
width : 320px;
}
header #nawigacja li.nowosc {
display : block;
background-color : #CA0000;
width : 159px;
}
header #nawigacja li.bestseller {
display : block;
background-color : #D1EA7B;
width : 159px;
}
#box_szukaj #button, #button {
display : inline-block;
}
#sekcja {
min-height : 100%;
height : auto !important ;
height : 100%;
overflow : hidden !important ;
padding : 0;
margin : 10px;
width: auto;
background-color : white;
}
#lewa_kolumna {
width: 100%;
}
#nawigacja, #boczne, #linki, #nav_pion, #inne_linki, #baner, #box_like, .pasek, A.strona, #lewa_kolumna div.ramka, .slajd {
display : none;
}
.box_pie_d {
width : 300px;
}
#box_d {
display : inline-block;
width : 300px;
text-align : center;
vertical-align : top;
margin : 10px;
}
#sciezka {
margin : 5px 0 10px 0;
font-size : 13px;
}
#sciezka span {
font-size : 13px;
line-height : 200%;
}
.lista_poz {
width: 70%;
margin: 0 0 0 15px;
float : left;
}
.lista_poz DIV.opis {
    font-size: 13px;
  }
.lista_okl {
width : 80px;
height: auto;
margin : 10px 0 0 0;
vertical-align : top;
}
.gallerycontainer {
float : none;
position : relative;
}
.gallerycontainer img {
width : 230px;
height : auto;
}
#nav_pion {
background-color : white;
z-index : 1000;
display : none;
width: 100%;
}
#main1 {
float : left;
width: 100%;
margin : 0;
padding : 0 5px;
background-color : white;
}
#main2 {
float : left;
width: 100%;
margin : 0;
padding : 0 5px;
background-color : white;
}
main .produkt_tytul{
    float:none;
}
main #produkt_info .danebox {
    margin: 0;
}

.gallerycontainer {
    margin: 20px 20px 10px 0;
    }
#produkt_info {
height : auto !important ;
height : 100%;
overflow : hidden !important ;
margin : 5px 0 0 0;
font-size : 13px;
line-height : 130%;
width: 100%;
}

#produkt_info a {
font-size : 13px;
line-height : 130%;
}
.lista_koszyk {
float : none;
margin : 0 0 20px 0px;
text-align : left;
}
.lista_cena {
float : none;
margin : 0;
}
TR.tab_320 {
display : block;
width: 100%;
}
TD.tab_980 {
display : none;
}
#ramka_sortowanie .nazwa_strony {
display : block;
vertical-align : top;
width: 100%;
text-align : left;
margin : 10px 0;
}
#box_szukaj {
font-size : 13px;
text-align : center;
margin : 5px 0 5px 0;
width: 100%;
}
#box_szukaj div {
margin : 0 0 5px 0;
}
#box_szukaj span.s {
background-color : initial;
}
#box_szukaj FORM {
padding : 0 0 10px;
margin : 0;
}
#box_szukaj INPUT.szukaj_t {
width : 60px;
height : 35px;
font-size : 13px;
margin : 0 0 0 5px;
}
#box_szukaj SELECT.kategoria_szukaj {
width : 220px;
height : 35px;
font-size : 13px;
}
#box_szukaj INPUT.szukaj {
height : 25px;
font-size : 13px;
padding : 5px 15px;
max-width: 190px;
}
#box_szukaj DIV.box_check {
margin: 20px 0 0 0;
}
#box_szukaj SELECT.kategoria_szukaj {
display : none;
}
#box_like DIV.float_right, #box_like DIV.float_left {
width : 100% !important ;
margin : 10px 0;
}
#ramka_sortowanie .nazwa_strony H1 {
color : black;
font-size : 20px;
font-weight : normal;
line-height : 120%;
}
.ramka_tlo {
padding : 0;
}
.box_n4 {
width: 45%;
height : 360px;
margin : 5px 0 5px 0;
padding : 5px 0;
}
.box_n4 .okladka {
height : 290px;
}
.box_n4:hover .okladka {
min-height : 290px;
}

.box_zobacz_rowniez {
  width: 47%;
}

DIV.opis_czytaj {
font-size : 16px;
text-align : left;
margin: 0;
}
main H1 {
font-size : 26px;
}
footer {
background-color : #3e3e3e;
color : #DFDFDF;
margin : 0 auto;
padding : 10px 0;
width : 100%;
}
footer #copyright {
color : #DFDFDF;
padding : 0;
margin : 0 auto;
}
footer nav {
margin : 0;
}
footer nav a {
font-size : 13px;
display : block;
padding : 0 0;
color : white;
margin : 10px 0;
}
footer nav a:hover {
background-color : silver;
color : gray;
}
footer nav span {
display : none;
}
.lista_koszyk img {
width : auto;
height : auto;
}
A.tytul {
font-size : 15px;
line-height : 130%;
}
A.tytul:hover {
font-size : 15px;
line-height : 130%;
}
.kat_nazwa {
clear : both;
float : initial;
margin : 3px;
text-align : center;
line-height : 20px;
}
.kat_nazwa2 {
clear : both;
float : initial;
margin : 3px;
text-align : center;
line-height : 20px;
}
}

@media screen and (max-width:1190px){
.produkt_box {width:290px; }
.produkt_box  .tytul_box{width:159px;}
.produkt_box  .okladka_box{width:100px; }
}

@media screen and (max-width:979px){
.produkt_box  .okladka_box{width: 25%;
margin: 0 5px 0 0; }
}

@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
} 

@media screen and (max-width:599px){
.nav_but {display: none;}
header #nav_gora a {color: #b74500;font-size: 12px;}
header #nav_gora DIV.wyloguj a {color: rgb(67 88 0);}
footer a {color: #b0d7ff;}
.recenzja_box {width: 100%;}
.gallerycontainer img {
width : 200px;
height : auto;
}
.produkt_box {width: 100%; }
.produkt_box  .link {margin:5px 0}
.produkt_box .okladka_box img {
   width: 100%;
height: auto;
margin: 0;
}
.produkt_box .tytul_box {
   width: 65%;
}
img.okl {
width: 80px;
height: auto;
margin: 0;
padding: 0;
}
main .produkt_tytul {
    width: width: 100%;
    }
main .produkt_tytul H1 {
    font-size:22px;
    }
  
}