@media only screen and (max-width: 1024px){
    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .center{
        width: min(100% - 32px, 100%);
    }

    #Navigace{
        padding: 14px 0;
    }

    .nav-obsah{
        position: relative;
        gap: 14px;
        flex-wrap: wrap;
    }

    .logo-obrazek{
        width: 148px;
    }

    .hamburger{
        margin-left: auto;
        width: 48px;
        height: 48px;
        border: 1px solid rgba(16,16,16,0.10);
        border-radius: 14px;
        background: #ffffff;
        padding: 0;
        position: relative;
        z-index: 3;
    }

    .hamburger span{
        position: absolute;
        left: 12px;
        width: 22px;
        height: 2px;
        background: #101010;
        transition: transform 0.25s ease, opacity 0.25s ease, top 0.25s ease;
    }

    .hamburger span:nth-child(1){
        top: 16px;
    }

    .hamburger span:nth-child(2){
        top: 23px;
    }

    .hamburger span:nth-child(3){
        top: 30px;
    }

    .hamburger.aktivni span:nth-child(1){
        top: 23px;
        transform: rotate(45deg);
    }

    .hamburger.aktivni span:nth-child(2){
        opacity: 0;
    }

    .hamburger.aktivni span:nth-child(3){
        top: 23px;
        transform: rotate(-45deg);
    }

    .jazyk-prepinac{
        order: 2;
        margin-left: 0;
        margin-right: 8px;
    }

    #Menu{
        order: 3;
        width: 100%;
        display: none;
        margin: 8px 0 0 0;
        padding: 18px;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        background: #ffffff;
        border-radius: 20px;
        border: 1px solid rgba(16,16,16,0.08);
        box-shadow: 0 20px 45px rgba(16,16,16,0.08);
    }

    #Menu.otevrene{
        display: flex;
    }

    #Menu a::after{
        bottom: -4px;
    }

    .hero-sekce{
        min-height: auto;
        padding: 128px 0 70px 0;
    }

    .hero-grid{
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .hero-copy h1{
        font-size: clamp(36px, 12vw, 58px);
    }

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

    .hero-vizual{
        min-height: auto;
    }

    .slider-okno{
        height: 500px;
    }

    .slide{
        padding: 24px;
    }

    .slide-popis strong{
        font-size: 24px;
    }

    .orbita-1{
        width: 420px;
        height: 420px;
    }

    .orbita-2{
        width: 480px;
        height: 480px;
    }

    .sekce{
        padding: 82px 0;
    }

    .intro-grid{
        grid-template-columns: 1fr;
    }

    .sluzby-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .kontakt-box{
        grid-template-columns: 1fr;
        padding: 32px;
    }

    .paticka-grid{
        grid-template-columns: 1fr;
        padding: 42px 0;
    }

    .spodni-lista-obsah{
        min-height: auto;
        padding: 18px 0;
        flex-direction: column;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 767px){
    .hero-akce{
        flex-direction: column;
        align-items: stretch;
    }

    .tlacitko{
        width: 100%;
    }

    .slider-okno{
        height: 430px;
        border-radius: 26px;
    }

    .slide-popis strong{
        font-size: 22px;
    }

    .sluzby-grid{
        grid-template-columns: 1fr;
    }

    .sluzba{
        padding: 24px;
    }

    .kontakt-box{
        padding: 24px;
    }

    .kontakt-akce{
        width: 100%;
    }

    .email-odkaz{
        width: 100%;
        padding: 18px 18px;
        min-height: 62px;
        font-size: 18px;
        text-align: center;
        word-break: break-word;
    }

    .paticka-text strong{
        font-size: 22px;
    }
}