@media screen and (max-device-width:800px) {   


div#page {    min-height: auto; /* min-width:800px; */}
nav#indexmenu ul li {    height: 235px; background-size: 120% auto; }  
nav#indexmenu ul li a {    font-size: 46px;  }
select#brands { width: 60%; }
nav#searchmode div#sea1 {    width: 31%; }
nav#searchmode div#sea2 {    width: 59%; }

section#content article img {  height: auto;  }

}

@media screen and (orientation=portrait) {
div#page { width:96%; } 
}  


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

nav#indexmenu ul li {    height: 200px; background-size: 125% auto;} 
nav#indexmenu ul li a { line-height: 45px; font-size: 38px; }

select#brands { width: 60%; font-size: 14px;    height: 49px; }

section#form {    width: 99%;  } input#mode {    width: 89%;  } 

section#content.oferta section.produkt {       width: 95%; padding: 10px 5% 0px 0;     height: 220px; }

textarea { max-width: 351px; } #sendbutton, input[type=submit] {   width: 104px; }

}   
@media screen and (max-width:600px) {
section#form {    width: 100%;  }
label {        width: 25%; font-size:12px; }
textarea { min-width: 200px;  }   a.prod { bottom:130px; }

select#brands { font-size: 11px; }

div#logo.site {  background-size: 51% 100%; height:120px;}

section#content.kontakt article {    margin: 10px 0 0 0px;   }
section#content.kontakt h1, section#content.news h1, section#content.oferta h1 {    font-size: 18px; margin: 10px 0 25px;    }

nav#indexmenu ul li {    height: 175px; background-size: 135% auto;}
}

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

div#site {    left: 0 !important;  }

nav#indexmenu ul li {    height: 165px; background-size: 140% auto;}
nav#indexmenu ul li a { line-height: 42px; font-size: 28px; }


select#brands { width: 60%; font-size: 11px; }

nav#searchmode div#sea1 {    width: 34%;    margin: 0 0 0 1%; }

div#logo.site,div#logo {      width: 400px; height: 120px; }
input[type="submit"] {    width: 84px;  }

input[type="text"], input[type="email"], textarea {  width: 46%;  }
label {    width: 42%;  } textarea {    min-width: 100px;  }
}



@media screen and (max-width:360px) {
div#popup {  top: 10%;  }  
div#page { min-width:310px; min-height: auto; width:95%; overflow: hidden;}
body {   }


img#navlogo { width: 60%; height:70px; }

div#logo {    width: 350px; height:90px; }
div#logo.site { width: 350px;  }

nav#indexmenu ul li {  background-size: 100% auto;    width: 100%;    height: 65px; filter:grayscale(0); -webkit-filter: grayscale(0); }

nav#searchmode div#sea1 {    width: 91%; }
nav#searchmode div#sea2 {    width: 89%; }

section#content.oferta, section#content.news, section#content.kontakt {    padding: 15px 2%;  }
section#content article { font-size: 15px; padding: 0px 0px 5px;}

section#content section#mapa {    width: 99%; margin: 1px 1% 0px 0px; }

label {    width: 39%;  }
input[type="text"], input[type="email"], textarea {  width: 45%;  }
textarea {    min-width: 100px;  }

footer span {  font-size: 11px; }

}

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

div#logo.site, div#logo {      width: 300px; height:100px; }
nav#indexmenu ul li {  background-size: 100% auto;    width: 100%;    height: 50px;  }
}






















/*  lightbox area RWD  */

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

#lightbox-container-image img {
  max-width: 100% !important;
  max-height: 600px;
}
#lightbox-container-image-data-box {
  padding: 0 1% 0 !important; width: 98% !important;
}
#lightbox-container-image-box {
  max-width: 100% !important;   height: 80% !important;}

#jquery-lightbox {
background-color: #FFF;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { height: 50% !important;  }


}