/***********************************************************************
 * Inteltech Engineering Laboratory
 * Soubor......: functions/responsive.css
 * Verze.......: 0.2.3
 ***********************************************************************/

/* KOTVA: MENSI DESKTOP */

@media (max-width: 1320px) {
    .site-layout {
        grid-template-columns: 225px minmax(0, 1fr);
    }

    .site-right {
        grid-column: 1 / -1;
    }

    .news-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .news-card {
        grid-template-columns: 92px minmax(0, 1fr);
        border: 1px solid var(--border);
        border-radius: 9px;
        padding: 12px;
    }

    .news-card img {
        width: 92px;
        height: 92px;
    }
}

/* --- /KONEC KOTVA: MENSI DESKTOP --- */


/* KOTVA: TABLET */

@media (max-width: 980px) {
    .site-header__top {
        grid-template-columns: 1fr auto;
    }

    .header-claim {
        grid-column: 1 / -1;
        grid-row: 2;
        padding: 10px 0 0;
        border-top: 1px solid var(--border);
        border-left: 0;
    }

    .site-layout {
        grid-template-columns: 205px minmax(0, 1fr);
    }

    .hero-stage {
        min-height: 610px;
    }

    .news-list {
        grid-template-columns: 1fr;
    }
}

/* --- /KONEC KOTVA: TABLET --- */


/* KOTVA: MOBIL */

@media (max-width: 760px) {
    .site-shell {
        padding: 8px;
    }

    .site-header__top {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .header-brand__image {
        max-width: 330px;
    }

    .header-widgets {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .header-widget {
        min-width: 0;
    }

    .breadcrumb-bar__list {
        overflow-x: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .site-layout {
        display: flex;
        flex-direction: column;
    }

    .site-main {
        order: 1;
        width: 100%;
    }

    .site-left {
        order: 2;
        width: 100%;
    }

    .site-right {
        order: 3;
        width: 100%;
    }

    .left-menu {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero-stage {
        min-height: 560px;
    }

    .hero-stage__background {
        object-position: 35% top;
    }

    .hero-stage__content {
        right: 18px;
        bottom: 24px;
        left: 18px;
    }

    .hero-stage__description {
        font-size: .91rem;
    }
}

/* --- /KONEC KOTVA: MOBIL --- */


/* KOTVA: UZKY MOBIL */

@media (max-width: 460px) {
    .header-widgets,
    .left-menu {
        grid-template-columns: 1fr;
    }

    .hero-stage {
        min-height: 520px;
    }

    .hero-stage__button {
        min-width: 210px;
    }
}

/* --- /KONEC KOTVA: UZKY MOBIL --- */

/* KOTVA: HERO 0.2.3 RESPONSIVE */

@media (max-width: 760px) {
    .hero-stage--logo {
        min-height: 430px;
    }

    .hero-stage--logo .hero-stage__background {
        object-position: 42% center;
    }

    .hero-stage__button--only {
        bottom: 14px;
        min-width: 190px;
        padding: 11px 18px;
        font-size: .88rem;
    }
}

/* --- /KONEC KOTVA: HERO 0.2.3 RESPONSIVE --- */





/* KOTVA: APPROVED HERO RESPONSIVE */

@media (max-width: 1320px) {
    .hero-approved {
        min-height: 720px;
    }
}

@media (max-width: 980px) {
    .hero-approved {
        min-height: 650px;
    }

    .hero-approved__image {
        object-position: center center;
    }
}

@media (max-width: 760px) {
    .hero-approved {
        min-height: 590px;
    }

    .hero-approved__image {
        object-fit: cover;
        object-position: center center;
    }

    .hero-approved__animation {
        width: 128%;
        left: -14%;
    }
}

@media (max-width: 460px) {
    .hero-approved {
        min-height: 540px;
    }
}

/* --- /KONEC KOTVA: APPROVED HERO RESPONSIVE --- */

/* v0.2.4 */
.hero-approved {height:auto;min-height:0;aspect-ratio:900/775;}