@charset "utf-8";

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

{
.menu-home ul li a {padding: 37px 35px 0px 35px;}


}


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

{
.menu-home ul li a {padding: 37px 20px 0px 20px;}


}

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

{

.haslo h1 {font-size: 85px;
           line-height: 85px;}
           
.haslo span {font-size: 25px;}           

}

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

{

.m-box h3 { margin: 10px 0 20px 0;}

.kontakt-podstrona .form-box {width: 40%;}
.kontakt-podstrona .mapa-box {width: 60%;}

}

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

{

.logo { width: 230px;}
        
.header-container {height: 68px;}   

.header {padding: 0 10px;
         display: block;}     

.menu-button {display: block;}

.menu-phone {clear: both;
              width: 100%;
              background: #000;
              overflow: hidden;
              display: none;
              z-index: 100;
              position: relative;}
              
.search {padding: 35px 0 25px 0;
          text-align: center;}              


.menu-home ul {text-align: center;} 

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

.menu-home ul li a { padding: 15px 0px 10px 0px;} 

.menu-home ul li > ul {position: relative;
                         margin: 0;}
                         
.menu-home ul li > ul li a {padding: 20px ;}


.menu-home ul li > ul li:last-child a {padding-bottom: 0;}                           

.icon-box-over {width: 50%;
                 max-width: 450px;}
                 
.icon-box-over:nth-child(2) .icon-box,
.icon-box-over:nth-child(3) .icon-box,
.icon-box-over:nth-child(6) .icon-box,
.icon-box-over:nth-child(7) .icon-box {background: #1C1C1C;}

.icon-box-over:nth-child(4) .icon-box,
.icon-box-over:nth-child(5) .icon-box {background: #262626;}                 
                 

                 
.blog-over-box {width: 50%;
                max-width: 390px;}  
                
.blog-container {max-width: 900px;}   

.m-over-box { width: 100%;}                           


}

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

{

.footer { display: block;}

.logo-footer-phone {display: block;
                     text-align: center;}

.logo-footer {display: none;}

.footer-left, 
.footer-right {margin: 0 auto;
              text-align: center;
              width: 100%;
              max-width: 400px;}
              
.footer-right img {margin: 8px 7px 0 7px;} 

.omnie-foto {display: none;}

.foto-phone {display: block;
             margin: 0 auto -5px auto;
             width: 100%;
             max-width: 400px;} 
	
.foto-phone img {max-width: 100%;}	
             
.omnie-podstrona .omnie-foto {float: none;}                 
             
.foto-phone img {margin: 0;}                       
              
.omnie {display: block;} 

.omnie h2 {text-align: center;}             
              

}

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

{

.kontakt-podstrona {display: block;}


.kontakt-podstrona .form-box {width: 100%;
                               max-width: 670px;
                               margin: 0 auto;
                               padding-right: 0;}


.kontakt-podstrona .mapa-box {width: 100%;
                               max-width: 800px;
                                margin: 0 auto;
                               padding-left: 0;} 
                               
.form-container input[type="submit"] {float: none;}  
	
.m-box {width: 50%;}	


}

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


{

.oferta-box-left { width: 100%;
                   padding: 25px 0 0 0;}
                   
.oferta-box-right { width: 100%;
                     max-width: 450px;
                     padding: 25px 0 0 0;
                     margin: 0 auto;} 
                     
.opinie-omnie { width: 100%;
               line-height: 30px;
               padding: 12px 18px;} 
               
                                                   

}

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

{

.ibox-text {font-size: 25px;}

}


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

{

.icon-boxes {font-size: 18px;}

.icon-box { height: 180px;
            padding: 40px 0 0 0;}
	
.m-box {width: 100%;}	
    
}

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

{

.icon-boxes {padding: 0 10px;}

.icon-box-over { padding: 7px;}

.icon-box { padding: 20px 10px 0 10px;}

}