@charset "utf-8";



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

{

.menu-phone ul li a {padding: 40px 20px 0 20px;}

}

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

{
	

.uslugi-right {width: 50%;}


.uslugi-text {padding-right: 40%;}	
}

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

{

.header-container { background: linear-gradient(to right, #fff, #fff 35%, #000 0%, #000);}    
    
.header {background: linear-gradient(to right, #fff, #fff 35%, #000 0%, #000);}  
         
.skos { left: 35%; 
        margin-left: -98px;}   
        
.akt-box {width: 46%;}                  

}


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

{

.menu-phone ul li a {padding: 40px 12px 0 12px;}


}

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


{

.oferta-box-container {width: 640px;}

.oferta-box {width: 320px;}

.oferta-box:nth-child(3) {clear: both;}

.oferta-box:nth-child(3),
.oferta-box:nth-child(4) {padding-top: 25px;}


}


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

{

.logo {width: 200px;
	   padding-bottom: 9px;}

.header-container {background: linear-gradient(to right, #fff, #fff 50%, #000 0%, #E000);
                   height: 80px;
                   position: relative;}  

.header {background: linear-gradient(to right, #fff, #fff 50%, #000 0%, #000);
         height: 80px;}  
         
.skos {left: 50%; 
       width: 81px;
       margin-left: -80px;}

.menu-button {display: block;}

.search {right: 90px;
         top: 32px;}
         

.dl.box-left {width: 35%;} 

.dl.box-right {width: 65%;}           


/************/
.szukajka {clear: both;
             background: #000;
             overflow: hidden;
             display: none;
             float: none;
             width: 100%;
             padding: 15px 0 15px 0;
             color: #fff;}




.menu-phone {clear: both;
             background: #000;
             overflow: hidden;
             display: none;
             float: none;
             width: 100%;
             padding: 15px 0 15px 0;}
             
.menu-phone ul {display: block;
                text-align: center;}

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

.menu-phone ul li a {padding-top:25px;} 

.menu-phone ul li a,
.menu-phone ul li a:hover,
.menu-phone ul li.current-menu-item a {border: none;}  
   
             
.slider {margin-top: 0;} 

.kontakt-box { width: 900px;}            


}


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

{
.dl.box-left {display: none;} 

.dl.box-right {width: 100%;}  

.right-text { width: 100%;
              max-width: 100%;
              padding: 0 20px;} 
              
.kontakt-box { width: 100%;
                padding: 0 20px;} 
                
.kontakt-box .f-left { width: 100%;
                       text-align: center;
                       margin-top: 0;} 
                       
.kontakt-box .f-right { width: 100%;
                        max-width: 370px;
                         float: none;
                         margin: 0 auto;
                         padding-top: 35px;
                         clear: both;}                  

#gallery-1 .gallery-item {width: 33%!important;}
	
.single-foto-lewa {	width: 45%;}
	
.uslugi-right {display: none;}


.uslugi-text {padding-right: 0;}
	
.s-col1	{width: 50%;}
	
.slider-text-container {font-size: 90px;
                        line-height: 50px;}	
	
.slider-text-container .span1 {	font-size: 58px;}
	
.slider {padding-top: 138px;}	

}

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

{
.akt-box {width: 96%;
          max-width: 500px;
          float: none;
          margin: 0 auto 40px auto;}  
	
.szukaj-box {width: 100%;
	         padding: 0;}
	
.slider-text-container {font-size: 60px;
                        line-height: 40px;}	
	
.slider-text-container .span1 {	font-size: 40px;}
	
.slider {padding-top: 158px;}		

}


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

{

.header-container {background: linear-gradient(to right, #fff, #fff 70%, #000 0%, #E000);}  

.header {background: linear-gradient(to right, #fff, #fff 70%, #000 0%, #000);}  
         
.skos {left: 70%; 
       margin-left: -78px;}        

.oferta-box-container {width: 100%;}

.oferta-box {width: 100%;
             float: none;
             margin: 0 auto;
             padding-top: 25px;}

.oferta-box:nth-child(1) {padding-top: 0;}
	
#gallery-1 .gallery-item {width: 50%!important;}
	
.single-foto-lewa {	display: none;}	
	
.s-col1	{width: 100%;}	


}