@charset "utf-8";


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

{

.menu-phone ul li {padding: 0 26px;}
                 
  
}

@media all and (max-width: 1520px) 
	
{
	
.kt-left {padding: 55px 40px 0 35px;}	
	
}	

@media all and (max-width: 1400px) 
	
{
	
.box-text-content {padding-top: 10px;}	
	
.box-text h2 {padding-bottom: 20px;}
	
.box-container-row .more {margin-top: 20px;}	
	
}	

@media all and (max-width: 1380px) 
	
{
	
.kontakt-box-left { width: 300px;}	
	
.kontakt-box-right {width: calc(100% - 300px);}	
	
.kt-left {width: calc(100% - 400px);}	
	
.kt-right {width: 400px;
	       overflow: hidden;}	
	
.kt-right img {margin-left: -75px;}	
	
.c-box {padding-bottom: 20px;}
	
}	

@media all and (max-width: 1370px) 
	
{
	
.menu-phone ul li { padding: 0 15px; }	
	
.kontakt-container {margin: 0;}	
	
}	

@media all and (max-width: 1320px) 
	
{
	
.slider {padding: 0 60px 100px 60px;}	
	
}

@media all and (max-width: 1250px) 
	
{
	
.k-over-box {padding: 75px 25px 0 25px;}	
	
.box-container-galeria h2 { padding-bottom: 30px;
	                        position: relative;}
		
}

@media all and (max-width: 1210px) 
	
{

.kt-left {width: calc(100% - 350px);}	
	
.kt-right {width: 350px;}	
	
.kt-right img { margin-left: -100px;}
	
.kontakt-container {display: none;}	
	
.header-container {background:#172A39;
	               height: 70px;}
	
.logo {width: 160px;
	  padding-top: 15px;}	
	
.header { background: #172A39;
	     height: 69px;}	
	
.slider-over-container {padding-top: 70px;}	

.menu-phone.menu-button {display: none;
                        position: absolute;
                        right: 0;}
	
.menu-button {display: block;}	
	
.menu-phone {display: none;
	         clear: both;
              background: #172A39;
              overflow: hidden;
              z-index: 100;
              width: 100%;
              position: absolute;
               right: 0;
               margin: 70px 0 0 0;
               padding: 0;}
	
.menu-phone.menu-desc {display: none;}	
	
.menu-phone ul li {display: block;
	              width: 100%;
	              text-align: center;
	              padding: 0;}	
	
.menu-phone ul li a {padding: 20px 0;}	
	
.menu-phone ul li a:after {display: none;}	
	
.kontakt-phone-container {display: flex;
	                      justify-content: right;
	                      background: linear-gradient(to right, #172A39 calc(50% - 120px), #CA9C62 calc(50% + 120px));}	
	
.kontakt-phone-container .kontakt-container	{display: flex;
	                 background: url(img/gradient_top.png) top left no-repeat;
	                 width: calc(50% + 140px);}
	
	
	
}	

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

{
	
.slider-container {height: 600px;}	
	
.slider h1 {font-size: 60px;}
	
.slider-text {font-size: 25px;}	
	
}

@media all and (max-width: 1120px) 
	
{
	
.k-over-box {width: 280px;}	
	
.k-row {justify-content: center;}	
	
}

@media all and (max-width: 1110px) 
	
{
	
.kl-box-over {width: 50%;}	
	
}	

@media all and (max-width: 1080px) 
	
{

.kt-left,
.kt-right { width: 100% ; }	
	
.kt-right {text-align: center;
	       background-color: #111723;
	       height: 853px;}	
	
.kt-right img { margin-left: 0; }

}	

@media all and (max-width: 1020px) 
	
{
.box-text-over {width: 100%;
	            padding: 0 0 30px 0;}	
	
.box-text-left {padding: 0 0 30px 0;}
	
.box-img { width: 100%; }
	
.box-img.box-img-left {display: none;}
	
.box-img-phone { display: block;}
	
.box-text-over .phone-center {text-align: right;}
	
.ak-gallery-main .swiper-slide {width: 100%;}	
	
h2 {font-size: 35px;}	
	
.box-text h2 {padding-bottom: 0;}	
	
.br-bottom {padding-bottom: 0;}	
	
}


@media all and (max-width: 760px) 
	
{
	
.kontakt-box-left,
.kontakt-box-right { width: 100%;}
	
.kt-left {padding: 55px 20px 0 20px;}	
	
.mieszkania-tabela-icon-over {display: flex;}
	
}

@media all and (max-width: 730px) 
	
{
	
.kl-row { justify-content: center;
	     max-width: 400px;
	     margin: 0 auto;}
	
.kl-box-over {width: 100%;}	
	
.mieszkania-tabela {padding: 50px 20px;}	
	
}

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

.box-container-galeria h2 { padding-bottom: 10px;}		

}

@media all and (max-width: 660px) 
	
{

.slider {padding: 0 40px 50px 40px; }	
	
.slider h1 {font-size: 40px; }	
	
.box-container-galeria button.tab-btn {width: 310px;
	                               display: block;
	                               margin: 0 0 10px 0;}	
	
.tabs {flex-wrap: wrap;
	       padding-bottom: 10px;}	
	
}