@media(max-width: 799px) {

    section {
        max-height: none;
        min-height: auto;
        height: auto;
    }

    section.home-page { 
        background-image: none;
        background-color: #fff;
    }
    
    .home-page-container {
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column-reverse;
    }

    .menu-list-cont {
        position: relative;
        right: 0;
        height: 100%;
        top: 0;
        align-items: center;
        background-color: #fff;
    }

    .navbar-collapse {
        background: #fff;
    }

    #navira_menu {
        align-items: baseline;
        margin: 0px -16px;
    }

    ul.menu-list {
        background-color: #fff;
        width: 100vw;
        margin-left: 0px;
        padding: 16px 12px;
        text-align: center;
        height: 100vh;
        display: flex;
        flex-direction: column;
    }

    li.nav-item {
        margin: 24px 0px;
        font-size: 18px;
    }

    .slogan-container {
        position: relative;
        bottom: 0;
        right: 0;
        border-right: none;
        opacity: 0;
        transition: 0.4s;
        margin-top: 10vh;
    }

    .section-article {
        padding: 0px 12px;
    }

    .slogan-text {
        background-color: var(--navira-light-blue);
    }

    .navira-main-title-cont {
        max-width: 100%;
        text-align: center;
    }

    .navira-main-article {
        top: 0px;
        left: 0px;
        position: relative;
        margin-top: 24px;
    }

    .navira-main-title-border {
        min-width: auto;
        padding-bottom: 2px;
        border-bottom: 4px solid var(--navira-light-blue);
    }

    .nasi-proizvodi-on-home {
        display: flex;
        flex-direction: column;
        align-content: center;
        background-color: #fff;
    }

    .lmg {
        margin-left: 0px;
    }

    .softver-modul {
        flex-direction: column;
    }

    .modul-slika {
        width: 72px;
        height: 72px;
    }

    .modul-naslov {
        text-align: center;
        font-size: 1.2rem;
        margin-left: 0px;
    }

    .schedule-meeting {
        max-width: none;
        margin-top: 32px;
        margin-bottom: 32px;
        justify-content: center;
        align-items: center;
    }

    /* Animacije */
    .navira-mont {
        display: none;
    }

    .navira-planine {
        display: none;
    }
    

    /* Bellow home sekcije */

    section.bellow-home {
        width: 100%;
        background-color: var(--ghost-white);
        z-index: 1;
        position: relative;
        left: 0;
        max-height: none;
        min-height: auto;
        height: auto;
        top: 0;
    }

    .section-title-cont {
        max-width: none;
        text-align: center;
        padding: 0px 18px;
    }

    .section-title-border {
        min-width: auto;
    }

    .bellow-home-container {
        padding: 24px 18px;
    }

    /* Sekcija: Naši proizvodi */

    section.nasi-proizvodi {
        position: relative;
        left: 0;
        top: 0;
    }

    .center-article {
        margin: 0px auto;
        padding-top: 24px;
        justify-content: center;
    }

    section.nasi-proizvodi.section-expanded {
        min-height: auto;
        height: auto;
        max-height: none;
    }

    .proizvod-detail {
        margin-top: 24px;
        padding: 24px 18px;
        opacity: 0;
    }

    /* Sekcija: Klijenti */ 

    section.klijenti {
        position: relative;
        left: 0;
        top: 0;
    }

    .klijenti-container {
        padding: 0px 18px;
    }

    .klijent-logo {
        max-width: 270px;
        max-height: 200px;
    }

    /* Sekcija: Kontakt */

    section.kontakt {
        position: relative;
        left: 0;
        top: 0;
    }

    .kontakt-container {
        padding: 0px 18px;
        justify-content: space-around;
        margin-top: 32px;
        flex-direction: column;
    }

    #map {
        margin-top: 16px;
        margin-bottom: 32px;
        width: auto;
        height: 300px;
        box-shadow: 5px 5px rgba(55,55,55, 0.75);
    }
    
    footer {
        position: relative;
        left: 0;
        top: 0;
    }
}