@media only screen and (max-width : 700px)  { 
   html {
      -webkit-text-size-adjust: none;
      }
#header-wrapper, #page, #sidebar, #content, #footer,  #wrapper, #page, #content, .post, #header, #menu {width:99%; padding:0; }  
h1.news, .nomobile, #kiws  {display:none !important;}
#logo h2, #logo h1 {font-size:18px;}
h1 {font-size:18px;}
h2 {font-size:16px;} 
h3,p.bigger {font-size:15px;} 
#tel{float:left;font-size:20px;margin-left:15px;padding:12px 10px 5px 28px;}
#menu ul {background:#fff;}
#menu ul li {background:#000;}
img.ikonka {max-width:90px;max-height:90px;}
ul, ul.li {padding:0;}
.post ul li {background:url(i/yes.png) no-repeat left top;line-height:1.2;}
#sidebar img{margin:0 auto; display:block;text-align:center;}
#content img{max-width:260px;}  
#content img.Full{max-width:100%;} 
.post .entry{padding:5px 10px;}
img.DwaImg{width:45%;} 
}

@media only screen and (min-width : 786px) and (max-width : 1100px) { 
.cosik{}    
img.DwaImg{width:190px;}   
#content img.Full{max-width:440px;margin-left:-10px;}   
}
 /* iPady np dla 768x1024 */   
@media only screen and (min-width : 701px) and (max-width : 785px) { 
.cosik{}    
#header-wrapper, #header, #page, #footer{width:730px; }
#content {width:410px;}
#content img{max-width:370px;}
#logo h2, h1 {font-size:20px;}
h2 {font-size:18px;} 
h3,p.bigger {font-size:16px;} 
img.DwaImg{width:165px;}   
}
/* mobile styles */
@media handheld {
html,body{font:12px/15px sans-serif;background:#fff;padding:3px;color:#000;margin:0}
#sidebar,#footer{display:none}
h1,h2,h3,h4,h5,h6{font-weight:400}
#content img{max-width:250px}
#content img.Full{max-width:100%}
}


 /* Duze ekrany */   
@media only screen and (min-width : 1100px)  and (max-width : 1359px) { 
.cosik{}    
#header-wrapper, #header, #page, #footer{width:980px; }
#content {width:660px;}
#content img.Full{margin-left:-20px;}   
}

@media only screen and (min-width : 1360px)  { 
 
#header-wrapper, #header, #page, #footer{width:1350px; }
#content {width:1010px;}
#sidebar{width:330px;} /* szerszy niz standardowo o 20px   */
#portfolio img {width:320px; height:auto;}  
body{font-size:13pt;}  
h5, h5 a, .h5, .h5 a, .h5 a:hover, h5 a:hover{font-size:11pt;}  
#menu ul{height:45px;}
#menu a{font-size:13pt;} 
.post .entry{text-align:left;}   
}