@charset "utf-8";


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

{

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

.ofirmie-content {padding-top: 20px ;}

.ofirmie-content h2 {margin: 10px 0;
                      font-size: 25px;}
                      
.of-text { font-size: 18px;
           line-height: 28px;}                      
  
}

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

{
.realizacje-podstrona .realizacje-box {width: calc(33.333333% - 30px);}

}

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

{

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

}


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

{

.menu-button {display: block;}

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

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

.menu-phone ul li a {padding: 14px 20px;
                      box-sizing: border-box;
                      display: block;} 
	
.menu-desc {display: none;}	
	
.menu-mobile {display: block;}		
                      
.submenu-container {display: none!important;}  

.menu-phone ul li:hover > ul {display: block;}                     
                      
.search-box {display: none;} 

.search-box-phone {display: block;
                   margin: 20px 80px 0 0;}   
                   
.search-box-phone img {width: 30px;}  

.slider h1 { font-size: 35px;}

.slider-text {font-size: 18px;
              line-height: 28px;}
              
.header-container-podstrona .search-box-phone {margin-top: 30px;}  

.header-container-podstrona .menu-button {top: 30px; }  

.header-container-podstrona .menu-phone {margin: 86px 0 0 0;}  
	
.search-box-phone input[type="submit"] { width: 30px;
                                         height: 30px;
	                                     background-size: 30px 30px;}	

}

@media all and (max-width: 1010px) /*FONTY*/

{
.ngl-center h1,
h2 {font-size: 25px;}

.realizacje-text,
.oferta-row,
.kontakt-col1 {font-size: 18px;
                  line-height: 25px;}
                  
.rb-podpis {font-size: 17px;
            line-height: 25px;} 
            
.realizacje-text ul li::before {top: 10px;}  

.realizacje-text ul li {padding: 0 0 15px 23px;}                           

}

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

{

.ofirmie-content h2 {margin: 0;}

.of-text {font-size: 16px;
          line-height: 22px;}
          
.of-col1,
.of-col2-team {width: 100%;
          position: relative;} 
          
.of-col2 {width: 100%;
          max-width: 560px;
          margin: 0 auto;}           
          
.of-col1-team {display: none;} 

.of-col1-team.col-phone {display: block;
                         width: 100%;
                         max-width: 560px;
                          margin: 0 auto;}  
	
#gallery-1 .gallery-item,
#gallery-2 .gallery-item,
#gallery-3 .gallery-item,
#gallery-4 .gallery-item,
#gallery-5 .gallery-item,
#gallery-6 .gallery-item,
#gallery-7 .gallery-item,
#gallery-8 .gallery-item,
#gallery-9 .gallery-item {width: 50%!important;
	                     padding: 0 10px;}	
	
#gallery-1 br,
#gallery-2 br,
#gallery-3 br,
#gallery-4 br,
#gallery-5 br,
#gallery-6 br,
#gallery-7 br,
#gallery-8 br,
#gallery-9 br {display: none;}	

}

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

{

.kontakt-row {justify-content: center;}

.kontakt-col1,
.kontakt-col2 {width: 100%;
               max-width: 760px;
               padding: 0;}
               
.kontakt-col2 {margin-top: 20px;}               

}

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

{

.footer-logo,
.footer-menu,
.f-col {width: 100%;
              text-align: center;}

.footer-menu ul {justify-content: center;
                 padding-top: 20px;}

.footer-menu ul li { padding: 20px 0 0 0;
                       width: 100%;}
                       
.footer-container {padding-top: 35px;} 

.f-col {padding: 30px 0 0 0;}                      

}

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

{
.ofirmie-row {display: none;}

}

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

{
.realizacje-podstrona .realizacje-box {width: calc(50% - 30px);}

.klienci-list { column-count:1;         
                 column-gap: 30px;}

}

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

{

.ct-row {max-width: 500px;
         margin: 0 auto;}
         
.ct-box {width: 50%;
         padding: 40px 0 0 0;}         

}

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

{
	
#gallery-1 .gallery-item,
#gallery-2 .gallery-item,
#gallery-3 .gallery-item,
#gallery-4 .gallery-item,
#gallery-5 .gallery-item,
#gallery-6 .gallery-item,
#gallery-7 .gallery-item,
#gallery-8 .gallery-item,
#gallery-9 .gallery-item {width: 100%!important;
	                     padding: 0 ;}		
	
}

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

{
.realizacje-podstrona .realizacje-box {width: calc(100% - 30px);}

}

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

{

        
.ct-box {width: 100%;}         

}