﻿@media only screen and (max-width:362px){
    #ExtraSmallPagination {
        margin: auto;
        padding: 2vh 0;
        display: table;
    }
    #MobilePagination {
        display: none;
    }
    #DesktopPagination {
        display: none;
    }
}
@media only screen and (min-width: 363px) and (max-width:769px) {
    #DesktopPagination {
        display: none;
    }

    #ExtraSmallPagination {
        display: none;
    }

    #MobilePagination {
        margin: auto;
        padding: 2vh 0;
        display: table;
    }
}
@media only screen and (max-width:767px) {
    .Filter {
        display: none;
    }
    #AukcijeHeaderTitle{
        display:none;
    }
    #AukcijeHeaderLeft {
        text-align: left;
        padding: 10px 10px 10px 25px;
    }
    #AukcijeHeaderRight {
        text-align: left;
        padding: 10px 25px 10px 10px;
    }
    #DetaljnaPretragaDesktop {
        display: none;
    }
    .ModelMarkaTitleDiv {
        text-align: center;
    }

}

    @media only screen and (min-width:768px) {
        .Filter {
            position: fixed;
            bottom: 5px;
            width: 16.5vw;
            min-height: 84vh;
            z-index: 500;
        }

        #MobileFilterButton {
            display: none;
        }

        #AukcijeHeaderLeft {
            text-align: left;
        }

        #AukcijeHeaderRight {
            text-align: right;
            padding: 0px 25px 0px 10px;
        }

            #AukcijeHeaderRight select {
                margin-left: calc(100% - 190px);
            }

        #FilterBody .form-control {
            height: calc(1.3em + .75rem + 2px) !important;
            font-size: 0.90rem;
            padding: .375rem .1rem;
        }

        #AukcijeHeader .form-control {
            height: calc(1.3em + .75rem + 2px) !important;
            font-size: 0.90rem;
            padding: .375rem .1rem;
        }

        #SlikaOglasa {
            max-height: 180px;
        }
        #ExtraSmallPagination {
            display: none;
        }
        #MobilePagination{
            display: none;
        }
        #DesktopPagination {
            margin: auto;
            padding: 2vh 0; 
            display: table;
        }
        .ModelMarkaTitleDiv{
            text-align: left;
        }
    }

#DetaljnaPretragaDesktop {
    max-height: 800px;
    transition: max-height 1s ease;
    animation: 1s hide-overflow;
    /*opacity: 1;*/
}
    #DetaljnaPretragaDesktop.hidden {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.8s ease;
        animation: 0.2s show-overflow;
        /*opacity: 0;*/
    }
#DetaljnaPretragaMobile {
    max-height: 800px;
    transition: max-height 1s ease;
    animation: 1s hide-overflow;
    /*opacity: 1;*/
}

    #DetaljnaPretragaMobile.hidden {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.8s ease;
        animation: 0.2s show-overflow;
        /*opacity: 0;*/
    }
@keyframes show-overflow {
    from {
        overflow: visible;
    }
}
@keyframes hide-overflow {
    from {
        overflow: hidden;
    }
}
    #MobileFilter {
        display: none;
        text-align: left;
    }
    /*PAGINACIJA*/

.pagination li {
    margin: 0 5px;
    border-radius: 6px;
}

.pagination-item.active span {
    color: black !important;
    border-radius: 6px;
    background-color: snow;
    border-color: snow;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.pagination-link {
    border-radius: 6px;
    background-color: #161628;
    border-color: #161628;
    color: snow !important;
}
    .pagination-link:hover {
        color: black !important;
        background-color: snow;
        border-color: snow;
        box-shadow: 0 0 5px rgba(0,0,0,0.4);
    }

        .pagination-link a:hover {
            color: snow;
            background-color: #6c757d;
        }
    /*pocetna Aukcije */
#pretragaAukcija {
    border-radius: 6px;
    background-color: white;
    padding: 2%;
    /*box-shadow: 0 0 25px rgba(0,0,0,0.5);*/
}
.PagedList-pageCountAndLocation.pagination-item {
    background-color: snow;
}

#headerMestoZaSliku {
    /*background-image: url("../Slike/AukcijeHeader.jpg");*/
    /*min-height: 70vh;*/
    object-fit:contain;
    padding: 5%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #161628;
}

#headerZaSliku {
    background-image: url("../Slike/PremijaAukcijeHeader.png");
    background-position:right;
    background-size:100%;
    background-repeat:no-repeat;
}




.autoPrikazPocetna {
    background-color: white;
    border-radius: 6px;
}


    .timerPocetna {
        background-color: #e3740e;
    }

#divOAukcijama {
    padding: 0;
    margin-top: 5%;
    background-color: #161628;
}

    #tekstOAukcijama {
        padding: 5%;
        color: white;
    }

    #pravilaAukcija {
        margin: 5%;
        padding-left: 5%;
        padding-top: 2%;
        padding-right: 5%;
        background-color: white;
        border-radius: 6px;
    }
    /*pocetna Aukcije kraj*/
    .Filter {
        margin: 1vh;
        background-color: white;
        border-radius: 6px;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }

    #FilterHeader {
        background-color: #161628;
        border-radius: 6px 6px 0 0;
        padding: 3% 0% 1% 3%;
    }

    #FilterBody {
        padding: 0 2vh;
    }

    .FilterTitle {
        margin-top: 10px;
    }
    #FilterBar{
        margin-top: 5px;
        margin-left: 0.5vh;
    }
    .FilterTag{
        border-radius: 6px;
        background-color: white;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        margin: 5px;
        padding: 5px;
    }

    .PrikazPretrageOglasa {
        margin: 1%;
        min-height: 100vh;
    }

    #AukcijeHeader {
        text-align: center;
        padding: 1%;
        border-radius: 6px;
        background-color: white;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }

    .AutoOglas {
        margin: 1% 0;
        padding: 1%;
        background-color: white;
        border-radius: 6px;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }

    #SlikaOglasa {
        border-radius: 6px;
        width: 100%;
        object-fit: cover;
    }


    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, main {
        display: block;
    }

    /*body, * {
        font-family: MuseoSans,"Helvetica Neue",Helvetica,Arial,sans-serif;
    }*/

    ol, ul {
        list-style: none;
    }

    blockquote, q {
        quotes: none;
    }

        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;
        }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    a, a:active, a:focus {
        outline: none;
    }



    /*AUKCIJE AUKCIJE - pocetak*/
    /* --------------------------------

Additional Styles

-------------------------------- */
    *, *::after, *::before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    html * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    a {
        color: #f03d6c;
        text-decoration: none;
    }

    /* --------------------------------

Main Components

-------------------------------- */
    .cd-header {
        position: relative;
        height: 150px;
        background-color: #70e5cd;
    }

        .cd-header h1 {
            color: #ffffff;
            line-height: 150px;
            text-align: center;
        }

    @media only screen /*and (min-width: 1170px)*/ {
        .cd-header {
            height: 180px;
        }

            .cd-header h1 {
                line-height: 180px;
            }
    }

    .cd-main-content {
        position: relative;
        min-height: 100vh;
    }

        .cd-main-content:after {
            content: "";
            display: table;
            clear: both;
        }

        .cd-main-content.is-fixed .cd-tab-filter-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
        }

        .cd-main-content.is-fixed .cd-gallery {
            padding-top: 76px;
        }

        .cd-main-content.is-fixed .cd-filter {
            position: fixed;
            height: 100vh;
            overflow: hidden;
        }

            .cd-main-content.is-fixed .cd-filter form {
                height: 100vh;
                overflow: auto;
                -webkit-overflow-scrolling: touch;
            }

        .cd-main-content.is-fixed .cd-filter-trigger {
            position: fixed;
        }

    @media only screen /*and (min-width: 768px)*/ {
        .cd-main-content.is-fixed .cd-gallery {
            padding-top: 90px;
        }
    }

    @media only screen /*and (min-width: 1170px)*/ {
        .cd-main-content.is-fixed .cd-gallery {
            padding-top: 100px;
        }
    }

    /* --------------------------------

xtab-filter

-------------------------------- */
    .cd-tab-filter-wrapper {
        background-color: #ffffff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
        z-index: 1;
    }

        .cd-tab-filter-wrapper:after {
            content: "";
            display: table;
            clear: both;
        }

    .cd-tab-filter {
        /* tabbed navigation style on mobile - dropdown */
        position: relative;
        height: 50px;
        width: 140px;
        margin: 0 auto;
        z-index: 1;
    }

        .cd-tab-filter::after {
            /* small arrow icon */
            content: '';
            position: absolute;
            right: 14px;
            top: 50%;
            bottom: auto;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            display: inline-block;
            width: 16px;
            height: 16px;
            background: url("https://entrusters.com/templates/yoo_moustache/html/com_entrusters_shop/products/ui-img/cd-icon-arrow.svg") no-repeat center center;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            pointer-events: none;
        }

        .cd-tab-filter ul {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #ffffff;
            box-shadow: inset 0 -2px 0 #f03d6c;
        }

        .cd-tab-filter li {
            display: none;
        }

            .cd-tab-filter li:first-child {
                /* this way the placehodler is alway visible */
                display: block;
            }

        .cd-tab-filter a {
            display: block;
            /* set same size of the .cd-tab-filter */
            height: 50px;
            width: 140px;
            line-height: 50px;
            padding-left: 14px;
        }

            .cd-tab-filter a.selected {
                background: #f03d6c;
                color: #ffffff;
            }

        .cd-tab-filter.is-open::after {
            /* small arrow rotation */
            -webkit-transform: translateY(-50%) rotate(-180deg);
            -moz-transform: translateY(-50%) rotate(-180deg);
            -ms-transform: translateY(-50%) rotate(-180deg);
            -o-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
        }

        .cd-tab-filter.is-open ul {
            box-shadow: inset 0 -2px 0 #f03d6c, 0 2px 10px rgba(0, 0, 0, 0.2);
        }

            .cd-tab-filter.is-open ul li {
                display: block;
            }

        .cd-tab-filter.is-open .placeholder a {
            /* reduces the opacity of the placeholder on mobile when the menu is open */
            opacity: .4;
        }

    @media only screen /*and (min-width: 768px)*/ {
        .cd-tab-filter {
            /* tabbed navigation style on medium devices */
            width: auto;
            cursor: auto;
        }

            .cd-tab-filter::after {
                /* hide the arrow */
                display: none;
            }

            .cd-tab-filter ul {
                background: transparent;
                position: static;
                box-shadow: none;
                text-align: center;
            }

            .cd-tab-filter li {
                display: inline-block;
            }

                .cd-tab-filter li.placeholder {
                    display: none !important;
                }

            .cd-tab-filter a {
                display: inline-block;
                padding: 0 1em;
                width: auto;
                color: #9a9a9a;
                text-transform: uppercase;
            }

        .no-touch .cd-tab-filter a:hover {
            color: #f03d6c;
        }

        .cd-tab-filter a.selected {
            background: transparent;
            color: #f03d6c;
            /* create border bottom using box-shadow property */
            box-shadow: inset 0 -2px 0 #f03d6c;
        }

        .cd-tab-filter.is-open ul li {
            display: inline-block;
        }
    }

    @media only screen /*and (min-width: 1170px)*/ {
        .cd-tab-filter {
            /* tabbed navigation on big devices */
            width: 100%;
            float: right;
            margin: 0;
            -webkit-transition: width 0.3s;
            -moz-transition: width 0.3s;
            transition: width 0.3s;
        }

            .cd-tab-filter.filter-is-visible {
                /* reduce width when filter is visible */
                width: 80%;
            }
    }

    /* --------------------------------

xgallery

-------------------------------- */
    .cd-gallery {
        padding: 26px 5%;
        width: 100%;
    }

        .cd-gallery li {
            margin-bottom: 1.6em;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
            display: none;
        }

            .cd-gallery li.gap {
                /* used in combination with text-align: justify to align gallery elements */
                opacity: 0;
                height: 0;
                display: inline-block;
            }

        .cd-gallery img {
            display: block;
            width: 100%;
        }

        .cd-gallery .cd-fail-message {
            display: none;
            text-align: center;
        }

    @media only screen /*and (min-width: 768px)*/ {
        .cd-gallery {
            padding: 40px 3%;
        }

            .cd-gallery ul {
                text-align: justify;
            }

                .cd-gallery ul:after {
                    content: "";
                    display: table;
                    clear: both;
                }

            .cd-gallery li {
                width: 48%;
                margin-bottom: 2em;
            }
    }

    @media only screen /*and (min-width: 1170px)*/ {
        .cd-gallery {
            padding: 50px 2%;
            float: right;
            -webkit-transition: width 0.3s;
            -moz-transition: width 0.3s;
            transition: width 0.3s;
        }

            .cd-gallery li {
                width: 23%;
            }

            .cd-gallery.filter-is-visible {
                /* reduce width when filter is visible */
                width: 80%;
            }
    }

    /* --------------------------------

xfilter

-------------------------------- */
    .cd-filter {
        position: absolute;
        top: 0;
        left: 0;
        width: 280px;
        height: 100%;
        background: #ffffff;
        box-shadow: 4px 4px 20px transparent;
        z-index: 2;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
        -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
        transition: transform 0.3s, box-shadow 0.3s;
    }

        .cd-filter::before {
            /* top colored bar */
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 50px;
            width: 100%;
            background-color: #E3740E !important;
            z-index: 2;
        }

        .cd-filter form {
            padding: 70px 20px;
        }

        .cd-filter .cd-close {
            position: absolute;
            top: 0;
            right: 0;
            height: 50px;
            line-height: 50px;
            width: 60px;
            color: #ffffff;
            text-align: center;
            background: #444444;
            opacity: 0;
            -webkit-transition: opacity 0.3s;
            -moz-transition: opacity 0.3s;
            transition: opacity 0.3s;
            z-index: 3;
        }

    .no-touch .cd-filter .cd-close:hover {
        background: #666666;
    }

    .cd-filter.filter-is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
    }

        .cd-filter.filter-is-visible .cd-close {
            opacity: 1;
        }

    @media only screen /*and (min-width: 1170px)*/ {
        .cd-filter {
            width: 20%;
        }

            .cd-filter form {
                padding: 70px 10%;
            }
    }

    .cd-filter-trigger {
        position: absolute;
        top: 0;
        left: 0;
        height: 50px;
        line-height: 50px;
        width: 60px;
        /* image replacement */
        overflow: hidden;
        text-indent: 100%;
        color: transparent;
        white-space: nowrap;
        background: transparent url("https://entrusters.com/templates/yoo_moustache/html/com_entrusters_shop/products/ui-img/cd-icon-filter.svg") no-repeat center center;
        z-index: 3;
    }

        .cd-filter-trigger.filter-is-visible {
            pointer-events: none;
        }

    @media only screen /*and (min-width: 1170px)*/ {
        .cd-filter-trigger {
            width: auto;
            left: 2%;
            text-indent: 0;
            color: #9a9a9a;
            text-transform: uppercase;
            padding-left: 24px;
            background-position: left center;
            -webkit-transition: color 0.3s;
            -moz-transition: color 0.3s;
            transition: color 0.3s;
        }

        .no-touch .cd-filter-trigger:hover {
            color: #f03d6c;
        }

        .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
            color: #ffffff;
        }
    }

    /* --------------------------------

xcustom form elements

-------------------------------- */
    .cd-filter-block {
        margin-bottom: 1.6em;
    }

        .cd-filter-block h4 {
            /* filter block title */
            position: relative;
            margin-bottom: .2em;
            padding: 10px 0 10px 20px;
            color: #9a9a9a;
            text-transform: uppercase;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer;
        }

    .no-touch .cd-filter-block h4:hover {
        color: #f03d6c;
    }

    .cd-filter-block h4::before {
        /* arrow */
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 16px;
        height: 16px;
        background: url("https://entrusters.com/templates/yoo_moustache/html/com_entrusters_shop/products/ui-img/cd-icon-arrow.svg") no-repeat center center;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }

    .cd-filter-block h4.closed::before {
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -moz-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        -o-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }

    .cd-filter-block input, .cd-filter-block select,
    .cd-filter-block .radio-label::before,
    .cd-filter-block .checkbox-label::before {
        /* shared style for input elements */ border-radius: 0;
        background-color: #ffffff;
        border: 2px solid #e6e6e6;
    }

        .cd-filter-block input[type='search'],
        .cd-filter-block input[type='text'],
        .cd-filter-block select {
            width: 100%;
            padding: .8em;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            box-shadow: none;
        }

            .cd-filter-block input[type='search']:focus,
            .cd-filter-block input[type='text']:focus,
            .cd-filter-block select:focus {
                outline: none;
                background-color: #ffffff;
                border-color: #f03d6c;
            }

        .cd-filter-block input[type='search'] {
            /* custom style for the search element */
            border-color: transparent;
            background-color: #e6e6e6;
            /* prevent jump - ios devices */
            font-size: 1rem !important;
        }

            .cd-filter-block input[type='search']::-webkit-search-cancel-button {
                display: none;
            }

    .cd-filter-block .cd-select {
        /* select element wrapper */
        position: relative;
    }

        .cd-filter-block .cd-select::after {
            /* switcher arrow for select element */
            content: '';
            position: absolute;
            z-index: 1;
            right: 14px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            display: block;
            width: 16px;
            height: 16px;
            background: url("https://entrusters.com/templates/yoo_moustache/html/com_entrusters_shop/products/ui-img/cd-icon-arrow.svg") no-repeat center center;
            pointer-events: none;
        }

    .cd-filter-block select {
        cursor: pointer;
    }

        .cd-filter-block select::-ms-expand {
            display: none;
        }

    .cd-filter-block .list li {
        position: relative;
        margin-bottom: .8em;
    }

        .cd-filter-block .list li:last-of-type {
            margin-bottom: 0;
        }

    .cd-filter-block input[type=radio],
    .cd-filter-block input[type=checkbox] {
        /* hide original check and radio buttons */
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        opacity: 0;
        z-index: 2;
    }

    .cd-filter-block .checkbox-label,
    .cd-filter-block .radio-label {
        padding-left: 24px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
        .cd-filter-block .radio-label::before,
        .cd-filter-block .radio-label::after {
            /* custom radio and check boxes */
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .cd-filter-block .checkbox-label::before,
        .cd-filter-block .radio-label::before {
            width: 16px;
            height: 16px;
            left: 0;
        }

        .cd-filter-block .checkbox-label::after,
        .cd-filter-block .radio-label::after {
            /* check mark - hidden */
            display: none;
        }

        .cd-filter-block .checkbox-label::after {
            /* check mark style for check boxes */
            width: 16px;
            height: 16px;
            background: url("https://entrusters.com/templates/yoo_moustache/html/com_entrusters_shop/products/ui-img/cd-icon-check.svg") no-repeat center center;
        }

        .cd-filter-block .radio-label::before,
        .cd-filter-block .radio-label::after {
            border-radius: 50%;
        }

        .cd-filter-block .radio-label::after {
            /* check mark style for radio buttons */
            width: 6px;
            height: 6px;
            background-color: #ffffff;
            left: 5px;
        }

    .cd-filter-block input[type=radio]:checked + label::before,
    .cd-filter-block input[type=checkbox]:checked + label::before {
        border-color: #f03d6c;
        background-color: #f03d6c;
    }

    .cd-filter-block input[type=radio]:checked + label::after,
    .cd-filter-block input[type=checkbox]:checked + label::after {
        display: block;
    }

    @-moz-document url-prefix() {
        /* hide custom arrow on Firefox - select element */
        .cd-filter-block .cd-select::after {
            display: none;
        }
    }

    /*@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) 
{
    #headerMestoZaSliku1 {
        background-image: url("../Slike/AukcijeHeader.jpg");
        min-height: 70vh;
        padding: 5%;
        background-size: cover;
        background-repeat: no-repeat;
    }
}*/


    .telefon1 {
        display: none;
    }

    @media only screen /*and (min-width:500px)*/ and (max-width:660px) {
        .telefon1 {
            display: inline !important;
        }

            .telefon1 #pretragaAukcija {
                border-radius: 6px;
                background-color: white;
                margin-left: 3%;
                margin-right: 3%;
                padding: 2%;
                /*box-shadow: 0 0 25px rgba(0,0,0,0.5);*/
            }
    }


    #headerMestoZaSliku {
        display: none;
    }

    @media only screen and (min-width:661px) {
        #headerMestoZaSliku {
            display: inline !important;
            /*background-image: url('../Slike/AukcijeHeader.jpg');*/
            background-color: #161628;
            object-fit: contain;
        }
    }

#velicinaDiva {
    height: 4em;
    position: relative;
}

#nasloviModelaIMarke {
    text-align: center;
    margin: 0;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    position: absolute;
    text-align: center;
}

