@charset "utf-8";

@media all and (max-width: 1355px) 

{
.o-foto1 {width: 290px;
         height: 290px;} 

.o-foto2 {width: 340px;
         height: 340px;  }

.o-foto3 {width: 340px;
         height: 340px;
         top: 60px;} 

}

@media all and (max-width: 1290px) 

{

.menu-phone ul li a {padding: 36px 15px 0 15px;}
  
}

@media all and (max-width: 1220px) 


{

.icon-box { width: 285px;
            padding: 0 ;}

}

@media all and (max-width: 1198px) 

{

.o-foto1 {width: 280px;
         height: 280px;} 

.o-foto2 {width: 300px;
         height: 300px;  }

.o-foto3 {width: 310px;
         height: 310px;
         top: 110px;
         left: 307px;} 


}

@media all and (max-width: 1160px) 

{

.bg { font-size: 123px;}

.ngl-bg h2,
.ngl-bg h1 {font-size: 43px;
             margin: 48px 0 0 0;}
             
.oferta-left .ngl-bg h2 { margin: 0;
                           padding: 48px 0 0 0;}             
             
.ngl-bg {padding-bottom: 15px;}  

.oferta-right { height: 500px;}  

.block .ngl-bg h2,
.block .ngl-bg h1 {margin-top: 0;
                   padding-top: 48px;}        

}

@media all and (max-width: 1120px) 

{

.header-container {height: 66px;}

.logo {padding-top: 13px;}

.menu-button {display: block;}

.menu-phone {clear: both;
              width: 100%;
              background: #fff;
              overflow: hidden;
             display: none;
              width: 330px;
              position: absolute;
               right: 0;
               margin: 66px 0 0 0;
               padding: 0;
	           z-index: 30;}

.menu-phone ul li {display: block;}

.menu-phone ul li a {padding: 14px 20px;
                      box-sizing: border-box;
                      display: block;} 
                      
.header-top span,
.header-top a {padding: 6px 25px 0 25px;}

.footer-menu ul li {padding: 0 30px 0 0;}
                         
}

@media all and (max-width: 1100px) 

{
.slider-over-container,
.slider-container,
.slider-box { height: 500px;}

.slider-box {padding-top: 40px;}

.slider h1 {font-size: 52px;
             line-height: 52px;}
             
.slider-text {padding: 5px 0 15px 0; }            


}


@media all and (max-width: 1060px) 

{

.oferta-container {display: block;}

.oferta-left {width: 100%;
              padding-top: 0;}
              
.oferta-right { width: 100%;
                max-width: 615px;
                margin: 0 auto; }
              
.oferta-left .ngl-bg,
.oferta-left .ngl-bg .bg,
.oferta-text {text-align: center;}

.oferta-text {padding: 20px 0;}

.oferta-container {padding-top: 20px;}

}

@media all and (max-width: 990px) 

{

.produkt-box {width: calc(50% - 14px);}

}

@media all and (max-width: 950px) 

{

.icon-box {width: 100%;
           padding-bottom: 40px;}

.podzielnik {display: none;}

.icon-row {padding-bottom: 10px;}

.bg {display: none;}

.kontakt-over-baner {padding: 60px 20px 0 20px;}

.seo-text { column-count: 1;}

.ngl-bg h2,
.ngl-bg h1 {line-height: 43px;}

.kontakt-row {max-width: 760px;}

.kontakt-col {width: 100%;}

}

@media all and (max-width: 930px) 

{
.footer-menu {width: 100%;}

.footer-menu ul {justify-content: center;}

.footer-menu ul li {padding: 0 0 25px 0;
                     display: block;
                     width: 100%;
                     text-align: center;}
                     
.footer-sm {width: 100%;
            text-align: center;}  
	
#gallery-1 .gallery-item {width: calc(33.33333% - 14px)!important;}	

}

@media all and (max-width: 900px) 

{

.menu-phone {padding-bottom: 15px;}

.adres-mobile {display: block;}

.header-left {display: none;}

.adres-mobile span {font-size: 14px;
                 color: #1a4b72;
                 font-weight: 400;
                 display: block;
                 padding: 6px 0 0 40px; 
                 position: relative;}
                 
.adres-mobile span:before {display: block;
                          content: '';
                          position: absolute;
                          width: 19px;
                          height: 19px;
                          top: 9px;
                          left: 15px;}    
    
.adres-mobile span.h-adres:before {background: url(img/pin.svg) no-repeat;}   
    
.adres-mobile span.h-time:before {background: url(img/godziny.svg) no-repeat;}                   

}

@media all and (max-width: 760px) 

{
.slider-over-container,
.slider-container,
.slider-box { height: 400px;}

.slider-box {padding-top: 20px;}

.slider h1 {font-size: 38px;
             line-height: 38px;}
             
.slider-text {font-size: 25px;
              line-height: 31px;}            


}

@media all and (max-width: 740px) 

{
.kontakt-haslo {font-size: 43px;
                line-height: 62px;}

}

@media all and (max-width: 690px) 

{
.oferta-right {background: none;
               height: 630px;}
               
.o-foto1 {top: 360px;
           left: 40px; 
           width: 320px;
           height: 320px;}              


.o-foto2 {width: 320px;
           height: 320px;}

.o-foto3 {top: 199px;
         left: 257px;} 
         
.bg {font-size: 80px;}    
	
#gallery-1 .gallery-item {width: calc(50% - 14px)!important;}		

}

@media all and (max-width: 660px) 

{

.ngl-bg h2,
.ngl-bg h1 {font-size: 33px;
             line-height: 33px}
             
.oferta-left h3,
.faq-box h3 {font-size: 25px;} 

.faq-box h3 {padding: 15px 0 15px 40px; } 

.faq-box h3:before,
.faq-box h3:after {top: 22px;}          
 
}

@media all and (max-width: 640px) 

{

.oferta-right {height: 430px;}

.o-foto1 {top: 260px;
           left: 120px;
         width: 230px;
          height: 230px;}              


.o-foto2 {width: 220px;
           height: 220px;}

.o-foto3 {top: 129px;
             left: 277px;
         width: 210px;
           height: 210px;}
	
	

}

@media all and (max-width: 620px) 

{
.kontakt-haslo {font-size: 33px;
                line-height: 52px;}

}

@media all and (max-width: 580px) 

{

.o-foto1 {left: 60px;}              


.o-foto2 {left: 100px;}

.o-foto3 {top: 149px;
         left: 227px;}


}

@media all and (max-width: 500px) 

{

.o-foto1 {left: 20px;}              


.o-foto2 {left: 60px;}

.o-foto3 {top: 149px;
         left: 207px;}


}

@media all and (max-width: 490px) 

{
.kontakt-haslo {font-size: 23px;
                line-height: 42px;}
                
.kontakt-baner {padding: 30px 20px;}                

}


@media all and (max-width: 480px) 

{

.produkt-box {width: calc(100% - 14px);}

.slider-box {padding-top: 20px;}

.slider h1 {font-size: 28px;
             line-height: 28px;}
             
.slider-text {font-size: 22px;
              line-height: 28px;} 

}

@media all and (max-width: 460px) 

{

.o-foto1 {left: 0;}              


.o-foto2 {left: 40px;}

.o-foto3 {top: 149px;
         left: 187px;}


}

@media all and (max-width: 430px) 

{

.o-foto1 {left: 20px;
          top: 240px;
          width: 220px;
           height: 220px;}              


.o-foto2 {left: 40px;
           width: 210px;
           height: 210px;}

.o-foto3 {top: 139px;
          left: 147px;
         width: 200px;
         height: 200px;}
	
#gallery-1 .gallery-item {width: calc(100% - 14px)!important;}		

}


@media all and (max-width: 390px) 

{

.o-foto1 {left: 0px;}              


.o-foto2 {left: 20px;}

.o-foto3 {left: 127px;}

}