@media (max-width: 768px) {
    .row{
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .doors{
        display: flex!important;
        flex-direction: row!important;
    }
    
    .dvere-male img{
        max-width: 250px;
        width: 100%;
        height: 60px;
    }

    .sirka-vyska-flex{
        display: flex!important;
        flex-direction: row!important;
    }

    .checkbox-center {
        display: flex;
        justify-content: center; /* Horizontální zarovnání na střed */
        align-items: center; /* Vertikální zarovnání na střed */
        height: 100%; /* Zajistí vertikální zarovnání v rámci výšky rodičovského prvku */
    }


    .krok-kruh.aktivni {
        display: flex;
    }

    .krok-kruh {
        display: none;
    }

    .uvodni-hlavicka-mobil{
        display: flex!important;
        flex-direction: row!important;
    }

    #kroky-nav::before{
        width: 100%;
        text-align: left;
        margin: unset!important;
    }
    
    body{
        min-width: 100%!important;
    }

    .obsah-ismobile{
        width: 100%!important;
    }

    .aktivni-cislo-nahore{
        display: flex!important;
        justify-content: flex-end!important;
    }

    .navod-checkbox{
        display: inline-flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-content: center;
        align-items: center;
    }

    .navod-precetl{
        width: 100%;
    }

    .typy-vyplni-kachlicka{
        display: flex !important;
        flex-direction: row !important;
        align-content: center;
        justify-content: space-around;
        align-items: center;
    }

    .dvere-prosklene-male{
        width: unset;
    }
}

@media (min-width:769px) and (max-width:1440px){
.dvere-male img {
    height: 100px;
    margin: auto;
    }
}