@media (max-width: 767px) {

	.card-item.odpocet-full {
		padding: 22px;
	}

	.headline5 {
		font-size: 20px;
	}

	.teamba-bar .claim {
		font-size: 14px;
	}


	.close {
		right: -10px;
		top: -18px;
		padding: 13px;
		width: 55px;
		height: 55px;
	}

	#form-popup .close img {
		width: unset !important;
		height: unset !important;
	}

	#form-popup .forminator-field-consent {
		margin-bottom: 20px !important;
	}

	.podpora.section {
		padding-left: clamp(25px, 1.736vw, 40px);
		padding-right: clamp(25px, 1.736vw, 40px);
	}

	#form-popup #consent-1 {
		margin-top: 40px !important;
	}

	#form-popup .forminator-field {
		margin-top: 15px !important;
	}


	.hero-round {
		bottom: 25%;
		right: 5%;
		width: 115px;
		height: 115px;
		font-size: 15px;
		line-height: 15px;
		padding: 10px;
	}

	.gallery {
		padding: 0;
	}

	.o-hidden_ {
		overflow: hidden;
	}

	.btn-tb-main-big {
		display: block;
		width: 100%;
		text-align: center;
		padding: 20px 50px;
		font-size: 20px;
	}

	.podpora-img {
		background-position: left;
		min-height: 150px;
		margin: 20px 0 0px 20px;
	}

	.forminator-col {
		margin-bottom: 10px !important;
	}

	#kontakt .forminator-button-submit,
	#form-popup .forminator-button-submit{
		display: block;
		width: 100%;
		text-align: center;
		padding: 20px 50px !important;
		font-size: 20px !important;
	}

	.forminator-checkbox__label.forminator-consent__label p {
		max-width: 100%;
	}

	.btn-tb-main-big-m {
		display: block;
		width: 100%;
		text-align: center;
		padding: 20px 50px;
		font-size: 20px;
	}

	#kontakt .forminator-button-submit,
	#form-popup .forminator-button-submit{
		font-size: 20px !important;
	}

	.coalition-banner__logos {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
		flex-wrap: wrap;
		width: 100%;
	}

	.coalition-logo img {
		max-height: 50px;
	}

	.container-max {
		width: 100%;
		height: 100%;
		margin: auto;
		padding-left: clamp(25px, 1.736vw, 40px);
		padding-right: clamp(25px, 1.736vw, 40px);
	}

	.text-in-image {
		position: absolute;
		bottom: 0vh;
		top: unset;
		left: 10vw;
		max-width: 80vw;
		text-align: left;
		color: white;
	}

	.big-img {
		position: relative;
	}

	.big-img::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(1, 1, 1, 0.2);
		pointer-events: none;
		border-radius: 10px;
	}

    .padtop20 {
        padding-top: 10px;
    }

	.caption-20 {
		font-size: 16px;
	}

    .padtop40 {
        padding-top: 20px;
    }

    .padtop45 {
        padding-top: 22px;
    }

    .padtop60 {
        padding-top: 30px;
    }

    .padtop80 {
        padding-top: 40px;
    }

    .padtop90 {
        padding-top: 45px;
    }

    .padtop160 {
        padding-top: 80px;
    }

    .padtop180 {
        padding-top: 90px;
    }
    .padbottom180 {
        padding-bottom: 90px;
    }

    .padbottom20 {
        padding-bottom: 10px;
    }

    .padbottom30 {
        padding-bottom: 15px;
    }

    .padbottom40 {
        padding-bottom: 20px;
    }

    .padbottom60 {
        padding-bottom: 30px;
    }

    .padbottom90 {
        padding-bottom: 45px;
    }

    .padbottom105 {
        padding-bottom: 50px;
    }

    .padbottom120 {
        padding-bottom: 60px;
    }


    #uvod {
        height: 80vh;
        max-height: unset;
        min-height: 600px;
    }

    .fixed-text .row {
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }

    .mainHeadline {
        font-size: clamp(50px, 14.9vw, 70px);
    }


    .burger-menu figure .inner {
        margin: 4px 0;
        transition: all .3s ease;
    }
    .burger-menu figure.foldin .inner {
        transform: translateX(-10px);
    }

    .main-caption {
        font-size: 20px;
        margin: 0;
        max-width: unset;
        margin-top: 60px;
    }

    #main-title {
        position: absolute;
        top: 25vh;
    }

    .burger-menu {
        height: 42px;
    }
    .bf-top{
        grid-template-columns: 1fr;
        gap:10px;
        text-align:left;
    }
    .bf-bottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .caption {
        font-size: 18px;
    }

    .caption-lg, .mob-caption-lg {
        font-size: 22px;
    }

    .mob-caption-20, .caption-footer {
        font-size: 20px;
    }

    .headline3 {
        font-size: 24px;
    }

    .headline2, .mob-headline2 {
        font-size: 28px;
        position: relative;
    }

    .headline2 .underline {
        position: unset;
    }

    .underline::after {
        height: 8px;
    }

    img.logo-header {
        height: 40px;
    }

    .main-image-inner {
        background-position: 62% 95%;
    }

    .row_ {
        --bs-gutter-x: 32px;
    }

    .mob-padtop0 {
        padding-top: 0;
    }

	.mob-padtop16 {
		padding-top: 16px;
	}

    .mob-padtop24 {
        padding-top: 24px;
    }

    .mob-padtop32 {
        padding-top: 32px;
    }

    .mob-padtop40 {
        padding-top: 40px;
    }

    .mob-padtop64 {
        padding-top: 64px;
    }

    .mob-padtop80 {
        padding-top: 80px;
    }

	.mob-padbottom16 {
		padding-bottom: 16px;
	}

	.mob-padbottom20 {
		padding-bottom: 20px;
	}

	.mob-padbottom40 {
		padding-bottom: 40px;
	}

    .mob-padbottom80 {
        padding-bottom: 80px;
    }

    .mob-padtop128 {
        padding-top: 128px;
    }

    .mob-padtop144 {
        padding-top: 144px;
    }
    .mob-padbottom144 {
        padding-bottom: 144px;
    }

    .mob-padbottom0 {
        padding-bottom: 0;
    }

    .mob-padbottom16 {
        padding-bottom: 16px;
    }

    .mob-padbottom20 {
        padding-bottom: 20px;
    }

    .mob-padbottom24 {
        padding-bottom: 24px;
    }

    .mob-padbottom25 {
        padding-bottom: 25px;
    }

    .mob-padbottom32 {
        padding-bottom: 32px;
    }

    .mob-padbottom48 {
        padding-bottom: 48px;
    }

    .mob-padbottom60 {
        padding-bottom: 60px;
    }

    .mob-padbottom64 {
        padding-bottom: 64px;
    }

    .mob-padbottom128 {
        padding-bottom: 128px;
    }



    .mob-padright0 {
        padding-right: 0;
    }

    .mob-text-right {
        text-align: right;
        width: 100%;
    }

    a.btn-map {
        padding: 16px 15px;
    }

    .timeline-holder {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-right: -16px;
    }

    .timeline {
        min-width: fit-content;
        padding-right: 50px;
    }

    .timeline .quarter {
        height: 172px;
    }

    .timeline .quarter.bottom {
        margin-top: 168px;
    }


    .contact-box .forminator-ui.forminator-custom-form {
        margin-top: 32px !important;
        margin-bottom: 0 !important;
    }

    .contact-box .forminator-button-submit {
        margin-bottom: 0 !important;
    }

    .contact-box .forminator-input, .contact-box .forminator-textarea {
        font-size: 18px !important;
    }

    .contact-box .forminator-label {
        font-size: 16px !important;
    }

    .contact-box .forminator-checkbox {
        margin: 0 0 16px 20px !important;
    }

    .contact-box .forminator-field-consent .forminator-checkbox {
        margin: 0 !important;
    }

    .contact-box .forminator-consent__label p {
        font-size: 18px !important;
    }

    .contact-box .forminator-button-submit {
        font-size: 18px !important;
        padding: 18px 40px !important;
    }

    .architect {
        font-size: clamp(24px, 6.4vw, 28px);
    }

    .inter-developmant-logo {
        height: 52px;
    }

    .footer-bottom {
        flex-wrap: wrap;
        gap: 14px;
    }

    .footer-bottom .caption-footer {
        font-size: 16px;
        line-height: 1em;
        color: #ACD3D599;
    }

    .footer-bottom .caption-footer a {
        color: #ACD3D599;
    }

    .typy-bytov-holder {
        overflow-x: scroll;
        overflow-y: hidden;
        padding-bottom: 8px;
        margin-right: -16px;
    }

    .typy-bytov-holder > .row {
        width: fit-content;
    }

    .flat-type-box-row {
        min-width: 1050px;
    }

    .desktop-bg-image {
        display: none;
    }

    .mobile-bg-image {
        display: block;
    }

    .container, .row {
        --bs-gutter-x: 32px;
    }

    .timeline .quarter .line, .timeline .quarter {
        width: 35px;
    }

    .year.w-text p {
        font-size: 18px;
    }

    .timeline .quarter-date, .timeline .quarter-text {
        font-size: 18px;
        margin-left: 40px;
    }

    .quarter-date {
        white-space: nowrap;
    }

    .year.w-text {
        position: relative;
        margin-left: 25px;
    }

    .year.w-text p {
        top: -22px;
        left: -25px;
        position: absolute;
    }

    .year.w-text.last {
        margin-right: 25px;
        margin-left: 0;
    }

    .timeline {
        padding-bottom: 8px;
    }

    .flat-type-box.legend .flat-type-info {
        font-size: 16px;
        padding: 18px 0;
    }

    .flat-type-box.legend .flat-type-info.pocet {
        margin-top: -22px;
    }

    .flat-type-box-row {
        --bs-gutter-x: 8px !important;
    }

    .custom-col-14 {
        width: 88px;
    }

    .custom-col-14.last {
        width: 0;
    }

    .custom-col-24 {
        width: 312px;
    }

    .padx170 {
        padding-right: 0;
        padding-left: 0;
    }

    .mob-justify-content-start {
        justify-content: flex-start !important;
    }

    p.room-count {
        font-size: 20px;
        margin: 0 0 67px;
    }

    .flat-type-info {
        font-size: 18px;
        padding: 16px 20px;
    }

    .flat-type-btn {
        font-size: 16px;
        padding: 15px 25px;
    }

    .flat-type-info-group {
        margin-bottom: 67px;
    }

    .caption-sm {
        font-size: 11px;
    }

    .typy-domov-flex {
        gap: 25px;
    }

    .gallery-carousel_ .owl-stage-outer, .gallery-carousel .owl-stage-outer {
        margin-right: 0;
    }

    .owl-carousel .owl-item img {
        height: 550px;
        width: 100%;
    }

    .owl-nav {
        margin-right: 0;
    }

    div#side-menu {
        padding: 16px;
        padding-top: 92px;
    }

    #main-menu a {
        font-size: 26px;
    }


    .side-menu-holder_ {
        height: calc(100% - 125px);
        min-height: 640px;
    }

    body.menu-open {
        overflow: hidden;
    }

    .navbar {
        padding: 16px;
    }

    .pol-img-holder {
        position: relative;
        width: 220px;
        padding: 40px 0;
    }

    .timeline .year .square {
        height: 10px;
        width: 10px;
    }

    .timeline .year {
        height: 175px;
    }

    .year.w-text {
        margin-top: 165px;
    }

    .about-flats {
        align-items: flex-start;
    }

    .form-popup {
        padding: 50px 16px 50px;
    }

    .form-popup .headline2 {

    }

    .gdpr-content h2 {
        font-size: 32px;
    }

    .benefity-holder {
        overflow-x: scroll;
        overflow-y: hidden;
        padding-bottom: 8px;
        margin-right: -16px;
    }

    .benefity-info {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        --bs-gutter-x: 16px;
        max-width: 500px;
        margin: auto;
    }

    .benefity-info .col-3 {
        width: 50%;
        max-width: 50%;
    }

    .ben-info-icon {
        height: 35px;
        width: 60px;
        margin-bottom: 10px;
    }

    .ben-info-text {
        font-size: 16px;
        max-width: 130px;
        padding: 0;
    }

    .benefity-info .col-3 .ben-info {
        margin-bottom: 40px;
    }

    .benefity-info .col-3 {
        margin-bottom: 40px;
    }

    .padtop30 {
        padding-top: 15px;
    }

    .ben-icon.juzny-svah {
        left: 6px;
    }

    .gallery-row {
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }
    .contact-box .forminator-label .forminator-required {
        margin-left: -10px;
    }

    .contact-box-col {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .benefity-holder, .typy-bytov-holder, .timeline-holder {
        margin-right: calc(50% - 50vw);
        padding-right: 16px;
    }

    .dom-img-title {
        flex-direction: column;
    }

    .dom-img-line {
        height: 40px;
        width: 1px;
    }

    .dom-img-title.byt-1 {
        left: -30px;
        top: unset;
        flex-direction: column-reverse;
        bottom: 0;
    }

    .dom-img-title.byt-2 {
        top: unset;
        right: -25px;
        bottom: 0;
    }

    .dom-img-title.byt-3 {
        right: -50px;
        top: 5px;
        flex-direction: column-reverse;
    }

    .flat-type-box:hover {
        background: #FFFAEF;
    }


    .dom-img-title:hover {
        transform: scale(1);
    }

    .dom-img-title.active {
        transform: scale(1.1);
    }

    .svgOverlay polygon:hover {
        fill: transparent !important;
    }

    .svgOverlay polygon.active {
        fill: rgba(147, 128, 91, 0.6) !important;
    }

    #lg-counter {
        font-size: 16px;
        padding-top: 12px;
        padding-left: 16px;
    }

    .lg-toolbar .lg-icon {
        padding: 12px 3px 0 0;
    }

    .lg-actions .lg-prev {
        left: 5px;
    }

    .lg-actions .lg-next {
        right: 5px;
    }

    .owl-nav {
        padding: 0 10px;
    }

    .not-found .mainHeadline {
        font-size: clamp(40px, 10vw, 50px);
    }

    .mob-newline {
        display: block;
    }

    .not-found .main-caption {
        margin-top: 30px;
    }

    #uvod.not-found {
        min-height: 700px;
    }



    .mobile-header-row {
        align-items: center;
    }

    header#main-nav .navbar:not(.scrolled) {
        margin-top: 0;
    }

    #hero .hero-bg {
        background-position: 62% center;
    }

    #hero {
        height: 65vh;
		margin-top: 70px;
		min-height: unset !important;
		align-items: flex-end;
    }

    #hero .hero-content {
        padding: 0;
		padding-left: 10px;
    }

    .btn-hero {
        font-size: 20px;
        padding: 1em;
    }

    .container-max, .container-868, .container-684 {
        --bs-gutter-x: 32px;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

    .mob-minh-img {
        min-height: 550px;
        object-fit: cover;
        display: block;
    }

    .mob-order-0 {
        order: 0;
    }

    .mob-order-1 {
        order: 1;
    }

    .mob-order-2 {
        order: 2;
    }

    .mob-order-3 {
        order: 3;
    }

    .mob-order-first {
        order: -1;
    }

    .mob-pad16 {
        padding: 16px;
    }

    .mob-pad16.mob-padbottom32 {
        padding-bottom: 32px;
    }

    .caption-16 {
        font-size: 14px;
    }

    .caption-22 {
        font-size: 18px;
    }

    .caption-24 {
        font-size: 18px;
    }

    .caption-32, .gdpr-content h2 {
        font-size: 24px;
    }

    .mob-caption-32 {
        font-size: 32px;
    }

    .mob-caption-20 {
        font-size: 20px;
    }

    .byty-title-holder {
        max-width: 175px;
    }

    .mob-padleft0 {
        padding-left: 0;
    }

    .mob-padleft32 {
        padding-left: 32px;
    }

    .apt-showcase {
        --gap: 16px;
    }

    .lokalita-img.mob-minh-img {
        object-position: 25% 50%;
    }

    .feature-card {
        padding: 24px;
    }

    .feature-icon {
        height: 120px;
        max-width: 120px;
    }

    .feature-text h3 {
        font-size: 18px;
        margin: 0 0 18px;
    }

    .feature-text p {
        font-size: 18px;
    }

    .feature-text {
        margin-top: 35px;
    }

    .mob-gutter-y-24 {
        --bs-gutter-y: 24px;
    }

    .mob-margintop0 {
        margin-top: 0;
    }

    .timeline-text {
        margin-top: 0;
    }

    .timeline-item {
        flex: none;
        margin: 50px 0;
        text-align: left;
        padding-left: 50px;
    }

    .timeline {
        flex-direction: column;
        align-items: flex-start;
        padding: 50px 0;
        gap: 10px;
    }

    .timeline-line {
        top: 0;
        left: 16px;
        right: auto;
        width: 4px;
        height: 100%;
    }

    .timeline-dot {
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .gall-img.br10 {
        border-radius: 0;
        display: block;
    }

    .gallery-holder {
        padding: 0;
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        width: 44px;
        padding: 14px 14px !important;
        height: 44px;
    }

    button.owl-prev:after, button.owl-next:after {
        height: 16px;
        width: 16px;
    }

    .lg-actions .lg-next, .lg-actions .lg-prev {
        width: 44px;
        height: 44px;
        padding: 14px !important;
        top: calc(50% - 22px);
    }

    .lg-actions .lg-next:before, .lg-actions .lg-prev:after {
        height: 16px;
        width: 16px;
        position: absolute;
        top: 14px;
        left: 14px;
    }

    .mob-bg-light-grey {
        background: var(--light-gray);
    }

    .mob-mb-32 {
        margin-bottom: 32px;
    }

    .contact-box .forminator-row:not(:last-child) {
        margin-bottom: 0 !important;
    }

    .contact-box #email-1 {
        margin-bottom: 8px !important;
    }

    .contact-box #checkbox-1, .contact-box #consent-1 {
        margin-top: 50px;
    }

    #kontakt #consent-1 {
        margin-top: 32px;
    }

    .contact-box .forminator-row.forminator-row-last {
        margin-top: 32px;
    }

    .mob-d-none {
        display: none;
    }
    .mob-d-block {
        display: block !important;
    }
    .brand-footer {
        padding: 48px 16px;
    }
    .bf-top {
        text-align: center;
        gap: 34px;
        margin-bottom: 34px;
    }
    .bf-top__right a {
        display: block;
    }
    .mob-mb20 {
        margin-bottom: 20px;
    }
    .side-menu-holder #main-menu li {
        max-width: 300px;
        padding: 16px 0;
    }
    .mobile-header-row .btn-hero {
        display: none;
    }
    .scrolled .mobile-header-row .btn-hero {
        display: inline-block;
    }
    .mobile-header-row .btn-hero {
        font-size: 15px;
        line-height: 1.1;
        padding: 15px;
    }
    .navbar.scrolled {
        padding: 16px;
    }
    .mob-header-flex {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .navbar.scrolled a.navbar-brand {
        width: 100px;
        height: 46px;
        margin: auto;
    }
    .navbar.scrolled img.logo-header.dark {
        height: 46px;
    }
    .mobile-header-row {
        display: flex;
        width: 100vw;
    }

    .desktop-header-row {
        display: none;
    }
    .apt-showcase {
        grid-template-columns: 1fr;
    }
    .apt-showcase__left {
        grid-template-rows: auto;
    }
    .cky-consent-bar .cky-banner-btn-close:after {
        height: 20px !important;
        width: 20px !important;
    }

    .cky-consent-bar .cky-banner-btn-close {
        height: 20px !important;
        width: 20px !important;
        padding: 0 !important;
        right: 16px !important;
        top: 16px !important;
    }
    .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper {
        padding: 8px 8px 0  !important;
    }
    body .cky-consent-container .cky-consent-bar {
        padding-bottom: 0.5rem !important;
    }
    .padall48 {
        padding: 1.25rem;
    }
    .flat-info-img {
        width: 2rem;
        height: 2rem;
    }
    .container-popup {
        padding-left: 28px;
        padding-right: 28px;
    }
    .close-flat-popup {
        right: 16px;
    }
    .martop32 {
        margin-top: 1.25rem;
    }
    .flat-content-holder .gallery-holder.padtop40 {
        padding-top: 20px;
    }
    .flat-content-holder .btn-hero {
        font-size: 16px;
    }
    body .cky-notice .cky-title, .cky-preference-header .cky-preference-title {
        margin-bottom: 2rem;
    }
    .cky-notice-des {
        margin-bottom: 1rem !important;
    }
    .flat-content-holder {
        height: calc(100% - 60px);
        overflow-x: auto;
        margin-top: 60px;
    }
    .contact-box {
        padding: 20px;
    }
    .ppk-map-marker .label {
        padding: 10px 16px;
        font-size: 22px;
    }
    .ppk-map-marker .arrow {
        height: 72px;
    }
    .not-found #main-title {
        top: 28%;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .timeline {
        margin-left: 60px;
    }
}
@media (min-width: 768px) and (max-width: 782px) {
    .forminator-custom-form .first-row-item {
        margin-bottom: 8px !important;
    }

    .contact-box .forminator-row:not(:last-child) {
        margin-bottom: 0 !important;
    }

    .contact-box #email-1 {
        margin-bottom: 8px !important;
    }

    .contact-box #checkbox-1, .contact-box #consent-1 {
        margin-top: 50px;
    }

    #kontakt #consent-1 {
        margin-top: 32px;
    }

    .contact-box .forminator-row.forminator-row-last {
        margin-top: 32px;
    }

}
@media (max-width: 450px) {
    .fixed-text .row {
        margin-left: calc(-.5 * var(--bs-gutter-x));
        height: calc(80vh - 145px);
        min-height: calc(450px);
        align-content: space-between;
    }
    #main-title {
        position: absolute;
        top: 100px;
    }
    .first-section {
        padding-top: 130px;
    }
    .form-popup {
        width: calc(100% - 32px);
    }

}

@media (max-width: 575px) {
    .benefity-holder, .typy-bytov-holder, .timeline-holder {
        margin-right: -16px;
        padding-right: 16px;
    }
    .benefity-holder {
        margin-right: 0;
        padding-right: 0;
        overflow: hidden;
    }
    .sm-mob-d-none {
        display: none;
    }
    .sm-mob-d-block {
        display: block !important;
    }
}

@media (max-width: 991px) {

	/*

	.gall-wrap.show-before .gall-img-before{
		opacity: 1 !important;
	}

	.gall-wrap.show-before .gall-img-after{
		opacity: 0 !important;
	}

	.gall-wrap.show-after .gall-img-before{
		opacity: 0 !important;
	}

	.gall-wrap.show-after .gall-img-after{
		opacity: 1 !important;
	}

	.show-before .ba-label-before {
		opacity: 1 !important;
	}

	.show-before .ba-label-after {
		opacity: .75 !important;
	}

	.show-after .ba-label-before {
		opacity: .75 !important;
	}

	.show-after .ba-label-after {
		opacity: 1 !important;
	}

	.lg-backdrop.in,
	.lg-backdrop,
	.lg-outer {
		display: none !important;
	}

	*/

	.mob-only {
		display: block;
	}

	.navbar.scrolled .logo-header:not(.dark) {
		display: none;
	}

	.logo-header:not(.dark) {
		display: none;
	}
}


@media (min-width: 768px) and (max-width: 991px) {

	img.logo-header {
		max-height: 80px;
	}

	#hero {
		margin-top: 85px;
		height: calc(100vh - 110px);
		min-height: 800px;
	}

	.container {
		max-width: 850px;
	}

	.person-card__image {
		flex: 0 0 200px;
		width: 200px;
		height: 200px;
	}

    .mainHeadline {
        font-size: clamp(60px, 7vw, 80px);
    }
    .main-caption {
        font-size: 24px;
    }
    .timeline .quarter .line {
        width: 40px;
    }
    .timeline .quarter {
        width: 40px;
    }
    .headline2 {
        font-size: 35px;
    }
    .headline3 {
        font-size: 30px;
    }
    .col-md-0 {
        width: 0;
        padding: 0;
    }
    .caption-lg {
        font-size: 20px;
    }
    .padx170 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .custom-col-14 {
        width: 90px;
    }
    .custom-col-14.last {
        width: 0;
    }
    .custom-col-24 {
        width: calc(33% - 30px);
    }
    .flat-type-box.legend .flat-type-info.pocet {
        margin-top: -17px;
    }
    .contact-box .forminator-checkbox {
        margin: 0 0 16px 15px !important;
    }
    .contact-box .forminator-field-consent .forminator-checkbox {
        margin-left: 0 !important;
    }
    .padtop150 {
        padding-top: 90px;
    }
    .architect {
        font-size: 22px;
    }
    .owl-carousel .owl-item img {
        height: 450px;
        width: auto;
    }
    .padbottom40 {
        padding-bottom: 25px;
    }
    .padbottom50 {
        padding-bottom: 38px;
    }
    .padbottom64 {
        padding-bottom: 45px;
    }
    .padbottom80 {
        padding-bottom: 60px;
    }
    .padbottom90 {
        padding-bottom: 60px;
    }
    .padtop128 {
        padding-top: 80px;
    }
    .padtop50 {
        padding-top: 38px;
    }
    .padtop90 {
        padding-top: 60px;
    }
    .padtop80 {
        padding-top: 60px;
    }
    .padtop60 {
        padding-top: 45px;
    }
    .form-popup {
        padding: 120px 48px;
    }
    .benefity-img-holder {
        width: 696px;
    }
    .benefity-info {
        margin-left: 0;
        margin-right: 0;
    }
    .benefity-info .col-3 .ben-info {
        margin-bottom: 38px;
    }
    div#side-menu {
        padding: 16px;
        padding-top: 90px;
    }
    p.room-count {
        margin-bottom: auto;
    }
    .flat-type-box {
        height: 337px;
        display: flex;
        flex-direction: column;
    }
    #uvod.not-found {
        min-height: 700px;
    }
    .mob-newline {
        display: block;
    }
    
    .desktop-header-row {
        display: none;
    }
    .mobile-header-row {
        display: flex;
    }
    .mob-header-flex {
        display: flex;
        align-items: center;
        gap: 32px;
    }
    .side-menu-holder #main-menu {
        align-items: center;
        width: 350px;
        margin: auto;
    }
    .mobile-header-row .btn-hero {
        display: none;
    }
    .scrolled .mobile-header-row .btn-hero {
        display: inline-block;
    }
    .navbar.scrolled a.navbar-brand {
        width: 100px;
        height: 46px;
        margin: auto;
    }
    .navbar.scrolled img.logo-header.dark {
        height: 46px;
    }
    .ben-info-icon {
        height: 40px;
        width: 60px;
    }
    .padtop110 {
        padding-top: 70px;
    }
    .padbottom110 {
        padding-bottom: 70px;
    }
    .row {
        --bs-gutter-x: 16px;
    }
    .apt-showcase {
        --gap: 16px;
    }
    .apartment-card__content {
        gap: 30px;
    }
    .padleft12 {
        padding-left: 6px;
    }
    .padtop180 {
        padding-top: 120px;
    }
    .padbottom180 {
        padding-bottom: 120px;
    }
    .bf-top {
        grid-template-columns: 1fr 1.2fr 0.8fr;
        gap: 16px;
    }
    .caption-16 {
        font-size: 15px;
    }
    .brand-footer {
        padding: 30px;
    }
    .bf-top__left img {
        height: 35px;
    }
    .bf-links a {
        white-space: nowrap;
    }
    .padall48 {
        padding: 2rem;
    }
    .padleft45 {
        padding-left: 22px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {

	.navbar.scrolled .logo .logo-header.dark {
		margin-top: -10px;
	}

    .mainHeadline {
        font-size: clamp(60px, 7vw, 80px);
    }

    .main-caption {
        font-size: 24px;
    }

    .contact-box .forminator-checkbox {
        margin: 0 0 16px 15px !important;
    }

    .contact-box .forminator-field-consent .forminator-checkbox {
        margin-left: 0 !important;
    }

    .padtop150 {
        padding-top: 90px;
    }

    .architect {
        font-size: 22px;
    }

    .owl-carousel .owl-item img {
        height: 550px;
        width: auto;
    }

    .padbottom80 {
        padding-bottom: 60px;
    }

    .padbottom90 {
        padding-bottom: 60px;
    }

    .padtop90 {
        padding-top: 60px;
    }

    .padtop80 {
        padding-top: 60px;
    }

    .padtop60 {
        padding-top: 45px;
    }

    .headline2 {
        font-size: 44px;
    }

    .headline3 {
        font-size: 38px;
    }

    .flat-type-box.legend .flat-type-info.pocet {
        margin-top: -17px;
    }

    .padx170 {
        padding-left: 135px;
        padding-right: 135px;
    }

    .benefity-info {
        --bs-gutter-x: 16px;
        margin-right: 0;
        margin-left: 0;
    }

    div#side-menu {
        padding: 16px;
        padding-top: 90px;
    }

    p.room-count {
        margin-bottom: auto;
    }

    .flat-type-box {
        height: 337px;
        display: flex;
        flex-direction: column;
    }

    #uvod.not-found {
        min-height: 700px;
    }

    .mob-newline {
        display: block;
    }

    .apt-showcase {
        --gap: 20px;
    }

    .padtop180 {
        padding-top: 150px;
    }
    .padbottom180 {
        padding-bottom: 150px;
    }

    .padtop128 {
        padding-top: 100px;
    }

    .padtop110 {
        padding-top: 90px;
    }
    .padbottom110 {
        padding-bottom: 90px;
    }

    .bf-top {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .menu-item--ring > a .menu-ring path {
        stroke-width: 5px;
    }

    .my-menu-class {
        gap: 2rem;
    }
}

@media (min-width: 768px) {

	.odpocet-full .wide {
		width: 80% !important;
	}

	.forminator-row {
		margin-bottom: 5px !important;
	}

	.hero-round {
		right: 15%;
	}

	.forminator-field-email {
		margin-top: 8px !important;
	}

    .padall18 {
        padding: clamp(18px, 1.4vw, 24px);
    }
    .padall20 {
        padding: clamp(20px, 1.56vw, 30px);
    }
    .padall24 {
        padding: 24px;
    }
    .desktop-padall0 {
        padding: 0 !important;
    }
    .desktop-martop-auto {
        margin-top: auto;
    }
    .contact-box {
        padding: clamp(20px, 2vw, 40px);
    }
}
@media (min-width: 1200px) {
    .padx100 {
        padding-left: 100px;
        padding-right: 100px;
    }
    #lokalita .bg-dark {
        margin: 0 40px;
    }
    .owl-carousel .owl-item img {
        max-height: 800px;
        width: auto;
    }
    .menu-item--ring > a .menu-ring path {
        stroke-width: 5px;
    }
}


@media (min-width: 992px) {

	.logo {
		min-height: 48px;
	}

	.gallery-item:nth-of-type(1) img,
	.gallery-item:nth-of-type(2) img {
		aspect-ratio: 5 / 3;
	}

	.bio-inner {
		padding: 0 20px;
	}

	/* prvé 2 obrázky – 50% */
	.gallery-item:nth-child(1),
	.gallery-item:nth-child(2) {
		grid-column: span 3; /* 6 / 2 = 3 */
	}

	.bio-box {
		padding: 20px;
	}

	.logo-header.main {
		transform: translateX(0);
		transition: transform .3s ease;
	}

	.navbar.scrolled .logo .logo-header.dark {
		opacity: 1;
		left: 20px !important;
	}


	.navbar .logo .logo-header.dark {
		position: absolute;
		left: -500px;
		opacity_: 0;
		transition: left .3s ease;
	}


}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
    .form-popup {
        width: 100%;
        max-width: 1000px;
    }
    .menu-item--ring > a .menu-ring path {
        stroke-width: 6px;
    }
}
@media (max-width: 405px) {
    .footer-bottom .caption-footer {
        font-size: 14px;
    }
    .footer-bottom {
        gap: 10px;
    }
}
@media (max-width: 576px) {
    .cky-consent-container {
        width: 100% !important;
        min-width: unset !important;
    }
    body .cky-consent-container .cky-consent-bar {
        border-radius: 2rem 2rem 0 0 !important;
    }
    .cky-consent-bar button, .cky-prefrence-btn-wrapper .cky-btn {
        font-size: 14px !important;
        padding: 8px !important;
    }
}

@media (min-width: 1200px) and (max-width: 2000px) {
    html {
        font-size: 16px;
    }

    .hero-arrow img {
        height: 60px;
    }
    .navbar.scrolled {
        padding: 6px 25px;
    }
    .mainHeadline {
        font-size: 80px;
    }
    img.logo-header_ {
        height: 48px;
    }
    .main-caption {
        font-size: 28px;
    }
    .padtop50 {
        padding-top: 50px;
    }
    .padtop110 {
        padding-top: 110px;
    }
    .padtop180 {
        padding-top: 180px;
    }
    .padbottom180 {
        padding-bottom: 180px;
    }
    .padbottom32 {
        padding-bottom: 32px;
    }
    .padbottom50 {
        padding-bottom: 50px;
    }
    .padbottom110 {
        padding-bottom: 110px;
    }
    .caption {
        font-size: 18px;
    }
    .caption-32 {
        font-size: 32px;
    }
    .caption-24 {
        font-size: 24px;
    }
    .caption-22 {
        font-size: 22px;
    }
    .caption-16 {
        font-size: 16px;
    }
	.caption-20 {
		font-size: 20px;
	}
    .caption-sm {
        font-size: 12px;
    }
    .headline1_ {
        font-size: 60px;
    }
    .headline2 {
        font-size: 48px;
    }
    .headline3 {
        font-size: 40px;
    }
    .headline4 {
        font-size: 24px;
    }
    .thank-you .main-caption, .not-found .main-caption {
        font-size: 24px;
    }
    body {
        font-size: 16px;
    }
    .gdpr-content h2 {
        font-size: 32px;
    }
    .ben-info-icon {
        height: 50px;
        width: 70px;
        margin-bottom: 12px;
    }
    .container-max {
        padding-left: 25px;
        padding-right: 25px;
    }
    .pad64 {
        padding: 64px;
    }
    .ben-info-text {
        font-size: 16px;
        max-width: 140px;
    }
    .contact-box {
        padding: 30px;
    }
    .feature-card {
        padding: 30px;
    }
    .feature-icon {
        height: 180px;
        max-width: 220px;
    }
    .feature-text {
        margin-top: 90px;
    }
    .feature-text h3 {
        font-size: 16px;
    }
    .timeline-line {
        --dot-height: 34px;
    }
    .timeline-dot {
        width: 34px;
        height: 34px;
    }
    .timeline-text {
        font-size: 16px;
    }
    .underline {
        --leftVal: 8px;
    }
    .underline::after {
        left: -8px;
        bottom: -14px;
        height: 11px;
        right: 8px;
    }

    .brand-footer {
            padding: 50px;
    }
    img.logo-header.dark {
        height: 46px;
    }

    .navbar.scrolled_x .logo-header:not(.dark) {
        height: 32px;
    }

    body .cky-notice .cky-title, .cky-preference-header .cky-preference-title {
        --leftVal: 8px;
    }
    body .cky-notice .cky-title::after {
        left: -8px;
        bottom: -12px;
        height: 10px;
        right: -8px;
    }
    .container-popup {
        max-width: 1000px;
        padding-left: 37px;
        padding-right: 37px;
    }
    .close-flat-popup {
        right: 32px;
    }
    .ppk-map-marker .arrow {
        height:72px;
    }

    .apt-showcase {
        --gap: 24px;
    }


}

@media (min-width: 1500px) {
	.mh750 {
		min-height: 750px;
	}
}

@media (min-width: 2001px) {
	.menu-item.active:not(.btn-ppk) .uline-menu::after {
		top: 37px;
	}

	.my-menu-class {
		padding: 16px 9px 20px 7px;
	}
}