/* ==========================================================================
   Responsive Styles
   --------------------------------------------------------------------------
   Loaded after style.css. Keep media queries in cascade order unless a visual
   pass confirms that reordering does not change the output.
   ==========================================================================
*/

/* Mobile baseline: up to 767px */
@media only screen and (max-width: 767px) {
    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    :root {
        --container: calc(100vw - 20px);
        --kb-container: var(--container);
        --radius: 8px;
        --gap: 8px;
        --col: minmax(60px, 1fr);
    }
    .row {
        --bs-gutter-x: 20px;
    }

    body {
        width: 100vw !important;
        overflow-x: hidden !important;
        margin: 0;
        padding: 0;
    }

    /* general start */
    .kb-container {
        width: var(--container);
    }

    img,
    video,
    svg {
        max-width: 100%;
    }

    .negative-margin {
        margin-top: -20px;
    }

    .headline2 {
        font-size: 50px;
    }

    .headline3 {
        font-size: 44px;
    }

    .headline4 {
        font-size: 34px;
    }
    .mob-headline4 {
        font-size: 34px;
    }

    .text-12 {
        font-size: 12px;
    }

    .text-xxs {
        font-size: 14px;
    }

    .text-xs {
        font-size: 16px;
    }

    .text-sm {
        font-size: 17px;
    }

    .text-md {
        font-size: 18px;
    }

    .text-lg {
        font-size: 20px;
        font-weight: 500;
    }

    .text-xl {
        font-size: 40px;
    }

    .text-perex {
        font-size: 26px;
    }

    .text-hero {
        font-size: 72px;
    }

    .mob-text-lg {
        font-size: 20px;
        font-weight: 500;
    }

    .mob-text-sm {
        font-size: 17px;
    }
    .mob-fs-24 {
        font-size: 24px;
    }
    .mob-fs-28 {
        font-size: 28px;
    }
    .mob-fs-30 {
        font-size: 30px;
    }
    .mob-fs-40 {
        font-size: 40px;
    }

    .br10 {
        border-radius: 8px;
    }

    .br16 {
        border-radius: 10px;
    }

    .br20 {
        border-radius: 16px;
    }

    .br64 {
        border-radius: 20px;
    }

    .mob-br0 {
        border-radius: 0 !important;
    }

    .mob-br8 {
        border-radius: 8px !important;
    }

    .mob-br16 {
        border-radius: 16px !important;
    }
    .mob-br20 {
        border-radius: 20px !important;
    }

    .pad0,
    .padtop0,
    .padbot0,
    .padx0 {
        padding: 0;
    }

    .padall12 {
        padding: 7px;
    }

    .pad16 {
        padding: 10px;
    }

    .padall20 {
        padding: 12px;
    }

    .padall24 {
        padding: 14px;
    }

    .pad36 {
        padding: 22px;
    }

    .padall40 {
        padding: 24px;
    }

    .pad48,
    .padall48 {
        padding: 12px;
    }

    .padall64 {
        padding: 12px;
    }

    .padall96 {
        padding: 12px;
    }

    .padtop4 {
        padding-top: 2px;
    }

    .padtop8 {
        padding-top: 5px;
    }

    .padtop12 {
        padding-top: 7px;
    }

    .padtop16 {
        padding-top: 10px;
    }

    .padtop20 {
        padding-top: 12px;
    }

    .padtop24 {
        padding-top: 14px;
    }

    .padtop32 {
        padding-top: 20px;
    }

    .padtop36 {
        padding-top: 22px;
    }

    .padtop40 {
        padding-top: 24px;
    }

    .padtop48 {
        padding-top: 26px;
    }

    .padtop56 {
        padding-top: 34px;
    }

    .padtop64 {
        padding-top: 36px;
    }

    .padtop72 {
        padding-top: 40px;
    }

    .padtop80 {
        padding-top: 44px;
    }

    .padtop88 {
        padding-top: 48px;
    }

    .padtop96 {
        padding-top: 52px;
    }

    .padtop104 {
        padding-top: 56px;
    }

    .padtop112 {
        padding-top: 60px;
    }

    .padtop120 {
        padding-top: 64px;
    }

    .padtop160 {
        padding-top: 80px;
    }

    .padbot4 {
        padding-bottom: 2px;
    }

    .padbot8 {
        padding-bottom: 8px;
    }

    .padbot12 {
        padding-bottom: 9px;
    }

    .padbot16 {
        padding-bottom: 10px;
    }

    .padbot20 {
        padding-bottom: 12px;
    }

    .padbot24 {
        padding-bottom: 14px;
    }

    .padbot32 {
        padding-bottom: 20px;
    }

    .padbot36 {
        padding-bottom: 22px;
    }

    .padbot40 {
        padding-bottom: 24px;
    }

    .padbot48 {
        padding-bottom: 29px;
    }

    .padbot56 {
        padding-bottom: 34px;
    }

    .padbot64 {
        padding-bottom: 36px;
    }

    .padbot72 {
        padding-bottom: 40px;
    }

    .padbot80 {
        padding-bottom: 44px;
    }

    .padbot88 {
        padding-bottom: 48px;
    }

    .padbot96 {
        padding-bottom: 52px;
    }

    .padbot104 {
        padding-bottom: 56px;
    }

    .padbot112 {
        padding-bottom: 60px;
    }

    .padbot120 {
        padding-bottom: 64px;
    }

    .padbot160 {
        padding-bottom: 80px;
    }

    .padbot240 {
        padding-bottom: 112px;
    }

    .martop0 {
        margin-top: 0;
    }

    .martop4 {
        margin-top: 2px;
    }

    .martop8 {
        margin-top: 5px;
    }

    .martop12 {
        margin-top: 7px;
    }

    .martop16 {
        margin-top: 10px;
    }

    .martop20 {
        margin-top: 12px;
    }

    .martop24 {
        margin-top: 14px;
    }

    .martop32 {
        margin-top: 20px;
    }

    .martop40 {
        margin-top: 24px;
    }

    .martop48 {
        margin-top: 29px;
    }

    .martop56 {
        margin-top: 34px;
    }

    .martop64 {
        margin-top: 36px;
    }

    .martop72 {
        margin-top: 40px;
    }

    .martop80 {
        margin-top: 44px;
    }

    .martop88 {
        margin-top: 48px;
    }

    .martop96 {
        margin-top: 52px;
    }

    .martop104 {
        margin-top: 56px;
    }

    .martop112 {
        margin-top: 60px;
    }

    .martop120 {
        margin-top: 64px;
    }

    .martop200 {
        margin-top: 96px;
    }

    .martop-auto {
        margin-top: auto;
    }

    .marbot0 {
        margin-bottom: 0;
    }

    .marbot4 {
        margin-bottom: 2px;
    }

    .marbot8 {
        margin-bottom: 5px;
    }

    .marbot12 {
        margin-bottom: 7px;
    }

    .marbot16 {
        margin-bottom: 10px;
    }

    .marbot20 {
        margin-bottom: 12px;
    }

    .marbot24 {
        margin-bottom: 14px;
    }

    .marbot32 {
        margin-bottom: 20px;
    }

    .marbot40 {
        margin-bottom: 24px;
    }

    .marbot48 {
        margin-bottom: 29px;
    }

    .marbot56 {
        margin-bottom: 34px;
    }

    .marbot64 {
        margin-bottom: 36px;
    }

    .marbot72 {
        margin-bottom: 40px;
    }

    .marbot80 {
        margin-bottom: 44px;
    }

    .marbot88 {
        margin-bottom: 48px;
    }

    .marbot96 {
        margin-bottom: 52px;
    }

    .marbot104 {
        margin-bottom: 56px;
    }

    .marbot112 {
        margin-bottom: 60px;
    }

    .marbot120 {
        margin-bottom: 64px;
    }

    .margin-all-0 {
        margin: 0;
    }

    .marleftmin40 {
        margin-left: -10px;
    }

    .marrightmin40 {
        margin-right: -10px;
    }

    .padleft0,
    .kb-container .row.padleft0 {
        padding-left: 0;
    }

    .padright0,
    .kb-container .row.padright0 {
        padding-right: 0;
    }

    .padleft12 {
        padding-left: 7px;
    }

    .padleft16 {
        padding-left: 10px;
    }

    .padleft24 {
        padding-left: 14px;
    }

    .padleft32 {
        padding-left: 19px;
    }

    .padleft36 {
        padding-left: 22px;
    }

    .padleft65 {
        padding-left: 36px;
    }

    .padleft80 {
        padding-left: 44px;
    }

    .padleft105 {
        padding-left: 56px;
    }

    .padleft120 {
        padding-left: 64px;
    }

    .padright12 {
        padding-right: 7px;
    }

    .padright32 {
        padding-right: 19px;
    }

    .padright36 {
        padding-right: 22px;
    }

    .padright48 {
        padding-right: 29px;
    }

    .padright96 {
        padding-right: 52px;
    }

    .padright120 {
        padding-right: 64px;
    }

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

    .padx12 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .padx20 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .padx24 {
        padding-left: 14px;
        padding-right: 14px;
    }

    .padx35 {
        padding-left: 21px;
        padding-right: 21px;
    }

    .padx56 {
        padding-left: 34px;
        padding-right: 34px;
    }

    .padx80 {
        padding-left: 44px;
        padding-right: 44px;
    }

    .padx104 {
        padding-left: 56px;
        padding-right: 56px;
    }

    .padx112 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .mob-padtop0 {
        padding-top: 0 !important;
    }
    .mob-padtop8 {
        padding-top: 8px !important;
    }
    .mob-padtop12 {
        padding-top: 12px !important;
    }

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

    .mob-padtop20 {
        padding-top: 20px !important;
    }

    .mob-padtop24 {
        padding-top: 24px !important;
    }
    .mob-padtop28 {
        padding-top: 28px !important;
    }

    .mob-padtop32 {
        padding-top: 32px !important;
    }
    .mob-padtop36 {
        padding-top: 36px !important;
    }

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

    .mob-padtop48 {
        padding-top: 48px !important;
    }
    .mob-padtop56 {
        padding-top: 56px !important;
    }

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

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

    .mob-padbot0 {
        padding-bottom: 0 !important;
    }

    .mob-padbot8 {
        padding-bottom: 8px !important;
    }
    .mob-padbot12 {
        padding-bottom: 12px !important;
    }

    .mob-padbot16 {
        padding-bottom: 16px !important;
    }

    .mob-padbot20 {
        padding-bottom: 20px !important;
    }

    .mob-padbot24 {
        padding-bottom: 24px !important;
    }

    .mob-padbot32 {
        padding-bottom: 32px !important;
    }
    .mob-padbot36 {
        padding-bottom: 36px !important;
    }
    .mob-padbot44 {
        padding-bottom: 44px !important;
    }

    .mob-padbot48 {
        padding-bottom: 48px !important;
    }
    .mob-padbot56 {
        padding-bottom: 56px !important;
    }

    .mob-padbot64 {
        padding-bottom: 64px !important;
    }
    .mob-padbot72 {
        padding-bottom: 72px !important;
    }

    .mob-padbot80 {
        padding-bottom: 80px !important;
    }

    .mob-padbot120 {
        padding-bottom: 120px !important;
    }

    .mob-padbot240 {
        padding-bottom: 240px !important;
    }

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

    .mob-padleft8 {
        padding-left: 8px !important;
    }
    .mob-padleft12 {
        padding-left: 12px !important;
    }

    .mob-padleft16 {
        padding-left: 16px !important;
    }

    .mob-padleft24 {
        padding-left: 24px !important;
    }

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

    .mob-padright12 {
        padding-right: 12px !important;
    }

    .mob-padright16 {
        padding-right: 16px !important;
    }

    .mob-padright24 {
        padding-right: 24px !important;
    }

    .mob-padx0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .mob-padx4 {
        padding-right: 4px !important;
        padding-left: 4px !important;
    }

    .mob-padx12 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .mob-padx15 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .mob-padx16 {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .mob-padx20 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .mob-padx24 {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    .mob-martop0 {
        margin-top: 0 !important;
    }

    .mob-martop12 {
        margin-top: 12px !important;
    }

    .mob-martop16 {
        margin-top: 16px !important;
    }

    .mob-martop24 {
        margin-top: 24px !important;
    }

    .mob-martop32 {
        margin-top: 32px !important;
    }

    .mob-martop40 {
        margin-top: 40px !important;
    }

    .mob-martop48 {
        margin-top: 48px !important;
    }

    .mob-marbot0 {
        margin-bottom: 0 !important;
    }

    .mob-marbot12 {
        margin-bottom: 12px !important;
    }

    .mob-marbot16 {
        margin-bottom: 16px !important;
    }

    .mob-marbot24 {
        margin-bottom: 24px !important;
    }

    .mob-marbot32 {
        margin-bottom: 32px !important;
    }

    .mob-marbot48 {
        margin-bottom: 48px !important;
    }

    .g16,
    .g32,
    .g48,
    .g64,
    .gx16,
    .gx32,
    .gx48,
    .gx64 {
        --bs-gutter-x: 16px;
    }

    .g16,
    .g32,
    .g48,
    .g64,
    .gy16,
    .gy32,
    .gy48,
    .gy64 {
        --bs-gutter-y: 16px;
    }

    .mob-g0 {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }

    .mob-g4{
        --bs-gutter-x: 4px;
        --bs-gutter-y: 4px;
    }

    .mob-g12 {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 12px;
    }

    .mob-g16 {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }

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

    .mob-g32 {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 32px;
    }
    .mob-gy20 {
        --bs-gutter-y: 20px;
    }
    .mob-gy24 {
        --bs-gutter-y: 24px;
    }
    .mob-gy32 {
        --bs-gutter-y: 32px;
    }
    .mob-gy40 {
        --bs-gutter-y: 40px;
    }
    .mob-gy44 {
        --bs-gutter-y: 44px;
    }

    .kb-btn,
    a.kb-btn {
        min-width: 120px;
        width: fit-content;
        max-width: 100%;
        font-size: 18px;
        line-height: 1;
        padding: 7px 16px 9px;
    }
    .kb-btn-icon-down::after {
        margin-top: 3px;
    }
    .mob-kb-btn-sm, a.mob-kb-btn-sm {
        min-width: 90px;
        font-size: 16px;
        padding: 5px 22px 7px;
    }
    .kb-btn.show-all-btn {
        padding: 14px 40px;
    }

    .mob-w100 {
        width: 100% !important;
    }

    .mob-text-left {
        text-align: left !important;
    }

    .mob-text-center {
        text-align: center !important;
    }

    .mob-d-none {
        display: none !important;
    }

    .mob-d-block {
        display: block !important;
    }

    .mob-d-flex {
        display: flex !important;
    }

    .mob-flex-column {
        flex-direction: column !important;
    }

    .mob-align-start {
        align-items: flex-start !important;
    }

    .mob-align-center {
        align-items: center !important;
    }

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

    .mob-justify-center {
        justify-content: center !important;
    }

    /* general end */
    header#header {
        width: 100dvw;
        z-index: 999;
    }

    .navbar {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .header-left-col {
        min-height: 0;
        display: flex;
        align-items: center;
    }

    .kbrana-logo img {
        width: unset;
        max-height: 70px;
    }

    .navbar > .kb-container,
    .header-nav-col {
        align-items: center !important;
    }

    .burger-menu {
        width: 39px;
        height: 11px;
    }

    .hero-bg-image {
        height: calc(100%);
        top: 0;
    }


    .navbar .main-menu {
        display: none !important;
    }

    .grid_kbrana {
        min-width: 1000px;
        overflow-y: scroll;
        grid-auto-rows: 60px;
        padding-right: 8px;
        padding-bottom: 8px;
    }

    .grid-holder {
        overflow-y: scroll;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        padding-left: 8px;
    }

    ul.footer-list {
        flex-direction: column;
        gap: 4px;
    }


    img.uvod-logo {
        width: 100%;
    }

    .content-img {
        min-height: unset;
    }

    .mob-content-img {
        margin: 0 -12px;
        width: calc(100% + 24px);
        border-radius: 0 !important;
        max-width: unset;
        min-height: 82vw !important;
    }

    .map-lokalita-img {
        width: calc(100% + 12px);
    }


    .full-w-img {
        min-height: 320px;
    }

    .full-w-img.mob-higher {
        min-height: 640px;
    }

    .full-w-img-animation {
        top: 70px;
        bottom: 70px;
        left: -60px;
        right: -60px;
    }

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


    .mob-span-2x6 {
        grid-column: span 2;
        grid-row: span 6;
    }

    .mob-span-2x3 {
        grid-column: span 2;
        grid-row: span 3;
    }

    /* tall */
    .forminator-input, .forminator-field p {
        font-size: 14px !important;
        line-height: 16px !important;
    }

    .text-field label {
        margin-left: 14px !important;
        font-size: 14px !important;
    }

    .forminator-ui.forminator-custom-form[data-design=material] .forminator-floating--input {
        -webkit-transform: translateY(37px) !important;
        transform: translateY(37px) !important;
    }

    .forminator-ui.forminator-custom-form[data-grid=open] .forminator-col:not(:last-child) {
        margin-bottom: 0 !important;
    }

    .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child) {
        margin-bottom: 0 !important;
    }

    .vyber-bytov .forminator-checkbox {
        margin-right: 12px !important;
        margin-bottom: 12px !important;
        padding: 12px 20px;
    }


    .vyber-bytov .forminator-checkbox-label {
        font-size: 18px !important;
    }

    .forminator-row-last {
        margin-top: 0;
    }

    #kbrana-form .forminator-button-submit {
        margin-bottom: 0 !important;
        font-size: 18px !important;
        padding: 15px 30px !important;
        max-width: unset;
        width: fit-content;
    }

    .full-w-img-section {
        overflow-x: hidden;
    }


    .footer-gdpr li {
        font-size: 14px;
        line-height: 1.4em;
    }

    .mob-text-left {
        text-align: left;
    }

    .footer .kb-container {
        margin-inline: auto;
        width: var(--container);
    }

    .footer-brand img {
        width: auto;
        height: 74px;
        max-width: 230px;
    }

    .footer-claim,
    .footer .col-12.col-md-7 > p.text-lg {
        max-width: 330px;
    }

    .footer-website {
        font-size: 24px !important;
        line-height: 30px !important;
        overflow-wrap: anywhere;
    }

    .footer-contact-col {
        padding-left: 0;
    }

    .footer-contact-list {
        gap: 12px;
    }

    .footer-contact-link {
        gap: 16px;
        font-size: 24px !important;
        line-height: 24px !important;
        max-width: 100%;
    }

    .footer-contact-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .footer-contact-icon::before {
        width: 16px;
        height: 16px;
    }
    .footer-contact-link
    .footer-contact-icon img {
        width: 16px;
        height: 16px;
    }

    .footer-person {
        gap: 20px;
    }

    .footer-person-photo {
        width: 75px;
        height: 75px;
    }

    .footer-person-logo {
        height: 16px;
    }

    .footer-partners {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 16px;
    }

    .footer-partner {
        gap: 24px;
        flex-wrap: wrap;
    }

    .footer-partner img {
        width: auto;
        max-width: 112px;
        height: auto;
        max-height: 36px;
    }

    .footer-bottom-links .footer-list {
        align-items: flex-start;
        justify-content: flex-start !important;
        gap: 8px;
        padding-left: 0;
    }

    .hp-intro-side {
        padding-left: 0;
    }

    .hp-intro-arrow {
        height: 30px;
    }
    .hp-view-image {
        min-height: unset;
        aspect-ratio: auto;
    }

    .hp-view-cta {
        position: relative;
        left: 0;
        bottom: 0;
        gap: 10px;
        min-width: 0;
        min-height: 0;
        margin: 0;
        padding: 15px 10px;
        width: auto;
        max-width: 100%;
    }

    .hp-view-cta .kb-btn {
        white-space: nowrap;
        min-width: auto;
    }

    .hp-benefits {
        row-gap: 0;
    }

    .hp-benefit {
        gap: 10px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hp-benefit-icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .hp-contact-panel {
        border-radius: 36px;
        padding: 48px 24px;
    }

    .hp-contact-title {
        font-size: 52px;
    }

    .hp-contact-broker {
        gap: 20px;
    }

    .hp-contact-broker-photo {
        width: 75px;
        height: 75px;
        flex-basis: 75px;
    }

    .hp-contact-broker-logo {
        height: 16px;
    }
    .hp-contact-links, .flat-contact-links {
        gap: 12px;
    }

    .hp-contact-link, .flat-contact-link {
        gap: 16px;
        font-size: 24px;
        line-height: 1.1;
        word-break: break-word;
    }

    .hp-contact-icon, .flat-contact-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .hp-contact-icon::before, .flat-contact-icon::before {
        width: 16px;
        height: 16px;
    }

    .hp-contact-form .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child),
    .hp-contact-form .forminator-row {
        margin-bottom: 14px !important;
    }

    .hp-contact-form .forminator-input,
    .hp-contact-form .forminator-textarea {
        font-size: 17px !important;
        padding: 10px 8px !important;
    }

    #kbrana-form.hp-contact-form .forminator-button-submit,
    .hp-contact-form .forminator-button-submit {
        width: auto !important;
        min-width: 140px !important;
        padding: 12px 40px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        margin-bottom: 0 !important;
    }

    .hp-contact-form .forminator-ui.forminator-custom-form .forminator-row.forminator-row-last {
        margin-top: -20px;
        margin-bottom: 0 !important;
    }

    .hp-contact-form .forminator-checkbox__label, .hp-contact-form .forminator-checkbox-label, .hp-contact-form .forminator-field-consent .forminator-label, .hp-contact-form .forminator-consent__label p {
        font-size: 16px !important;
        line-height: 1 !important ;
    }

    .hp-contact-form .forminator-checkbox.forminator-consent .forminator-checkbox-box, .hp-contact-form .forminator-design--material .forminator-consent .forminator-checkbox-box {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px !important;
    }

    .hp-contact-form .forminator-error-message {
        font-size: 12px !important;
    }

    .hp-contact-form .forminator-textarea {
        min-height: 90px !important;
    }

    .hp-contact-form .forminator-label, .hp-contact-form .forminator-design--material .forminator-label:not([class*="forminator-floating-"]) {
        font-size: 17px !important;
        margin-bottom: 6px !important;
        font-weight: 500 !important;
    }

    .forminator-loading, .forminator-loading p, .forminator-loading span, .forminator-loading h3, .forminator-loading h4, .forminator-loading h5 {
        font-size: 17px !important;
    }
    .hp-contact-form .forminator-checkbox__label {
        margin-left: 8px !important;
        margin-top: -1px !important;
    }

    .hp-contact-benefits {
        align-items: flex-start !important;
        gap: 4px 16px;
    }

    .hp-location-title {
        font-size: 48px;
        line-height: 1;
    }

    .hp-location-text {
        font-size: 28px;
    }

    .hp-location-map-holder {
        overflow-x: auto;
        padding-bottom: 0;
    }

    .hp-location-map {
        min-width: 810px;
        min-height: 460px;
    }

    .hp-location-travel-bar {
        left: 5px;
        right: 5px;
        bottom: 12px;
        transform: none;
        width: calc(100% - 10px);
        max-width: none;
        margin: 0;
        flex-direction: column;
        align-items: flex-start !important;
        border-radius: 10px;
        padding: 10px 12px 16px;
        gap: 16px;
    }
    .hp-location-mask-icon-bike {
        width: 36px;
        height: 24px;
    }
    .hp-location-mask-icon-car {
        width: 24px;
        height: 24px;
    }

    .hp-location-mode {
        width: 48px;
        height: 48px;
    }

    .hp-location-travel-items {
        align-items: flex-start !important;
        gap: 8px 16px;
        justify-content: flex-start;
        padding-right: 0;
    }

    .hp-location-travel-item {
        font-size: 16px;
        white-space: normal;
        min-width: calc(50% - 9px);
        justify-content: space-between;
    }

    .hp-location-card.is-large .hp-location-card-image-holder,
    .hp-location-card.is-small .hp-location-card-image-holder {
        aspect-ratio: 4 / 3;
    }

    .hp-location-card-badge {
        left: 8px;
        top: 12px;
        min-height: 32px;
        padding: 6px 10px;
        font-size: 16px;
        gap: 10px;
    }
    .hp-location-mask-icon-clock {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
    }

    .hp-location-card-text {
        max-width: none;
    }

    .hp-gallery-title,
    .hp-gallery-cta-title {
        font-size: 52px;
    }

    .hp-gallery-content {
        gap: 0;
    }


    .hp-gallery-switch {
        max-width: calc(100vw - 32px);
    }

    .hp-gallery-switch-button {
        min-width: 110px;
        padding: 5px 20px 7px;
        font-size: 16px;
        font-weight: 500;
    }

    .hp-gallery-holder {
        padding-left: 0;
    }

    .hp-gallery-image {
        aspect-ratio: 4 / 3;
    }

    .hp-gallery-carousel.owl-carousel button.owl-dot {
        width: 12px;
        height: 12px;
    }
    .hp-gallery-carousel.owl-carousel .owl-dots {
        gap: 6px;
    }

    .hp-gallery-carousel .owl-nav {
        left: 8px;
        right: 8px;
        top: calc(50% - 24px);
    }

    .hp-gallery-carousel.owl-carousel .owl-nav button.owl-next,
    .hp-gallery-carousel.owl-carousel .owl-nav button.owl-prev {
        width: 32px;
        height: 32px;
    }

    .hp-gallery-carousel.owl-carousel .owl-nav button::before {
        width: 16px;
        height: 16px;
    }


    .hp-plan-phase {
        min-width: 80px;
        padding: 3px 8px 5px;
        font-size: 13px;
    }

    .hp-plan-timeline {
        width: 840px;
        height: auto;
        padding: 120px 0;
        margin-top: 24px;
        --plan-marker-size: 10px;
        --plan-track-gap: 6px;
        --plan-quarter-width: 50px;
    }

    .hp-plan-timeline-scroll {
        overflow-x: auto;
        width: auto;
        margin-inline: auto;
        padding-bottom: 8px;
        margin-right: -10px;
    }

    .hp-plan-milestone-content {
        max-width: 160px;
    }

    .hp-plan-year-label {
        right: calc(100% + 8px);
    }

    .hp-plan-year-marker:last-of-type .hp-plan-year-label {
        left: calc(100% + 8px);
    }

    .hp-plan-milestone-text {
        max-width: 80px;
    }

    .hp-developer-logo {
        width: auto;
    }


    .hp-developer-benefits {
        align-items: flex-start !important;
        gap: 8px 12px;
        flex-direction: column;
    }


    .hp-developer-project img {
        max-height: 32px;
        margin: auto;
    }

    .hp-developer-project {
        flex-basis: calc(50% - 12px);
        padding: 12px;
    }
    .hp-developer-projects {
        gap: 12px;
    }

    .lokalita-map-holder, .timeline-scroll-holder {
        overflow-y: scroll;
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 24px);
        max-width: unset;
        padding-bottom: 8px;
    }

    .lokalita-map-holder .content-img {
        min-width: 720px;
    }

    .lokalita-map-holder .kbrana-overview-holder {
        min-width: 1070px;
        padding: 0;
    }


    .hero-section {
        height: calc(100vh - 80px);
    }

    .hp-hero-section {
        min-height: 500px;
        height: calc(100svh - 105px);
        max-height: 200vw;
        justify-content: flex-end;
    }
    .page-hero-section {
        height: 50vh;
        min-height: 350px;
    }


    .hp-hero-meta {
        width: 100%;
        gap: 4px;
        flex-direction: row;
        flex-wrap: nowrap !important;
    }
    .hp-hero-meta span:not(:last-child)::after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 1em;
        margin-left: 4px;
        vertical-align: middle;
        background: currentColor;
    }


    .hp-hero-title {
        font-size: 70px;
        max-width: 500px;
        margin: auto;
    }

    .hp-hero-actions {
        gap: 10px;
    }

    .hp-hero-actions .kb-btn {
        min-width: 200px;
    }

    .first-section {
        padding-top: 102px;
    }

    .ponuka-bytov-icons {
        row-gap: 0;
    }

    .ponuka-bytov-icon-item {
        gap: 10px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .ponuka-bytov-icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .ponuka-bytov-icon-item p {
        max-width: none;
    }


    .building-letter {
        height: 33px;
        width: 33px;
    }

    .kbrana-overview-info {
        min-width: 135px;
        padding: 12px;
        top: 70.5%;
        left: 51%;
    }

    #byty_table_wrapper {
        overflow-y: scroll;
        margin-right: -10px;
        padding-bottom: 8px;
    }

    #byty_table {
        min-width: 980px;
        margin-right: 10px;
    }

    table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
        margin-left: 6px;
    }

    .d-lg-none.apartment-floor {
        display: none;
    }

    .select-container {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .select-container .column-container {
        width: 100% !important;
        padding-right: 0;
    }

    .dropdown-header {
        font-size: 18px;
        line-height: 18px;
        font-weight: 400;
    }

    .custom-select {
        font-size: 20px;
    }
    .custom-select.pad16 {
        padding: 16px !important;
    }
    .custom-select__arrow::before {
        width: 0.75em;
        height: 0.75em;
    }

    .custom-select__option {
        padding: 8px 16px;
        font-size: 18px;
    }
    .mob-dark-grey-line {
        border-top: 1px solid #938E89;
    }
    .room-filter-buttons {
        min-height: unset;
    }

    table.dataTable {
        font-size: 20px;
        font-weight: 500;
    }

    table.dataTable tbody th, table.dataTable tbody td {
        padding: 6px;
    }

    .flat-selection {
        max-width: 100%;
    }

    .mob-position-holder {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 12px;
        padding: 40px 15px 15px;
        order: 2;
    }

    .mob-position-holder .kbrana-schema-img {
        width: 120px;
    }

    .mob-position-holder .kbrana-schema-holder {
        position: relative;
        left: unset;
        top: unset;
        padding: 8px;
        width: calc(50% - 4px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .position, .single-poschodia .position {
        position: relative;
        bottom: 0;
        right: 0;
        top: unset;
        left: unset;
        order: 2;
        width: auto;
        flex: 0 0 auto;
        margin-left: auto;
    }
    .flat-select-popup .fs-popup-label {
        font-size: 18px;
    }
    .flat-select-popup .fs-popup-value {
        font-size: 18px;
        line-height: 1;
        padding: 3px 12px 6px;
        min-height: 26px;
        display: block;
        text-align: center;
    }
    .tooltip-value {
        min-width: 80px;
        padding: 2px 12px;
    }
    .tooltip-value.tooltip-flat-rooms {
        width: 27px;
        height: 27px;
        display: block;
        min-width: 27px;
        text-align: center;
        line-height: 1;
        padding: 3px 0 6px;
    }
    .current-floor-filter {
        min-height: unset;
    }

    .vyber-poschodia-sm {
        width: fit-content;
        display: flex;
        align-items: center;
        padding: 12px;
    }

    .mob-width-floor-select {
        max-width: 120px;
        margin: auto;
    }

    .breadcrumbs {
        gap: 5px;
    }

    .mob-floor-select-row {
        margin-right: -20px;
        margin-left: -20px;
    }


    * _ {
        border: 0.1px solid red;
    }

    .form-popup {
        padding: 56px 16px 32px;
    }


    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .lg-actions .lg-next:before, .lg-actions .lg-prev:after, .lg-toolbar .lg-icon:after {
        font-size: 24px;
        line-height: 48px;
        width: 48px;
        height: 48px;
    }

    .gallery-carousel .owl-nav {
        top: calc(50% - 24px);
        padding: 0 12px;
    }

    .single-byty .gallery-carousel.owl-carousel .owl-item img {
        aspect-ratio: unset;
        min-height: 640px;
    }
    .gallery-carousel.owl-carousel .owl-item img {
        aspect-ratio: unset;
        min-height: 68vw;
        max-height: 640px;
    }

    .lg-toolbar .lg-icon:after {
        font-size: 28px;
        line-height: 44px;
        padding: 0 0 48px 0 !important;
    }

    .lg-actions .lg-next,
    .lg-actions .lg-prev,
    .lg-toolbar .lg-close.lg-icon {
        width: 32px;
        height: 32px;
    }

    .lg-actions .lg-next:before,
    .lg-actions .lg-prev:after {
        width: 16px;
        height: 16px;
        font-size: 0;
        line-height: 1;
    }

    .lg-toolbar .lg-close.lg-icon:after {
        width: 16px;
        height: 16px;
        padding: 0 !important;
    }

    .gutter-y-16 {
        --bs-gutter-y: 16px;
    }

    .mob-flat-img-col {
        padding: 0 !important;
        margin-left: -8px;
        margin-right: -8px;
        width: calc(100% + 16px);
        max-width: unset;
    }

    .mob-flat-img-col .flat-image-holder {
        border-radius: 0;
        padding: 48px 40px 70px;
    }

    .dimensions-holder {
        position: relative;
        left: unset;
        top: unset;
        padding: 16px;
        border-radius: 8px;
        background: var(--kbrana-cream);
        margin: 8px;
        justify-content: center;
    }

    .switch-dimensions label {
        width: 72px;
        height: 36px;
        padding: 7px;
    }

    .switch-dimensions label::after {
        width: 22px;
        height: 22px;
    }

    .dimensions-holder .caption-dimensions {
        border-radius: 25px;
        font-size: 18px;
        line-height: 1em;
        padding: 9px 40px;
        font-weight: 400 !important;
    }

    .switch-dimensions input:checked ~ label::after {
        translate: 36px 0;
    }

    .tooltip-info {
        transform: unset;
    }

    .floor-selection-wrapper .flat-selection {
        margin-top: 120px;
    }

    .mob-flat-btns {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .mob-flat-btns .show-flat-tooltip {
        font-size: 16px;
        line-height: 1em;;
        padding: 8px;
        border-radius: 25px;
        background: var(--kbrana-white);
        color: var(--kbrana-black);
        display: inline-block;
        text-decoration: none;
        width: calc(25% - 6px);
        text-align: center;
    }

    .mob-flat-btns .show-flat-tooltip.active {
        background: rgba(221, 172, 139, 0.6);
    }

    .show-flat {
        font-size: 18px;
        line-height: 1em;;
        padding: 16px;
        border-radius: 25px;
        background: var(--kbrana-accent);
        color: var(--kbrana-black);
        display: inline-block;
        text-decoration: none;
        width: calc(100%);
        text-align: center;
        position: absolute;
        top: 0;
        opacity: 0;
        z-index: -1;
        transition: all .3s ease;
    }

    .show-flat.active {
        opacity: 1;
        z-index: 10;
    }

    .show-btn-holder {
        height: 0;
        transition: all .3s ease;
    }

    .show-btn-holder.active {
        height: 62px;
    }

    .floor-selection-wrapper .svgOverlay polygon:hover {
        fill: transparent !important;
    }

    .floor-selection-wrapper .svgOverlay polygon.active {
        fill: rgba(221, 172, 139, 0.6) !important;
    }

    .switch-holder {
        position: relative;
        left: unset;
        top: unset;
        background: var(--kbrana-cream);
        padding: 16px;
        border-radius: 8px;
        flex-direction: row;
        gap: 10px;
        margin-bottom: 12px;
        justify-content: space-between;
    }
    .room-filter-btn {
        width: 45px;
        height: 45px;
        font-size: 20px;
        padding: 0 0 3px;
        text-align: center;
    }

    .switch-holder .switch-dimensions label, .filter-switch-holder .switch-dimensions label {
        width: 64px;
        height: 32px;
        padding: 6px;
    }
    .filter-switch-holder .text-md {
        font-size: 24px;
    }

    .switch-holder .switch-dimensions label::after, .filter-switch-holder .switch-dimensions label::after {
        width: 20px;
        height: 20px;
    }

    .switch-holder .switch-dimensions input:checked ~ label::after,
    .filter-switch-holder .switch-dimensions input:checked ~ label::after{
        translate: 32px 0;
    }

    .switch-holder .switch-dimensions label {
        background: var(--kbrana-white);
    }

    .map-icon {
        width: 17px;
        height: 17px;
    }

    .switch-holder .map-icon {
        width: 24px;
        height: 24px;
    }

    .map-tooltip {
        padding: 12px 18px 16px 12px;
        border-radius: 12px;
    }

    .map-tooltip-icon {
        height: 16px;
        width: 16px;
    }

    .map-tooltip .tooltip-title {
        font-size: 12px;
    }

    .tooltip-info.map-tooltip:after {
        left: 12px;
        top: 14px;
    }

    .lokalita-map-holder .lokalita-points-holder {
        min-width: 720px;
        overflow: hidden;
    }

    .timeline-holder {
        min-width: 800px;
        margin-bottom: 8px;
        gap: 12px;
    }
    .timeline-item {
        width: calc(20% - 10px);
    }
    .mob-fs-16 {
        font-size: 16px;
    }
    .mob-fs-18 {
        font-size: 18px;
    }
    .mob-fs-19 {
        font-size: 19px;
    }
    .mob-fs-22 {
        font-size: 22px;
    }
    .mob-fs-30 {
        font-size: 30px;
    }

    .timeline-circle {
        width: 120px;
    }

    .timeline-item {
        gap: 16px;
    }
    .select-container .column-container {
        width: calc(50% - 8px) !important;
        padding-right: 0;
    }
    .mob-padright12 {
        padding-right: 12px;
    }
    .mob-padleft12 {
        padding-left: 12px;
    }

    .mob-padleft8 {
        padding-left: 8px;
    }
    .fs-img-mob {
        overflow: hidden;
        padding: 0 !important;
    }
    .fs-img-mob>.relative {
        min-width: 650px;
        margin-left: calc(50vw - 420px);
    }
    .fs-img-mob>.relative .svgOverlay {
        height: calc(100% - 83px) !important;
    }
    .mob-select-floor {
        display: block !important;
        position: relative;
        bottom: 0;
        width: 100vw !important;
        right: calc(50vw - 420px);
        z-index: 999;
        font-size: 20px;
        padding: 20px 12px 24px;
        background: var(--kbrana-accent);
        text-decoration: none;
        color: var(--kbrana-black);
        font-weight: 500;
    }
    .mob-select-floor::before {
        content: "";
        position: absolute;
        right: 20px;
        top: 32px;
        width: 0.6em;
        height: 0.6em;
        margin: 0;
        background-image: url(../../assets/img/kb-triangle.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transition: all .3s ease;
    }
    .mob-select-floor-line {
        display: block;
        height: 1px;
        background: var(--kbrana-black);
        margin-top: 8px;
    }
    .custom-select__label {
        padding-bottom: 4px;
    }
    .custom-select__trigger {
        border-width: 1px;
    }
    .header-left-col {
        min-width: unset;
    }

    .floor-btns {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-right: 20px;
        align-items: center;
    }
    a.floor-btn {
        display: block;
        height: 14px;
        width: 14px;
        background-color: var(--kbrana-accent);
        background-image: url('../img/kb-arrrow.svg');
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 50%;
    }
    a.floor-btn.floor-up {
        transform: none;
    }
    a.floor-btn.floor-down {
        transform: rotate(180deg);
    }
    a.floor-btn.disabled {
        cursor: default;
        pointer-events: none;
        opacity: 0.35;
    }

    .filter-switch-holder.pocet-izieb .switch-item {
        width: calc(33% - 10px);
    }
    .filter-controls {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        height: auto !important;
    }
    .filter-controls > .filter-switch-holder {
        height: auto;
        margin-right: auto;
        min-height: 45px;
    }
    .filter-extended-options {
        align-items: stretch !important;
        flex-direction: column;
        justify-content: flex-start !important;
        gap: 0;
        height: auto !important;
        width: 100%;
    }
    .filter-extended-options .extended-filter .col-12:last-of-type {
        padding-bottom: 0 !important;
    }
    .filter-extended-options > .text-sm {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        width: 100%;
        font-size: 20px;
    }
    .filter-extended-options .extended-filter {
        width: 100%;
        height: 0;
        max-height: none;
        overflow: hidden;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        transition: height 0.4s ease, margin-bottom 0.4s ease;
    }
    .filter-extended-options .extended-filter.open {
        max-height: none;
        margin-bottom: 24px;
    }
    .filter-extended-options .extended-filter .col-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .filter-extended-options .status-reset-holder {
        display: none !important;
    }
    .status-reset-holder .custom-select {
        width: 100%;
    }
    .extended-filter.open {
        max-height: 700px;
    }
    .table-reset-filter.mobile {
        display: inline-block !important;
        height: 20px;
        border: 0;
        padding: 0;
        margin-left: 24px;
        background: transparent !important;
        opacity: 0.6;
        width: auto;
    }

    .table-reset-filter img {
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-top: -2px
    }
    .news-holder {
        min-width: 860px;
        padding-right: 12px;
    }
    .news-item {
        padding: 8px 16px;
        width: calc(25% - 6px);
    }
    .col-news-holder {
        overflow: scroll;
        padding-bottom: 8px;
        max-width: unset;
        width: calc(100% + 12px);
    }

    .news-animation-holder {
        display: none;
    }

    .news-animation {
        top: 8px;
        bottom: 8px;
    }
    .orientation-img {
        width: 40px;
        height: 48px;
    }
    .view-top {
        top: 20px;
    }

    .view-bottom {
        bottom: 20px;
    }
    .orientation {
        bottom: 24px;
        right: 15px;
    }
    .single-poschodia .orientation {
        top: 20px;
        bottom: unset;
        right: 15px;
    }
    .view-right {
        right: 15px;
        top: calc(75% - 8px);
    }
    .view-left {
        left: 15px;
        top: calc(75% - 8px);
    }
    .fs-image-holder {
        position: relative;
        order: 1;
        padding: 76px 15px 40px;
    }

    .cta-phone-icon {
        display: block;
        width: 24px;
        height: 24px;
    }

    .cta-phone {
        max-width: 185px;
        padding: 12px 48px 12px 16px ;
        display: flex;
        align-items: flex-end;
        justify-content: space-evenly;
        gap: 16px;
    }
    .open-cta-phone {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 48px;
        height: 48px;
        background: var(--kbrana-green);
        border-radius: 50px;
        display: block;
        padding: 12px;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
    }
    .open-cta-phone.show {
        opacity: 1;
        visibility: visible;
    }

    .cta-phone-holder {
        bottom: 12px;
        right: 24px;
    }
    .mob-text18 {
        font-size: 18px;
    }
    .kbrana-schema-holder {
        left: 36px;
        top: 24px;
    }
    a.socials, p.socials {
        font-size: 14px;
    }
    .vyber-poschodia {
        overflow: hidden;
    }
    table.dataTable thead th, table.dataTable thead td {
        padding: 6px 6px 16px;
        line-height: 1em;
        min-width: 60px;
    }
    .table-status-pill {
        padding: 5px 20px 7px;
        font-size: 18px;
    }
    .floor-selection-wrapper .svgOverlay polygon.active {
        fill: rgba(221, 172, 139, 0.8) !important;
    }
    a.close-floor-select-popup, .fs-popup a.kb-btn {
        width: 100%;
    }
    .fs-popup-content {
        padding: 0 24px 24px;
    }
    .popup-black-line {
        padding-top: 20px;
        padding-bottom: 28px;
    }
    .flat-select-popup .popup-black-line {
        padding-bottom: 20px;
    }
    .floor-select-popup h6 {
        font-size: 26px;
    }
    a.popup-floor {
        font-size: 20px;
        padding: 16px 0;
        text-align: center;
    }

    .floor-selection-wrapper.flat-selection .svgOverlay polygon.available {
        fill: rgba(19, 72, 61, 0) !important;
    }

    .floor-selection-wrapper.flat-selection .svgOverlay polygon.available.active {
        fill: rgba(19, 72, 61, 0.5) !important;
    }
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.reserved {
        fill: rgba(221, 172, 139, 0.3) !important;
    }


    .floor-selection-wrapper.flat-selection .svgOverlay polygon.reserved.active {
        fill: rgba(221, 172, 139, 0.5) !important;
    }
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.sold {
        fill: rgba(184, 184, 184, 0.3) !important;
    }
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.sold.active {
        fill: rgba(184, 184, 184, 0.5) !important;
    }


    .home.scrolled .navbar .kbrana-logo {
        opacity: 1;
        visibility: visible;
    }
    .page-template-about-project.scrolled .navbar .kbrana-logo {
        opacity: 1;
        visibility: visible;
    }

    .single-byty .view-right {
        top: calc(50% - 8px);
    }
    .single-byty .view-left {
        top: calc(50% - 8px);
    }

    .three-column-holder {
        min-width: 1000px;
        overflow-y: scroll;
        padding-right: 8px;
        padding-bottom: 8px;
        gap: 8px;
    }
    .column-hover {
        height: 240px;
        min-height: unset;
        width: calc(33.33% - 3.5px );
        padding: 24px 16px;
    }
    .column-hover.load-bg-image .col-bg-img {
        opacity: 0;
    }
    .column-hover.load-bg-image .text-lg, .column-hover.load-bg-image .text-md {
        color: var(--kbrana-black);
    }
    .page-template-about-project .hero-row {
        width: 100%;
        margin-right: 0 !important;
    }
    .mob-about-project-title {
        max-width: 400px;
        position: relative;
        top: -6px;
    }
    .town-culture {
        grid-auto-rows: 70px;
    }

    .town-culture .card {
        justify-content: space-between;
    }
    .col-middle {
        grid-column: span 2;
    }
    .col-left {
        grid-column: span 2;
    }
    .kbrana-numbers {
        grid-template-columns: repeat(8, 1fr);
        min-width: 1200px;
    }
    .mob-bg-kbrana-white {
        background-color: var(--kbrana-white);
    }
    .about-ls-holder {
        z-index: 1;
    }
    .news-icon-link_ {
        display: none;
    }
    .mar-col-news-img {
        margin: 0;
    }

    .mar-col-news-img img.news-img {
        margin-right: -4px;
        margin-left: -4px;
        max-width: calc(100% + 8px);
        border-radius: 0 0 8px 8px;
        position: relative;
        height: auto;
    }

    .page-404-wrapper .top img {
        margin-left: -10px;
        margin-right: -10px;
    }

    body .cky-box-bottom-left {
        bottom: 12px;
        left: 12px;
    }
    body .cky-custom-brand-logo-wrapper, body .cky-notice .cky-title, body .cky-notice-des, body .cky-notice-btn-wrapper {
        padding: 0;
    }
    .cky-consent-container .cky-consent-bar {
        padding: 24px 24px 12px !important;
        border-radius: 8px !important;
    }
    .cky-preference-center {
        padding: 24px 24px 12px !important;
        border-radius: 8px !important;
    }
    .cky-consent-container {
        max-width: calc(100vw - 24px) !important;
    }

    .lg-actions .lg-next, .lg-actions .lg-prev {
        top: calc(50% - 16px);
    }
    .mob-gallery-holder-row {
        margin-right: -8px;
        margin-left: -8px;
    }
    .dimensions-holder .caption-dimensions {
        cursor: pointer;
    }
    .lang-en    .floor-btns {
        min-width: fit-content;
    }
    .lang-en .grid_kbrana.town-culture {
        grid-auto-rows: 80px;
    }
    .lg-close.lg-icon {
        margin-right: 23px;
        margin-top: 14px;
    }
    .map-tooltip {
        min-width: 100px;
    }
    .floor-selection .floor-selection-wrapper .svgOverlay polygon:hover,
    .floor-selection .floor-selection-wrapper .svgOverlay polygon.active {
        fill: rgba(19, 72, 61, 0.5) !important;
        mix-blend-mode: unset;
    }
    .lang-en .mob-about-project-title {
        max-width: 380px;
    }
    .parallax-img {
        height: calc(100% + 36px);
    }


    .parallax {
        background-size: cover;
    }

    .big-block-headlines {
        padding-bottom: 16px !important;
    }


    .lokalita-points-holder .map-icon {
        width: 19px;
        height: 19px;
    }

    .forminator-custom-form #html-1 {
        left: 150px;
        bottom: 10px;
        max-width: 300px;
    }
    div#consent-1 {
        margin-top: 16px;
    }
    .lang-en .forminator-custom-form #html-1 {
        left: 120px;
    }
    .kbrana-logo {
        height: 70px;
        z-index: 9999;
    }
    .min-h500 {
        min-height: 180px;
    }
    .mar-col-news-img {
        transform: translateX(4px);
    }
    .mar-col-news-img img.news-img {
        margin-right: 0 !important;
        margin-left: 0 !important;
        max-width: calc(100%) !important;
    }
    .news-icon-link {
        top: 16px;
        right: 16px;
        height: 35px;
        width: 35px;
    }
    .news-icon-link {
        display: block !important;
    }
    .news-icon-link-fb {
        display: flex !important;
        width: fit-content !important;
        min-width: 35px;
        overflow: hidden;
        transition: all .3s ease;
    }
    .news-icon-link-fb img {
        width: 17px;
        height: 17px;
    }
    .news-icon-link-fb:hover .open-fb {
        padding: 0 8px 0 16px;
    }
    .padright-news-link {
        padding-right: 20px;
    }
    .g64, .gx64,
    .g48, .gx48 {
        --bs-gutter-x: var(--fluid-15);
    }
    .close-popup-btn {
        right: 12px;
        top: 12px;
        width: 32px;
        height: 32px;
    }
    .close-popup-btn::before {
        width: 20px;
        height: 20px;
    }
    .hp-gallery-panel {
        margin-right: -10px;
        width: calc(100% + 10px);
    }
    .hp-gallery-carousel.owl-carousel .owl-dots {
        padding-right: 0;
        padding-top: 16px;
    }














    .floor-view-marker {
        max-width: 32px;
        gap: 4px;
    }
    .floor-view-marker .text-xs {
        font-size: 13px;
    }
    .floor-view-icon {
        width: 24px;
        height: 24px;
    }
    .floor-view-top {
        top: 20px;
    }
    .floor-view-bottom {
        bottom: 0;
    }
    .floor-view-left, .floor-view-right {
        display: none;
    }
    .floor-status-legend {
        position: static;
        order: 1;
        flex: 0 1 auto;
        max-width: none;
        gap: 4px;
    }
    .floor-status-item {
        font-size: 14px;
        font-weight: 500;
        gap: 12px;
    }
    .floor-status-dot {
        width: 24px;
        height: 24px;
        font-size: 14px;
        line-height: 1em;
        padding: 4px 0 6px;
    }
    .single-poschodia .vyber-poschodia-sm .floor-map-holder {
        width: 190px;
    }
    .single-poschodia .position .vyber-poschodia-sm {
        gap: 4px;
    }
    .flat-sel-holder {
        display: flex;
        flex-direction: column;
        margin: 0 -10px;
    }
    .flat-detail-hero .kb-container {
        display: flex;
        flex-direction: column;
    }
    .flat-detail-hero .kb-container > .row:first-child {
        order: 1;
    }
    .flat-detail-main {
        order: 2;
    }
    .flat-detail-plan-column {
        order: 2;
    }
    .flat-detail-stats-column {
        order: 2;
    }
    .flat-detail-stats {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        row-gap: 18px;
    }

    .flat-detail-stat {
        grid-column: span 2;
    }

    .flat-detail-stat:last-child {
        grid-column: span 3;
    }
    .flat-detail-contact-column {
        order: 4;
    }
    .flat-detail-stat {
        min-width: 0;
        padding: 0 10px;
    }
    .flat-detail-stat strong {
        font-size: var(--fluid-40);
    }
    .flat-plan-card {
        padding: 44px 28px 75px;
        border-radius: 20px;
    }
    .flat-plan-card .orientation {
        bottom: 15px;
    }
    .flat-plan-media.flat-img {
        margin: 0;
    }
    .flat-status-pill {
        top: unset;
        left: unset;
        position: relative;
        font-size: 16px;
        line-height: 1;
        padding: 7px 16px 9px;
        font-weight: 500;
        display: block;
        width: fit-content;
    }
    .flat-download-btn {
        left: unset;
        bottom: unset;
        position: relative;
    }
    .flat-plan-media {
        width: 100%;
    }
    .contact-page-content {
        margin-top: var(--fluid-48);
    }
    .contact-info-card {
        gap: 16px;
    }
    .contact-info-secondary {
        gap: 16px;
        margin-top: 0;
    }
    .news-page-copy {
        max-width: none;
    }
    .flat-tabs-nav {
        gap: 20px;
        margin-bottom: 24px;
    }
    .flat-tabs-nav > .headline4 {
        font-size: 27px;
    }
    .flat-standard-image {
        min-height:unset;
    }
    .flat-standard-point {
        max-width: 160px;
        padding: 8px 8px 8px 12px;
        gap: 10px;
        font-size: 14px;
        white-space: normal;
    }
    .page-media-direction {
        max-width: 160px;
        padding: 8px 8px 8px 12px;
        gap: 10px;
        font-size: 14px;
        white-space: normal;
    }
    .page-media-direction-icon {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
        margin-left: 0;
    }
    .flat-standard-point::before {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
        margin-left: 0;
    }

    .hp-location-map-holder,
    .page-flex-location .hp-location-map-holder {
        overflow: hidden;
    }
    .page-flex-location-map-scroll {
        width: 100%;
        overflow-x: auto;
    }
    .flat-contact-broker-photo {
        width: 75px;
        height: 75px;
    }
    .page-flex-media,
    .page-flex-media-wide {
        aspect-ratio: 4 / 3;
    }
    .flat-cta-card {
        grid-template-columns: 1fr;
    }
    .hp-intro-image-side {
        aspect-ratio: 1;
    }
    .mob-h-auto {
        height: auto !important;
    }
    .flat-mob-btn-holder {
        flex-direction: column;
        gap: 8px;
        align-items: center;
    }
    .flat-mob-btn-holder a.kb-btn {
        display: inline-flex;
        min-width: 200px;
    }
    .flat-contact-card {
        padding: 32px 16px;
        border-radius: 20px;
    }
    .flat-contact-broker-logo {
        height: 16px;
        width: auto;
    }
    .flat-contact-card .hp-contact-benefit p, .flat-cta-card .hp-contact-benefit p {
        font-size: 12px;
        font-weight: 500;
    }
    .flat-tab-btn {
        padding: 0 0 2px;
    }
    .flat-standard-media {
        margin: 0 -10px;
        width: auto;
    }
    .flat-financing-item {
        padding-left: 10px;
        margin-left: 6px;
    }
    .mob-minw200 {
        min-width: 200px !important;
    }
    .page-media-point {
        white-space: nowrap;
    }
    .page-flex-media-grid .page-media-point {
        display: none;
    }
    .kb-btn-border, a.kb-btn-border {
        border-width: 1px;
    }
    .contact-info-item {
        padding-left: 10px;
    }
    .mobile-menu .menu-item-header-cta > a {
        font-size: 18px;
        line-height: 1;
        padding: 7px 16px 9px;
        min-width: 200px;
        margin-top: 10px;
    }
    #mobile-menu::before {
        content: "";
        display: block;
        background: var(--kbrana-cream-light);
        position: fixed;
        width: 100%;
        height: 102px;
        top: 0;
        left: inherit;
        transition: inherit;
        z-index: 9;
    }

    #kbrana-form.hp-contact-form .forminator-row.forminator-row-last {
        margin-top: 12px !important;
    }
    .owl-carousel .owl-stage {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .hp-video-sound-toggle {
        left: 12px;
        top: 12px;
        width: 24px;
        height: 24px;
    }

    .kb-container.floor-selection {
        width: 100%;
    }
}

/* Google map is responsive itself; image-map mobile width rules must not apply. */
.kbrana-google-map {
    min-width: 0 !important;
}

@media (max-width: 767px) {
    .kbrana-google-map {
        min-height: 520px;
        aspect-ratio: auto;
    }

    .kbrana-map-project-name {
        font-size: 29px;
    }

    .kbrana-map-place-marker {
        --kbrana-map-place-icon-size: 40px;
    }
    .kbrana-map-place-icon img {
        width: 20px;
        height: 20px;
    }

    .kbrana-map-place-title {
        font-size: 14px;
    }
}
@media only screen and (max-width: 389px) {
    .ponuka-bytov-icon-item .text-sm, .ponuka-bytov-icon-item .mob-text-sm {
        font-size: 16px;
    }
}
/* Extra small mobile: up to 450px */
@media only screen and (max-width: 450px) {
    .vyber-bytov .forminator-checkbox {
        width: calc(50% - 6px);
    }
    .vyber-bytov .forminator-checkbox:nth-of-type(even) {
        margin-right: 0 !important;
    }
    #kbrana-form .forminator-button-submit {
        width: 100% !important;
    }
    .select-container .column-container {
        width: 100% !important;
        padding-right: 0;
    }
    .forminator-custom-form #html-1, .lang-en .forminator-custom-form #html-1 {
        left: 20px;
    }
    a.socials, p.socials {
        margin-right: 12px;
    }
    .socials-holder a.socials:last-of-type {
        margin-right: 0;
    }
    .kb-container.floor-selection {
        width: 100%;
    }
    .hp-contact-form .forminator-checkbox__label {
        margin-top: -4px !important;
    }


}

@media only screen and (max-width: 575px) {
    .form-popup {
        width: calc(100vw - 48px);
    }

}
@media (min-width: 576px) and (max-width: 767px) {
    .hp-hero-title {
        font-size: 110px;
    }
    .hp-benefit-icon, .ponuka-bytov-icon {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }
    .hp-benefit .text-md, .ponuka-bytov-icon-item .text-sm {
        font-size: 18px;
    }
    .filter-extended-options > .text-sm {
        justify-content: flex-start;
        gap: 32px;
    }
    .kb-btn, a.kb-btn {
        min-width: 160px;
        font-size: 20px;
        padding: 11px 24px 13px;
    }
    .hp-intro-arrow {
        height: 52px;
    }


    .headline2 {
        font-size: 52px;
    }

    .headline3 {
        font-size: 48px;
    }

    .headline4 {
        font-size: 36px;
    }


    .text-xs {
        font-size: 17px;
    }

    .text-sm {
        font-size: 20px;
    }

    .text-md {
        font-size: 24px;
    }

    .text-lg {
        font-size: 28px;
    }
    #kbrana-form.hp-contact-form .forminator-button-submit, .hp-contact-form .forminator-button-submit {
        min-width: 160px !important;
        padding: 12px 24px !important;
        font-size: 18px !important;
    }
    .hp-gallery-switch-button {
        min-width: 100px;
        padding: 6px 24px;
    }
    .hp-plan-timeline {
        padding: 120px 0;
        margin-top: 36px;
    }
    .ponuka-bytov-icons {
        max-width: unset;
    }
    .flat-select-popup .fs-popup-label {
        font-size: 20px;
    }
    .flat-select-popup .fs-popup-value {
        font-size: 20px;
    }
    .floor-status-item {
        font-size: 1em;
    }

    .flat-plan-card {
        padding: 44px 16px 96px;
    }
    .flat-plan-card .orientation-img {
        width: 52px;
        height: 64px;
    }
    .flat-tabs-nav > .headline4 {
        font-size: 30px;
    }
    .flat-tabs-nav {
        gap: 32px;
    }
    .flat-standard-point {
        padding: 8px 12px 8px 8px;
        gap: 8px;
        font-size: 15px;
    }
    .flat-standard-point::before {
        width: 12px;
        height: 16px;
        flex-basis: 12px;
    }
    .page-flex-overlap-small .flat-standard-point {
        max-width: unset;
    }

}


/* Tablet and up: from 768px */
@media (min-width: 768px) {
    .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row .forminator-no-margin .forminator-col {
        margin-bottom: 8px  !important;
    }
    .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
        margin-bottom: var(--fluid-16);
    }
    .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row .forminator-no-margin {
        margin-bottom: calc(-1 * var(--fluid-16) ) !important;
    }
    .forminator-ui.forminator-custom-form[data-design=material]:not(.forminator-size--small) .forminator-response-message {
        margin-bottom: 0 !important;
    }

	.negative-margin {
		margin-top: -40px;
	}
}

/* Tablet range: 768px to 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* general start */

    :root {
        --radius: 12px;
        --gap: 16px;
        --container: calc(100vw - 40px);
        --kb-container: var(--container);
    }
    body {
        width: 100vw !important;
        overflow-x: hidden !important;
        margin: 0;
        padding: 0;
    }
    .kb-container {
        width: var(--container);
    }
    .g32,
    .g48,
    .g64,
    .gx32,
    .gx48,
    .gx64 {
        --bs-gutter-x: 24px;
    }

    .g32,
    .g48,
    .g64,
    .gy32,
    .gy48,
    .gy64 {
        --bs-gutter-y: 24px;
    }
    .tab-g20 {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }
    .tab-gx20 {
        --bs-gutter-x: 20px;
    }
    .headline2 {
        font-size: 60px;
    }

    .headline3 {
        font-size: 48px;
    }

    .headline4 {
        font-size: 40px;
    }

    .text-12 {
        font-size: 12px;
    }

    .text-xxs {
        font-size: 14px;
    }

    .text-xs {
        font-size: 17px;
    }

    .text-sm {
        font-size: 20px;
    }

    .text-md {
        font-size: 24px;
    }

    .text-lg {
        font-size: 32px;
    }

    .text-xl {
        font-size: 48px;
    }

    .text-perex {
        font-size: 40px;
    }

    .text-hero {
        font-size: 96px;
    }
    .tab-text16 {
        font-size: 16px;
    }

    .pad0,
    .padtop0,
    .padbot0,
    .padx0 {
        padding: 0;
    }

    .padall12 {
        padding: 7px;
    }

    .pad16 {
        padding: 10px;
    }

    .padall20 {
        padding: 12px;
    }

    .padall24 {
        padding: 14px;
    }

    .pad36 {
        padding: 22px;
    }

    .pad48,
    .padall48 {
        padding: 29px;
    }

    .padall40 {
        padding: 24px;
    }

    .padall64 {
        padding: 24px;
    }

    .padall96 {
        padding: 32px;
    }

    .padtop4 {
        padding-top: 2px;
    }

    .padtop8 {
        padding-top: 5px;
    }

    .padtop12 {
        padding-top: 7px;
    }

    .padtop16 {
        padding-top: 10px;
    }

    .padtop20 {
        padding-top: 12px;
    }

    .padtop24 {
        padding-top: 14px;
    }

    .padtop32 {
        padding-top: 19px;
    }

    .padtop36 {
        padding-top: 22px;
    }

    .padtop40 {
        padding-top: 24px;
    }

    .padtop48 {
        padding-top: 26px;
    }

    .padtop56 {
        padding-top: 34px;
    }

    .padtop64 {
        padding-top: 38px;
    }

    .padtop72 {
        padding-top: 43px;
    }

    .padtop80 {
        padding-top: 48px;
    }

    .padtop88 {
        padding-top: 53px;
    }

    .padtop96 {
        padding-top: 58px;
    }

    .padtop104 {
        padding-top: 62px;
    }

    .padtop112 {
        padding-top: 67px;
    }

    .padtop120 {
        padding-top: 72px;
    }

    .padtop160 {
        padding-top: 96px;
    }

    .padtop192 {
        padding-top: 115px;
    }

    .padbot4 {
        padding-bottom: 2px;
    }

    .padbot8 {
        padding-bottom: 8px;
    }

    .padbot12 {
        padding-bottom: 7px;
    }

    .padbot16 {
        padding-bottom: 10px;
    }

    .padbot20 {
        padding-bottom: 12px;
    }

    .padbot24 {
        padding-bottom: 14px;
    }

    .padbot32 {
        padding-bottom: 19px;
    }

    .padbot36 {
        padding-bottom: 22px;
    }

    .padbot40 {
        padding-bottom: 24px;
    }

    .padbot48 {
        padding-bottom: 29px;
    }

    .padbot56 {
        padding-bottom: 34px;
    }

    .padbot64 {
        padding-bottom: 38px;
    }

    .padbot72 {
        padding-bottom: 43px;
    }

    .padbot80 {
        padding-bottom: 48px;
    }

    .padbot88 {
        padding-bottom: 53px;
    }

    .padbot96 {
        padding-bottom: 58px;
    }

    .padbot104 {
        padding-bottom: 62px;
    }

    .padbot112 {
        padding-bottom: 67px;
    }

    .padbot120 {
        padding-bottom: 72px;
    }

    .padbot160 {
        padding-bottom: 96px;
    }

    .padbot240 {
        padding-bottom: 144px;
    }

    .martop0 {
        margin-top: 0;
    }

    .martop4 {
        margin-top: 2px;
    }

    .martop8 {
        margin-top: 5px;
    }

    .martop12 {
        margin-top: 7px;
    }

    .martop16 {
        margin-top: 10px;
    }

    .martop20 {
        margin-top: 12px;
    }

    .martop24 {
        margin-top: 14px;
    }

    .martop32 {
        margin-top: 19px;
    }

    .martop40 {
        margin-top: 24px;
    }

    .martop48 {
        margin-top: 29px;
    }

    .martop56 {
        margin-top: 34px;
    }

    .martop64 {
        margin-top: 38px;
    }

    .martop72 {
        margin-top: 43px;
    }

    .martop80 {
        margin-top: 48px;
    }

    .martop88 {
        margin-top: 53px;
    }

    .martop96 {
        margin-top: 58px;
    }

    .martop104 {
        margin-top: 62px;
    }

    .martop112 {
        margin-top: 67px;
    }

    .martop120 {
        margin-top: 72px;
    }

    .martop200 {
        margin-top: 120px;
    }

    .martop-auto {
        margin-top: auto;
    }

    .marbot0 {
        margin-bottom: 0;
    }

    .marbot4 {
        margin-bottom: 2px;
    }

    .marbot8 {
        margin-bottom: 5px;
    }

    .marbot12 {
        margin-bottom: 7px;
    }

    .marbot16 {
        margin-bottom: 10px;
    }

    .marbot20 {
        margin-bottom: 12px;
    }

    .marbot24 {
        margin-bottom: 14px;
    }

    .marbot32 {
        margin-bottom: 19px;
    }

    .marbot40 {
        margin-bottom: 24px;
    }

    .marbot48 {
        margin-bottom: 29px;
    }

    .marbot56 {
        margin-bottom: 34px;
    }

    .marbot64 {
        margin-bottom: 38px;
    }

    .marbot72 {
        margin-bottom: 43px;
    }

    .marbot80 {
        margin-bottom: 48px;
    }

    .marbot88 {
        margin-bottom: 53px;
    }

    .marbot96 {
        margin-bottom: 58px;
    }

    .marbot104 {
        margin-bottom: 62px;
    }

    .marbot112 {
        margin-bottom: 67px;
    }

    .marbot120 {
        margin-bottom: 72px;
    }

    .margin-all-0 {
        margin: 0;
    }

    .marleftmin40 {
        margin-left: -20px;
    }

    .marrightmin40 {
        margin-right: -20px;
    }

    .padleft0,
    .kb-container .row.padleft0 {
        padding-left: 0;
    }

    .padright0,
    .kb-container .row.padright0 {
        padding-right: 0;
    }

    .padleft12 {
        padding-left: 7px;
    }

    .padleft16 {
        padding-left: 10px;
    }

    .padleft24 {
        padding-left: 14px;
    }

    .padleft32 {
        padding-left: 19px;
    }

    .padleft36 {
        padding-left: 22px;
    }

    .padleft65 {
        padding-left: 39px;
    }

    .padleft80 {
        padding-left: 48px;
    }

    .padleft105 {
        padding-left: 63px;
    }

    .padleft120 {
        padding-left: 72px;
    }

    .padright12 {
        padding-right: 7px;
    }

    .padright32 {
        padding-right: 19px;
    }

    .padright36 {
        padding-right: 22px;
    }

    .padright48 {
        padding-right: 29px;
    }

    .padright96 {
        padding-right: 58px;
    }

    .padright120 {
        padding-right: 72px;
    }

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

    .padx12 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .padx20 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .padx24 {
        padding-left: 14px;
        padding-right: 14px;
    }

    .padx35 {
        padding-left: 21px;
        padding-right: 21px;
    }

    .padx56 {
        padding-left: 34px;
        padding-right: 34px;
    }

    .padx80 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .padx104 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .padx112 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .tab-pad32 {
        padding: 32px;
    }

    .tab-padtop0 {
        padding-top: 0;
    }
    .tab-padtop24 {
        padding-top: 24px;
    }
    .tab-padtop32 {
        padding-top: 32px;
    }
    .tab-padtop48 {
        padding-top: 48px;
    }
    .tab-padtop60 {
        padding-top: 60px;
    }

    .tab-padbot0 {
        padding-bottom: 0;
    }
    .tab-padbot12 {
        padding-bottom: 12px;
    }
    .tab-padbot16 {
        padding-bottom: 16px;
    }
    .tab-padbot24 {
        padding-bottom: 24px;
    }
    .tab-padbot40 {
        padding-bottom: 40px;
    }
    .tab-padbot48 {
        padding-bottom: 48px;
    }
    .tab-padbot60 {
        padding-bottom: 60px;
    }

    .content-img {
        min-height: 500px;
    }


    .navbar .main-menu {
        display: none !important;
    }
    .tab-d-none {
        display: none !important;
    }

    .tab-d-block {
        display: block !important;
    }

    .tab-d-flex {
        display: flex !important;
    }
    .tab-text-left {
        text-align: left !important;
    }
    ul.footer-list {
        gap: 12px;
    }




    .hp-contact-form .forminator-row {
        margin-bottom: 16px !important;
    }

    .footer-contact-col {
        padding-left: 0;
    }

    .footer-contact-link {
        gap: 12px;
        font-size: 20px;
        line-height: 24px;
    }

    .footer-contact-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .footer-contact-icon img {
        width: 18px;
        height: 18px;
    }

    .footer-contact-icon::before {
        width: 18px;
        height: 18px;
    }

    .footer-partners {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 18px;
    }

    .footer-partner {
        gap: 12px;
        flex-wrap: wrap;
    }

    .footer-partner img {
        width: auto;
        max-width: 120px;
        height: 36px;
    }

    .hp-intro-side {
        padding-left: 0;
    }

    .hp-view-cta {
        gap: 28px;
        min-width: min(760px, calc(100vw - 48px));
    }

    .hp-benefit {
        gap: 16px;
    }
    .hp-benefit .text-md {
        font-size: 23px;
    }

    .hp-benefit-icon {
        width: 64px;
        height: 64px;
        flex-basis: 64px;
    }

    .hp-contact-panel {
        border-radius: 48px;
        padding: 72px 56px;
    }

    .hp-contact-benefits {
        gap: 8px 16px;
    }

    .hp-hero-section {
        min-height: 720px;
    }

    .hp-hero-content {
        margin-top: 88px;
    }

    .hp-hero-meta {
        gap: 16px;
    }

    .hp-hero-meta span:not(:last-child)::after {
        height: 22px;
        margin-left: 16px;
    }

    .hp-hero-title {
        font-size: 148px;
    }

    .hp-hero-actions {
        gap: 20px;
    }

    .kb-btn, a.kb-btn {
        min-width: 200px;
        padding: 9px 40px 11px;
        font-size: 20px;
    }

    .hp-view-image {
        min-height: 520px;
    }

    .hp-view-cta {
        left: 24px;
        bottom: 24px;
        width: calc(100% - 48px);
        max-width: 720px;
        padding: 20px 24px;
        gap: 24px;
    }


    .hp-benefits {
        row-gap: 48px;
        max-width: 800px;
        margin: auto;
    }

    .hp-location-map-holder {
        overflow: hidden;
    }

    .page-flex-location-map-scroll {
        width: 100%;
        overflow-x: auto;
    }

    .hp-location-map {
        min-width: 980px;
        min-height: 560px;
    }

    .hp-location-travel-bar {
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
        width:max-content;
        max-width: calc(100% - 40px);
        gap: 15px;
        padding: 12px;
        border-radius: 16px;
        margin: auto;
    }

    .hp-location-travel-items {
        gap: 10px 16px;
        padding-right: 0;
    }

    .hp-location-travel-item {
        font-size: 16px;
    }

    .hp-location-card-badge {
        left: 16px;
        top: 16px;
        font-size: 17px;
    }

    .hp-gallery-switch-button {
        min-width: 112px;
        padding: 6px 20px;
    }

    .hp-gallery-holder {
        padding-left: 0;
    }

    .hp-gallery-carousel .owl-nav {
        left: 20px;
        right: 20px;
        top: calc(50% - 30px);
    }
    .hp-gallery-carousel.owl-carousel .owl-dots {
        padding-top: 20px;
        padding-right: 20px;
    }

    .hp-gallery-carousel.owl-carousel .owl-nav button.owl-next,
    .hp-gallery-carousel.owl-carousel .owl-nav button.owl-prev {
        width: 40px;
        height: 40px;
    }

    .hp-gallery-carousel.owl-carousel .owl-nav button::before {
        width: 20px;
        height: 20px;
    }

    .lg-actions .lg-next,
    .lg-actions .lg-prev,
    .lg-toolbar .lg-close.lg-icon,
    .close-popup-btn {
        width: 40px;
        height: 40px;
    }

    .lg-actions .lg-next:before,
    .lg-actions .lg-prev:after,
    .lg-toolbar .lg-close.lg-icon:after,
    .close-popup-btn::before {
        width: 20px;
        height: 20px;
    }

    .hp-plan-timeline-scroll {
        overflow-x: auto;
        margin-right: -20px;
        padding-bottom: 8px;
    }

    .hp-plan-timeline {
        width: 980px;
        max-width: none;
        padding: 128px 0;
        margin-top: 48px;
        --plan-marker-size: 10px;
        --plan-track-gap: 6px;
        --plan-quarter-width: 62px;
    }

    .hp-plan-milestone-content {
        max-width: 150px;
    }

    .hp-plan-milestone-text {
        max-width: 120px;
        font-size: 22px;
    }

    .hp-developer-logo {
        height: 52px;
    }

    .hp-developer-projects {
        gap: 16px;
    }

    .hp-developer-project {
        flex: 0 1 calc(33.333% - 22px);
        min-width: calc(33.333% - 22px);
        padding: 12px;
    }

    .hp-developer-project img {
        max-height: 28px;
        max-width: 120px;
        margin: auto;
    }

    .lokalita-map-holder .content-img {
        height: auto;
        min-height: unset;
    }
    .full-w-img-animation {
        top: 60px;
        bottom: 60px;
    }
    .tab-span-2x6 {
        grid-column: span 2;
        grid-row: span 6;
    }

    .tab-span-2x3 {
        grid-column: span 2;
        grid-row: span 3;
    }

    .grid_kbrana {
        grid-auto-rows: 80px;
    }


    .vyber-bytov .forminator-checkbox {
        padding: 7px 16px;
        font-size: 16px;
        margin-right: 12px !important;
        margin-bottom: 12px !important;
    }
    ul.mobile-menu {
        gap: 18px;
    }
    .mobile-menu a {
        font-size: 26px;
        line-height: 1;
        padding: 0;
    }
    .mobile-menu .menu-item-header-cta > a {
        font-size: 24px;
        line-height: 1;
        min-height: 54px;
        padding: 11px 36px 13px;
    }
    div#mobile-menu {
        padding: 140px 20px 32px;
    }
    .mobile-menu-holder {
        min-height: calc(100dvh - 172px);
        gap: 48px;
    }
    .mobile-menu-contact-list {
        gap: 16px;
    }
    .mobile-menu-contact-link {
        gap: 12px;
        font-size: 20px;
        line-height: 1.1;
    }
    .mobile-menu-contact-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }
    .mobile-menu-contact-icon::before {
        width: 16px;
        height: 16px;
    }

    .card-grid-inner img {
        max-height: 150px;
    }
    .d-lg-none.apartment-floor {
        display: none;
    }

    .table-container {
        min-width: 1300px;
        padding-right: 20px;
    }
    .table-holder-row {
        overflow-x: scroll;
        padding-bottom: 8px;
        padding-right: 0 !important;
        margin-right: -20px;
    }
    .building-letter {
        height: 33px;
        width: 33px;
    }

    .kbrana-overview-info {
        min-width: 150px;
        padding: 12px;
    }
    .timeline-circle {
        width: 150px;
    }

    .timeline-item {
        gap: 16px;
    }
    .timeline-holder {
        min-width: 900px;
        margin-bottom: 8px;
    }
    .timeline-scroll-holder {
        overflow-y: scroll;
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
        max-width: unset;
        padding-bottom: 8px;
    }
    .switch-holder {
        left: 16px;
        top: 16px;
        padding: 12px;
        gap: 8px;
    }

    .first-section {
        padding-top: 84px;
    }
    .flat-sel-holder {
        display: flex;
        flex-direction: column;
    }
    .mob-position-holder {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 16px;
        padding: 16px 24px 24px;
        order: 2;
    }

    .mob-position-holder .kbrana-schema-img {
        width: 120px;
    }

    .mob-position-holder .kbrana-schema-holder {
        position: relative;
        left: unset;
        top: unset;
        padding: 8px;
        width: calc(50% - 4px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .position, .single-poschodia .position {
        position: relative;
        bottom: unset;
        left: unset;
        top: unset;
        order: 2;
        width: auto;
        flex: 0 0 auto;
        margin-left: auto;
    }

    .vyber-poschodia-sm {
        margin-left: 0;
    }

    .mob-width-floor-select {
        max-width: 120px;
        margin: auto;
    }
    .flat-selection {
        max-width: 100%;
    }
    .floor-selection-wrapper .flat-selection {
        margin-top: 120px;
    }
    .tooltip-info {
        transform: unset;
    }

    .floor-selection-wrapper .flat-selection {
        margin-top: 120px;
    }

    .mob-flat-btns {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .mob-flat-btns .show-flat-tooltip {
        font-size: 16px;
        line-height: 1em;;
        padding: 8px;
        border-radius: 25px;
        background: var(--kbrana-white);
        color: var(--kbrana-black);
        display: inline-block;
        text-decoration: none;
        width: calc(25% - 6px);
        text-align: center;
    }

    .mob-flat-btns .show-flat-tooltip.active {
        background: rgba(221, 172, 139, 0.6);
    }

    .show-flat {
        font-size: 18px;
        line-height: 1em;;
        padding: 16px;
        border-radius: 25px;
        background: var(--kbrana-accent);
        color: var(--kbrana-black);
        display: inline-block;
        text-decoration: none;
        width: calc(100%);
        text-align: center;
        position: absolute;
        top: 0;
        opacity: 0;
        z-index: -1;
        transition: all .3s ease;
    }

    .show-flat.active {
        opacity: 1;
        z-index: 10;
    }

    .show-btn-holder {
        height: 0;
        transition: all .3s ease;
    }

    .show-btn-holder.active {
        height: 62px;
    }

    .floor-selection-wrapper .svgOverlay polygon:hover {
        fill: transparent !important;
    }

    .floor-selection-wrapper .svgOverlay polygon.active {
        fill: rgba(221, 172, 139, 0.6) !important;
    }
    .tooltip-info {
        transform: unset;
    }
    .mob-flat-img-col {
        padding: 0 !important;
        margin-left: -20px;
        margin-right: -20px;
        width: 100vw;
        max-width: unset;
    }

    .mob-flat-img-col .flat-image-holder {
        border-radius: 0;
        padding: 70px 70px 100px;
    }

    .dimensions-holder {
        position: relative;
        left: unset;
        top: unset;
        padding: 16px;
        border-radius: 8px;
        background: var(--kbrana-cream);
        margin: 8px;
        justify-content: center;
    }

    .dimensions-holder .switch-dimensions label {
        width: 72px;
        height: 36px;
        padding: 7px;
    }

    .dimensions-holder .switch-dimensions label::after {
        width: 22px;
        height: 22px;
    }

    .dimensions-holder .caption-dimensions {
        border-radius: 25px;
        font-size: 18px;
        line-height: 1em;
        padding: 9px 48px;
        font-weight: 400 !important;
    }

    .dimensions-holder .switch-dimensions input:checked ~ label::after {
        translate: 36px 0;
    }
    .tab-padright8 {
        padding-right: 8px;
    }
    .tab-padleft8 {
        padding-left: 8px;
    }
    .tab-padx16 {
        padding-right: 16px;
        padding-left: 16px;
    }
    .news-item {
        padding: 8px 16px;
    }
    .col-news-holder {
        overflow: scroll;
        padding-bottom: 8px;
        max-width: unset;
        width: calc(100% + 40px);
    }
    .news-holder {
        min-width: 1000px;
        padding-right: 12px;
    }
    .orientation-img {
        width: 60px;
        height: 60px;
    }
    .single-poschodia .orientation {
        right: 24px;
        bottom: 32px;
    }
    .fs-image-holder {
        position: relative;
        order: 1;
        padding: 72px 80px 64px;
    }
    .cta-phone-icon {
        display: block;
        width: 24px;
        height: 24px;
    }

    .cta-phone {
        max-width: 185px;
        padding: 12px 48px 12px 16px ;
        display: flex;
        align-items: flex-end;
        justify-content: space-evenly;
        gap: 16px;
    }
    .open-cta-phone {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 48px;
        height: 48px;
        background: var(--kbrana-green);
        border-radius: 50px;
        display: block;
        padding: 12px;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
    }
    .open-cta-phone.show {
        opacity: 1;
        visibility: visible;
    }

    .cta-phone-holder {
        bottom: 12px;
        right: 32px;
    }
    .tab-text18 {
        font-size: 18px;
    }
    .kbrana-overview-holder, .floor-selection-wrapper {
        padding: 0;
    }
    .town-culture {
        grid-auto-rows: 95px;
    }
    .col-middle {
        grid-column: span 2;
    }
    .col-left {
        grid-column: span 2;
    }
    .kbrana-numbers {
        grid-template-columns: repeat(8, 1fr);
        min-width: 1200px;
        margin-right: 16px;
    }
    .grid-holder-i-numbers {
        overflow-y: scroll;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        padding-left: 16px;
    }
    .mar-col-news-img {
        margin: -28px 0 -28px 0;
    }

    .mar-col-news-img img.news-img {
        margin-right: 4px;
        max-width: calc(100% + 4px);
    }
    .news-icon-link {
        top: 24px;
        right: 24px;
        height: 35px;
        width: 35px;
    }
    .header-left-col {
        min-width: 350px;
    }
    .map-item .map-icon {
        left: -6px;
        top: -6px;
        width: 12px;
        height: 12px;
    }
    .tooltip-info.map-tooltip .tooltip-title {
        margin-bottom: 8px;
        font-size: 12px;
    }
    .map-tooltip-icon {
        height: 12px;
        width: 12px;
    }

    .map-tooltip {
        min-width: 90px;
        padding: 10px;
    }
    .map-tooltip-icon {
        height: 12px;
        width: 12px;
    }

    .map-tooltip .tooltip-row:first-of-type {
        padding-left: 10px;
    }
    .tooltip-info:after {
        width: 6px;
        height: 6px;
        left: 10px;
        top: 13px;
    }
    .lang-en .grid_kbrana.town-culture {
        grid-auto-rows: 105px;
    }
    .lg-close.lg-icon {
        margin-right: 31px;
        margin-top: 14px;
    }
    .lg-toolbar .lg-icon:after {
        font-size: 30px;
        line-height: 45px;
        width: 48px;
        height: 48px;
        padding: 0 0 48px 0 !important;
    }

    .forminator-custom-form #html-1 {
        max-width: 300px;
    }
    #kbrana-form .forminator-button-submit {
        margin-top: 20px !important;
        min-width: 200px !important;
        padding: 9px 40px 11px !important;
        font-size: 20px !important;
    }

    .hp-contact-form .forminator-checkbox__label, .hp-contact-form .forminator-checkbox-label, .hp-contact-form .forminator-field-consent .forminator-label, .hp-contact-form .forminator-consent__label p {
        font-size: 13px !important;
    }
    .lang-en .forminator-custom-form #html-1 {
        left: 110px;
        max-width: 350px;
    }
    .gutter-y-16 {
        --bs-gutter-y: 16px;
    }

    .min-h500 {
        min-height: 200px;
    }
    .news-icon-link-fb {
        width: fit-content !important;
        min-width: 35px;
        overflow: hidden;
        transition: all .3s ease;
    }
    .news-icon-link-fb img {
        width: 17px;
        height: 17px;
    }
    .news-icon-link-fb:hover .open-fb {
        padding: 0 8px 0 16px;
    }
    .mar-col-news-img {
        transform: translateX(4px);
    }
    .padright-news-link {
        padding-right: 20px;
    }
    .kbrana-logo {
        position: relative;
        height: 52px;
        z-index: 9999;
    }
    .kbrana-logo img {
        height: 100%;
    }
    .navbar {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .navbar > .kb-container, .header-nav-col {
        align-items: center !important;
    }
    .custom-select {
        position: relative;
        font-size: 22px;
    }
    .br16 {
        border-radius: 10px;
    }
    .br64 {
        border-radius: 24px;
    }
    .hp-contact-form .forminator-error-message {
        font-size: 12px !important;
    }
    .hp-gallery-panel {
        margin-right: -20px;
        width: calc(100% + 20px);
    }
    .ponuka-bytov-icons {
        row-gap: 24px;
        max-width: 700px;
        margin: auto;
    }
    .room-filter-buttons, .current-floor-filter {
        min-height: 36px;
    }
    .flat-plan-card {
        padding: 64px 24px 84px;
    }
    .flat-plan-media {
        width: 100%;
    }
    .page-flex-overlap-small {
        left: -15% !important;
    }
    .hp-video-sound-toggle {
        left: 16px;
        top: 16px;
        width: 32px;
        height: 32px;
    }



}
/* forminator */
/* WordPress admin bar tablet overlap: 768px to 782px */
@media only screen and (min-width: 768px) and (max-width: 782px) {
    .forminator-row-last {
        margin-top: -12px;
    }
    .lang-en .forminator-custom-form #html-1 {
        left: 120px;
        max-width: 320px;
    }
}
/* css - tablet */
/* Tablet landscape range: 768px to 1024px */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mob-select-floor {
        display: block !important;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 330px !important;
        z-index: 999;
    }
    .floors {
        padding-bottom: 40px;
    }
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.available {
        fill: rgba(19, 72, 61, 0) !important;
    }
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.available:hover,
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.available.active {
        fill: rgba(19, 72, 61, 0.5) !important;
    }
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.reserved {
        fill: rgba(221, 172, 139, 0.3) !important;
    }

    .floor-selection-wrapper.flat-selection .svgOverlay polygon.reserved:hover,
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.reserved.active {
        fill: rgba(221, 172, 139, 0.5) !important;
    }
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.sold {
        fill: rgba(184, 184, 184, 0.3) !important;
    }
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.sold:hover,
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.sold.active {
        fill: rgba(184, 184, 184, 0.5) !important;
    }

    .fs-popup-content {
        padding: 0 48px 24px;
    }
    a.popup-floor {
        font-size: 24px;
        padding: 16px 8px;
        border-bottom: 1px solid var(--kbrana-black);
        width: 100%;
    }
    .fs-popup {
        left: 20px;
        width: calc(100vw - 40px);
    }
    .popup-black-line, .popup-black-line .line {
        width: 240px;
    }
    a.close-floor-select-popup {
        width: 100%;
    }
    .fs-popup-row {
        font-size: 24px;
        padding: 0 0 6px;
    }
    .flat-select-popup .fs-popup-label,
    .flat-select-popup .fs-popup-value {
        font-size: 20px;
        line-height: 1;
    }
    .flat-select-popup .tooltip-flat-status,
    .flat-select-popup .tooltip-flat-area {
        width: fit-content;
        min-height: 34px;
        padding: 0 18px;
        flex: 0 0 auto;
        display: inline-flex;
    }
    .flat-select-popup .tooltip-flat-rooms {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        padding: 0;
    }
    .flat-select-popup .tooltip-flat-price {
        font-size: 24px;
    }
    .fs-popup-content a.kb-btn {
        width: 100%;
    }
    .fs-popup-title:before {
        width: 12px;
        height: 12px;
        left: 0;
        top: 12px;
    }
    .column-hover.load-bg-image .col-bg-img {
        opacity: 0;
    }
    .column-hover.load-bg-image .text-lg, .column-hover.load-bg-image .text-md {
        color: var(--kbrana-black);
    }
    .column-hover {
        height: calc(100dvh - 100px);
        min-height: 200px;
        max-height: 300px;
        width: calc(33.33% - 11px);
        padding: 16px;
    }
    .three-column-holder {
        gap: 16px;
    }
    .floor-selection .floor-selection-wrapper .svgOverlay polygon:hover,
    .floor-selection .floor-selection-wrapper .svgOverlay polygon.active {
        fill: rgba(130, 211, 63, 0.3) !important;
        mix-blend-mode: unset;
    }
    .hp-contact-form .forminator-checkbox.forminator-consent .forminator-checkbox-box, .hp-contact-form .forminator-design--material .forminator-consent .forminator-checkbox-box {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
    }
    #kbrana-form.hp-contact-form .forminator-row.forminator-row-last {
        margin-top: 16px !important;
    }

    .mob-select-floor {
        display: block !important;
        position: relative;
        bottom: 0;
        width: 100% !important;
        right: 0;
        z-index: 999;
        font-size: 22px;
        padding: 20px 12px 24px;
        background: var(--kbrana-accent);
        text-decoration: none;
        color: var(--kbrana-black);
        font-weight: 500;
    }
    .fs-img-mob>.relative .svgOverlay {
        height: calc(100% - 87px) !important;
    }
    .mob-select-floor::before {
        content: "";
        position: absolute;
        right: 20px;
        top: 32px;
        width: 0.6em;
        height: 0.6em;
        margin: 0;
        background-image: url(../../assets/img/kb-triangle.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transition: all .3s ease;
    }
    .mob-select-floor-line {
        display: block;
        height: 2px;
        background: var(--kbrana-black);
        margin-top: 8px;
    }

}


/* Small desktop range: 992px to 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    :root {
        --container: calc(100vw - 64px);
        --kb-container: var(--container);
    }

    .kb-container {
        width: var(--container);
    }

    .g32,
    .g48,
    .g64,
    .gx32,
    .gx48,
    .gx64 {
        --bs-gutter-x: 24px;
    }

    .g32,
    .g48,
    .g64,
    .gy32,
    .gy48,
    .gy64 {
        --bs-gutter-y: 24px;
    }

    .headline2 {
        font-size: 64px;
    }

    .headline3 {
        font-size: 52px;
    }

    .headline4 {
        font-size: 44px;
    }

    .text-12 {
        font-size: 12px;
    }

    .text-xxs {
        font-size: 14px;
    }

    .text-xs {
        font-size: 18px;
    }

    .text-sm {
        font-size: 21px;
    }

    .text-md {
        font-size: 26px;
    }

    .text-lg {
        font-size: 32px;
    }

    .text-xl {
        font-size: 52px;
    }

    .text-perex {
        font-size: 48px;
    }

    .text-hero {
        font-size: 120px;
    }

    .pad0,
    .padtop0,
    .padbot0,
    .padx0 {
        padding: 0;
    }

    .padall12 {
        padding: 8px;
    }

    .pad16 {
        padding: 12px;
    }
    .br16 {
        border-radius: 12px;
    }

    .padall20 {
        padding: 13px;
    }

    .padall24 {
        padding: 16px;
    }

    .pad36 {
        padding: 24px;
    }

    .pad48,
    .padall48 {
        padding: 32px;
    }

    .padall40 {
        padding: 27px;
    }

    .padall64 {
        padding: 40px;
    }

    .padall96 {
        padding: 40px;
    }
    .br64 {
        border-radius: 32px;
    }

    .padtop4 {
        padding-top: 3px;
    }

    .padtop8 {
        padding-top: 5px;
    }

    .padtop12 {
        padding-top: 8px;
    }

    .padtop16 {
        padding-top: 11px;
    }

    .padtop20 {
        padding-top: 13px;
    }

    .padtop24 {
        padding-top: 16px;
    }

    .padtop32 {
        padding-top: 21px;
    }

    .padtop36 {
        padding-top: 24px;
    }

    .padtop40 {
        padding-top: 27px;
    }

    .padtop48 {
        padding-top: 32px;
    }

    .padtop56 {
        padding-top: 37px;
    }

    .padtop64 {
        padding-top: 43px;
    }

    .padtop72 {
        padding-top: 48px;
    }

    .padtop80 {
        padding-top: 53px;
    }

    .padtop88 {
        padding-top: 59px;
    }

    .padtop96 {
        padding-top: 64px;
    }

    .padtop104 {
        padding-top: 69px;
    }

    .padtop112 {
        padding-top: 75px;
    }

    .padtop120 {
        padding-top: 80px;
    }

    .padtop160 {
        padding-top: 107px;
    }

    .padtop192 {
        padding-top: 128px;
    }

    .padbot4 {
        padding-bottom: 3px;
    }

    .padbot8 {
        padding-bottom: 8px;
    }

    .padbot12 {
        padding-bottom: 8px;
    }

    .padbot16 {
        padding-bottom: 11px;
    }

    .padbot20 {
        padding-bottom: 13px;
    }

    .padbot24 {
        padding-bottom: 16px;
    }

    .padbot32 {
        padding-bottom: 21px;
    }

    .padbot36 {
        padding-bottom: 24px;
    }

    .padbot40 {
        padding-bottom: 27px;
    }

    .padbot48 {
        padding-bottom: 32px;
    }

    .padbot56 {
        padding-bottom: 37px;
    }

    .padbot64 {
        padding-bottom: 43px;
    }

    .padbot72 {
        padding-bottom: 48px;
    }

    .padbot80 {
        padding-bottom: 53px;
    }

    .padbot88 {
        padding-bottom: 59px;
    }

    .padbot96 {
        padding-bottom: 64px;
    }

    .padbot104 {
        padding-bottom: 69px;
    }

    .padbot112 {
        padding-bottom: 75px;
    }

    .padbot120 {
        padding-bottom: 80px;
    }

    .padbot160 {
        padding-bottom: 107px;
    }

    .padbot240 {
        padding-bottom: 160px;
    }

    .martop0 {
        margin-top: 0;
    }

    .martop4 {
        margin-top: 3px;
    }

    .martop8 {
        margin-top: 5px;
    }

    .martop12 {
        margin-top: 8px;
    }

    .martop16 {
        margin-top: 11px;
    }

    .martop20 {
        margin-top: 13px;
    }

    .martop24 {
        margin-top: 16px;
    }

    .martop32 {
        margin-top: 21px;
    }

    .martop40 {
        margin-top: 27px;
    }

    .martop48 {
        margin-top: 32px;
    }

    .martop56 {
        margin-top: 37px;
    }

    .martop64 {
        margin-top: 43px;
    }

    .martop72 {
        margin-top: 48px;
    }

    .martop80 {
        margin-top: 53px;
    }

    .martop88 {
        margin-top: 59px;
    }

    .martop96 {
        margin-top: 64px;
    }

    .martop104 {
        margin-top: 69px;
    }

    .martop112 {
        margin-top: 75px;
    }

    .martop120 {
        margin-top: 80px;
    }

    .martop200 {
        margin-top: 133px;
    }

    .martop-auto {
        margin-top: auto;
    }

    .marbot0 {
        margin-bottom: 0;
    }

    .marbot4 {
        margin-bottom: 3px;
    }

    .marbot8 {
        margin-bottom: 5px;
    }

    .marbot12 {
        margin-bottom: 8px;
    }

    .marbot16 {
        margin-bottom: 11px;
    }

    .marbot20 {
        margin-bottom: 13px;
    }

    .marbot24 {
        margin-bottom: 16px;
    }

    .marbot32 {
        margin-bottom: 21px;
    }

    .marbot40 {
        margin-bottom: 27px;
    }

    .marbot48 {
        margin-bottom: 32px;
    }

    .marbot56 {
        margin-bottom: 37px;
    }

    .marbot64 {
        margin-bottom: 43px;
    }

    .marbot72 {
        margin-bottom: 48px;
    }

    .marbot80 {
        margin-bottom: 53px;
    }

    .marbot88 {
        margin-bottom: 59px;
    }

    .marbot96 {
        margin-bottom: 64px;
    }

    .marbot104 {
        margin-bottom: 69px;
    }

    .marbot112 {
        margin-bottom: 75px;
    }

    .marbot120 {
        margin-bottom: 80px;
    }

    .margin-all-0 {
        margin: 0;
    }

    .marleftmin40 {
        margin-left: -32px;
    }

    .marrightmin40 {
        margin-right: -32px;
    }

    .padleft0,
    .kb-container .row.padleft0 {
        padding-left: 0;
    }

    .padright0,
    .kb-container .row.padright0 {
        padding-right: 0;
    }

    .padleft12 {
        padding-left: 8px;
    }

    .padleft16 {
        padding-left: 11px;
    }

    .padleft24 {
        padding-left: 16px;
    }

    .padleft32 {
        padding-left: 21px;
    }

    .padleft36 {
        padding-left: 24px;
    }

    .padleft65 {
        padding-left: 43px;
    }

    .padleft80 {
        padding-left: 53px;
    }

    .padleft105 {
        padding-left: 70px;
    }

    .padleft120 {
        padding-left: 80px;
    }

    .padright12 {
        padding-right: 8px;
    }

    .padright32 {
        padding-right: 21px;
    }

    .padright36 {
        padding-right: 20px;
    }

    .padright48 {
        padding-right: 24px;
    }

    .padright96 {
        padding-right: 40px;
    }

    .padright120 {
        padding-right: 80px;
    }

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

    .padx12 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .padx20 {
        padding-left: 13px;
        padding-right: 13px;
    }

    .padx24 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .padx35 {
        padding-left: 23px;
        padding-right: 23px;
    }

    .padx56 {
        padding-left: 37px;
        padding-right: 37px;
    }

    .padx80 {
        padding-left: 53px;
        padding-right: 53px;
    }

    .padx104 {
        padding-left: 48px;
        padding-right: 48px;
    }

    .padx112 {
        padding-left: 48px;
        padding-right: 48px;
    }

    .kbrana-logo img {
        width: unset;
        max-height: 60px;
    }

    #main-menu a {
        font-size: 20px;
        line-height: 32px;
    }

    #main-menu ul {
        gap: 20px;
        margin-right: 0;
    }

    #main-menu .menu-item-header-cta {
        margin-left: 8px;
    }

    #main-menu .menu-item-header-cta > a {
        min-width: 170px;
        min-height: 44px;
        line-height: 40px;
        padding: 0 20px;
    }

    .footer-contact-col {
        padding-left: 2vw;
    }

    .footer-contact-link {
        gap: 16px;
        font-size: 30px;
        line-height: 38px;
    }

    .footer-contact-icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .footer-contact-icon img {
        width: 24px;
        height: 24px;
    }
    .footer-developer .text-sm {
        font-size: 18px;
    }
    .hp-benefit {
        gap: 24px;
    }
    .hp-benefit-icon {
        width: 80px;
        height: 80px;
        flex: 0 0  80px;
    }

    ul.footer-list {
        gap: 18px;
    }

    .content-img {
        min-height: 600px;
    }

    .lokalita-map-holder .content-img {
        height: auto;
        min-height: unset;
    }

    .card-grid-inner img {
        max-height: 140px;
    }

    .grid_kbrana {
        grid-auto-rows: 130px;
    }

    .table-container {
        min-width: 1300px;
        padding-right: 32px;
    }

    .table-holder-row {
        overflow-x: scroll;
        padding-bottom: 8px;
        padding-right: 0 !important;
        margin-right: -32px;
    }

    .building-letter {
        height: 33px;
        width: 33px;
    }

    .kbrana-overview-info {
        min-width: 160px;
        padding: 12px;
    }

    .timeline-holder {
        gap: 24px;
    }

    .timeline-item {
        width: calc(20% - 20px);
    }

    .first-section {
        padding-top: 88px;
    }

    .news-item {
        padding: 8px 16px;
    }


    .vyber-poschodia-sm {
        width: 140px;
    }
    .orientation-img {
        width: 70px;
        height: 70px;
    }
    .kbrana-numbers {
        grid-auto-rows: 60px;
    }

    .news-icon-link {
        top: 24px;
        right: 24px;
        height: 35px;
        width: 35px;
    }
    .map-item .map-icon {
        left: -8px;
        top: -8px;
        width: 16px;
        height: 16px;
    }
    .tooltip-info.map-tooltip .tooltip-title {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .map-tooltip-icon {
        height: 14px;
        width: 14px;
    }

    .map-tooltip {
        min-width: 90px;
        padding: 12px;
    }

    .map-tooltip .tooltip-row:first-of-type {
        padding-left: 12px;
    }
    .tooltip-info:after {
        width: 7px;
        height: 7px;
        left: 11px;
        top: 16px;
    }
    .lang-en .news-item {
        padding: 8px 8px;
    }
    .lang-en .header-left-col {
        min-width: 360px;
    }
    .lang-en .grid_kbrana.town-culture {
        grid-auto-rows: 140px;
    }

    .forminator-custom-form #html-1 {
        max-width: 300px;
    }
    .lang-en .forminator-custom-form #html-1 {
        left: 110px;
        max-width: 350px;
    }
    .header-left-col {
        min-height: 35px;
    }
    .xl-padright0 {
        padding-right: 0;
    }
    .xl-padtop32 {
        padding-top: 32px;
    }
    .xl-padbot16 {
        padding-top: 32px;
    }
    .min-h500 {
        min-height: 240px;
    }
    .news-icon-link-fb {
        width: fit-content !important;
        min-width: 35px;
        overflow: hidden;
        transition: all .3s ease;
    }
    .news-icon-link-fb img {
        width: 17px;
        height: 17px;
    }
    .news-icon-link-fb:hover .open-fb {
        padding: 0 8px 0 16px;
    }
    .padright-news-link {
        padding-right: 20px;
    }
    .hp-contact-form .forminator-error-message {
        font-size: 12px !important;
    }
    .hp-gallery-panel {
        margin-right: -24px;
        width: calc(100% + 24px);
    }
    .kb-btn, a.kb-btn {
        min-width: 220px;
        padding: 10px 40px 14px;
        font-size: 22px;
    }
    #kbrana-form .forminator-button-submit {
        padding: 10px 40px 14px !important;
        font-size: 22px !important;
    }
    .kb-btn-icon-down::after {
        margin-top: 5px;
    }
    .hp-view-cta {
        width: 70%;
    }
    .hp-contact-icon {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
    }
    .hp-contact-icon::before, .flat-contact-icon::before {
        width: 16px;
        height: 16px;
    }
    .hp-contact-form .forminator-checkbox.forminator-consent .forminator-checkbox-box, .hp-contact-form .forminator-design--material .forminator-consent .forminator-checkbox-box {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
    }
    .hp-contact-form .forminator-checkbox__label, .hp-contact-form .forminator-checkbox-label, .hp-contact-form .forminator-field-consent .forminator-label, .hp-contact-form .forminator-consent__label p {
        font-size: 14px !important;
    }
    .hp-contact-form .forminator-ui.forminator-custom-form .forminator-row.forminator-row-last {
        margin-top: -18px !important;
    }
    .hp-location-travel-bar {
        width: max-content;
    }
    .hp-location-card-text.text-md {
        font-size: 23px;
    }
    .hp-gallery-switch-button {
        min-width: 110px;
        padding: 5px 24px;
    }
    .hp-plan-milestone-content {
        max-width: 132px;
    }
    .hp-developer-project {
        width: calc(16.66% - 32px);
    }
    .hp-developer-project img {
        max-height: 32px;
        width: auto;
        margin: auto;
    }
    .custom-select {
        position: relative;
        font-size: 22px;
    }
    .room-filter-btn {
        width: 40px;
        height: 40px;
        font-size: 28px;
    }
    .table-reset-filter {
        height: 30px;
        width:30px;
    }
    .ponuka-bytov-icons {
        row-gap: 32px;
        max-width: 750px;
        margin: auto;
    }
    .floor-status-legend {
      position: absolute !important;
        gap: 8px;
    }
    .room-filter-buttons, .current-floor-filter {
        min-height: 40px;
    }
    .page-flex-overlap-small {
        left: -15% !important;
    }
    .fs-image-holder.padx112 {
        padding-left: 80px;
        padding-right: 80px;
    }

}
/* Desktop range: 1200px to 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .content-img {
        min-height: 650px;
    }

    .lokalita-map-holder .content-img {
        height: auto;
        min-height: unset;
        max-height: unset;
    }
    .header-left-col {
        min-width: 35vw;
    }
    .min-h500 {
        min-height: 300px;
    }
}

/* Desktop and up: from 1025px */
@media (min-width: 1025px) {

    .floor-selection-wrapper.flat-selection .svgOverlay polygon.available {
        fill: rgba(19, 72, 61, 0) !important;
    }
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.available:hover,
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.available.active {
        fill: rgba(19, 72, 61, 0.5) !important;
    }
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.reserved {
        fill: rgba(221, 172, 139, 0.3) !important;
    }
    
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.reserved:hover,
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.reserved.active {
        fill: rgba(221, 172, 139, 0.5) !important;
    }
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.sold {
        fill: rgba(184, 184, 184, 0.3) !important;
    }
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.sold:hover,
    .floor-selection-wrapper.flat-selection .svgOverlay polygon.sold.active {
        fill: rgba(184, 184, 184, 0.5) !important;
    }
    .floor-selection-wrapper:not(.flat-selection) .svgOverlay polygon:hover {
        fill: rgba(19, 72, 61, 0.5) !important;
    }

    .column-hover:hover .text-lg, .column-hover:hover .text-md {
        color: var(--kbrana-white);
    }
    .column-hover:hover .col-bg-img {
        opacity: 1;
    }
    .column-hover.load-bg-image:hover .text-lg, .column-hover.load-bg-image:hover .text-md {
        color: var(--kbrana-black);
    }
    .column-hover.load-bg-image:hover .col-bg-img {
        opacity: 0;
    }

}
@supports (-webkit-touch-callout: none) {
    .timeline-text {
        max-width: 180px;
    }
}
/* Wide desktop and up: from 1200px */
@media only screen and (min-width: 1200px) {
    .lang-en .grid_kbrana.town-culture {
        grid-auto-rows: clamp(155px, 12vw, 250px);
    }
    .header-padx24 {
        padding-left: 1.5rem;
        padding-right:  1.5rem;
    }
}
/* Large desktop range: 1400px to 1599px */
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .min-h500 {
        min-height: 380px;
    }
}
/* Large desktop and up: from 1400px */
@media only screen and (min-width: 1400px) {
    .lokalita-points-holder .map-icon {
        width: 1.25rem;
        height: 1.25rem;
    }

    .lokalita-points-holder .switch-line {
        gap: .5rem;
    }

    .lokalita-points-holder .map-item .map-icon {
        left: -.625rem;
        top: -.625rem;
    }

    .lokalita-points-holder .switch-holder {
        font-size: 1.25rem;
    }

    .lang-en .status-reset-holder {
        gap: 20px;
    }

}

/* Ultra wide desktop: from 2500px */
@media only screen and (min-width: 2500px) {
	.mar-col-news-img img.news-img {
		width: 100%;
	}
}

/* Responsive rules moved from style.css */
/* Motion preference */
@media (prefers-reduced-motion: reduce) {
    .hp-gallery-panel {
        transition: none;
        transform: none;
    }
}

/* Moved floor-plan tablet fixes: up to 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    .floor-view-marker {
        max-width: 60px;
        gap: 4px;
    }
    .floor-view-icon {
        width: 32px;
        height: 32px;
    }
    .floor-view-top {
        top: 12px;
    }
    .floor-view-bottom {
        bottom: 12px;
    }
    .floor-view-left {
        left: 12px;
    }
    .floor-view-right {
        right: 12px;
    }
    .floor-status-legend {
        position: static;
        order: 1;
        flex: 0 1 auto;
        max-width: none;
        gap: 6px;
    }
    .floor-status-item {
        font-size: 1em;
    }
    .floor-status-dot {
        width: 20px;
        height: 20px;
        font-size: 11px;
    }
}

/* Moved current-template tablet/desktop fixes: up to 1199px */
@media (max-width: 1199px) {
    /* Keep the compact header navigation consistent through tablet and small desktop. */
    .kbrana-logo {
        height: 70px;
    }

    .kbrana-logo img {
        width: auto;
        height: 100%;
        max-height: 70px;
    }

    .header #main-menu {
        display: none;
    }

    .header .right-side-btns {
        display: block !important;
    }

    .flat-plan-card,
    .flat-contact-card {
        min-height: 0;
    }
    .contact-info-card {
        min-height: 0;
    }
    .flat-financing-grid {
        padding-inline: 0;
    }

    .page-flex-overlap-small {
        width: 100%;
    }
    .page-flex-overlap-small {
        position: relative;
        margin-top: 8px;
        width: 50%;
        left: 0;
    }
    .page-flex-overlap-holder {
        padding-bottom: 0;
    }
    .page-flex-overlap-small .flat-standard-point {
        max-width: unset;
        width: 14em;
        top: 50% !important;
        transform: translate(20px, -50%) !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .hp-view-cta {
        min-width: 700px;
    }
    .hp-location-travel-bar {
        width: max-content;
    }
    .ponuka-bytov-icon-item .text-sm {
        font-size: 18px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
   
    .hp-location-travel-bar {
        width: max-content;
    }

}
@media (min-width: 1200px) and (max-width: 1564px) {
    .hp-contact-form .forminator-ui.forminator-custom-form .forminator-row.forminator-row-last {
        margin-top: -22px;
    }
}