li.meni_sredina{
    text-decoration: none;
    list-style-type: none;
    line-height: 1.4em;;
}
.s-intro__text-huge{
    margin-bottom: 0 !important;
}



/******************************************************************************/


.parallax {
    width:100%;
    min-height: 70vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.normal {
    width:100%;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax-travel-bugarska {
    background-image: url("../images/travel/bugarska.jpg");
}
.parallax-travel-crnagora {
    background-image: url("../images/travel/crnagora.jpg");
}
.parallax-travel-egipat {
    background-image: url("../images/travel/egipat.jpg");
}
.parallax-travel-tunis {
    background-image: url("../images/travel/tunis.jpg");
}
.parallax-travel-turska {
    background-image: url("../images/travel/turska.jpg");
}
.parallax-travel-italija {
    background-image: url("../images/travel/italija.jpg");
}
.parallax-travel-grcka {
    background-image: url("../images/travel/grcka.jpg");
}
.parallax-travel-img1 {
    background-image: url("../images/travel/travel1.jpg");
}
.parallax-travel-img2 {
    background-image: url("../images/travel/travel2.jpg");
}
p.cenovnik{
    font-size: var(--space);
    text-decoration: underline;
}
p.pozovite{
    font-size: var(--space);
    text-decoration: underline;
    text-align: center;
    line-height: 1.4em;
}

#turisticki_aranzmani{
    margin: 8em auto;
}
.agencije_icon_wrapper{
    margin:2em;
}
    .agencije_icon{
        display:inline-block; margin:1em;
        width: 100px; height:80px; background-color: #ffffff99;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        border-radius: 8px;
    }

#avio_bus_karte{
    background-color: white;
}
.avio_icon_wrapper{
    width:auto; max-width:98%; padding:1em; border-radius: 10px; background:white;
    border: 1px solid #333;
}
    .avio_icon{
        display:inline-block; margin:.2em;
        width: 90px; height:30px; background-color: #ffffff99;
        border-radius: 2.5px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    .bus_icon_wrapper{
        width:auto; max-width:98%; padding:1em; border-radius: 10px; background:white;
    border: 1px solid #333;
    }
        .bus_icon{
            display:inline-block; margin:.2em;
            width: 140px; height:40px; background-color: #ffffff99;
            border-radius: 2.5px;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

        .timeline__block{ min-height: 350px;}
        .timeline__desc{ font-size: 1.4em; line-height:1.5em; }
        .timeline__header{ margin-bottom: 1em;}

#osiguranje{
    margin:0 auto;
    padding: 2em;
}   

    #osiguranje .deo{
        width: 30%; margin:1.5%;
    }
    #osiguranje .deo .opis{
        background-color: white;
        padding:1em;
        text-align: left;
        height:300px;
    }
    .osiguranje_logo{
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width:300px; height:200px;
        margin:0 auto;
        padding:1em;
        background-color: white;
        border-radius: 10px;
        background-origin: content-box;;
    }
    .osiguranje_slika{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width:100%; height:300px;
    }
    #osiguranje ul{
        margin:0;
    }
    #osiguranje li{
        list-style-type: none;
    }
    #osiguranje h3{
        margin: 1em 0;
    }

#prevodi{
    background-color: white;
    padding: 4em 0;
}
#prevodi .text-huge-title{
    text-align: center;
}
    .zastave{
        width:600px;
        justify-content: center;
    }
    .zastave .deo{
        display:inline-block; margin:2em;
        width: 120px; background-color: #ffffff99;
        border-radius: 2.5px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    .zastave .deo p{
        text-align: center;
    }
    .zastava{
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width:120px; height:70px;
    }

    .ispod{
        text-align: center;
        width: 100%;
        margin:1em;
    }
    #prevodi ul{
        margin:0 auto;
        max-width:1024px;
        text-align: center;
    }
    #prevodi ul li{
        list-style-type: none;
        text-align: right;
        display:inline;
    }
    #prevodi .pozovite{
        font-size: 2.4rem;
    }


#nekretnine{

}
    #nekretnine .pozovite{
        text-align: left;
        margin-top:1em;
    }
    #nekretnine .deo{
        width: 30%; margin:1.5%;
    }
    #nekretnine .deo .opis{
        background-color: white;
        padding:1em;
        text-align: left;
        height:300px;
    }
    .center{text-align: center; margin-left:auto; margin-right: auto;}
    #nekretnine .center .pozovite{
        text-align: center;
    }
    .s-header__nav ul.desktop_nav li{
        display:block;
    }
    .s-header__nav ul.mobile_nav li{
        display:none;
    }
    .mobile_naslov{
        display: none;
    }

    ul.desktop_nav img{
        height: 4em; width: auto;
        margin-top:1em;
    }
    #oglasi h4{
        margin:0; 
        margin-top:1rem;
    }
@media only screen and (max-width: 900px) {
    ul.desktop_nav{
        display:none;
    }
    /* .s-header__nav ul.desktop_nav{
        display:block;
    } */
    .s-header__nav ul.mobile_nav li{
        display:block;
    }
    ul.diff_nav{
        margin-top: 2em;
        border-top: 1px solid #333;
        padding-top: 2em;
    }
    .s-header__social{
        display: none;
    }
}


@media only screen and (max-width: 800px) {
    .s-header__nav-wrap {
        padding-bottom: 0;
    }
    .desktop_naslov{
        display: none;
    }
    .mobile_naslov{
        display: block;
    }
    .parallax {
        background-attachment: scroll;
    }
    .telefon{ display: block;}
    .timeline__block{ min-height: 100px;}
    #osiguranje .deo{
        width: 90%; margin:4.5%;
    }

    #turisticki_aranzmani{
        margin: 6em auto 1em auto;
    }
    .agencije_icon_wrapper{
        margin: 0;
    }
    .agencije_icon{
        margin: 6px; width:50px; height: 35px;
    }
    .bus_icon_wrapper {
        padding:8px;
    }
    .bus_icon{
        width:46%; margin:0;
    }
    #avio_bus_karte{
        padding: 0; 
    }
    #avio_bus_karte .autobus{
        margin-top:2em;
    }

    #osiguranje{
        padding: 10px;
        box-sizing: border-box;
        max-width: 96%;
    }
    .post-info{
        margin:3em auto; width: 90%;
    }
    #nekretnine .deo {
        width:100%;
    }
}


@media only screen and (max-width: 600px) {
    #nekretnine .row {
        width:90%; margin: 0 auto; padding:0;
    }
    .zastave{
        max-width: 100%;
        width:auto;
        margin: 1em auto;
    }
    .zastave .deo{
        margin: 1em;
        width:80px;
    }
    .zastave .deo .zastava{
        width: 80px;
    }
}

.nekretnine_mob_slika{
    display: none;
}
@media only screen and (max-width: 550px) {
    #osiguranje .row{
        padding:0;
    }
    #osiguranje .deo{
        margin:.5em 0;
        width:100%;
    }
    .osiguranje_slika {
        height: 200px; display:none;
    }
    #osiguranje .deo .opis {
        height: auto;
        position: relative;
    }

    #nekretnine .deo .opis {
        height: auto;
        position: relative;
    }
    #nekretnine h3{
        margin-top:.2em;
    }
    .nekretnine_mob_slika{
        display: block; width:100%;
        box-sizing: border-box; padding: 10px;
        margin-top:1em;
    }
}
@media only screen and (max-width: 400px) {
    .osiguranje_slika {
        height: 100px;
    }
    .zastave .deo{
        margin: 5px;
    }
    .zastave .deo p {
        text-align: center;
        font-size: 65%;
        margin-bottom: 0;
    }
    .zastave .deo .zastava{
        width: 70px; height: 50px;
    }
}