#uvod .lofty-logo {
	width: 60px;
}

@media (max-width: 1200px) {
	.navbar .navbar-nav .nav-link {
		margin-left: 10px;
		margin-right: 10px;
	}
}


@media (min-width: 992px) {
	.hp-jedna .inside-img{
		margin-left: 1px;
	}

	.hp-dva .inside-img{
		margin-right: 1px;
	}

}

@media (max-width: 991px) {

	.list-tradicia-first {
		display: none;
	}

	.about-section {
		height: 85vh;
	}

}

@media (max-width: 767px) {

	.cli-bar-btn_container a {
		width: 100%;
		display: block;
		margin-bottom: 16px;
	}

	#open-carousel-gall-timeline.time-line-gallery a {
		padding: 11px 10px 7px 10px;
	}

	.overflow-hidden-mobile {
		overflow: hidden;
	}

	.hyp-banky {
		margin-top: 16px !important;
	}

	#bank-burgenland .row-padding {
		padding-top: 64px;
	}

	h6.hyp_banky_nadpis {
		font-size: 12px;
	}

	.onclick_tooltip .tooltip-mobile::after {
		visibility: visible;
		opacity: 1;
		transition: .5s ease-in-out;
	}

	#btn_sideNavClose {
		display: none;
	}

	.socials-links,
	.news-zaujem {
		display: none !important;
	}
	.logo-section {
		padding: 1px;
	}
	section {
		padding: 16px 0;
	}

	.caption .heading {
		font-size: 26px;
	}

	.about-section .caption .text {
		font-size: 17px;
	}

	.owl-car-historia {
		margin-top: 80px;
	}

	.text-under-owl {
		margin-top: 80px;
		margin-bottom: 8px;
	}

	.hot-points-img {
		margin: 5px 0;
	}

	.container-mapa {
		padding: 20px;
	}

	#loft-byt-section {
		margin: 0;
	}

	#loft-byt-section .btn.button {
		padding: 12px 16px !important;
	}

	.loft-byt-btn a {
		width: 45vw;
	}

	.loft-byt-btns {
		left: 5vw;
	}
	/*
	#benefity {
		margin-top: 48px;
		margin-bottom: 48px;
	} */

	.list-benefity {
		margin-top: 26px;
	}

	.m-16-loft {
		padding: 16px 0 80px 0 !important;
	}


	#harmonogram h6, #harmonogram p {
		font-family: 'rt-rondelle' !important;
		font-size: 12px;
		font-weight: 400;
		line-height: 15px;
		letter-spacing: 0.4px;
		margin-bottom: 0;
		text-align: left;
		padding-left: 0;
	}

	.owl-gall-btn {
		left: calc(5% + 12px);
	}


	.row-text-gall p {
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: 0.4px;
		text-align: center;

	}

	.info-box-content p {
		font-size: 12px;
		font-weight: 400;
		line-height: 15px;
		letter-spacing: 0.4px;
		text-align: left;

	}

	.steps-timeline {
		width: 200px;
	}

	.port-black-gall {
		padding: 60px 0 30px 0;
	}
	#bottom-nav-main {
		display: none;
	}
	.last-items-footer .inner-padding {
		padding: 0;
	}
	footer {
		padding: 124px 0 84px 0;
	}
	#kontakt .kontaktne-udaje,
	#kontakt .last-items-footer {
		padding: 32px 0;
	}
	.lg-sub-html {
		bottom: 8px !important;
		top: unset !important;
		width: calc(100% - 32px) !important;
	}

	.side-menu .inner-wrapper {
		align-items: flex-start;
		padding-top: 108px;
		padding-left: 32px;
		padding-right: 32px;
		padding-bottom: 32px;
	}
	.map-mobile {
		display: block !important
	}
	.logo-text {
		margin-top: auto;
		margin-bottom: auto;
		font-family: Styling !important;
		font-size: 20px;
		font-weight: 700;
		line-height: 22px;
		letter-spacing: 3px;
		text-align: center;
	}
	#uvod .caption .heading {
		text-transform: uppercase;
		font-size: 30px;
		font-weight: 400;
		line-height: 33px;
		letter-spacing: 2px;
		text-align: center;

	}

	p.intro-text {
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: 0.4px;
		text-align: center;
	}

	.small-heading,
	#benefity .small-heading {
		font-size: 12px;
		font-weight: 400;
		line-height: 15px;
		letter-spacing: 0.4px;
		text-align: left;
		margin-bottom: 16px;
	}

	.caption .heading {
		text-transform: uppercase;
		font-size: 30px;
		font-weight: 400;
		line-height: 33px;
		letter-spacing: 2px;
		text-align: left;

	}

	#benefity .list-benefity h5 {
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: 0.4px;
		text-align: left;

	}

	#benefity .list-benefity p {
		font-size: 12px;
		font-weight: 400;
		line-height: 15px;
		letter-spacing: 0.4px;
		text-align: left;
		color: #646768;
	}

	p.text {
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: 0.4px;
	}

	[data-tooltip].tooltip-mobile:after {
		max-width: 20rem;
		position: fixed;
		bottom: auto;
		top: 50%;
		left: 50%;
		text-align: left;
		transform: translate(-50%);
		white-space: normal;

		font-size: 12px;
		font-weight: 400;
		line-height: 15px;
		letter-spacing: 0.4px;
		text-align: left;

	}

	.list-tradicia .inner-col-tradicia {
		padding: 16px 0;
	}

	a.button {
		font-size: 14px;
		font-weight: 400;
		line-height: 18px !important;
		letter-spacing: 0.4px;
		text-align: center;
	}

	p.small {
		font-family: 'rt-rondelle' !important;
		font-size: 12px;
		font-weight: 400;
		line-height: 15px;
		letter-spacing: 0.4px;
	}

	#bottom-nav-mobile a {
		padding: 16px;
		height: 58px;
	}

	#bottom-nav-mobile a {
		font-size: 14px;
		font-weight: 400;
		line-height: 25px;
		letter-spacing: 0.4px;
	}

	.mobile-menu .side-nav .navbar-nav .nav-link {
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: 0.4px;
		text-align: left;

	}

	.container,
	#lokalita,
	.container-fluid,
	#gallery-loft-flat, .outer-padding {
		padding-left: 16px;
		padding-right: 16px;
	}

	#gallery-loft-flat {
		margin: 32px 16px 16px 16px;
	}

	#bank-burgenland {
		margin: 0 16px 16px 16px;
	}

	#uvod .lofty-logo {
		width: 46px;
	}

	.heading.mob-mb-64 {
		margin-bottom: 64px;
	}

	/*
	#lokalita .small-heading,
	#lokalita h3,
	#lokalita p {
		margin-bottom: 16px;
	}

	#lokalita .row-padding {
		padding: 0 0 16px 0;
	}

	#lokalita {
		padding-bottom: 80px;
	}

	#harmonogram {
		padding: 80px 0 50px 0;
	}

	#harmonogram .small-heading {
		margin-bottom: 16px;
	}

	#architekti .inner-padding {
		padding: 64px 0 32px 0 ;
	}

	#architekti .inner-dva {
		padding: 32px 0 32px 0;
	}

	#investor .inner-padding {
		padding: 32px 0;
	}

	#investor .small-heading,
	#architekti .small-heading {
		margin-bottom: 16px;
	} */

	#bank-burgenland,
	#investor h3,
	#architekti h3 {
		margin-bottom: 24px;
	}

	#bank-burgenland {
		padding: 64px 0;
	}

	#bank-burgenland h5.small-heading {
		margin-bottom: 16px;
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: 0.4px;
		text-align: center;
	}

	#bank-burgenland .financovanie {
		font-size: 12px;
		font-weight: 400;
		line-height: 15px;
		letter-spacing: 0.4px;
		text-align: center;

	}

	.mt-mb-sm-32 {
		margin-top: 32px;
		margin-bottom: 32px;
	}

	.bank-logo {
		margin-bottom: 32px;
		margin-top: 0;
		width: 110px;
	}

	#newsletter-section .inner-padding {
		padding: 40px 0 32px 0;
	}

	#newsletter-section .news-inner-padding {
		padding: 0;
	}

	#newsletter-section .news-inner-padding h5.small-heading {
		font-size: 12px;
		font-weight: 400;
		line-height: 15px;
		letter-spacing: 0.4px;
		text-align: center;
		margin-bottom: 16px;
	}

	#newsletter-section .news-inner-padding h3.heading {
		margin-bottom: 64px;
	}

	#newsletter-section .news-inner-padding p.gdpr {
		margin-bottom: 64px;
	}

	footer#kontakt .inner-container {
		padding: 0;
	}

	footer .socials a {
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: 0.4px;
		text-align: center;
	}

	footer .pb-160-loft {
		padding-bottom: 92px;
	}

	#kontakt .last-items-footer p {
		text-align: center;
	}

	#wt-cli-accept-all-btn,
	#cookie_action_close_header_reject {
		margin-bottom: 16px;
		width: 100%;
	}

	.cli_settings_button {
		width: 100%;
	}

	.loga_banky {
		height: 19px;
		margin: 8px;
	}

	#investor {
		padding: 16px 0 48px 0;
	}

	#architekti {
		padding: 16px 0 0px 0;
	}

	#gallery-loft-flat, .outer-padding {
		margin: 16px;
	}

	/*

	- Safari bug full screen img - ihrisko

	#gallery-loft-flat_dva .row {
		height: 60vh;
	}
	*/

	#gallery-loft-flat_dva img {
		height: 100%;
		object-fit: cover;
		overflow: hidden;
		object-position: 0%;
	}

	#investor img,
	#architekti img {
		padding: 0 40px;
	}
	.pb-124-loft {
		padding-bottom: 0px;
	}

	.cky-modal.cky-modal-open, .cky-consent-bar {
		max-width: 95%;
		max-height: 95%;
	}
	.cky-notice-des {
		overflow-y: hidden !important;
	}
	.cky-notice-btn-wrapper .cky-btn-customize {
		order: 3 !important;
	}
	.cky-notice-btn-wrapper .cky-btn-reject {
		order: 2 !important;
	}
	.cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper {
		padding: 0 0 !important;
	}


}

@media (min-width: 768px) {

	#newsletter-section {
		padding: 76px 0 100px 0;
	}

	#investor {
		padding: 40px 0 40px 0;
	}

	#architekti {
		padding: 100px 0 0px 0;
	}

	#bottom-nav-mobile {
		display: none;
	}
	.side-menu .inner-wrapper {
		align-items: flex-start;
		padding-top: 140px;
		padding-left: 64px;
		padding-right: 64px;
		padding-bottom: 64px;
	}

	.img_ihrisko img {
		width: 100%;
		height: 90vh;
		object-fit: cover;
		object-position: left bottom;
	}

	.map-desktop {
		display: block !important;
	}

	.inner-container-400 {
		max-width: 400px;
		margin: auto;
	}

	.mb-60 {
		margin-bottom: 60px;
	}

	.mb-92 {
		margin-bottom: 92px !important;
	}
	.inner-padding-investor {
		padding: 60px;
	}

	#cookie-law-info-bar {
		width: 604px !important;
	}
	.cky-consent-bar {
		min-width: 604px !important;
	}

}


@media (min-width: 1200px) {

	.narrow-p {
		width: 600px;
		margin: auto;
	}
}

@media (max-width: 599px) {
	.owl-dot.active {
		background-color: black !important;
		opacity: 1 !important;
	}

	.owl-dots {
		display: block !important;
		text-align: right !important;
	}

	.owl-carousel button.owl-dot {
		padding: 3px !important;
		background: #191A1A;
		opacity: .2;
		transition: ease-in .2s;
		border-radius: 100%;
		margin: 3px;
	}
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
	.about-section {
		padding-top: 8.5rem !important;
	}
}

@media (max-width: 899px) {
	.steps-stops.status::after {
		content: '';
		position: absolute;
		height: 11px;
		width: 11px;
		border-radius: 50%;
		background: #191A1A;
		top: 50%;
		left: 0px;
		margin-left: 5px;
		transform: translateY(-50%);
	}

	/*
	.steps-six {
		border-left: 6px solid white;
		margin-left: -5px;
	}

	 */
}


/* NEW CSS - VYMENA SEKCII */
@media (min-width: 768px) {
	#architekti {
		padding: 0;
	}
	#typy_loftov {
		padding-top: 68px;
	}
}
@media (max-width: 767px) {
	#architekti {
		padding: 0px 0 0px 0;
	}
	#typy_loftov {
		padding-top: 42px;
	}
}
.j-lofty-menu {
	white-space: nowrap;
}



/* ------------------------------------------
 ----   NEW CSS - 29.9.2025 - Novinky    ----
 -------------------------------------------- */
@media (max-width: 767px) {
	.first-section {
		margin-top: 50px;
	}

	.breadcrumbs-section {
		padding: 16px;
	}

	.padtop16 {
		padding-top: 8px;
	}
	.padbottom16 {
		padding-bottom: 8px;
	}
	.padtop24 {
		padding-top: 12px;
	}
	.padbottom24 {
		padding-bottom: 12px;
	}
	.padtop32 {
		padding-top: 16px;
	}
	.padbottom32 {
		padding-bottom: 16px;
	}
	.padtop48 {
		padding-top: 24px;
	}
	.padbottom48 {
		padding-bottom: 24px;
	}
	.padtop64 {
		padding-top: 32px;
	}
	.padbottom64 {
		padding-bottom: 32px;
	}
	.padtop80 {
		padding-top: 40px;
	}
	.padbottom80 {
		padding-bottom: 40px;
	}
	.padbottom160 {
		padding-bottom: 80px;
	}

	.small-heading.post-date {
		font-size: 14px;
		text-align: center;
	}
	.caption .heading.post-title {
		text-align: center !important;
		font-size: 24px;
		line-height: 1.25em;
	}
	.text-lg, p.text-lg {
		font-size: 18px !important;
		line-height: 125% !important;
	}
	.mob-padx16 {
		padding-right: 16px;
		padding-left: 16px;
	}
	.mob-padx25 {
		padding-right: 25px;
		padding-left: 25px;
	}
	.post-content .narrow-p {
		width: calc(100% - 80px);
		margin: auto;
	}
	.mob-marx40 {
		margin-right: 40px;
		margin-left: 40px;
	}
	img.mob-marx40 {
		width: calc(100% - 80px);
	}
	.mob-padbottom24 {
		padding-bottom: 24px;
	}
	p.text-sm {
		font-size: 12px !important;
	}
	.mob-padbottom32 {
		padding-bottom: 32px;
	}
	.mob-padtop16 {
		padding-top: 16px;
	}
	.mob-padtop32 {
		padding-top: 32px;
	}
	.mob-padtop40 {
		padding-top: 40px;
	}
	.mob-padtop80 {
		padding-top: 80px;
	}
	.mob-padbottom80 {
		padding-bottom: 80px;
	}
	.mob-padtop24 {
		padding-top: 24px;
	}
	.post-author-photo {
		width: 80px;
		height: 80px;
	}
	.post-author-name {
		max-width: 120px;
	}
	.mob-padbottom112 {
		padding-bottom: 112px;
	}
	.mob-text-center {
		text-align: center !important;
	}
	.mob-order-2 {
		order: 2;
	}
	.caption .heading.post-archive-title, .caption .heading.posts-section-title {
		font-size: 40px;
		line-height: 1.25em;
	}
	.posts-navigation {
		display: none;
	}
	.mob-padx0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.outer-padding-40 {
		margin: 0 !important;
	}
	.mob-martop24 {
		margin-top: 24px;
	}
	.mob-padx24 {
		padding-left: 24px;
		padding-right: 24px;
	}
	.mob-padright0 {
		padding-right: 0 !important;
	}
	.posts-carousel button.owl-dot {
		padding: 0 !important;
		width: 8px;
		height: 8px;
		background: #D9D9D9;
		transition: ease-in .2s;
		border-radius: 0;
		margin: 0 4px;
		opacity: 1 !important;
	}
	.posts-carousel button.owl-dot.active {
		background: #191A1A;
	}
	.posts-carousel .owl-dots {
		display: block !important;
		text-align: center !important;
		padding-top: 24px
	}
	.mob-d-block {
		display: block !important;
	}

	.post-excerpt .text {
		display: -webkit-box;
		-webkit-line-clamp: 7;
	}
	.row.gutter-80  {
		margin-left: -15px;
		margin-right: -15px;
	}
	.row.gutter-80 .col-12  {
		padding-left: 15px;
		padding-right: 15px;
	}
	.lh-135 {
		line-height: 1.25em !important;
	}
	.custom-play-button {
		width: clamp(60px, 12vw, 70px);
		height: clamp(60px, 12vw, 70px);
	}
	/* header .inner-header {
		max-width: 100vw;
	}
	.jmob-maxw100 {
		max-width: 100%;
	} */
	section#timeline-gallery {
		overflow-x: hidden;
	}
}

@media (max-width: 575px) {
	.posts-carousel .owl-dots {
		width: calc(100vw - 52px);
	}
	.mob-posts-car-row {
		margin-right: -16px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.narrow-p {
		max-width: 600px;
		margin: auto;
	}
	.breadcrumbs-section {
		padding: 16px;
	}

	.padtop16 {
		padding-top: 12px;
	}
	.padbottom16 {
		padding-bottom: 12px;
	}
	.padtop24 {
		padding-top: 16px;
	}
	.padbottom24 {
		padding-bottom: 16px;
	}
	.padtop32 {
		padding-top: 24px;
	}
	.padbottom32 {
		padding-bottom: 24px;
	}
	.padtop48 {
		padding-top: 32px;
	}
	.padbottom48 {
		padding-bottom: 32px;
	}
	.padtop64 {
		padding-top: 48px;
	}
	.padbottom64 {
		padding-bottom: 48px;
	}
	.padtop80 {
		padding-top: 64px;
	}
	.padbottom80 {
		padding-bottom: 64px;
	}
	.padbottom160 {
		padding-bottom: 80px;
	}
	.post-author-photo {
		width: 90px;
		height: 90px;
	}
	.post-author-name {
		max-width: 140px;
	}
	.text-lg, p.text-lg {
		font-size: 22px;
	}
	.post-col-1 {
		padding: 0 0 0 30px;
	}
	.post-excerpt .text {
		font-size: 16px;
	}
	.posts-carousel {
		max-width: calc(100vw - 200px);
		margin: auto;
	}
	.outer-padding-40 {
		margin: 24px 24px 0;
	}
	.row.gutter-80  {
		margin-left: -15px;
		margin-right: -15px;
	}
	.row.gutter-80 .col-12  {
		padding-left: 15px;
		padding-right: 15px;
	}
	#bottom-nav-main .nav-link {
		font-size: 12px;
	}
	.news-zaujem a {
		padding: 21px 19px;
		font-size: 12px;
	}
	.socials-links a {
		font-size: 12px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.narrow-p {
		max-width: 600px;
		margin: auto;
	}
	.padtop16 {
		padding-top: 12px;
	}
	.padbottom16 {
		padding-bottom: 12px;
	}
	.padtop24 {
		padding-top: 16px;
	}
	.padbottom24 {
		padding-bottom: 16px;
	}
	.padtop32 {
		padding-top: 24px;
	}
	.padbottom32 {
		padding-bottom: 24px;
	}
	.padtop48 {
		padding-top: 32px;
	}
	.padbottom48 {
		padding-bottom: 32px;
	}
	.padtop64 {
		padding-top: 48px;
	}
	.padbottom64 {
		padding-bottom: 48px;
	}
	.padtop80 {
		padding-top: 64px;
	}
	.padbottom80 {
		padding-bottom: 64px;
	}
	.padbottom160 {
		padding-bottom: 108px;
	}
	.caption .heading.post-title_ {
		font-size: 44px;
	}
	.text-lg, p.text-lg {
		font-size: 22px;
	}
	.post-author-photo {
		width: 90px;
		height: 90px;
	}
	.post-author-name {
		max-width: 140px;
	}
	.posts-carousel {
		max-width: calc(100vw - 200px);
		margin: auto;
	}
	.outer-padding-40 {
		margin: 24px 24px 0;
	}
	.row.gutter-80  {
		margin-left: -25px;
		margin-right: -25px;
	}
	.row.gutter-80 .col-12  {
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media (min-width: 768px) and (max-width: 1486px) {
	.first-section {
		margin-top: 78px;
	}
}
@media (min-width: 1200px) and (max-width: 1300px) {
	.posts-carousel {
		max-width: calc(100vw - 220px);
		margin: auto;
	}
}