@media (max-width: 1399px) {
body{font-size:18px}
}
/*xxl*/
@media (min-width: 1366px)  and (max-width: 1700px) {
	#mainMenu .menu-item a.nav-link{padding-left:15px;padding-right:15px;font-size:17px}
	.mainSlider .slideContent h2.slideTitle{font-size:32px}
	.mainSlider .house-image .slogan{font-size:30px;padding:20px 30px}
	section h2.sectionTitle, footer h2.wp-block-heading{font-size:30px}
	section .sectionImageWrap{}
	section{margin-bottom:80px}
	#footer{padding-top:80px}
}
/*xl*/
@media (min-width: 1200px)  and (max-width: 1365px) {
	#mainMenu .menu-item a.nav-link{padding-right:10px;padding-left:10px;font-size:15px}
	#mainMenu .menu-item.menuBtn{margin-left:15px}
	.mainSlider .slideContent h2.slideTitle{font-size:28px;margin-bottom:20px}
	.mainSlider .slideContent .slideDecription{font-size:15px;margin-left:0}
	.mainSlider .slideContent .btn.btn-outline-light{margin-top:20px}
	.mainSlider .house-image .slogan{font-size:30px;padding:25px}
	.hero-contact{padding:18px 12px;}
	.hero-contact a{font-size:14px}
	section h2.sectionTitle, footer h2.wp-block-heading{font-size:30px}
	section .sectionImageWrap{width: calc(100% + ((100vw - 1150px) / 2));  margin-right: calc((100vw - 1150px) / -2);}
	section{margin-bottom:80px}
	#footer{padding-top:80px}	
}
/* lg */
@media (min-width: 992px)  and (max-width: 1199px) {
	#mainMenu .menu-item a.nav-link{padding-right:8px;padding-left:8px;font-size:13px}
	#mainMenu .menu-item.menuBtn{margin-left:5px}
	header .navbar .hero-contact{padding-left:15px;padding-right:15px}
	header .navbar .logo{width:200px}
	header .navbar.is-fixed{background-size:45%}
	section h2.sectionTitle, footer h2.wp-block-heading{font-size:25px}
	.mainSlider .slideContent{width: clamp(270px, 25vw, 800px);}
	.mainSlider .slideContent .slideDecription{margin-left:10px;font-size:13px}
	.mainSlider .slideContent h2.slideTitle{font-size:25px;margin-bottom:25px}
	.mainSlider .slideContent .btn.btn-outline-light{margin-top:20px}
	.mainSlider .house-image .slogan{font-size:25px;padding:20px}
	section .sectionImageWrap{width:auto;margin-right:0}
	section{margin-bottom:80px}
	#footer{padding-top:80px}
}
/* md */
@media (min-width: 768px) and (max-width: 991px) {
	section.hero .red-shape{width: clamp(400px, 65vw, 1400px);}
	section h2.sectionTitle, footer h2.wp-block-heading{font-size:25px}
	header .navbar {justify-content: flex-start}
	header .navbar .navbar-collapse{flex-basis:50%;flex-grow:0;position:absolute;top:95px;right:0}
	.mainSlider .slideContent h2.slideTitle{font-size:25px;margin-bottom:25px}
	.mainSlider .slideContent{width: clamp(360px, 25vw, 800px);}
	.mainSlider .slideContent .slideDecription{font-size:13px}
	.mainSlider .slideContent .btn.btn-outline-light{margin-top:25px;}
	.mainSlider .house-image .slogan{font-size:17px;padding:10px}
	section{margin-bottom:80px}
	#mainMenu .menu-item.menuBtn{margin: 10px auto 20px}
	#footer{padding-top:80px}
}

/* sm */

@media (min-width: 576px) and (max-width: 767px) {

}
@media (max-width:991px){
body{font-size:16px}
.navbar .navbar-toggler{position:absolute;top:25px;right:10px;/*border-color:var(--white)*/}
.navbar .navbar-toggler:focus{box-shadow:none}
#mainMenu{background-color:var(--white);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 7px 5px -2px rgba(0,0,0,0.67);box-shadow: 1px 7px 5px -2px rgba(0,0,0,0.67)}
section .sectionImageWrap{width:auto;margin-right:0}
header .navbar.is-fixed .hero-contact{display:none}
}
@media (max-width:767px){
/*.navbar-brand{margin-right:0;width:60%}
.navbar-brand .logo{max-width:100%}*/

header .navbar{background-image: url('../img/hero-bck.png'); background-repeat: no-repeat; background-position: left top; background-size: 75%;padding-bottom:5px;background-color:var(--white)}
.navbar .logo{max-width:60%}
.navbar .hero-contact{margin:0 10px;padding:0;width:100%}
.navbar .hero-contact img{width:20px;height:20px}
.navbar .hero-contact a{font-size:14px}


.navbar .nav-link{font-size:16px;padding-top:5px;padding-bottom:5px}
/*.navbar .navbar-toggler .navbar-toggler-icon{filter: invert(1)}*/

#mainMenu .menu-item.menuBtn{margin: 0 auto 20px}
header .navbar.is-fixed{background-size:75%;}

/*header .navbar.is-fixed .navbar-toggler .navbar-toggler-icon{filter: none;}*/
/*header .navbar.is-fixed .navbar-toggler{border-color:var(--dark)}*/

section h2.sectionTitle, footer h2.wp-block-heading{font-size:20px}
.mainSlider .slideContent{display:none}
.mainSlider .house-image .slogan{font-size:12px;padding:5px}
.hero .red-shape{display:none}
section.hero .house-image{width:clamp(800px, 100vw, 1700px)}
section{margin-bottom:60px}
section .sectionExcerpt .wp-block-paragraph{padding-right:0;line-height:30px}

section#galeria .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width:100%}
#footer{padding:60px 0}
}
/* xs */
@media (max-width: 575px) {

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

}
/*not supported*/
@media (max-width: 319px) {
	header, .hero, #inwestycja, #lokalizacja, #lokale, #galeria, #footer, .pageTitle, .txtContent {display:none}
	#notSupported{display:block !important;margin-bottom:50px}

}