@media screen and (min-width: 1281) and (max-width: 1980px){/* Okno przeglądarki o szerokości ponad 1280px DUŻY EKRAN */
	.left0 {width: 240px; border-top:0px solid black;border-bottom:0px solid black; float: left;}
	.box1 {   border-left:0px solid silver;}
 	.left1 {border-top:0px solid black;border-bottom:0px solid black; }
      } 

@media all and (min-width: 1025px) and (max-width: 1280px) {/* Okno przeglądarki o szerokości pomiędzy 1025px a 1280px KOMPY */
	.box1 {   border-left:0px solid silver;}
 	.left1 {border-top:0px solid black;border-bottom:0px solid black; }
     .details1 {  width: 316px;  padding-right:15px; float:left; }
     .details2 {  width: 316px;  padding-right:15px; float:left;  }
     .details3 {  width: 316px;  padding-right:0px; float:right; }
      } 
@media all and (min-width: 800px) and (max-width: 1024px) {/* Okno przeglądarki o szerokości pomiędzy 800px a 1024px LAPTOPY*/
 	.left1 {border-top:0px solid black;border-bottom:0px solid black; }
	.box1 {   width:74%; border-left:0px solid silver;}
	.top2 {  width: 77%;}
	.box2 {   width:100%;}
	.box3 {   width:48%;}
	.box4 {   width:47%; padding-left:20px;}
	.box22 {   width:100%;}
     .details1 {  width: 26%; min-width:230px; padding-right:18px; float:left; }
     .details2 {  width: 26%; min-width:230px; padding-right:15px; float:left; }
     .details3 {  width: 26%; min-width:230px; padding-right:0px; float:left; }
      } 	 
@media all and (min-width: 739px) and (max-width: 799px) {/* Okno przeglądarki o szerokości pomiędzy 739x a 799px - TABLET */
 	.left1 {border-top:0px solid black;border-bottom:0px solid black; }
	.box1 {   width:74%;border-left:0px solid silver;}
	.box2 {   width:100%;}
	.box3 {   width:100%;}
	.box4 {   width:100%;}
	.nodiv {display:none;}
	.top2 {  width: 74%;}
     .details1 {  width: 32%; min-width:510px; padding-right:18px; float:left; }
     .details2 {  width: 32%; min-width:510px; padding-right:15px; float:left;  }
     .details3 {  width: 32%; min-width:510px; padding-right:0px; float:left; }
	.stopka {  width:100%;}
        } 

@media all and (min-width: 667px) and (max-width: 738px) {/* Okno przeglądarki o szerokości pomiędzy 667px a 738px - POZIOMO */
 	.left1 {border-top:0px solid black; border-bottom:0px solid black; }
	.box1 { padding-left:10px;  width:74%;}
	.box2 {   width:100%;}
	.box3 {   width:100%;}
	.box4 {   width:100%;}
	.nodiv {display:none;}
	.top2 {  width: 74%;}
     .details1 {  width: 30%; min-width:430px; padding-right:5px; float:left; }
     .details2 {  width: 30%; min-width:430px; padding-right:5px; float:left; }
     .details3 {  width: 30%; min-width:430px; padding-right:0px; float:left; }
	.stopka {  width:98%; }
      } 
		
@media all and (max-width:666px) {        /* Okno przeglądarki o szerokości do 666px  - PION */
	.noimg0 {display:none;}
	.left0 {width: 99%; border-top:1px solid silver;border-bottom:2px solid silver; float: left;background-color:ButtonFace;}
	.box00 {flex-wrap: wrap}
	.box1 {   width:100%; border-left:0px solid silver;}
	.box2 {   width:100%;  }
	.box3 {   width:100%;}
	.box4 {   width:100%;}
	.nodiv {display:none;}
	.list {padding-left:20px; font-size:15px;}
	p {width:100%;} 
     .details1 {  width: 32%; min-width:340px; padding-right:5px;  float:left; }
     .details2 {  width: 32%; min-width:340px; padding-right:5px;  float:left; }
     .details3 {  width: 32%; min-width:340px; padding-right:0px;  float:left; }
	.stopka {  width: 100%;  }
      }