@charset "utf-8";


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

{

.footer ul li {padding: 25px 0 0 35px;}
}



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

{

.header {padding: 0 10px;}


.logo {width: 230px;}

.logo img { width: 200px;}

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

.slider-text {top: 195px;}
              
.slider-text a {color: #fff;}


.slider-text .text1 {font-size: 20px;
                      font-weight: 600;}  

.slider-text .text2 {font-size: 40px;}  

.slider-text a {background: url(img/phone.png) no-repeat scroll 0 5px;
                 font-size: 35px;
                 font-weight: 600;
                 padding: 4px 0 4px 45px;}  
                 
.home-info-container .box-text { padding-top: 0;}                         
               

}

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

{
.oferta-single-box {width: 550px;
                    margin: 0 auto;
                    float: none;}

}

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


{

.obszar-box ul li { width: 33%;
                     padding-left: 75px;}
                     
.obszar-box ul li::before {left: 45px;}                     

}


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

{

.menu-button {display: block;}

.menu-phone {clear: both;
             background: rgba(44, 47, 52, 0.85);
             overflow: hidden;
             float: none;
             width: 100%;
             display: none;}
           
.menu-phone ul { float: none;
                           margin: 0;
                           text-align: center;}

.menu-phone ul li { display: block;
                               margin: 5px 0 ;} 
                               
.menu-phone ul li a,
.menu-phone ul li a:hover {border: none;}   
	
.kontakt-box-over {	max-width: 350px;}	
	
.mapa {width: calc(100% - 350px);}	


}

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

{

.logo-footer { float: none;
                margin: 0 auto;}
                
.footer ul { float: none;
              text-align: center;
              padding-top: 15px;} 
              
.footer ul li {padding: 15px 0;
                display: block;}  
                

.footer .tel { padding-top: 25px; }                                         
                
                
}

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

{

.galeria,
.oferta-right  {width: 100%;
                 float: none;}
                 
.oferta-right {padding-top: 25px;}  
	
.kontakt-box-over {	max-width: 450px;
                    float: none;
	                margin: 0 auto;
                    padding-bottom: 15px;}	
	
.mapa {width: 100%;
       clear: both;}		


}



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

{

.slider {height: 450px;}

.slider-text { top: 135px;}

.box-foto {display: none;}

.box-foto-phone {display: block;
                 padding: 25px 0 0 0;
                 text-align: center;}
	
.box-foto-phone img {width: 100%;
	                 max-width: 360px;}	
                 
.obszar-box ul li { width: 50%;
                     padding-left: 95px;}
                     
.obszar-box ul li::before {left: 65px;}                       

}


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

{

                 
.oferta-box-container { display: block;}

.oferta-box { width: 50%;
               display: block;
               float: left;}
               
.oferta-box:nth-child(1),
.oferta-box:nth-child(2)  {padding-bottom}               

}

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


{
.slider-text .text1 {font-size: 20px;
                      padding-bottom: 7px;}  

.slider-text .text2 {font-size: 35px;}  

.slider-text a {background: url(img/phone.png) no-repeat scroll 0 5px;
                 font-size: 35px;
                 font-weight: 600;
                 padding: 4px 0 4px 45px;} 

                      
}

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

{

.obszar-box ul li { width: 100%;
                     padding-left: 155px;}
                     
.obszar-box ul li::before {left: 125px;}    

}


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

{
.oferta-single-box {width: 300px;}

.dane-desc {display: none;}

.dane-phone {display: block;}

.row {clear: both;}

}


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

{

.obszar-box ul li { padding-left: 95px;}
                     
.obszar-box ul li::before {left: 65px;}   
	

}

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

{

.obszar-box ul li {padding-left: 30px;}
                     
.obszar-box ul li::before {left: 10px;}    

}