#button , ul.oferta li , #footer ul li a , fieldset .txt , fieldset .guz , .logowanie input , .logowanie textarea , .logowanie select , .formularz input , .formularz textarea , .formularz select , .wp-pagenavi a 
, .nav-drill .nav-link , .nav-drill .menu-item a
{transition: all 0.5s linear 0s !important;}

#mtop ul li a , ul.oferta li h2
{transition: all 0.3s linear 0s !important;}

#top a#logo img , #menuinfo ul li img , ul.oferta li .tydzien , #mtop > ul > li > ul > li > a > img , img#exit 
{transition: all 0.1s linear 0s !important; }

#menuinfo ul li:hover img , #mtop > ul > li > ul > li > a:hover > img , img#exit:hover  { transform: scale(0.7); }
#top a#logo:hover img , ul.oferta li:hover .tydzien { transform: scale(0.9); }
#ofertaopis ul li:hover .ico img  { transform: scale(1.1); }



/*----------------------------------------------------------------------------------------------*/

#ala
{     font-family: "Lato", sans-serif; font-weight:400; }

/*----------------------------------------------------------------------------------------------*/

#mtop ul li a , #opisb h1 span , #nowosci .box h2.hbox , .content .box h2 span , #footer ul li a , .logowanie h2 , .lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5, .lista h6 , .nav-drill .nav-link 
, .nav-drill .menu-item a
{    font-family: "Lato", sans-serif; font-weight:700; }

/*----------------------------------------------------------------------------------------------*/

#opisb h1 , #szzkajprodukt label , a.wiecej3 , .tyt , ul.oferta li .tydzien strong , ul.oferta li h2 , a.wiecej2 , #infooferta .box h2 , .content .box h2 , .login , fieldset .guz , .formularz input.wpcf7-submit , .off .offinfo
, .wiecej3 , .nav-top , #lang ul li a
{   font-family: "Lato", sans-serif; font-weight:900; }

/*----------------------------------------------------------------------------------------------*/






@media only screen and (max-width: 1700px)
{

:root{
	--p10:5%;		
	--p15:10%;			
	--p20:15%;				
}

#opisb { padding:0px 30% 0px var(--p15); bottom:150px; }
#wyszukiwarka { width:80%; }
.content .box { width:80%; }

}

@media only screen and (max-width: 1600px)
{
#mtop > ul > li > a { padding:5px 15px; font-size:16px;}
#baner img#bghome { width: auto !important; height:650px !important;} 


}

@media only screen and (max-width: 1500px)
{
#mtop > ul > li > ul {left:5%;  width:90%; }
#mtop > ul > li > a { padding:5px 10px; }
#top a#logo img { height:70px; }
}

@media only screen and (max-width: 1400px)
{
#top a#logo img { height:60px; }
#top { padding:0px 2%;}
}



@media only screen and (max-width: 1300px)
{
:root{
	--p15:5%;			
	--p20:10%;				
}

#opisb { padding:0px 20% 0px var(--p15); }
#wyszukiwarka { width:90%; }
.content .box { width:90%; }
#najnowsze { padding: 120px var(--p15) var(--p3) var(--p15); }
#menuinfo ul li { width:80px;}
html { font-size:9px;}

#infoprodukt { flex-direction:column;}
#infoprodukt .box:nth-child(1) { width:100%; text-align:center;}
#infoprodukt .box:nth-child(2) { width:100%;}
#infoprodukt .box:nth-child(1) .lista h2 { text-align:center;}
#mtop { display:none;}
#menuinfo { display:flex; justify-content:space-between; align-items:center; }
#top { padding:0px 5%;}
}

@media only screen and (max-width: 1200px)
{
:root{
	--p20:5%;				
}
#opisb { padding:0px 5% 0px var(--p15); }
.content .box { width:100%; }
#baner img#bghome {  height:550px !important;} 

#page-ofertainfo { flex-wrap:wrap;}
#page-ofertainfo .box { width:100%; margin-bottom:var(--p2);}
#page-ofertainfo .box:nth-child(2) { width:100%; }


}

@media only screen and (max-width: 1100px)
{
#baner img#bghome {  height:600px !important;} 
.podstrona ul.oferta li { width:100%;}
}

@media only screen and (max-width: 1000px)
{
#infooferta { flex-direction:column; }
#infooferta .box { width:100%;}
#infooferta .box:nth-child(1) { padding-bottom:var(--p3);}

#page-oferta .box:nth-child(1) { display:none; }
#page-oferta .box:nth-child(2) { width:100%;}
}

@media only screen and (max-width:900px)
{
#nowosci { flex-direction:column; }
#nowosci .box { width:100%;}
#nowosci .box:nth-child(1) { padding-bottom:var(--p3);}

:root{
	--p2:3%;		
	--p3:4%;
	
}

.farm-reg-container .addfarm , .farm-reg-container .login { width:100%; }
.farm-reg-container .addfarm { margin-bottom:20px;}

#kontaktpage { flex-direction:column; }
#kontaktpage .box:nth-child(1) { width:100%; text-align:center; margin-bottom:5%;}
#kontaktpage .box:nth-child(2) {  width:100%;}

}


@media only screen and (max-width:800px)
{
:root{
	--p2:5%;		
}

#szzkajprodukt { flex-direction:column;}
#szzkajprodukt .box { width:100%; margin-bottom:20px;}
#najnowsze { padding: 370px var(--p15) var(--p3) var(--p15);}
#footer ul { flex-wrap:wrap}
#footer ul li { margin-bottom:5px;}
#footer ul li a { line-height:25px;}

.wiecej3 , a.wiecej2 , .login , .addfarm{ width:100%;}

.logowanie .f2 { flex-direction:column;   }
.logowanie .f2 input , .logowanie .f2 select { width:100%;}

.formularz .f2 { width:100%; }
.formularz .f3 { width:100%; }
.formularz input.wpcf7-submit { width:100%;}

.opis-cat > .box { width: 100%; }

}

@media only screen and (max-width:700px)
{
#top { flex-direction:column; height:160px; padding-top:10px; }
.nav-top { position:absolute; right:5%; top:40px; margin:0px;}
#baner img#bghome {  height:700px !important;} 
.parallax-section {padding:15% var(--p15); overflow:hidden;  }
#menuinfo ul li { width:100px;}
#menuinfo ul li:nth-child(3) { border-right: none;} 

#lang { position:absolute; left:10px; top:35px;}

}

@media only screen and (max-width:600px)
{
html { font-size:8px;}
}

@media only screen and (max-width:500px)
{
#wyszukiwarka { position: relative; top:0px; margin-bottom:10%; left:0px; width:100%;}
#najnowsze {  padding: var(--p3) var(--p15); }
#opisb { bottom:5%;}
#top { align-items: flex-start; }
#menuinfo { width:100%; display:flex; justify-content:center;  }
#podpis { flex-direction:column; }
#podpis span , #podpis a { width:100%; text-align:center;}

fieldset form { flex-direction:column;}
fieldset .txt { width:100%; margin-bottom:10px; }
fieldset .guz { width:100%;}

#lang { position:absolute; left: auto; right:100px; top:38px;}
#top a#logo img { height:60px; margin-top:10px;}

}

@media only screen and (max-width:400px)
{
#top a#logo img { height:50px; margin-top:15px;}
#baner img#bghome {  height:800px !important;} 


ul.oferta li {  align-items:center; flex-direction:column; }
ul.oferta li .ico { width:100%; }
ul.oferta li .tydzien { width:100%; margin:0px; }
ul.oferta li h2 { padding:20px 0px; text-align:center;}
ul.oferta li { margin-bottom:5%;}

}