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

  #sciezka,#spol{font-size:13px; }
  
  img{max-width:100%; }
  #toplogo{top:25px;}
  #toplogo img{width:200px;}
  
  .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%;}
  #stopka{overflow:visible;}
  
  #topban{display:none;}
  
  #boxy #boxy1 { background: #CC2C2C; display: table-row; width: 100%; }
  #boxy #b1 { float: none; display: table-cell; width: 26%; margin: 0; padding: 0 3%; text-align: center; vertical-align: middle; }
  #boxy #b2 { float: none; display: table-cell; width: 36%; background: url("belka-top.png") no-repeat top center; margin: 0; padding: 0;}
  #boxy #b3 { float: none; display: table-cell; width: 26%; margin: 0; padding: 0 3%; text-align: center; vertical-align: middle; }
  #boxy #boxyb { z-index: 150; height: 40px;}
  
  
  #sciez{padding-left:5px}
  
  #newsl1,#newsl2{width:98%; margin:1%; padding:0;}
  
  #menub{width:22%; margin-right:1%;}
  #ctb{width:77%;}
  #menubd{width:100%;}
  
  #ciastkodivf{height:auto;}
  #ciastkocontainer{width:80%; padding:10px 20% 10px 0; height:auto;}
  #kontt,#kont{width:50%;}
  #m21 { background-size: cover;}
}

@media all and (max-width: 1000px)  {
  #boxy { height: auto; padding-bottom: 1rem; }
  #boxy #boxy1 { display: block; }
  #boxy #b1 { float: none; display: block; width: 94%; margin: 0; padding: 10px 3%; text-align: center; vertical-align: middle; }
  #boxy #b2 { float: none; display: block; width: 100%; background: #000; margin: 0; padding: 0;}
  #boxy #b3 { float: none; display: block; width: 94%; margin: 0; padding: 0px 3% 20px 3%; text-align: center; vertical-align: middle; }
  #boxy #boxyb { display: none; }
}

@media all and (max-width: 860px)  {
  #all1{height:79px;overflow:visible}
  #all1a,.ismain #all1a{height:0;}
  #top{height:60px;}
  #toplogo{left:1%; top: 15px;}
  
  #szukajdiv,#topsocial,#sciez,#all1b{display:none;}
  h1,h2,.h2,h3{font-size:24px;}
  
  #all4,.jedna3{height:auto;}
  #m11{width:100%;}
  #m12{display:block;}
  #m21 #form0 a { margin: 10px 5%;}
  
  #menumin{display:block; position:absolute; top:20px; right:20px; width:52px; height:40px; z-index:2111; background: url(menumin.png) #CC2C2C no-repeat center;  cursor:pointer;}
  #menu{display:none;width:100% !important; overflow:hidden; z-index:2999;}
  #menu ul{margin-top:30px;z-index:2000 !important; height: auto !important;display:block !important; width:95% !important; position: relative !important;}
  #menu li,#menu li:hover ul li{display:block !important; width:100% !important; position: relative !important; height: 44px;}
  #menu li.active, #menu li:hover { height: 44px; border: 0; }
  #menu a,ul.men1 a:hover, ul.men1 li:hover a
  {font-size:24px;background: #fff; text-align:left;height:44px !important; line-height:44px !important; width:95% !important; padding-left:1% !important;padding-right:1% !important; display:block !important;}
  #menu li ul{display:none !important;}
  #menu li span{display:none;}
  #sciezka a[href="/"]{padding-left:5px;}
  
  #all2,#menu{height:auto;}
  #menub{width:100%;min-height:50px}                   
  #ctb{width:100%}
  
  #download{width:100%;padding:0; background:none}
  
  #telmin{display:block; position:absolute; right: 80px; top:20px; color:white; font-size:16px}
  #telmin a{color:white;text-decoration:none;}

}



@media all and (max-width: 660px)  {
  #spol{display:none}
  #toplogo{max-width:70%;}
  #m23 .item,.jedna3{width:98%; margin:1% !important; padding:0; text-align:left !important;}
  #m23 .item img{display:none}
  .foto{margin:5px 0px;}
  #kontakt_w{margin:0;}
  #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:80px;}
  .item img{max-width:150px}
  #kontt,#kont,#formularz{width:100%;}
  #m2 { display: block; float: left; }
  #m21 { display: block; float: left; width: 100%; }
  #m22 { display: block; float: left; width: 90%; }
  #m12 { width: 70%; margin: 0 15%;}
}


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

.item img{width:100%; max-width:100%}
#toplogo{max-width:60%}
#telmin{right:auto; left:2%; top:44px; }
}