@media all and (max-width: 1110px)  {


#resimg{display:block;}
img{max-width:100%; }

.total,#menu{width:100%; padding:0;}
#content,#main,#side2,#stopka,#ct,.ct{width:98%; padding-left:1%; padding-right:1%; overflow:hidden;}
#menu ul{padding:0; width:100%;}
ul.men1 a{padding:0 11px;}
#maindiv h1{padding-left:40%}
#boxy,.item{font-size:13px;}

#topban,#toplogo2{display:none;}

#m11{height:auto;}
#maindiv h1{padding-left:0;}
#m22c,#m22c>div,#m22 .item{width:100%; font-size:12px;}

#menub{width:22%; margin-right:1%;padding:0 1%;}
#ctb{width:74%;}
#menubd{width:100%;}
#menubdh{font-size:18px;}
#menub.menubk #menubd ul li a{font-size:16px;}

#ciastkodivf{height:auto;}
#ciastkocontainer{width:80%; padding:10px 20% 10px 0; height:auto;}
}



@media all and (max-width: 800px)  {
#all1{height:79px;overflow:visible}

#top{height:60px;}
#toplogo{left:1%; top: 15px;}
#toplogo img{height:40px;}
#szukajdiv,#topsocial,#mainsp{display:none;}
h1,h2,.h2,h3{font-size:24px;}

#langmenu{left:auto; right:80px; top:20px; }
#menu #langmenu a{text-align:center; display:inline-block; float:left; width:33px !important; }

#menumin{display:block; position:absolute; top:20px; right:20px; width:52px; height:46px; z-index:2111; background: url(menumin.png) #19428A no-repeat center;  cursor:pointer;}
#menu{display:none;width:100% !important; overflow:hidden; z-index:999;}
#menu ul,#menu li:hover ul, #menu li ul{top:0;z-index:auto !important; height: auto !important;display:block !important; width:100% !important; position: relative !important;}
#menu li,#menu li:hover ul li{display:block !important; width:100% !important; position: relative !important;}
#menu a,#menu li:hover ul a,ul.men1 a:hover, ul.men1 li:hover a, #menu li:hover ul a:hover 
{font-size:28px; background: #19428A; color:white; text-align:left;height:44px !important; line-height:44px !important; width:98% !important; padding-left:1% !important;padding-right:1% !important; display:block !important;}
#menu li li a{font-size: 14px !important;}
ul.men1 li a img{margin-top:16px;}

.itemdata{width:14%;}

#maindiv h1{padding:5px 0; background:none;}
#box1{height:auto;}
#ppre0{left:0;}
#pnex0{left:40px;}


#m11,#m22,#m33 .item{width:100%; padding:0;border:0;}
#m33,#m33 .item{height:auto;}

#menubd{margin-left:0; margin-right:0;}

#menub.menubk #menubd ul li a{font-size:16px; height:auto; line-height:25px;}

#menub .dobierz{font-size:16px;}
#spolbutton{width:100%; text-align:right;}

#all2,#menu,#all4,#stopka{height:auto;}


div.uploader span.filename{width:49%;margin:0;padding:0}
div.uploader span.action{width:50%;margin:0;padding:0; background-position:right;}

}



@media all and (max-width: 660px)  {

#m1,#m2{width:100%; margin:0;}

#stopka img, .itemdata,.prodkolor{display:none;}

#stopka div{padding-left:0; padding-right:0; text-align:center}

#menub{display:none;}
#ctb{width:100%;}

#fza,#fzb,#fzc,#fzd{width:100%; margin:0;}
#fzc table{width:100%;}
#fzc input[type=text],#fzd textarea{width:96%; padding:1.5%; margin-bottom:10px;}
#kontaktdiv .pole{margin-right:0px;}
#token{width:90px;}

div.uploader span.action{width:49%; padding-left:1%;background-position:left;}
}