@charset "utf-8";

/* mobily od 319px do 641 px*/
@media screen and (min-width: 319px) and (max-width: 479px){
	
	.img-produkty { display: none !important}
	
	/***boxx **/
	.box {   height:auto !important; margin-bottom: 1px; }
	.box a { height: auto !important; position: static !important;  float: left; top: 0 !important; width: 100% !important; left:0 !important; transform: none !important; -moz-transform:none !important; -webkit-transform:none !important;  }
	.box a img { max-width:5% !important; position: static !important; display: inline-block !important; vertical-align: middle; top:0 !important; left:0 !important; transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; }
	.box a h1 { position: static !important; bottom:0 !important; display: inline-block; vertical-align: middle; left:0 !important; font-size: 100% !important; transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; white-space:normal !important; margin-left: 15px;}
	.box a:hover:before, .box a.active:before { content:""; border-width: 0!important;    }
	
	
	/************* product list *******/
	
	ul.produkt-list { display: block !important; margin-top: 15px; }
	ul.produkt-list li { display: block !important; margin-bottom: 1px;}
	
	ul.produkt-list li a:hover:before, ul.produkt-list li a.active:before { content:"";  border-width: 0 !important; }
	
	
}



@media all and (min-width: 480px) and (max-width: 981px){
	
	.img-produkty { display: none !important}
	
	/***boxx **/
	.box {   height:auto !important; margin-bottom: 1px; }
	.box a { height: auto !important; position: static !important;  float: left; top: 0 !important; width: 100% !important; left:0 !important; transform: none !important; -moz-transform:none !important; -webkit-transform:none !important;  }
	.box a img { max-width:5% !important; position: static !important; display: inline-block !important; vertical-align: middle; top:0 !important; left:0 !important; transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; }
	.box a h1 { position: static !important; bottom:0 !important; display: inline-block; vertical-align: middle; left:0 !important; font-size: 100% !important; transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; white-space:normal !important; margin-left: 15px;}
	.box a:hover:before, .box a.active:before { content:""; border-width: 0!important;    }
	
	
	/************* product list *******/
	
	ul.produkt-list { display: block !important; margin-top: 15px; }
	ul.produkt-list li { display: block !important; margin-bottom: 1px;}
	
	ul.produkt-list li a:hover:before, ul.produkt-list li a.active:before { content:"";  border-width: 0 !important; }
	
	
}

@media all and (min-width:641px) and (max-width: 879px){

	
	
	
	
}

@media all and (min-width:879px) and (max-width: 981px){}



@media all and (min-width: 982px) and (max-width: 1024px){

	
	
}

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


@media all and (min-width: 1025px) and (max-width: 1499px){

}


@media all and (min-width: 1500px) and (max-width: 1900px){


	
}