@media (max-width: 1930px) {
	.section-mapa::after{
		width: 71%;
		
	}
}	
@media (max-width: 1700px) {
	#wiz .form{
		width: 95%;
		padding: 210px 100px 30px 100px;
	}
	#wiz .wiz-headline{ padding-top: 210px; }
}

@media (max-width: 1599px) {
    #contact .col-form{ padding: 80px 0 60px 120px; }
    #contact .map img{ margin-left: -9% !important; width: 109% !important; max-width: 200%; }
    
    
    .wiz-headline h2{ font-size: 60px;}
    .wiz-headline p{ font-size: 23px; }
    #wiz .wiz-headline{ padding-top: 180px; }
    
    #header .logo img{ width: 250px; }
    #header.sticky .logo{ width: 140px; margin-top: 100px;  }
    
    
    #header .phone{ padding-left: 0; }
    .navbar .navbar-nav > li{ margin: 0 8px; }
    .navbar .navbar-nav .nav-link{ font-size: 15.5px; }
    #header .phone a{ font-size: 15.5px; }
    #header .contact span{ font-size: 15px; margin-left: 10px; padding: 0 15px;  }
    
    .section-photo .photo{  width: 50%;  }
    .section-photo .col-right.col-txt{ padding-left: 40px; }
    .s-headline h2 .bg.inline-small{ width: 100px; }
    
    .section-zielono .col-right.col-txt{ padding-left: 15px; padding-right: 40px; }
    
    .section-mapa::after{ width: 74%; }
    
    .atrakacje-sldier .item-in .txt h3{ font-size: 28px; }
    
    #contact .dane .photo{ flex:0 0 100%; padding-left: 15px; }
    .dane-kontakt .txt{ padding-left: 15px; }
    
    .section-atrakacje-sldier .container{ 
	    max-width: 85%;
    }
}

@media (max-width: 1499px) {
    
}

@media (max-width: 1399px) {
	#header{ padding-left: 35px; padding-right: 35px; }
	#header .logo{ margin-top: 70px;}
	#header.sticky{ padding: 10px 20px; height: 100px; }
	#header.sticky .logo{  margin-top: 70px;  }
	#header .logo img{ height: auto; width: 160px; }
	
	.navbar .navbar-nav > li{ margin: 0 6px; }
    #hero{ height: 600px; }
    #hero h1{ font-size: 50px;}
    #hero .content { padding-bottom: 150px; }
    
    .wiz-headline {  height: 650px;  padding-top: 170px; }
    .wiz-headline h2{ font-size: 54px;}
    .wiz-headline p{ font-size: 22px;}
    
    #wiz{ padding-bottom: 0; }
    #wiz .wiz-headline{ padding-top: 140px;  }
    #wiz .form{ padding: 190px 60px 30px 60px; }
    .footer-bottom{ margin-left: 40px; }
    #wiz .map img{ width: 640px; max-width: 150%; }
    
    #about h4{ font-size: 19px; }
    #about p{ font-size: 16px; }
    
    .s-headline h2{ font-size: 34px; }
    .s-headline h2 .bg.inline-small{ height: 18px; }
    
    .section .points .item .txt-in{ font-size: 16px; }
    .section .points .item .txt strong{ font-size: 17px; }
    
    #contact .col-form{ padding-left: 20px; }
    .dane-kontakt p{ font-size: 14px; }
    
    
    .modal-atrakcje .txt .title h2{ font-size: 34px; }
    .atrakacje-sldier .item-in .txt{ left: 25px; width: calc( 100% - 50px ); }
    .atrakacje-sldier .item-in .txt .button{ font-size: 14px; padding: 10px 17px;  }
    
    header .langs a{ font-size: 15px; margin: 0 5px; }
    
}
@media (max-width: 1280px) {
	
	#header .contact{ display: none; }
	
}
@media (max-width: 1225px) {
	
		
	.footer-bottom{ margin-top: 30px; }
	
	.icon-bar{
		background-color: #212529;
	}
	
	
	
	
}
@media (max-width: 1199px) {
	#header .scrollLink-mobile{
		display: block;
	}
	
	#navbarNavDropdown{ position: absolute; }
    .navbar .navbar-nav > li{ padding: 7px; }
    
    #main-menu{
	    background-color: #fff;
	  position: absolute;
	  width: 200px;
	  padding: 15px;
	  top: 50px;
    }
    
}
@media (max-width: 1100px) {
	
	
	
	
	#contact .map,
	#contact .col-form{ 
		flex: 0 0 100%; 
		max-width: 100%; 
	}
	
	#hero{
		height: 480px; 
	}
	#hero .content{ 
		flex: 0 0 50%;
		max-width: 40%;
	}
	#hero .content h1{
		font-size: 40px;
	}
	#about h4 br{
		display: none; 
	}
	
	#wiz{ background-size: 120% auto; }
	.wiz-headline {
    	padding-top: 80px;
  	}
	
    #wiz .row-wiz{
	    display: flex;
    }
    #wiz .map{
	    order: 2;
	    max-width: 750px;
	    flex: 0 0 100%;
	    margin: auto;
	    width: 700px;
    }
    #wiz .col-form{
	    flex:  0 0 100%;
	    max-width: 100%;
	    order: 1;
    }
    #wiz .wiz-headline{ padding-top: 95px;  }
    .wiz-headline h2{ font-size: 45px;}
     
    #wiz{  background-size: 120% auto; }
    #wiz .form{ max-width: 800px; margin: auto; padding: 190px 130px 30px 130px; }
    #wiz .map img{ width: 700px; margin-bottom: 0; }
    .footer-bottom{ margin-left: auto; text-align: center; }
    
    .wiz-headline{ padding-top: 90px; }
    
    #contact .col-form{ padding-left: 0;}
    #contact .col-form::after{ border-radius: 0; }
    #contact .map img{ max-width: 600px; margin: auto !important; }
    
    .footer-bottom{ margin-top: 30px;}
    
    
    .menu-social-media-container{ margin: auto; }
    .social-media ul{ margin-bottom: 15px; margin-top: -5px;}
    
    #about h4{ font-size: 18px; }
    #about p{ font-size: 15px; }
    
    .section .points .item .txt { font-size: 15px; }
    .section .points .item .txt strong{ font-size: 15px; }
    
    .s-headline h2{ font-size: 30px; }
    .section-photo{ min-height: 550px; }
    .section-photo .photo{ height: 500px; min-height: auto; }
    .s-headline h2 .bg.inline-small{ display: ; }
    .section-glowne .circle{ transform: scale(0.65); bottom: -100px; right: 100px; }
    
    .s-headline h2 .bg.inline{ width: 100px; height: 15px; }
    
    .section-lokalizacja .col-txt{ margin-top: 20px; }
    
    
    
    .section-wizualizacje-sldier .container{ max-width: 800px; } 
    .wizualizacje-sldier .item.slick-active .item-in{ height: 500px;}
    .wizualizacje-sldier .item .item-in{ height: 480px; }
    .wizualizacje-sldier .slick-dots{ margin-top: 20px; }
    
    .dane-kontakt{ flex: 0 0 100%; max-width: 100%; }
    
    
    p, ul li, ol li{ font-size: 15px; }
    
    .section-mapa.section-photo-right .photo{ border-radius: 0;  }
    
    
    .section-rys-sldier .slick-arrow.slick-next{ right: 0%; left: auto; }
    
    .section-rys-sldier .slick-arrow.slick-prev{ right: auto; left: -40px; }
    
}

@media (max-width: 991px) {
	
	
	
	#header { padding-top: 10px;  padding-bottom: 10px; height: 110px; }
	#header .logo {    margin-top: 60px; }
	#header .logo img{ height: 150px; }
	
	#hero{ height: 460px; }
	.hero-photo{ width: 60%; }
	#hero .content h1{ font-size: 33px; }
	
	#about{ padding: 80px 0 50px; }
	#about h4{ font-size: 17.5px; }
	#about .col-left, 
	#about .col-right{ flex: 0 0 100%; max-width: 100%; 0; padding: 0 15px;  }
	
	#about p{ font-size: 16px; }
	
	.wiz-headline{ padding-top: 30px; height: 480px; }
	.wiz-headline h2{ font-size: 40px; }
	
	#wiz .form { max-width: 100%; margin: auto;  padding: 140px 90px 30px 90px; }
	.form-control{ font-size: 15px; height: 60px; }
	.form-checkbox .custom-control-label{ font-size: 13px; }
	
	.section-wizualizacje-sldier .container{ max-width: 75%; }
	.wizualizacje-sldier .item .item-in{ height: 380px; }
	.wizualizacje-sldier .item.slick-active .item-in{ height: 400px;}
	
	.section-atrakacje{ padding-top: 0; }
	
	.section-photo{ min-height: auto; padding-top: 350px; }
	.section-photo .photo{ height: 370px; width: 96%; }
	.section-glowne .circle{ bottom: auto; right: -30px; left: auto; top: 150px; }
	
	.section-udogodnienia .col-txt{ margin-top: 30px; }
	
	#mieszkania{ padding-top: 20px; }
	#mieszkania .s-headline h2{ font-size: 30px;  margin-top: 20px; padding-bottom: 20px; }
	
	.section .points .item{ flex: 0 0 50%; max-width: 50%; }
	.section-zielono-ikony .item:nth-child(4){ position: inherit !important; }
	
	
	.section-mapa{ height: auto; padding-top: 0;  }
	.section-mapa .photo{ position: inherit !important; height: 400px; padding-top: 0;  }
	.section-mapa.section-photo-right .photo{  background-size: cover;
    height: 570px;
    padding: 0;
    margin-top: 140px;
    background-position-x: center;
    left: auto;
    right: auto;
    width: 100%; 
    }
    .section-mapa::after{ display: none; }
    
    .section-mapa .points{ margin-top: 0 !important; }
    
    
    .section-atrakacje-sldier .container{ max-width: 80%;  }
    
    
}
@media (max-width: 767px) {
	#header{ padding-left: 25px; padding-right: 25px; }
	#header .logo {    margin-top: 0px; }
	#header .logo img{ height: 80px; width: auto; }
	#header.sticky .logo{ margin-top: 0; }
	#header.sticky .logo img{ transform: scale(1); }
	
	#header .phone{ padding: 0; }
	#header .phone{ font-size: 14px; }
	#header .phone a{ font-size: 14px; }
	#header .contact a{ height: 48px; font-size: 15px; line-height: 46px; margin-left: 10px; padding: 0 20px;  }
	
	#hero{ height: 450px; align-items:  flex-start !important; }
	#hero .content{ flex: 0 0 100%; max-width: 100%; }
	.hero-photo{ width: 60%; }
	#hero .content h1{ font-size: 35px; }
	#hero .content h1 br{ display: none; }
	#hero .content h1:after{ width: 100px; height: 6px; }
	
	.wiz-headline{ padding-top: 0; height: 310px;  }
	.wiz-headline h2{ font-size: 32px; }
	.wiz-headline p{ font-size: 17px; }
	
	.hero-photo{ width: 96%; height: 290px;  margin-top: 150px; }
	
	#about::before{ width: 96%; height: 300px; }
	
	#wiz .map img{ width: 100%; }
	
	.footer-bottom p{ font-size: 13px; }
	
	#wiz .wiz-headline{ padding-top: 55px; }
	.wiz-headline h2{ font-size: 26px; }
	.wiz-headline p{ font-size: 14px; }
	
	#hero .content h1{ padding-bottom: 0; }
	
	.section-glowne .circle{ transform: scale(0.5); }
	.section-glowne .circle {
    bottom: auto;
    right: -60px;
    left: auto;
    top: 120px;
    }
    #hero .content h1{
	    text-align: center; 
    }
    #hero .buttons{
	    display: flex;
	    justify-content: center;
	    text-align: center;
	    margin: 0 auto;
    }
    .section-mapa .points .item .icon{
	    background-color: #f8f7f4;
    }
    .atrakacje-sldier .item .item-in{
	    height: 400px; 
    }
    .atrakacje-sldier .item-in .txt{
	    left: 20px; 
	    bottom: 15px; 
	    width: calc( 100% - 30px );
    }
    .atrakacje-sldier .item-in .txt h3{
	    font-size: 23px; 
    }
    .section-zielono-ikony{
	    padding: 50px 0 20px; 
	    margin-top: -40px; 
    }
    .section-atrakacje-sldier{
	    padding-top: 0;
    }
    
    .section-rys-sldier .slick-arrow{
	    height: 380px; 
    }
    .section-wizualizacje-sldier{
	    padding-bottom: 20px; 
	}    
    
    .section-rys-sldier{ padding-top: 25px; }
    .rys-sldier .item .item-photo{ width: 180px; height: 270px; }
    .rys-sldier .item .item-photo h3{ font-size: 22px; }
    .rys-sldier .item .item-photo h3{ bottom: 50px; }
    .rys-sldier .item .item-txt{ margin-top: 20px; }
    .rys-sldier .item .item-photo::after{ width: 26px; height: 26px; left: calc( 50% - 15px ); }
    .rys-sldier .item .item-txt{ padding-right: 30px; }
    .section-rys-sldier::after{ top:350px; }
    .rys-sldier .item-txt p{ line-height: 1.4; }
    
    
    .section-rys-sldier  .slick-dots{ margin-top: 0; }
    
    #wiz .phone-contact{ 
	    line-height: 20px; 
	    font-size: 14px;
		top: 20%;
		padding: 20px 20px 15px;
		padding-left: 63px;
		background-position-y: 25px;
		background-position-x: 20px;
		background-size: 31px auto;
   }
    #wiz .phone-contact a{ font-size: 18px; }
    
    #contact .s-headline h2{ padding: 0; }
    
    #mieszkania .in-map{ width: 92%;}
    
	.section .points .item{ padding: 10px 0; }
	
	.modal-atrakcje .close{ font-size: 17px; line-height: 35px;}
}


@media (max-width: 567px) {
	
	#header{ padding-left: 10px; padding-right: 10px; }
	#header .phone span{ display: none; }
	#header .phone a{ margin: 0; }
	#header .contact{  display: none; }
	#header .contact span{ margin-left: 7px; padding:  0 10px; font-size: 14px; }
	
	#hero{ height: 500px; }
	.hero-photo{ margin-top: 210px; }
	
	#wiz .wiz-headline{ padding-top: 23px; }
	#wiz .wiz-headline h2{ font-size: 20px; }
	#wiz .wiz-headline p{ font-size: 12px;  }
	
	#wiz{ padding-top: 0px; padding-bottom: 0px; }
	.wiz-headline h2{ font-size: 23px; }
	.wiz-headline p{ font-size: 15px; }
	#wiz .arrow img{ width: 50px; }
	
	#contact .col-form{ padding-top: 50px; padding-bottom: 40px;}
	#wiz .form{ padding: 90px 30px 30px 30px;}
	
	.form-submit .wpcf7-submit{ padding: 0; width: 100%;}
	
	
	.sticky-footer{ display: none !important; }
	
	.footer-bottom p{ font-size: 11px; }
	.footer-bottom small{ font-size: 10px; }
	
	#about h4{ font-size: 16px; }
	#about p{ font-size: 15px; }
	
	.section-photo{ padding-top: 280px; }
	.section-photo .photo{ height: 270px; margin-top: 20px; }
	.section-glowne .circle{ right: -80px; transform: scale(0.4); top: 70px; }
	
	.section .points .item .icon{ flex: 0 0 50px; height: 50px;  background-size: auto 25px;}
	.section .points .item .txt-in{ font-size: 14px; }
	.section .points .item .txt-in strong{ font-size: 14px; }
	
	.section-mapa{ padding-top: 0; }
	.section-mapa.section-photo-right .photo{ height: 320px; margin-top: 90px;  }
	
	.section-wizualizacje-sldier .container{ max-width: 90%; }
	.wizualizacje-sldier .item.slick-active .item-in{ height: 310px; }
	.wizualizacje-sldier .item .item-in{ height: 290px; }
	.wizualizacje-sldier .slick-next{ right: -20px; }
	.wizualizacje-sldier .slick-prev{ left: -20px; }
	
	#mieszkania{padding-bottom: 30px; }
	
	.atrakacje-sldier .slick-arrow.slick-prev{
		 right: 10%; 
	}
	.section-rys-sldier .slick-arrow{ height: 530px; }
	.section-rys-sldier .slick-arrow.slick-prev{ left: 0; }
	
	
	.atrakacje-sldier .slick-arrow.slick-prev{ width: 50px; left: -50px;  }
	.atrakacje-sldier .slick-arrow{ top: 0 !important ;  }
	.atrakacje-sldier .slick-arrow.slick-next{ right: -50px;  }
	
	.s-headline h2 .bg.inline{ display: none;}
	
	
	.atrakacje-sldier .slick-arrow{ top: -83px; }
	
	.wizualizacje-sldier .item .item-in{ padding: 5px; }
	
	#wiz .wiz-headline p{ margin-top: 24px; }
	
	.modal-body, .modal-header { padding: 20px 20px; }
	h2.modal-title{ font-size: 24px; padding: 0; }
	
	.modal-dialog{ width: 96%; margin-left: 2%; margin-right: 2%; }
	.modal-body{ font-size: 15px; }
	.modal-body h3{ padding: 10px 0; }
	.modal-body ol{ margin-bottom: 20px;}
	.modal-body p, 
	.modal-body ul li, 
	.modal-body ol li{ font-size: 15px;}
	
	.modal-atrakcje .modal-content{
		padding: 0;
	}
	.modal-atrakcje .col-photo .photo{
		height: 340px; background-position-y: center; 
	}
	.modal-atrakcje .col-txt .txt {
		padding: 10px 20px 30px 20px;
	}
		
	.section-rys-sldier::after{
		top: 291px;
	}
	
	#header .langs{ margin: 0 6px; }
	#header.sticky .logo{ width: auto;  }
}