@charset "utf-8";

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

{

.header-container { background: linear-gradient(to right, #fff, #fff 45%, rgba(16, 84, 147, 0.85) 0%, rgba(16, 84, 147, 0.85));}    


}

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

{

.header-container { background: linear-gradient(to right, #fff, #fff 42%, rgba(16, 84, 147, 0.85) 0%, rgba(16, 84, 147, 0.85));}    


}


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

{

.header-container { background: linear-gradient(to right, #fff, #fff 38%, rgba(16, 84, 147, 0.85) 0%, rgba(16, 84, 147, 0.85));}    


}

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

{

.header-container { background: linear-gradient(to right, #fff, #fff 35%, rgba(16, 84, 147, 0.85) 0%, rgba(16, 84, 147, 0.85));}    


}

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

{

.header-container { background: linear-gradient(to right, #fff, #fff 30%, rgba(16, 84, 147, 0.85) 0%, rgba(16, 84, 147, 0.85));}    


}

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

{

.header-container { background: linear-gradient(to right, #fff, #fff 27%, rgba(16, 84, 147, 0.85) 0%, rgba(16, 84, 147, 0.85));}    


}

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

{

.header-container { background: linear-gradient(to right, #fff, #fff 23%, rgba(16, 84, 147, 0.85) 0%, rgba(16, 84, 147, 0.85));}    


}

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

{

.header-container { background: linear-gradient(to right, #fff, #fff 18%, rgba(16, 84, 147, 0.85) 0%, rgba(16, 84, 147, 0.85));}    


}


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

{

.logo {width: 190px;}

.menu-phone ul.menu-top {margin-left: 30px;}

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

.logo-2-f, .logo-3-f { padding-left: 40px;}	

}


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

{

.slider {margin-top: 80px;}

.menu-button {display: block;}

.menu-phone {clear: both;
             background: rgba(16, 84, 147, 0.85);
             overflow: hidden;
             display: none;}
             
.menu-phone ul.menu-top { margin: 0;
                          text-align: center;
                          float: none;} 
                          
.menu-phone ul.menu-top li {display: block;} 

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

.menu-phone ul.lg {float: none;
                   text-align: center;} 
                   
.menu-phone ul.lg li {padding: 20px 10px 25px 10px;}                                                      

.header {padding: 0 ;
          height: 80px;}

.header-container {height: 80px;}

.logo {padding: 5px 0 0 35px;
       width: 230px;
        height: 80px;}
	
.logo img {width: 150px; }	
	
/****/  

.menu-phone ul.menu-top li > ul {display: block;
                                   position: relative;}  
	
.column-right,
.column-left {width: 100%;}	
	


}


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

{

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

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

}

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

{

.l-phone {display: block;
	      text-align: center;} 
	
.l-desc {display: none;}
	

}

@media all and (max-width: 950px)
	
{
	
.kontakt-box {display: block;}	
	
.logo-footer { width: 100%;
               text-align: center;
	           padding: 0 0 30px 0;}	
	
.logo-footer img {width: 230px;}
	
.dane-footer {width: 250px;
              margin: 0 auto;}	
	
.logotypy-footer {width: 100%;
                   margin: 0 auto;
	              justify-content: center;
	              flex-wrap: wrap;}	
	
.logotypy-footer span {text-align: center;}	

.logo-1-f, .logo-2-f, .logo-3-f {padding: 30px 0 0 0;}	
	
.logo-2-f {padding-left: 70px;
           padding-right: 70px;}	
	
}

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

{
	
.form-ct { /*float: none;
	      clear: both;
	      margin: 0 auto;*/
	     display: none;}


.blog-box {width: 100%;
           float: none;}	
	
#gallery-1 .gallery-item {width: 50%!important;}
	
/*#gallery-1 .gallery-item:nth-child(4n+1) {clear: none;}	
	
#gallery-1 .gallery-item:nth-child(3n+1) {clear: both;}	*/
	
}




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

{

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

.oferta-box {width: 50%;
             display: block;
             float: left;}             
             
             
.oferta-box.ob2 {padding-top: 87px; }             
             
.oferta-box.ob3 {clear: both;}  

.oferta-box.ob3,
.oferta-box.ob4 {margin-top: 35px;} 

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

.dl.box-right {width: 100%;} 
               
.right-text  {max-width: 100%;
              padding: 50px 20px 30px 20px;}   
              
.box-foto {display: block;
           clear: both;
           width: 100%;
           margin-bottom: -5px;}
           
              
.box-foto img {width: 100%;}   


.form-container .f-left,
.form-container .f-right { width: 100%;}                                         


}

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

{
	
#gallery-1 .gallery-item {width: 100%!important;
	                      padding: 0;}	
}