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

	#accordionFaq .accordion-item {

	}

	.cky-consent-container .cky-consent-bar {
		padding: 20px 0 !important;
	}

	.streets.trnavska {
		left: 53%;
	}

	.streets.vajnorska {
		left: 31%;
	}

	#accordionFaq button.accordion-button,
	#accordionFaq div.accordion-button{
		min-height: 93px;
	}

	.vizitka-global {
		padding: 10px;
	}

	h2.headline2-150 {
		font-size: 17vw;
		line-height: 16vw;
	}

	div#hero-image {
		max-width: unset !important;
		/* position_: relative !important;
		transform_: unset !important;
		left_: unset !important;
		 */
		top: 60vw !important;
	}


	.mestska-cast.vajnory {
		left: 79%;
	}

	.mestska-cast.ruzinov {
		top: 48%;
		left: 69%;
	}

	.mestska-cast.vrakuna {
		top: 59%;
		left: 78%;
	}

	.maps-points {
		font-weight: 100;
	}

	.maps-points.multizona {
		bottom: 47.1%;
		left: 60%;
	}

	.padtop30 {
		padding-top: 20px; /* 30 * 0.7 */
	}
	.padtop60 {
		padding-top: 42px; /* 60 * 0.7 */
	}
	.padtop90 {
		padding-top: 63px; /* 90 * 0.7 */
	}
	.padtop120 {
		padding-top: 84px; /* 120 * 0.7 */
	}
	.padtop150 {
		padding-top: 75px; /* 150 * 0.7 */
	}
	.padbottom30 {
		padding-bottom: 21px; /* 30 * 0.7 */
	}
	.padbottom60 {
		padding-bottom: 42px; /* 60 * 0.7 */
	}
	.padbottom90 {
		padding-bottom: 63px; /* 90 * 0.7 */
	}
	.padbottom120 {
		padding-bottom: 84px; /* 120 * 0.7 */
	}
	.padleft75 {
		padding-left: unset; /* 75 * 0.7 */
	}
	.pad-l-r-20 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.padleft100 {
		padding-left: 70px; /* 100 * 0.7 */
	}
	.padbottom150 {
		padding-bottom: 75px; /* 150 * 0.5 */
	}
	.padtop150 {
		padding-top: 75px; /* 150 * 0.5 */
	}

	.single-post #perex {
		padding-bottom: 30px;
	}
	.page .cky-preference-center, .single .cky-preference-center {
		padding: 20px 0;
	}
	.page .cky-notice-des *, .single .cky-notice-des *, .page .cky-preference-content-wrapper *, .single .cky-preference-content-wrapper *, .page .cky-dma-content-wrapper *, .single .cky-dma-content-wrapper *, .page .cky-accordion-header-des *, .single .cky-accordion-header-des *, .page .cky-gpc-wrapper .cky-gpc-desc *, .single .cky-gpc-wrapper .cky-gpc-desc * {
		font-size: 16px;
	}
	p.cky-title, .cky-preference-header .cky-preference-title {
		font-size: 24px !important;
	}
	.page button.cky-show-desc-btn, .single button.cky-show-desc-btn {
		font-size: 16px;
	}
	h2.mobile-menu-title {
		font-size: 19vw;
		line-height: 1em;
	}

    .padtop60 {
        padding-top: 30px;
    }
    .padtop90 {
        padding-top: 45px;
    }
    .padtop120 {
        padding-top: 90px;
    }
    .padbottom120 {
        padding-bottom: 90px;
    }
    .mob-padtop0 {
        padding-top: 0px !important;
    }
    .mob-padtop15 {
        padding-top: 15px !important;
    }
    .mob-padtop30 {
        padding-top: 30px !important;
    }
    .mob-padtop60 {
        padding-top: 60px !important;
    }
    .mob-padbottom0 {
        padding-bottom: 0px !important;
    }
    .mob-padbottom30 {
        padding-bottom: 30px !important;
    }
    .mob-padbottom45 {
        padding-bottom: 45px !important;
    }
    .mob-padbottom60 {
         padding-bottom: 60px !important;
    }
    .mob-padbottom90 {
        padding-bottom: 90px !important;
    }
    .mobile-navbar {
        display: block;
        width: 100%;
        padding: 8px 0;
    }
    .desktop-navbar_ {
        display: none;
    }
    .header .logo {
         order: 0;
        z-index: 99999;
    }
    h2.sitename {
        margin-bottom: 0;
    }
    div#mobile-menu {
        display: block;
        width: 100%;
        height: 100%;
        z-index: 9999;
        position: fixed;
        top: 0;
        left: -100%;
        padding: 0 12px;
        padding-top: 90px;
        overflow: auto;
        transition: left 0.3s ease;
    }
    .menu-open #mobile-menu {
        left: 0;
    }
    .mobile-menu-holder {
        min-height: 450px;
        height: 100%;
        position: relative;
    }
    #main-menu-mobile {
        display: block;
        padding: 10px 0;
        width: 100%;
    }

    /* Menu items styling */
    #main-menu-mobile ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #main-menu-mobile li {
        margin: 0 15px;
        text-align: left;
        padding: 10px 25px;
    }
    #main-menu-mobile li:last-child {
        margin-right: 0;
    }

    #main-menu-mobile a {
        text-decoration: none;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        letter-spacing: 0.25px;

    }
    #mobile-menu .jtre-logo {
        position: absolute;
        bottom: 25px;
        left: 0;
        width: 70px;
    }
    h2.mobile-menu-title {
        font-size: 80px;
        line-height: 70px;
        text-align: center;
    }
    #mobile-menu .hero-img {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 10%;
        max-width: 80%;
        left: 50%;
        z-index: 1;
    }
    .menu-menu-1-container {
        margin-top: 45px;
    }
    h1.hero-title_ {
        font-size: 21vw;
        line-height: 0.9em;
        text-align: center;
    }
    div#hero-image {
        top: 20vw;
        padding: 0;
    }
    .uvod {
        padding: 120px 0 90px 0;
    }
    p.perex {
        padding: 0px;
        font-size: 6vw;
        font-weight: 500;
        line-height: 7.5vw;
        text-align: left;
        margin: 0;
    }
    h2.headline2_ {
		font-size: 14vw;
		line-height: 17vw;
		letter-spacing: 0px;
		text-align: left;
    }
    h2.headline2-2 {
        font-size: 18.5vw;
        line-height: 1em;
        letter-spacing: -1px;
        text-align: left;
    }
    h2.headline2-ako-to-bude-vyzerat {
        font-size: 16vw;
        line-height: 16vw;
        letter-spacing: -1px;
        text-align: left;
    }
    h3.headline3 {
        font-size: 15vw;
        line-height: 14.5vw;
    }
    div#hero-image img {
        width: 80vw;
    }
    .perex-mobile {
        /* padding-top: 50vw; */
    }
    /*
    .row>* {
        padding-right: 35px;
        padding-left: 35px;

    } */
    .mobile-text-left {
         text-align: left !important;
     }
    .mobile-text-center {
        text-align: center !important;
    }
    p.content_ {
        font-size_: 5.2vw;
        line-height: 1.2em;
        margin-bottom: 1em;
    }
    .map-info-title {
        font-size: 5.2vw;
        line-height: 1.2em;
    }
    .map-info-text p {
        font-size: 4.5vw;
        line-height: 1.2em;
    }
    .mestska-cast {
        font-size: 3vw;
        padding: 0.2em 1em;
    }
    .hranica-1960, .hranica-2024 {
        font-size: 3vw;
        padding: 0.2em 1.5em;
    }
    .meetplace {
        top: 34%;
        left: 63%;
        font-size: 3.5vw;
        line-height: 4vw;
        padding: 0.3em 1em;
    }
    .hranica-1960 {
        right: 20px;
        top: -6vw;
    }
    .hranica-2024 {
        left: 20px;
        top: -6vw;
    }
    .slider-line {
        height: 90%;
        top: 5%;
        width: 5px;
    }

    .slider-button {
        border-width: 4px;
        font-size: 4vw;
        line-height: 6.5vw;
        height: 10vw;
        width: 10vw;
    }
    .mapa-meetplace {
        padding: 0;
    }

    .above-title {
        font-size: 5vw;
        line-height: 1.2em;
    }
    .zdrava-stvrt-card {
        border-radius: 20px;
        padding: 45px 27px 30px;
        margin: 0;
        margin-top: 20px;
    }
    .mob-pad-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }
    .zdrava-stvrt-card.row>* {
        padding-right: 0;
        padding-left: 0;
    }
    h3.headline3-2 {
        font-size: 13vw;
        line-height: 1em;
        margin: 0;
    }
    p.content-2 {
        font-size: 4.1vw;
        line-height: 1.2em;
        margin-bottom: 1em;
    }
    .maps-points {
        font-size: 3vw;
        line-height: 1.2em;
        padding: 0.2em 1em 0.4em;
    }
    .maps-points::after {
        width: 4px;
        height: 4px;
    }
    .streets {
        font-size: 2vw;
        line-height: 1em;
    }
    .streets.vajnorska {
        top: 19%;
    }
    .streets.bajkalska {
        left: 3.4%;
    }
    .streets.tomasikova {
        left: 76.6%;
    }
    .streets.zsnm {
        left: 90%;
    }
    .maps-points.sport-2 {
        width: auto;
    }
    .maps-points.sport-3 {
         width: auto;
     }
    .maps-points.top.mobile-bottom {
        border-radius: 20px 20px 20px 5px !important;
    }
    .maps-points.top.mobile-bottom::after {
        right: unset;
        left: 3px;
        bottom: 3px;
        top: unset;
    }
    .maps-points.sport-3 {
        bottom: 55%;
        left: 80%;
        top: unset;
    }
    .maps-points.cyklotrasy2 {
        right: 81%;
        width: auto;
    }
    .maps-points.cyklotrasy1 {
        width: 24vw;
    }
    .maps-doprava, .maps-bezecke-okruhy {
        font-size: 2.5vw;
    }
    
    .maps-doprava.sekundarne-trasy {
        padding: 0.5em 0;
        width: 20vw;
        border: 0.25vw dashed;
    }
    .maps-doprava.vajnorska::after, .maps-doprava.strkovec::after {
        top: 2.2em;
    }

    .maps-points.sport-park {
        left: 73.6%;
    }
    h2.headline2-3 {
        font-size: 12vw;
        line-height: 1em;
    }
    .principy-card {
        width: auto;
        padding: 15px 15px 45px;
    }
    .colgap50 {
        gap: 20px;
    }
    h3.headline3-3_ {
        font-size: 10vw;
        line-height: 1em;
    }
    .mob-pad-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }
    p.content-3 {
        font-size: 4.5vw;
        line-height: 1.2em;
        margin: 0;
    }

    .sportoviska-item,
	.miesto-stretnuti-item {
        flex: 0 0 100%;
    }
    img.sportoviska-img {
        margin: 0 12px;
        max-width: unset;
        width_: calc(100% - 24px) !important;
    }
    h3.sportoviska-title {
        padding-top: 20px;
        font-size: 9vw;
        line-height: 1em;
        padding: 20px 35px 0;
    }
    p.sportoviska-popis {
        padding-top: 20px;
        font-size: 4.5vw;
        line-height: 1.2em;
    }
    .col-60perc {
        width: 100%;
    }
    .col-40perc {
        width: 100%;
    }
    h3.headline3-4 {
        font-size: 12.5vw;
        line-height: 1em;
        margin: 0;
    }
    .mob-prip-sport.above-title {
        padding: 40px 0 30px;
    }
    p.content-4 {
        font-size: 4.5vw;
        line-height: 1.2em;
    }
    h2.headline2-4_ {
        font-size: 13vw;
        line-height: 1.2em;
        margin: 0;
    }
    .blog-post {
        flex: 0 0 100%;
    }
    .blog-post .content {
        padding: 20px 15px;
    }
    .col-authors {
        width: 100%;
    }
    span.faq-number {
        left: 15px;
        width: 2.4em;
        height: 2.4em;
        border-radius: 2em;
        line-height: 2.4em;
        font-size: 5vw;
    }
    #accordionFaq button.accordion-button,
	#accordionFaq div.accordion-button {
        padding: 20px 25px 20px calc(30px + 13vw);
    }
    .accordion-button_ {
        font-size: 5vw;
        line-height: 1.2em;
    }

    .footer .footer-top {
        padding-top: 45px;
        padding-bottom: 0px;
        text-align: center !important;
    }
    .footer-contact, .footer-about {
        line-height: 1.2em;
        font-size: 4.5vw;
    }
    .footer .jtre-logo {
        margin: auto;
    }
    a.socials_ {
        font-size: 5vw;
        width: 2.5em;
        height: 2.5em;
        line-height: calc(2.5em - 9px);
        padding: 0;
    }

    .footer .footer-contact p {
        margin-bottom: 0;
    }
    .showroom-tel {
        padding-top: 0;
    }
    .footer {
        padding-bottom: 0;
    }
    p.content-o-nas {
        font-size: 4.5vw;
        line-height: 1.2em;
    }
    .colgap100 {
        gap: 60px;
    }
    .blog-post .category {
        font-size: 6.2vw;
        line-height: 1.2em;
    }

	.blog-post .content-blog h4.title {
		line-height: .8em !important;
	}

    .blog-post .title a {
        font-size: 5.2vw;
		line-height: unset !important;
    }

    .blog-post .category {
        margin-bottom: 15px;
    }
    .blog-post .read-more {
        font-size: 4vw;
        line-height: 1.2em;
        padding: 0.5em 2.5em;
        margin-top: 15px;
    }
    .content-blog {
        padding: 0 23px;
    }
    .blog-post .category {
        padding-top: 30px;
        margin: 0;
    }
    h1.blog-title {
        font-size: 13vw;
        line-height: 1em;
    }
    div#title-image {
        max-width: 70vw;
        bottom: -18vw;
    }
    .blog-content p {
        font-size: 5.2vw;
        line-height: 1.2em;
    }
    .meetplace-box p {
        font-size: 4.4vw;
    }
    p.blog-perex {
        font-size: 6vw;
        line-height: 7.5vw;
    }
    .blog-content p img {
        margin: 60px -20px;
        max-width: unset;
        width: calc(100% + 40px);
    }
    .main-image img {
        margin: 0 -20px;
        max-width: unset;
        width: calc(100% + 40px);
    }
    .blog-content blockquote {
        margin: 60px 0;
    }
    .blog-content blockquote p {
        font-size: 6vw;
        line-height: 1.3em;
    }
    .vizitka {
        padding: unset;
        border-radius: 25px;
        flex-direction: column;
    }
    h2.headline2-vizitka {
        font-size: 6vw;
        line-height: 1.3em;
        padding-right: 15px;
    }
    .mob-vizitka-image {
        width: 30%;
    }
    .mob-vizitka-title {
        width: 70%;
        padding-left: 15px;
        align-content: center;
    }
    .vizitka-mobile-row {
        display: flex;
        padding: 15px;

    }
    div.content-vizitka p {
        font-size: 4.5vw;
        line-height: 1.2em;
        margin-bottom: 1em;
    }
    p.not-found, a.btn-not-found {
        font-size: calc(12px + 1vw);
        line-height: 1.3em;
    }
    .not-found-section {
        padding-top: 120px !important;
        padding-bottom: 0 !important;
    }
    .pin:after {
        width: 10px;
        height: 10px;
        margin: 10px 0 0 10px;
    }
    .pin {
        width: 30px;
        height: 30px;
    }

    .expanded-text {
        bottom: 0px;
        border-radius: 30px;
        height: 30px;
        width: 30px;
        padding: 0 5px 5px 20px;
    }
    .expanded-text p {
		font-size: 13px;
		line-height: 13px;
        padding: 0 10px 0 10px;
    }
    @keyframes expand {
        0% { width: 30px; }
        100% { width: var(--target-width); }
    }
    @keyframes expand-back {
        0% { width: var(--target-width); }
        100% { width: 30px; }
    }
    .more-info.pin.animate::after {
        height: 5px;
        width: 5px;
        margin: 20px 0 0 5px;
    }
    .more-info.pin.animate.left::after {
        margin: 20px 0 0 20px;
    }
    .left.animate .expanded-text p {
        padding: 0 10px 0 15px;
    }
    .left .expanded-text p {
        padding: 0 30px 0 10px;
    }
    .left .expanded-text {
        padding: 0 10px 5px 0;
    }
    .left.animate .expanded-text {
        padding: 0 10px 5px 0;
    }
    .left .expanded-text:after {
        width: 20px;
        height: 30px;
    }
    .prip-sport-img {
        padding-left: 0;
        padding-right: 0;
    }
    .prip-sport-text {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .maps-doprava.strkovec {
        width: 14vw;
    }
    .nove-sportoviska-img {
        border-radius: 15px;
        object-fit: cover;
        width: 100%;
        height: auto;
    }
    .btn-kontakt_ {
        border: 2px solid;
    }
    .meetplace-box.image-box p img {
        width: 100%;
        height: 30vh;
        border-radius: 30px 30px 0 0;
    }
    .meetplace-box.image-box {
        padding-left: 30px;
        padding-top: calc(30vh + 30px);
    }
    .popup-content {
        margin: auto 20px;
        padding: 20px;
        width: calc(100% - 40px);
        border-radius: 15px;
    }
    .map-info-text {
        width: 40vw;
    }
    .map-info {
        display: flex;
        justify-content: center;
    }
    .map-info-pin-holder {
        padding-bottom: 10px;
        padding-right: 35px;
        margin-left: 25px;
    }
    .close {
        top: 5px;
        right: 15px;
    }
    section#zivy-unikat {
        padding-bottom: 42px;
    }
    .map-info .pin:after {
        animation: none;
    }
    .vizitka-btn {
        top: 38px;
        right: 15px;
    }
    #toggle-vizitka-btn {
        width: 15px;
    }
    .principy-card .content-3 {
        padding-top: 10px !important;
    }
    .principy-card .principy-img {
        padding-bottom: 0px;
    }
    .page .cky-consent-container .cky-consent-bar,
	.single .cky-consent-container .cky-consent-bar {
        border-radius_: 30px 30px 0 0;
    }
    .page .cky-preference-center,
	.single .cky-preference-center {
        border-radius_: 30px 30px 0 0;
    }
    h1.gdpr-title {
        font-size: 10vw;
        padding-top: 10vw;
    }
    .page-template-gdpr section#title {
        padding-bottom: 30px;
    }
    #hero-image img.bg-layer {
        right: 10vw;
    }
    .maps-bezecke-okruhy {
        line-height: 1.1em;
    }
    .legenda p {
        line-height: 4vw;
        font-size: 3.5vw;
        margin-left: 20px;
        margin-right: calc(4vw - 5px);
    }
    .legenda p:before {
        width: 4vw;
        height: 4vw;
        left: calc(-4vw - 5px);
    }
    .bef-legenda-mob {
        margin-bottom: 40px;
    }
    .gallery-carousel {
        padding: 0;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .lg-actions .lg-next:before, .lg-actions .lg-prev:after {
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 32px;
        padding: 0 0 34px 0 !important;
    }
    button.owl-prev {
        position: absolute;
        right: 50px;
        top: calc(50% - 25px);
    }
    button.owl-next {
        position: absolute;
        right: 10px;
        top: calc(50% - 25px);
    }
    .owl-gall-btn {
        bottom: 54px;
        left: 10px;
    }
    .open-carousel-gall a.button {
        font-size: 14px;
        line-height: 1.2em;
        padding: 8px 20px;
    }
    .lg-sub-html {
        padding: 15px 15px 15px;
        width: 90%;
        margin: 0 auto 10px;
    }
    .lg-sub-html h6 {
        font-size: 15px;
    }
    .lg-toolbar .lg-icon:after {
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 32px;
        padding: 0 0 34px 0 !important;
    }
    .lg-close.lg-icon {
        margin-right: 6px;
    }
    .owl-carousel button.owl-dot {
        margin: 15px 4px 0;
    }
    .mob-text-center {
        text-align: center;
    }
    .footer-gdpr p {
        margin-bottom: 0;
    }
    .maps-points.volejbal-mob {
        display: block;
    }
    .maps-points.basketbal-mob {
        display: block;
    }
    .maps-points.volejbal, .maps-points.basketbal {
        display: none;
    }
    .maps-points.volejbal-mob {
        right: 44%;
        top: 81%;
        border-radius: 20px 5px 20px 20px;
    }
    .maps-points.basketbal-mob {
        bottom: 9%;
        right: 81%;
    }
    .maps-doprava.strkovec {
        bottom: 8%;
        left: 42%;
    }
    .owl-gall-btn {
        bottom: unset;
        left: unset;
        position: relative;
        width: 100%;
        padding-top: 15px;
        text-align: center;
    }
    .legenda.legenda-desktop {
        display: none;
    }
    .legenda.legenda-mob {
        display: block;
    }
    #mobile-menu:after {
        content: "";
        width: 100%;
        height: 58px;
        position: fixed;
        top: 0;
        display: block;
        background: var(--meetplace-orange);
        left: 0;
    }
    .blog-post .fade-bottom, .blog-post.fade-bottom {
        opacity: 1;
    }
    .blog-post .fade-bottom.show, .blog-post.fade-bottom.show{
        animation: unset;
    }
    .maps-points.multisportova-hala {
        bottom: 21.2%;
    }
    .maps-points.sportova-hala-elan {
        bottom: 29%;
    }
    .maps-points.futbal {
        bottom: 36.7%;
    }




}
@media only screen and (min-width: 451px) and (max-width: 767px) {

	.sportoviska-holder .sportoviska-img.bigger,
	.sportoviska-holder .sportoviska-img {
		margin-left: 0;
		width: 100%;
	}

	.sportoviska-holder .sportoviska-img.bigger {
		margin-top: 50%;
	}

	img.img-3 {
		margin-top: -50%;
	}

    .padtop30 {
        padding-top: 15px;
    }

    .padtop40 {
        padding-top: 20px;
    }

    .padtop60 {
        padding-top: 45px;
    }

    .padtop90 {
        padding-top: 60px;
    }

    .padtop120 {
        padding-top: 90px;
    }

    .padbottom90 {
        padding-bottom: 60px;
    }

    .padbottom120 {
        padding-bottom: 90px;
    }

    .tab-padtop0 {
        padding-top: 0 !important;
    }

    .tab-padtop30 {
        padding-top: 30px !important;
    }

    .tab-padbottom60 {
        padding-bottom: 60px !important;
    }

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

    h1.blog-title {
        font-size: 10vw;
        line-height: 1.1em;
    }

    div#title-image {
        max-width: 40vw;
        bottom: -11vw;
    }

    p.blog-perex {
        font-size: 28px;
        line-height: 1.3em;
    }

    .blog-content p img {
        margin: 60px calc((100vw - 100%) / -2);
        max-width: unset;
        width: 100vw;
    }

    .main-image img {
        margin: 0 calc((100vw - 100%) / -2);
        max-width: unset;
        width: 100vw;
    }

    .blog-content p {
        font-size: 18px;
        line-height: 1.5em;
    }

    .meetplace-box p {
        font-size: 15px;
    }

    .blog-content blockquote p {
        font-size: 28px;
        line-height: 1.5em;
    }

    .blog-content blockquote {
        margin: 60px 0;
    }

    div.content-vizitka p {
        font-size: 16px;
        line-height: 1.5em;
    }

    .vizitka {
        border-radius: 30px;
        padding: 20px;
    }
    .vizitka-btn {
        top: 30px;
        right: 30px;
    }

    h2.headline2-vizitka {
        font-size: 28px;
        line-height: 1.3em;
    }

    .vizitka-text {
        padding-left: 30px;
        padding-right: 30px;
    }

    .vizitka {
        display: flex;
        flex-direction: column;
    }

    .vizitka-mobile-row {
        width: 100%;
        display: flex;
    }

    .mob-vizitka-image {
        width: 30%;
    }

    .mob-vizitka-title {
        width: 70%;
        padding-left: 30px;
        align-content: center;
    }

    .vizitka-mobile-row .content-vizitka {
        padding-top: 30px;
    }


    p.not-found, a.btn-not-found {
        font-size: calc(12px + 1vw);
        line-height: 1.3em;
    }

    .not-found-section {
        padding-top: 90px !important;
        padding-bottom: 0 !important;
    }

    .mobile-navbar {
        display: block;
        width: 100%;
        padding: 10px 0;
    }

    .desktop-navbar_ {
        display: none;
    }

    .header .logo {
        order: 0;
        z-index: 99999;
    }

    div#mobile-menu {
        display: block;
        width: 100%;
        height: 100%;
        z-index: 9999;
        position: fixed;
        top: 0;
        left: -100%;
        padding: 0 12px;
        padding-top: 90px;
        overflow: auto;
        transition: left 0.3s ease;
    }

    .menu-open #mobile-menu {
        left: 0;
    }

    .mobile-menu-holder {
        min-height: 450px;
        height: 100%;
        position: relative;
    }

    #main-menu-mobile {
        display: block;
        padding: 10px 0;
        font-family: "TWK Everett", sans-serif;
        width: 100%;
    }

    /* Menu items styling */
    #main-menu-mobile ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: max-content;
    }

    #main-menu-mobile li {
        margin: 0 15px;
        text-align: left;
        padding: 10px 25px;
    }

    #main-menu-mobile li:last-child {
        margin-right: 0;
    }

    #main-menu-mobile a {
        text-decoration: none;
        font-size: 18px;
        font-weight: 300;
        line-height: 26px;
        letter-spacing: 0.25px;
        color: white;
    }

    .btn-kontakt_ {
        border: 2px solid;
    }

    #mobile-menu .jtre-logo {
        position: absolute;
        bottom: 25px;
        left: 0;
        width: 70px;
    }

    h2.mobile-menu-title {
        font-size: 16vw;
        line-height: 1.1em;
        text-align: center;
    }

    #mobile-menu .hero-img {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 12%;
        max-width: 53vw;
        left: 50%;
        z-index: 1;
    }

    .menu-menu-1-container {
        margin-top: 75px;
        display: flex;
        justify-content: center;
    }

    /* .mobile-navbar::after {
        content: '';
        position: absolute;
        bottom: -30px;
        left: 0;
        right: 0;
        height: 30px;
        background: linear-gradient(to bottom, rgba(243, 131, 51, 1) 0%, rgba(243, 131, 51, 0) 100%);
    } */
    h1.hero-title_ {
        font-size: clamp(80px,15vw,200px);
        line-height: 0.9em;
        text-align: center;
    }


    .headline2_ {
        font-size: 100px;
        line-height: 1.1em;

    }

    .content_ {
        font-size: 22px;
        line-height: 1.2em;
    }

    .hranica-2024 {
        left: 10px;
    }

    .hranica-1960 {
        right: 10px;
    }

    .headline3 {
        font-size: 60px;
        line-height: 1.1em;
    }

    .headline2-ako-to-bude-vyzerat {
        font-size: 55px;
    }

    .expanded-text p {
        font-size: 25px;
        line-height: 25px;
    }

    .above-title {
        font-size: 18px;
        line-height: 1.5em;
    }

    h2.headline2-150 {
        font-size: 70px;
        line-height: 1.1em;
    }

    .hranica-1960, .hranica-2024 {
        font-size: 16px;
        line-height: 22px;
    }

    .mestska-cast {
        font-size: 14px;
    }

    .meetplace {
        font-size: 18px;
    }

    .headline3-2 {
        font-size: 60px;
        line-height: 1.1em;
    }

    p.content-2 {
        font-size: 18px;
        line-height: 1.5em;
    }

    .zdrava-stvrt-card .padleft100 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .maps-points {
        font-size: 11px;
        line-height: 11px;
        padding: 5px 12px 6px;
    }

    .streets {
        font-size: 10px;
        line-height: 12px;
    }

    .maps-doprava {
        font-size: 1.7vw;
        max-width: 10vw;
    }
    .maps-bezecke-okruhy {
        font-size: 1.7vw;
    }

    .maps-doprava.tomasikova {
        max-width: 10vw;
    }

    h2.headline2-3 {
        font-size: 80px;
        line-height: 1.1em;
    }

    h2.headline2-4_ {
        font-size: 60px;
        line-height: 1.1em;
    }

    .colgap50 {
        gap: 25px;
    }

    .principy-card {
        padding: 15px !important;
        width: auto;
    }

    .zdrava-stvrt-card {
        border-radius: 30px;
        padding: 40px 28px;
        margin-top: 50px;
    }

    p.content-3 {
        font-size: 16px;
        line-height: 1.3em;
    }

    p.content-4 {
        font-size: 20px;
        line-height: 1.3em;
    }

    h3.headline3-3_ {
        font-size: 30px;
        line-height: 30px;
    }

    h3.headline3-4 {
        font-size: 40px;
        line-height: 40px;
    }

    .zdrava-stvrt-img {
        margin-top: 30px;
    }

    .zdrava-stvrt-img.map-streets {
        margin-top: 0;
    }

    .row > * {
        padding-right: 25px;
        padding-left: 25px;

    }

    .tab-padx25 {
        padding-right: 25px;
        padding-left: 25px;

    }

    .sportoviska-img.bigger_ {
        aspect-ratio: 440 / 295;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .sportoviska-img_ {
        aspect-ratio: 440 / 295;
        width: 100%;
        height: auto;
        object-fit: cover;

    }

    .sportoviska-item,
	.miesto-stretnuti-item {
        flex: 0 0 calc((100% - 25px) / 2);
    }

    .sportoviska-holder {
        gap: 25px;
    }

    h3.sportoviska-title {
        padding-top: 20px;
        font-size: 20px;
        line-height: 1em;
    }

    p.sportoviska-popis {
        padding-top: 10px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3em;
    }

    .col-60perc {
        width: 100%;
        padding: 0;
    }

    .col-40perc {
        width: 100%;
        padding: 0;
    }

    .blog-post {
        flex: 0 0 calc((100% - 10px) / 2);
    }

    .nove-sportoviska-ilustration {
        margin: auto;
        margin-top: 30px;
    }

    .blog-post .category {
        font-size: 18px;
        line-height: 1.5em;
    }

    .blog-post .title {
        font-size: 24px;
        line-height: 1.3em;
    }

    .blog-post .read-more {
        font-size: 18px;
        line-height: 1.3em;
        padding: 10px 20px;
    }

    .content-blog h4 {
        margin-top: 0;
    }

    .colgap100 {
        gap: 30px;
    }

    .col-authors {
        width: calc((100% - 30px) / 2);
    }

    p.content-o-nas {
        font-size: 18px;
        line-height: 1.3em;
    }

    h2.headline2-faq_ {
        font-size: 50px;
        line-height: 1.1em;
    }

    #accordionFaq button.accordion-button,
	#accordionFaq div.accordion-button{
        padding: 40px 45px 40px 150px;
    }

    #accordionFaq .accordion-body {
        padding: 0 70px 30px 150px;
    }

    .accordion-button_ {
        font-size: 20px;
        line-height: 1.3em;

    }

    .footer .footer-top {
        padding-top: 60px;
    }

    .footer {
        padding-bottom: 60px;
        font-size: 20px;
        line-height: 1.3em;
    }

    .showroom-tel {
        padding-top: 0;
    }

    a.socials_ {
        font-size: 20px;
    }

    .vizitka.vizitka-tab {
        display: flex;
        flex-direction: row;
    }

    .footer .footer-top {
        text-align: center !important;
    }

    .socials-holder {
        text-align: center !important;
        padding-top: 60px;
    }

    img.jtre-logo {
        margin: auto;
    }

    .pin:after {
        width: 10px;
        height: 10px;
        margin: 10px 0 0 10px;
    }

    .pin {
        width: 30px;
        height: 30px;
    }

    .expanded-text {
        bottom: 0px;
        border-radius: 30px;
        height: 30px;
        width: 30px;
        padding: 2px 10px 5px 20px;
    }

    .expanded-text p {
        font-size: 18px;
        line-height: 18px;
        padding: 0 10px 0 10px;
    }

    @keyframes expand {
        0% {
            width: 30px;
        }
        100% {
            width: var(--target-width);
        }
    }
    @keyframes expand-back {
        0% {
            width: var(--target-width);
        }
        100% {
            width: 30px;
        }
    }
    .more-info.pin.animate::after {
        height: 5px;
        width: 5px;
        margin: 20px 0 0 5px;
    }

    .more-info.pin.animate.left::after {
        margin: 20px 0 0 20px;
    }

    .left.animate .expanded-text p {
        padding: 0 0px 0 15px;
    }

    /* Firefox-specific padding */
    @-moz-document url-prefix() {
        .left.animate .expanded-text p {
            padding: 0 5px 0 5px;
        }
    }
    .left .expanded-text {
        padding: 2px 20px 5px 10px;
    }

    .left .expanded-text p {
        padding: 0 15px 0 20px;
    }

    .left .expanded-text:after {
        width: 30px;
        height: 30px;
    }

    .maps-doprava.strkovec {
        width: 10vw;
    }

    .maps-doprava.sekundarne-trasy {
        width: 13vw;
        border: 0.2vw dashed;
    }

    .mobile-menu-title-holder {
        width: 80vw;
        margin: auto;
    }

    .footer .footer-contact p {
        margin-bottom: 0;
    }

    div#hero-image img {
        width: 100%;
    }
    .meetplace-box.image-box p img {
        width: 100%;
        height: 30vh;
        border-radius: 30px 30px 0 0;
    }
    .meetplace-box.image-box {
        padding-left: 30px;
        padding-top: calc(30vh + 30px);
    }
    .popup-content {
        margin: auto 20px;
        padding: 20px;
        width: calc(100% - 40px);
        border-radius: 15px;
    }
    .close {
        top: 5px;
        right: 15px;
    }
    .pad-l-r-20 {
        padding-left: 25px !important;
        padding-right: 25px;
    }
    #toggle-vizitka-btn {
        width: 15px;
    }
    .principy-card .content-3 {
        padding-top: 10px !important;
    }
    .principy-card .principy-img {
        padding-bottom: 20px;
		max-width: 500px;
    }
    .mob-padtop30 {
        padding-top: 60px;
    }
    section#title {
        padding-bottom: 0;
    }
    .page-template-gdpr #title-image {
        max-width: 44vw;
        bottom: -12vw;
    }
    #hero-image img.bg-layer {
        right: 25px;
        width: calc(100% - 50px);
    }
    .legenda p {
        line-height: 20px;
        font-size: 15px;
        margin-left: 25px;
        margin-right: 30px;
    }
    .legenda p:before {
        width: 20px;
        height: 20px;
        left: -25px;
    }

    .legenda {
        bottom: 10px;
    }
    .gallery-carousel {
        padding: 0;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .lg-actions .lg-next:before, .lg-actions .lg-prev:after {
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 32px;
        padding: 0 0 34px 0 !important;
    }
    button.owl-prev {
        position: absolute;
        right: 50px;
        top: calc(50% - 25px);
    }
    button.owl-next {
        position: absolute;
        right: 10px;
        top: calc(50% - 25px);
    }
    .owl-gall-btn {
        padding: 0 12px;
        bottom: 58px;
        left: 10px;
    }
    .open-carousel-gall a.button {
        font-size: 14px;
        line-height: 1.2em;
        padding: 8px 20px;
    }
    .lg-sub-html {
        padding: 15px 15px 15px;
        width: 90%;
        margin: 0 auto 10px;
    }
    .lg-sub-html h6 {
        font-size: 15px;
    }
    .lg-toolbar .lg-icon:after {
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 32px;
        padding: 0 0 34px 0 !important;
    }
    .lg-close.lg-icon {
        margin-right: 6px;
    }
    .mob-text-center {
        text-align: center;
    }
    .footer-gdpr p {
        margin-bottom: 0;
    }
    .owl-gall-btn {
        bottom: unset;
        left: unset;
        position: relative;
        width: 100%;
        padding-top: 15px;
        text-align: center;
    }
    .maps-points.sport-3 {
        bottom: 56%;
        left: 82%;
        top: unset;
        width: auto;
    }
    .maps-points.top.mobile-bottom {
        border-radius: 20px 20px 20px 5px !important;
    }
    .maps-points.top.mobile-bottom::after {
        right: unset;
        left: 3px;
        bottom: 3px;
        top: unset;
    }
    .legenda.legenda-desktop {
        display: none;
    }
    .legenda.legenda-mob {
        display: block;
    }
    .bef-legenda-mob {
        margin-bottom: 60px;
    }
    div#hero-image {
        max-width: 60%;
        top: 45%;
    }
   #mobile-menu:after {
        content: "";
        width: 100%;
        height: 58px;
        position: fixed;
        top: 0;
        display: block;
        background: var(--meetplace-orange);
        left: 0;
    }
    .lg-sub-html p {
        display: none;
    }
    .prip-sport-text {
        padding-left: 25px;
        padding-right: 25px;
    }
    .mobile-navbar .container {
        padding-right: 25px;
        padding-left: 25px;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *  * * * * MAX WIDTH 767PX * * * * * * * * * * * *
 *
 *  * * * * * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px) {

	.error404 .top img {
		max-width: 50%;
	}

	.error404 .top span {
		font-size: 140px;
	}

	.meet-spot-imgs.mt-100,
	.meet-spot-imgs.mb-100 {
		margin-top: 50px !important;
	}

	.meet-spot-imgs.mb-100 {
		margin-bottom: 0px !important;
	}

	.sportoviska-row .image-wrapper-single {
		overflow: unset;
	}

	.principy-img {
		padding: 20px 20px 0 0;
	}

	.padtop-tablet-50 {
		padding-top: 50px;
	}

	.hero-container {
		margin-left: 10px;
		margin-right: 10px;
	}

	.custom-slider.gallery-holder {
		width: 100%;
		margin: auto;
		padding: 0 15px;
	}
	.owl-carousel .owl-nav {
		padding: 0px 8px;
	}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .lg-actions .lg-next:before, .lg-actions .lg-prev:after {
		font-size: 20px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.custom-slider p.custom-slider-text a.custom-slider-button {
		display: none;
	}
	.custom-slider .custom-slider-caption {
		bottom: 8px;
		left: 8px;
		right: 8px;
		margin-right: unset;
	}
	.custom-slider p.custom-slider-text {
		font-size: 13px;
		line-height: 20px;

	}
	.owl-carousel .owl-nav button span {
		font-size: 26px;
	}
	.lg-actions .lg-prev {
		left: 10px;
	}
	.lg-actions .lg-next {
		right: 10px;
	}

	.section-padding-100 {
		padding-bottom: 60px;
		padding-top: 60px;
	}

	.galeria-perex {
		padding-bottom: 30px !important;
	}

	.vertical-carousel_ img {
		margin-bottom: 10px !important;
	}

	.vertical-carousel .image-wrapper-single {
		margin-bottom: 10px !important;
	}

	.foo-mobile {
		padding-top: 0 !important;
	}

	.vertical-carousel {
		margin-bottom: 15px;
	}

	.container-footer-large {
		padding: 0px 10px;
	}

	.footer-gdpr li,
	.footer-gdpr a {
		font-size: 12px;
	}

	.footer-list {
		padding: 0;
	}

	.footer-gdpr li {
		padding: 0;
	}

	.footer-gdpr li span {
		padding-left: 10px;
	}

	.footer .above-title {
		text-align: left;
		padding-left: 0;
	}

	.footer .content {
		text-align: left;
	}

	.foo-col-md-6 {
		width: 50%;
	}

	.foo-col-md-4 {
		width: 40%;
	}

	.foo-col-md-8 {
		width: 60%;
	}

	.footer-contact p {
		text-align: left;
	}

	.vertical-carousel .item {
		margin-left: 0;
		margin-right: 0;
	}

	.vertical-carousel .owl-prev,
	.vertical-carousel .owl-next {
		top: 70px;
	}

	.pad-left-right-0 {
		padding-right: calc(var(--bs-gutter-x)* .5) !important;
		padding-left: calc(var(--bs-gutter-x)* .5) !important;
	}

	.item.second {
		margin-top: 60%;
	}

	#accordionFaq .accordion-body {
		padding: 0px 50px 40px 0;
	}

	.accordion-body p_ {
		font-size: 16px;
		line-height: 1.5em;
	}

	.item.first {
		margin-top: 100%;
	}

	span[aria-label="Next"],
	span[aria-label="Previous"]{
		display: inline-block;
		width: 44px;
		height: 44px;
	}

	.mobile-tablet-hide {
		display: none !important;
	}

	.accordion-header button_ {
		font-size: 20px;
		line-height: 1.5em;
	}

	#accordionFaq button.accordion-button,
	#accordionFaq div.accordion-button {
		padding: 20px 10px 20px 0px;
	}

	.off-set-container {
		margin-left: 7%;
		max-width: 100%;
	}

	.off-set-inner {
		max-width: 1085px;
		margin-left: 7%;
	}

	p.content {
		line-height: 1.5em;
	}

	.sportoviska-img.bigger-m-right {
		margin-top: 0%;
		margin-left: 17%;
		width: 100%;
	}

	.sportoviska-img {
		width: 100%;
	}

	.content-padding {
		padding-top: 20px;
	}

	.padbottom200.mobile {
		padding-bottom: 100px;
	}

	.inside-img {
		object-position: 50%;
		height: auto;
		width: auto;
		min-height: 400px;
	}

	.bcg-full-img {
		height: 390px;
	}

	.principy-card.detail-card {
		width: 100%;
	}

	.col-number-2 {
		margin-top: 0px;
	}

	.steps-timeline {
		border-left: 2px solid black;
		padding-left: 40px;
		padding-bottom: 50px;
		margin-left: 10px !important;
	}

	.time-line-css {
		display: none;
	}

	.inverted-pane-warp {
		position: relative;
	}

	.inverted-pane-warp::before {
		width: 25px;
		height: 5px;
		content: "";
		background-color: black;
		position: absolute;
		left: -48px;
		top: 10px;
	}

	.tl-step {
		position: relative;
	}

	.tl-step.steps-one.step-0::after {
		width: 25px;
		height: 15px;
		content: "";
		background-color: var(--istropolis-tyrkys);
		position: absolute;
		left: -48px;
		top: -5px;
	}

	.padbot40mobile {
		padding-bottom: 40px !important;
	}

	.padbot50mobile {
		padding-bottom: 50px;
	}

    /* POPUP CSS */
    .popup .popup-img.desktop {
        display: none;
    }
    .popup .popup-img.mobile {
        display: block;
    }
    .popup {
        width: 420px;
        margin: auto 0;
        padding: 0 22px 25px;
        right: 10px;
        top: unset;
        bottom: 10px;
        height: fit-content;
        max-height: calc(100dvh - 20px);
        max-width: calc(100vw - 20px);
        overflow: auto;
    }
    .is-popup-content {
        padding-top: 24px;
        position: relative;
    }
    h2.popup-title, .popup .forminator-success h4.popup-title-as  {
        font-size: 18px;
        line-height: 22px;
        padding: 25px 0 0 0;
        max-width: 70%;
    }

    .popup .close-popup-btn {
        top: 15px;
        right: -5px;
        width: 16px;
        height: 16px;
    }
    .popup .forminator-ui .forminator-response-message.forminator-loading {
        font-size: 10px !important;
    }
    .popup .forminator-success {
        padding: 0 !important;
    }
    .popup-form-close-btn.after-submission {
        margin-top: 5px !important;
    }
    .popup .forminator-loading, .popup .forminator-loading p, .popup .forminator-loading span, .popup .forminator-loading h3, .popup .forminator-loading h4, .popup .forminator-loading h5 {
        font-size: 11px  !important;
        font-weight: 300 !important;
    }
    .popup-caption {
        font-size: 12px;
    }
    .popup .forminator-design--material #checkbox-1 .forminator-checkbox .forminator-checkbox-label {
        font-size: 10px !important;
    }
    .popup .forminator-design--material .forminator-label[class*="forminator-floating-"] {
        font-size: 10px !important;
        line-height: 17px !important;
    }
    .popup .forminator-input, .popup .forminator-field p {
        font-size: 10px !important;
        line-height: 17px !important;
    }
    .popup .forminator-design--material .forminator-label:not([class*="forminator-floating-"]) {
        font-size: 10px !important;
    }
    .popup .forminator-button-submit {
        margin-bottom: 0 !important;
    }
    .popup .forminator-ui.forminator-custom-form[data-design=material] .forminator-response-message.forminator-loading:before {
        top: 15px !important;
        font-size: 14px !important;
    }
    .popup .forminator-ui.forminator-custom-form[data-design=material] .forminator-floating--input {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    .popup .forminator-design--material .forminator-error-message {
        font-size: 8px !important;
        line-height: 10px !important;
    }

}

@media only screen and (min-width: 768px) {

	.image-wrapper-single.meet-spot-imgs_ {
		margin-top: 120px;
	}

	.desktop-hide {
		display: none !important;
	}
	.meet-spot-imgs.mt-100 {
		margin-top: 100px !important;
	}

	.meet-spot-imgs.mb-100 {
		margin-bottom: 120px !important;
	}

	.vertical-carousel .image-wrapper-single {
		margin: 0 0 20px 0 !important;
	}
}

@media only screen and (max-width: 991px) {
	.footer-gdpr {
		text-align: center !important;
	}

	.error404 .top img {
		max-width: 50%;
	}

	.error404 .top span {
		font-size: 180px;
	}

	.sportoviska-row .sportoviska-holder-test {
		gap: 30px;
		padding: 0 10px;
	}
}

@media only screen and (min-width: 768px) {

	.sportoviska-holder-test .image-wrapper-single {
		width: 33.33%;
	}

	.sportoviska-holder-test {
		display: inline-flex;
		justify-content: center;
		gap: 60px;
	}

}

@media only screen and (min-width: 991px) and (max-width: 1090px) {
	ul.footer-list {
		padding-left: 0;
	}

	.footer-gdpr li {
		padding: 2px;
	}

	.footer-gdpr li,
	.footer-gdpr a {
		font-size: 10px;
	}

	.footer-gdpr li span {
		padding-left: 5px;
	}
}

@media only screen and (min-width: 1091px) and (max-width: 1300px) {
	ul.footer-list {
		padding-left: 0;
	}

	.footer-gdpr li {
		padding: 2px;
	}

	.footer-gdpr li,
	.footer-gdpr a {
		font-size: 12px;
	}

	.footer-gdpr li span {
		padding-left: 5px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
	.padtop60.perex-mobile {
		padding-top: 10px;
	}
}

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

	.custom-slider p.custom-slider-text {
		font-size: 15px;
		line-height: 20px;
	}
	.custom-slider a.custom-slider-button {
		display: none;
	}

    .padtop30 {
        padding-top: 15px;
    }
    .padtop40 {
        padding-top: 20px;
    }
    .padtop60 {
        padding-top: 45px;
    }
    .padtop90 {
        padding-top: 60px;
    }
    .padtop120 {
        padding-top: 90px;
    }
    .padbottom90 {
        padding-bottom: 60px;
    }
    .padbottom120 {
        padding-bottom: 90px;
    }
    .padtop150 {
        padding-top: 90px;
    }
    .tab-padtop0 {
        padding-top: 0 !important;
    }
    .tab-padtop30 {
        padding-top: 30px !important;
    }
    .tab-padbottom60 {
        padding-bottom: 60px !important;
    }
    .tab-padleft0 {
        padding-left: 0 !important;
    }
    h1.blog-title {
        font-size: 10vw;
        line-height: 1.1em;
    }
    div#title-image {
        max-width: 40vw;
        bottom: -11vw;
    }
    p.blog-perex {
        font-size: 28px;
        line-height: 1.3em;
    }
    .blog-content p img {
        margin: 60px calc((100vw - 100%) / -2);
        max-width: unset;
        width: 100vw;
    }
    .main-image img {
        margin: 0 calc((100vw - 100%) / -2);
        max-width: unset;
        width: 100vw;
    }
    .blog-content p {
        font-size: 18px;
        line-height: 1.5em;
    }
    .meetplace-box p {
        font-size: 15px;
    }
    .blog-content blockquote p {
        font-size: 28px;
        line-height: 1.5em;
    }
    .blog-content blockquote {
        margin: 60px 0;
    }
    div.content-vizitka p {
        font-size: 16px;
        line-height: 1.5em;
    }
    .vizitka {
        border-radius: 30px;
        padding: 30px;
    }
    h2.headline2-vizitka {
        font-size: 28px;
        line-height: 1.3em;
    }
    .vizitka-text {
        padding-left: 30px;
        padding-right: 30px;
    }
    .vizitka {
        display: flex;
        flex-direction: column;
    }
    .vizitka-mobile-row {
        width: 100%;
        display: flex;
    }
    .mob-vizitka-image {
        width: 30%;
    }
    .mob-vizitka-title {
        width: 70%;
        padding-left: 30px;
        align-content: center;
    }
    .vizitka-mobile-row .content-vizitka {
        padding-top: 30px;
    }
    p.not-found, a.btn-not-found {
        font-size: calc(12px + 1vw);
        line-height: 1.3em;
    }
    .not-found-section {
        padding-top: 90px !important;
        padding-bottom: 0 !important;
    }
    .mobile-navbar {
        display: block;
        width: 100%;
        padding: 10px 0;
    }
    .desktop-navbar_ {
        display: none;
    }
    .header .logo {
        order: 0;
        z-index: 99999;
    }
    div#mobile-menu {
        display: block;
        width: 100%;
        height: 100%;
        z-index: 9999;
        position: fixed;
        top: 0;
        left: -100%;
        padding: 0 20px;
        padding-top: 90px;
        overflow: auto;
        transition: left 0.3s ease;
    }
    .menu-open #mobile-menu {
        left: 0;
    }
    .mobile-menu-holder {
        min-height: 750px;
        height: 100%;
        position: relative;
    }
    #main-menu-mobile {
        display: block;
        padding: 10px 0;
        width: 100%;
    }


    /* Menu items styling */
    #main-menu-mobile ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: max-content;
    }

    #main-menu-mobile li {
        margin: 0 15px;
        text-align: left;
        padding: 10px 30px;
    }
    #main-menu-mobile li:last-child {
        margin-right: 0;
    }

    #main-menu-mobile a {
        text-decoration: none;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0.25px;

    }
    #mobile-menu .jtre-logo {
        position: absolute;
        bottom: 25px;
        left: calc(50vw - 366px);
        width: 70px;
    }
    h2.mobile-menu-title {
        font-size: 16vw;
        line-height: 1.1em;
        text-align: center;
    }
    #mobile-menu .hero-img {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 12%;
        max-width: 53vw;
        left: 50%;
        z-index: 1;
    }
    .menu-menu-1-container {
        margin-top: 75px;
        display: flex;
        justify-content: center;
    }
    /* .mobile-navbar::after {
        content: '';
        position: absolute;
        bottom: -30px;
        left: 0;
        right: 0;
        height: 30px;
        background: linear-gradient(to bottom, rgba(243, 131, 51, 1) 0%, rgba(243, 131, 51, 0) 100%);
    } */
    h1.hero-title_ {
        font-size: 22vw;
        line-height: 0.9em;
        text-align: center;
    }

    .headline2_ {
        font-size: 70px;
        line-height: 1.1em;

    }
    .content_ {
        font-size: 3vw;
        line-height: 1.2em;
    }
    .hranica-2024 {
        left: 10px;
    }
    .hranica-1960 {
        right: 10px;
    }
    .headline3 {
        font-size: 70px;
        line-height: 1.1em;
        padding-left: 90px;
        padding-right: 90px;
    }

    .expanded-text p {
        font-size: 25px;
        line-height: 25px;
    }
    .above-title_ {
        font-size: 18px;
        line-height: 1.5em;
    }
    h2.headline2-150 {
        font-size: 100px;
        line-height: 1.1em;
    }
    .hranica-1960, .hranica-2024 {
        font-size: 16px;
        line-height: 22px;
    }
    .mestska-cast {
        font-size: 14px;
    }
    .meetplace {
        font-size: 18px;
    }
    .headline3-2 {
        font-size: 60px;
        line-height: 1.1em;
    }
    p.content-2 {
        font-size: 18px;
        line-height: 1.5em;
    }
    .zdrava-stvrt-card .padleft100 {
        padding-left: 25px;
        padding-right: 25px;
    }
    .maps-points {
        font-size: 14px;
        line-height: 14px;
    }
    .streets {
        font-size: 13px;
        line-height: 15px;
    }
    .maps-doprava, .maps-bezecke-okruhy {
        font-size: 1.7vw;
    }
    .maps-doprava.sekundarne-trasy {
        width: 13vw;
        border: 0.25vw dashed;
    }
    h2.headline2-3 {
        font-size: 80px;
        line-height: 1.1em;
    }
    h2.headline2-4_ {
        font-size: 60px;
        line-height: 1.1em;
    }
    .colgap50 {
        gap: 25px;
    }
    .principy-card {
		padding: 15px 15px 30px !important;
		width_: calc(33.33% - 16.66px);
		width: 48%;
	}
    .zdrava-stvrt-card {
        border-radius: 30px;
        padding: 60px 48px;
        margin-top: 50px;
    }
    p.content-3 {
        font-size: 16px;
        line-height: 1.3em;
    }
    p.content-4 {
        font-size: 20px;
        line-height: 1.3em;
    }
    h3.headline3-3_ {
        font-size: 30px;
        line-height: 30px;
    }
    h3.headline3-4 {
        font-size: 40px;
        line-height: 40px;
    }
    .zdrava-stvrt-img {
        margin-top: 30px;
    }
    .zdrava-stvrt-img.map-streets {
        margin-top: 0;
    }
    .row>* {
        padding-right: 25px;
        padding-left: 25px;

    }
    .tab-padx25 {
        padding-right: 25px;
        padding-left: 25px;

    }
    .sportoviska-img.bigger_ {
        aspect-ratio: 440 / 330;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .sportoviska-img_ {
        aspect-ratio: 440 / 295;
        width: 100%;
        height: auto;
        object-fit: cover;

    }
    .sportoviska-item,
	.miesto-stretnuti-item {
        flex: 0 0 calc((100% - 50px) / 3);
    }
    .sportoviska-holder {
        gap: 25px;
    }
    h3.sportoviska-title {
        padding-top: 20px;
        font-size: 24px;
        line-height: 1em;
    }
    p.sportoviska-popis {
        padding-top: 10px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3em;
    }
    .col-60perc {
        width: 100%;
        /* padding: 0; */
    }
    .col-40perc {
        width: 100%;
        /* padding: 0; */
    }
    .blog-post {
        flex: 0 0 calc((100% - 20px) / 2);
    }
    .nove-sportoviska-ilustration {
        /* max-width: 40vw; */
        margin: auto;
        margin-top: 30px;
    }
    .blog-post .category {
        font-size: 18px;
        line-height: 1.5em;
    }
    .blog-post .title {
        font-size: 24px;
        line-height: 1.3em;
    }
    .blog-post .read-more {
        font-size: 18px;
        line-height: 1.3em;
        padding: 10px 20px;
    }
    .content-blog h4 {
        margin-top: 0;
    }
    .colgap100 {
        gap: 30px;
    }
    .col-authors {
        width: calc((100% - 30px) / 2);
    }
    p.content-o-nas {
        font-size: 18px;
        line-height: 1.3em;
    }
    h2.headline2-faq_ {
        font-size: 50px;
        line-height: 1.1em;
    }

    .accordion-button {
        font-size: 20px;
        line-height: 1.3em;

    }
    .footer .footer-top {
        padding-top: 60px;
    }
    .footer {
        padding-bottom: 60px;
        font-size: 20px;
        line-height: 1.3em;
    }
    .showroom-tel {
        padding-top: 0;
    }
    a.socials_ {
        font-size: 20px;
    }
    .vizitka.vizitka-tab {
        display: flex;
        flex-direction: row;
    }
    .footer .order-2 {
        order: unset !important;
    }
    .pin:after {
        width: 13px;
        height: 13px;
        margin: 14px 0 0 13px;
    }
    .pin {
        width: 40px;
        height: 40px;
    }
    .expanded-text {
        bottom: 0px;
        border-radius: 30px;
        height: 40px;
        width: 40px;
        padding: 8px 15px 8px 25px;
    }
    .expanded-text p {
        font-size: 22px;
        line-height: 22px;
        padding: 0 10px 0 15px;

    }
    @keyframes expand {
        0% { width: 40px; }
        100% { width: var(--target-width); }
    }
    @keyframes expand-back {
        0% { width: var(--target-width); }
        100% { width: 40px; }
    }
    .more-info.pin.animate::after {
        height: 8px;
        width: 8px;
        margin: 26px 0 0 5px;
    }
    .maps-doprava.strkovec {
        max-width: 10vw;
    }
    .more-info.pin.animate.left::after {
        margin: 26px 0 0 26px;
    }
    .left.animate .expanded-text p {
        padding: 0 15px 0 10px;
    }
    .left .expanded-text p {
        padding: 0 15px 0 10px;
    }
    .left .expanded-text:after {
        height: 30px;
        width: 30px;
    }
    .left .expanded-text {
        padding: 8px 25px 8px 15px;
    }
    /* Firefox-specific padding */
    @-moz-document url-prefix() {
        .left .expanded-text p {
            padding: 0 15px 0 25px;
        }
    }
    .mobile-menu-title-holder {
        width: 80vw;
        margin: auto;
    }
    div#hero-image img {
        width: 75%;
    }
    .menu-hlavne-menu-container {
        max-width: 720px;
        margin: auto;
    }
    .vizitka-btn {
        top: 42px;
        right: 30px;
    }
    .padbottom150 {
        padding-bottom: 90px;
    }
    #hero-image img.bg-layer {
        width: calc(75% - 37.5px);
        right: 11.5vw;
    }
    .legenda p {
        line-height: 20px;
        font-size: 15px;
        margin-left: 25px;
        margin-right: 30px;
    }
    .legenda p:before {
        width: 20px;
        height: 20px;
        left: -25px;
    }
    .gallery-holder, .gallery-carousel {
        padding-right: 0;
        padding-left: 0;
    }
    button.owl-prev_ {
        left: 15px;
    }
    button.owl-next {
        right: 15px;
    }
    .owl-gall-btn {
        padding-left: 12px;
        left: 15px;
    }
    .legenda.legenda-desktop {
        display: none;
    }
    .legenda.legenda-mob {
        display: block;
    }
    .bef-legenda-mob {
        margin-bottom: 60px;
    }
    .before-legenda {
        margin-bottom: unset;
    }
    .mobile-navbar .container {
        padding-right: 25px;
        padding-left: 25px;
    }
    #mobile-menu:after {
        content: "";
        width: 100%;
        height: 58px;
        position: fixed;
        top: 0;
        display: block;
        background: var(--meetplace-orange);
        left: 0;
    }


}

@media only screen and (min-width: 992px) and (max-width: 1919px) {


    .hero-title_ {
        font-size: 20vw;
        line-height: 0.8em;
    }

    p.perex {
        line-height: 34px;
    }

    div#hero-image {
        max-width: 65%;
    }

    .headline2_ {
        font-size: 100px;
        line-height: 1.2em;
    }

    .headline3 {
        font-size: 75px;
        line-height: 1.1em;
    }

    .headline3-2 {
        font-size: 60px;
        line-height: 0.9em;
    }

    .content_ {
        font-size: 24px;
        line-height: 28px;
    }

    .hranica-1960, .hranica-2024 {
        font-size: 17px;
        line-height: 19px;
        padding: 5px 18px;
    }

    .meetplace {
        font-size: 18px;
        line-height: 20px;
        padding: 5px 18px;
    }

    .mestska-cast {
        font-size: 13px;
        line-height: 13px;
        padding: 3px 15px;
    }

    .hranica-2024 {
        left: -150px;
    }

    .hranica-1960 {
        right: -150px;
    }


    .zdrava-stvrt-card {
        margin: auto;
        margin-top: 65px;
        max-width: 90vw;
    }

    p.content-2 {
        font-size: 18px;
        line-height: 1.3em;

    }

    h1.blog-title {
        font-size: 8vw;
        line-height: 1.1em;
    }

    .custom-padtop90 {
        padding-top: 90px
    }

    .section.title {
        padding-bottom: 0 !important;

    }
    .section.main-image {
        padding-top: 0 !important;

    }

    p.blog-perex {
        font-size: 28px;
        line-height: 34px;
    }
    .blog-content blockquote p {
        font-size: 28px;
        line-height: 34px;
    }

    .blog-content p {
        font-size: 18px;
        line-height: 1.3em;

    }
    .meetplace-box p {
        font-size: 15px;
    }
    div.content-vizitka p {
        font-size: 17px;
        line-height: 1.3em;
    }
    .not-found-section {
        padding-top: 90px !important;
        padding-bottom: 0 !important;
    }
    p.not-found, a.btn-not-found {
        font-size: calc(12px + 1vw);
        line-height: 1.3em;
    }
    #not-found-image img {
        max-width: 35vw;
        margin: auto;
    }
    #not-found-image {
        top: 50%;
    }
    div#hero-image img {
        /* transform: rotate(-4.8deg); */
        margin: auto;
        width: 550px;
    }

}


@media only screen and (min-width: 451px) {
	.accordion-button_::after {
		display: none;
	}

	.content-blog .title {
		min-height: 140px;
	}
	.blog-post .read-more {
		margin-top: 0;
	}

}

@media only screen and (min-width: 900px) {
	.inverted-steps-pane {
		padding-left: 10px;
	}

	.steps-timeline {
		margin-left: -10px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 899px) {
	.steps-timeline {
		border-left: 2px solid black;
		padding-left: 40px;
		padding-bottom: 50px;
		margin-left: 10px !important;
	}

	.time-line-css {
		display: none;
	}

	.tl-step {
		position: relative;
	}

	.tl-step.steps-one.step-0::after {
		width: 25px;
		height: 15px;
		content: "";
		background-color: var(--istropolis-tyrkys);
		position: absolute;
		left: -48px;
		top: -5px;
	}

	.inverted-pane-warp::before {
		width: 25px;
		height: 5px;
		content: "";
		background-color: black;
		position: absolute;
		left: -48px;
		top: 10px;
	}

	.timeline-title.padbot70 {
		padding-bottom: 50px;
	}

	.inverted-steps-pane p {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 650px) {
	#main-menu {
		display: none;
	}

	.galeria-perex {
		margin-bottom: -30px;
	}

	.navbar.desktop-navbar .padx35 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.gallery .container-padding {
		padding-left: 10px;
	}

	.img-desc-wrap {
		padding-left: 0;
		padding-right: 5px;
	}

	section.detaily .container.cards,
	section.numbers .container.cards-numbers {
		padding-right: 10px;
		padding-left: 10px;
	}

	.uvod {
		min-height: 97vh;
	}
}
@media only screen and (min-width: 651px) {
	.btn-hero-wrap {
		display: none;
	}
}



/* POPUP CSS */
@media (max-height: 765px) and (orientation: landscape) {
    .popup {
        bottom: 10px;
        padding: 22px;
        padding-top: 0;
        width: 390px;
    }
    h2.popup-title {
        padding-top: 15px;
    }
    .is-popup-content {
        padding-top: 22px;
    }
    .popup .close-popup-btn {
        right: -10px;
    }
}
@media only screen and (max-width: 380px) {
    .vertical-carousel {
        overflow: hidden !important;
    }

    .popup {
        left: 10px;
    }
}