@media (min-width: 2600px) {

	.content07 #map { width: 54%; }
	.content08 .container-fluid{ max-width: 1640px; }
	.content17::before {width: 45%;}
	 .custom-2600 {
        max-width: 100% !important;
        padding-left: 60px;
        padding-right: 60px;
    }
	 .row.g-3 {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 2rem;
    }

}

@media (max-width: 1730px) {
	.content02::after {
		top: 40%;
		background-size: 147% auto;
	}
	.para03 {
		width: 280px;
		left: 5%;
		top: 41%;
	}
	footer .offcanvas-contact p a {font-size: 14pt;}
	.content11 table tr:last-child td:last-child {font-size: 22pt;}
	.content1301 {
		font-size: 260pt;
		line-height: 320pt;
	}

}

@media (max-width: 1600px) {
	.potreba {padding: 40px 25px;}


}

@media (max-width: 1400px) {

	h3, .contact01 {font-size: 26pt;}
	h4 {font-size: 28pt;}
	h5 {font-size: 16pt;}

	.container {max-width: 1280px;}
	header .offcanvas.offcanvas.offcanvas-end {padding: 20px 70px;}
	header .navbar-nav .nav-item {padding: 3px 14px;}
	header .offcanvas .navbar-nav .nav-link {
		font-size: 14.5pt;
		padding: 3px 0;
	}
	header .offcanvas-contact p {
		font-size: 14.25pt;
		margin: 10px 0;
	}
	.overflow-end-img {max-width: 110%; }
	.overflow-start-img {max-width: 112%; }
	.image-overflow-end-wrapper {transform: translate(calc(var(--bs-gutter-x) * .5),-65%);}
	.image-overflow-end-wrapper span {
		font-size: 200pt;
		line-height: 125pt;
	}
	.benefit {font-size: 12pt;}
	.para03 {top: 37%;}
	.content03 {font-size: 14pt;}
	.content03 > span {
		font-size: 200pt;
		line-height: 120pt;
	}
	.note.swiper-slide-active .img-box {height: 98%;}
	.content05 {font-size: 20pt;}
	.content1301 {
		font-size: 210pt;
		line-height: 300pt;
	}
	.content14 .col-sm-3 > div {padding: 30px;}
	.content15 .offset-md-4 > div {
		padding: 30px;
		font-size: 16pt;
	}
	.content1302 {
		font-size: 210pt;
		line-height: 130pt;
	}

	.content18 ol li h4 {font-size: 40px;}


}

@media only screen and (max-width : 1024px) {


	  .note { width: 50%; }
	.content11 table tr td:first-child {padding-left: 15px;}
	.content11 table tr:last-child td:last-child {font-size: 18pt;}

}
/* iPad landscape ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1180px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	.content05 ul li {padding: 5px 18px;}
	footer .col-md-2 {width: 26%;}
	h6 {font-size: 40pt;}
	.nav-item:last-child {min-width: 50px;}
	header .navbar-nav .nav-item {padding: 3px 10px;}
	.logo {width: 200px;}

}

/* ipad portrait ----------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	header .navbar-nav .nav-item {padding: 3px 10px;}
	.nav-item:last-child {min-width: 40px;}
	header .navbar-nav .nav-link {font-size: 10pt;}
	.content01 > img, .content01 > video {aspect-ratio: 9 / 16;}
	footer .col-md-2 {width: 22%;}

	.content18 {padding: 50px 0;}
	.content18 ol {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
		padding: 0 0 20px 0;
	}
	.content10.houses {height: calc(70vh - 100px);}
	.blurmenu .navbar {padding: 30px 15px;}
	.hamburger {
		right: 15px;
		top: 22px;
	}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 900px) and (orientation : portrait) {
	h6 {font-size: 40pt;}

	.logo {
		width: 200px;
		transform: translate(0, -40%);
	}
	body.scrolled .site-header {min-height: 60px;}
	body.scrolled .site-header .logo {transform: translate(0, -35%);}
	.content02 {padding: 100px 0 200px 0;}
	.content05 ul li {padding: 5px 18px;}
	.content05 ul li:nth-child(3)::before {display: none;}
	.content09 .col-md-5 > strong { font-size: 22pt;}
	.image-overflow-end-wrapper {transform: translate(calc(var(--bs-gutter-x) * .5), -45%);}
	.image-overflow-end-wrapper span {
        font-size: 100pt;
        line-height: 55pt;
    }
	    .content03 > span {
        font-size: 140pt;
        line-height: 75pt;
    }
	.content11 .col-md-5 {width: 50%;}
	.content11 table tr td:first-child {padding-left: 15px;}
	.content11 table tr:last-child td:last-child {font-size: 16pt;}
	.content10.houses {height: calc(68vh - 100px);}

}
	
/* mobile landscape ----------------------------------- */
@media (min-width: 481px) and (max-width: 896px) and (orientation: landscape) {
	body {
		height: 100vh !important;
		overflow: hidden;
	}
	header {display: none;}
	.landscape {
		display: block !important;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: #326565;
		z-index: 40;
		text-align: center;
	}
	.landscape div {
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		transform: translate(0,-50%);
	}
	.landscape div img {
		width: 200px;
		margin-bottom: 50px;
	}
	.landscape span {
		background: url("../images/ico08.svg") no-repeat center top;
		background-size: 90px auto;
		display: block;
		padding: 110px 15px 0 15px;
		color: #fff;
		font-size: 16pt;
	}

}

/* mobile portrait ----------------------------------- */
@media(max-width:500px) and (orientation : portrait) {
	h1 {
		font-size: 30pt;
		margin: 30px 0 10px 0;
	}
	h2 {font-size: 20pt;}
	h3 {font-size: 20pt;}
	h4 {font-size: 22pt;}
	h6 {font-size: 28pt;}
	.logo {
		position: relative;
		width: 160px;
		left: auto;
		top: auto;
		transform: translate(0, 0);
	}
	.blurmenu .navbar {padding: 12px 15px;}
	.hamburger {
		right: 15px;
		top: 22px;
	}
	body.scrolled .site-header {min-height: 60px;}
	header .offcanvas.offcanvas.offcanvas-end {
		padding: 20px 40px;
		min-width: 100%;
	}
	header .offcanvas-header .btn-close {right: -10px;}
	header .offcanvas.offcanvas.offcanvas-end img {
		width: 240px;
		margin: 10px 0;
	}
	header .offcanvas .navbar-nav .nav-item {padding: 0;}
	header .offcanvas .navbar-nav .nav-link {font-size: 13pt;}
	header .offcanvas-contact {padding: 30px 0 5px 0;}
	header .offcanvas-contact p {
        font-size: 13pt;
        margin: 0 0 10px 0;
    }
	header .offcanvas div a:first-child {margin-right: 40px;}
	.offcanvas-rights span {margin-right: 10px;}
	.offer {
		bottom: 20px;
		right: 50%;
		writing-mode: horizontal-tb;
		transform: rotate(0deg) translate(50%,0);
		padding: 8px 30px;
		min-width: 60%;
		text-align: center;
	}
	.content02 {padding: 60px 0 20px 0;}
	.content0201 .btn02 {margin: 20px 0 0 0;}

	.row01 img {
		aspect-ratio: 4 / 5;
		transform: translate(40px, -28%);
	}
	.row02 {padding-top: 0;}
	.content0202 {margin-top: -70px;}
	.row02 img {
		aspect-ratio: 1 / 1.2;
		margin:-20px 0 0 -30px;
	}
	.row03 img {transform: translate(40px, -20px);}
	.content02 .col-lg-12 {padding-top: 20px;}
	    .content02 .slider-wrapper, .content06 .slider-wrapper {margin: 0 0 30px 0;}


	.content02::before {height: 35%;}
	.content02::after {
		top: 35%;
		width: 100%;
		height: 50%;
		background-size: auto 100%;
	}
	.content02 .col-md-6.offset-md-4 p {
		font-size: 16pt;
		margin-bottom: 150px;
	}
    .image-overflow-end-wrapper {transform: translate(calc(var(--bs-gutter-x) * .5), 0);}
	    .image-overflow-end-wrapper span {
        font-size: 80pt;
        line-height: 45pt;
    }
	.content02 .slider-wrapper, .content06 .slider-wrapper {margin: 0 0 30px 0;}

	.content03 ul li:not(:last-child)::before {display: none;}
	.content03 ul {font-size: 16px;}
	.content03 ul li {
		display: block;
		padding: 5px 0;
	}

	.slider-benefits .swiper-slide,	.slider-note .swiper-slide, .slider-milestone .swiper-slide {width: 100% !important;}
	.slider-benefits .swiper-wrapper, .slider-note .swiper-wrapper, .slider-milestone .swiper-wrapper {
        display: block !important;
        width: 100% !important;
    }
    .slider-benefits .swiper-slide {
        width: 100% !important;
        margin-bottom: 20px; 
        height: auto !important;
    }
	.benefit { 
		padding: 40px 40px 20px 40px;
		margin: 20px 0;
		display: block; 
	}
	.content07 .col-lg-12 .btn02 {margin-left: 0;}
	.para01, .para04 {display: none;}
	.para02 {
		width: 280px;
		top: 440px;
		right: -80px;
	}
	 .para03 {
        width: 180px;
        left: 4%;
        top: 36%;
    }
	.para05 {
		right: -100px;
		width: 300px;
		bottom: -100px;
	}
	.content03 > span {
		font-size: 70pt;
		line-height: 40pt;
		left: -15px;
	}
	.note { 
		width: 100%; 
		height: auto;
		display: block;
	}
	.content04 {padding: 60px 0;}
	.note.swiper-slide-active { width: 100% !important; }
	.note-content {height: auto; }
	.note .img-box {aspect-ratio: 1 / 1;}
	.note.swiper-slide-active {width: 100% !important; }
	.note.swiper-slide-active .note-content {height: auto; }
	.note.swiper-slide-active .img-box {
		height: auto;
		aspect-ratio: 1 / 1;
	}
	.note .img-box img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.swiper-button-next, .swiper-button-prev, .content05 ul li:nth-child(2)::before, .content05 ul li:nth-child(4)::before, .content09 .col-md-5 > strong br {display: none;}
	.content05 {
        font-size: 12pt;
		padding: 30px 0;
    }
	.content05 ul li {padding: 5px 14px;}
	.content05 ul li::before {
		width: 8px;
		height: 8px;
		right: -6px;
		top: calc(50% - 4px);
	}
	.content06 {padding: 0 0 20px 0;}
	.milestone {padding-bottom: 70px;}
	.milestone span::before {
		width: 1px;
		height: 70px;
		top: auto;
		left: 41px;
		bottom: 100%;
	}
	.content06 .col-md-12.text-center a {margin: 25px 0;}
	.content07 #map {
		position: relative;
		height:300px;
		width: 100%;
		right: auto;
		top: auto;
	}
	.content07 {padding: 50px 0 0 0;}
	.content07.contact {text-align: center;}
	.content07 p {
		line-height: 140%;
		padding-bottom: 0;
		font-size: 14pt;
	}
	.content07 .btn02, 	.content07 .btn01 {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.content07 .col-lg-12 {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.content08 .col-md-5 a {aspect-ratio: 1 / 1;}
	.btn04 {
		text-align: center;
		width: 100%;
	}
	.content09 {padding: 60px 0 180px 0;}
	.form-img {
		width: 100%;
		margin:  50px 0;
	}
	.content09 .col-md-5 > strong {font-size: 24pt;}
	.para-footer {
		top: -300px;
		left: 50%;
		width: 150px;
		margin-left: -75px;
	}
	footer {text-align: center;}
	footer ul {padding: 0;}
	footer .offcanvas-contact {padding-top: 20px;}
	.content11 table {
		width: 100%;
		margin: 20px 0;
	}
	.content11 table td, .content11 table tr td:first-child {padding: 10px;}
	.content1101 {padding: 0 0 40px 0;}
	.content11 .col-md-3 {padding-top: 0;}

	.content13 {padding: 40px 0;}
	.content1301 {
        font-size: 110pt;
        line-height: 150pt;
    }
	.content14 { padding-bottom: 20px;}
	.content14 .col-12 img {
		margin-top: -90px;
    	aspect-ratio: 16 / 9;
	}
	.content14 .col-12 h3 {margin: 40px 0;}
	.content14 .col-sm-9 h5 {
		text-align: center;
		font-size: 14pt;
	}
	.content1501 {width: 100%;}
	.content15 .offset-md-4 > div {
        padding: 20px;
        font-size: 14pt;
    }
	.content16 .offset-md-1 {
		padding-top: 0%;
		padding-bottom: 160px;
	}
	.content1601 {
		top: auto;
		bottom: 0;
		width: 100%;
		height: 310px;
	}
	.content16 .para05 {display: none;}
	.content17 {
		height: auto;
		padding: 80px 0;
		background-attachment: inherit;
		text-align: center;
	}
	.content17::before {width: 100%;}
	.content17 p {margin-bottom: 20px;}
	.content13 .col-md-5.offset-md-1 img {
		max-width: 100%;
		position: relative;
		max-height: calc(100% + 100px);
		margin-top: 20px;
	}
	.content1302, .content18 h6 br, .content1901 {display: none;}
	.content18 {padding: 30px 0;}
	.content18 ol {
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
		padding: 0 0 20px 0;
	}
	.content19 {padding: 40px 0;}
	.content1902 {margin-bottom: 0;}

	.content20 ul {
		padding: 20px 0;
		font-size: 20pt;
	}
	.table-buttons .radiolabel {padding: 8px 15px;}

	.content10.houses {
		height: calc(60vh - 100px);
		overflow: visible;
		z-index: 10;
	}


	.content1102 {padding: 4% 6%;}
	.vicefoto span {
		left: auto;
		top: auto;
		transform: translate(0,0);
		position: relative;
		display: block;
	}
	.content15 .row {margin-bottom: 30px;}
	.content15 .col-md-6.align-self-end.order-md-0 div {padding-left: 10%;}
	.content14 {padding-bottom: 40px;}
	.content15 {margin-top: 30px;}



	.content17 img {
		margin-top: 20px;
		aspect-ratio: 9 / 12;
	}


	.content18 ol li {
		text-align: center;
		padding: 120px 0 20px 0;
	}
	.content18 ol li::before {
		text-align: center;
		width: 100%;
		left: 0;
	}
	.content18 ol li:last-child span {
	display: inline-block;transform: translate(0,-90px);}
	.content18 ol li::after {display: none;}
	.content19 {text-align: center;}
	.contact h3 {margin-top: 40px;}
	.contact01 {
		font-size: 20pt;
		margin-top: 20px;
	}

.houses-headline {
	bottom: -70px;
	width: 100%;
}
.houses-headline h2 {
	color: #326565;
	padding-top: 20px;
}
}


/* tom 2026 ----------------------------------- */