:root {
    --salveta-blue-color: #27364F;
    --salveta-yellow-color: #F4B101;
    --salveta-oker-color: #4F3A3A;
    --salveta-purple-color: #391337;
}

@font-face {
    font-family: 'KGBlankSpaceSolid';
    src: url(/assets/fonts/KGBlankSpaceSolid.ttf);
}

@font-face {
    font-family: 'Junior Brush';
    src: url(/assets/fonts/JuniorBrush.ttf);
}

/* RESET - START */

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'KGBlankSpaceSolid';
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}

input:focus {
    outline: 0;
}

/* RESET - END */

/* HOME - START */

body {
    background: url('/assets/img/salveta_pozadina.png') no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
}

.salveta-home-content {
    display: flex;
}

@media only screen and (max-width: 1024px) {

    body {
        background: none;
    }

    body:before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        background: url('/assets/img/salveta_pozadina.png') no-repeat center center;
        background-size: cover;
    }

    .salveta-home-content {
        display: none;
    }
}

.salveta-home-levo {
    flex-basis: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.salveta-home-desno {
    position: relative;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.salveta-home-levo-gore {
    display: flex;
    justify-content: center;
}

.salveta-home-levo-dole {
    position: relative;
    display: flex;
    align-items: center;
}

.salveta-home-levo-dole > div {
    flex-shrink: 1;
}

img.home-gore-slika {
    max-height: 14vw;
    margin: -0.8vw 0 1vw 9vw;
}

img.home-tanjir-slika {
    position: relative;
    top: 2.5vw;
}

img.home-noz-slika {
    position: relative;
    left: -3.5vw;
}

img.home-kasika-slika {
    position: relative;
    left: -5.8vw;
}

img.home-salveta-slika {
    position: relative;
    left: -6vw;
}

img.home-desno-slika {
    position: relative;
    top: 1vw;
    left: -4vw;
}

.home-desno-button {
    margin: 30px 0 10px;
}

.ne-znas-kako-tekst {
    color: var(--salveta-blue-color);
    margin: 0 0 10px;
}

.holder-svg-video {
    position: relative;
    margin-top: 12px;
}

.home-strelica-video {
    width: 20px;
    position: absolute;
    z-index: 3;
    right: -30px;
    top: -34px;
}

img.home-saznaj-lako {
    border: 2px solid black;
    max-width: 220px;
    margin-bottom: 5px;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 1200px) {
    img.home-saznaj-lako {
        max-width: 180px;
    }
}
.fb-ig-ikonice {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fb-ikonica,
.ig-ikonica {
    margin-right: 10px;
}

.fresh-srbija,
.sajt-piramida a {
    font-family: 'Junior Brush';
    color: var(--salveta-blue-color);
    font-size: 20px;
    text-decoration: none;
}

.sajt-piramida {
    margin: 10px 0;
    text-align: center;
}

/* HOME - END */

/* HEADER - START */

.salveta-header {
    height: 7vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 1200px) {
    .salveta-header {
        display: none;
    }
}

.salveta-header ul {
    margin-right: 5vw;
}

.salveta-header ul li {
    display: inline-block;
}

.salveta-header ul li a {
    position: relative;
    color: var(--salveta-blue-color);
    font-family: 'KGBlankSpaceSolid';
    font-size: 1.88vw;
    text-decoration: none;
    padding: 0 1.5vw;
}

.salveta-header ul li a::after {
    content: url(/assets/svg/menu-vertical-line.svg);
    width: 0.23vw;
    position: absolute;
    right: -4px;
}

.salveta-header ul li:last-child a::after {
    display: none;
}

.salveta-header ul li a.active {
    color: var(--salveta-yellow-color);
}

.salveta-header ul li a.active::before {
    content: url(/assets/svg/menu-horizontal-line.svg);
    min-width: 100%;
    height: auto;
    position: absolute;
    bottom: -12px;
    left: 0;
}

.salveta-logo {
    margin-left: 2vw;
    margin-top: 7vw;
}

.salveta-logo img {
    height: 11vw;
}

/* HEADER - END */

/* ----------------------------- */

/* DESING - START */

.salveta-design-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: calc(100vh - 7vw);
}

.salveta-design-content-sredina {
    display: flex;
}

@media only screen and (max-width: 1200px) {

    .salveta-design-content {
        order: 5;
        padding-bottom: 50px;
    }

    .salveta-design-content-sredina,
    .salveta-design-content-levo {
        flex-direction: column;
    }

    .salveta-design-content-levo {
        order: 1;
    }

    .salveta-design-content-desno {
        order: 2;
    }
}

.salveta-design-content-dole {
    display: flex;
    justify-content: center;
}

.salveta-design-content-levo,
.salveta-design-content-centar,
.salveta-design-content-desno {
    flex: 1;
}

.salveta-design-content-centar {
    margin: 20px;
}

.salveta-design-content-levo {
    opacity: 1;
    transition: all .3s ease-in;
}

.salveta-design-content-gore ul li {
    border-radius: 8px;
    margin: 0 2px;
    height: 1.8vw;
    width: 1.8vw;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.salveta-design-content-levo ul li {
    height: 1.8vw;
    width: 1.8vw;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 1200px) {
    .salveta-design-content-gore ul li,
    .salveta-design-content-levo ul li {
        height: 20px;
        width: 20px;
    }
}

.izaberi-boju-text {
    font-family: 'Junior Brush';
    color: var(--salveta-blue-color);
    font-size: 1.6vw;
    text-align: center;
    font-weight: 400;
    margin: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.donja-zuta-linija-izaberi {
    position: relative;
    top: -8px;
    width: 12vw;
}

.donja-zuta-linija-oboji {
    position: relative;
    top: -8px;
    width: 9vw;
}

@media only screen and (max-width: 1200px) {
    .izaberi-boju-text {
        font-size: 26px;
    }

    .donja-zuta-linija-izaberi {
        width: 150px;
    }

    .donja-zuta-linija-oboji {
        width: 120px;
    }
}

ul.salveta-field-colors {
    margin-top: 8px;
}

.salveta-design-content-levo {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.salveta-design-content-levo .salveta-color-palette {
    margin: 0 10px 0 20px;
}

.salveta-design-content-levo ul li {
    display: block;
    margin: 8px 0;
}

@media only screen and (max-width: 1200px) {
    .salveta-design-content-levo ul li {
        display: inline-block;
    }
}

.salveta-design-content-desno {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1200px) {
    .salveta-design-content-desno {
        justify-content: center;
    }
}

#createimage,
input[type="submit"] {
    font-family: 'KGBlankSpaceSolid';
    font-size: 0.85vw;
    letter-spacing: 0.03em;
    text-decoration: none;
    padding: 0.7vw 1.3vw;
    background: url("/assets/img/button-desno.png") center no-repeat;
    background-size: cover;
    color: #fff;
    border: 2px solid var(--salveta-yellow-color);
    border-radius: 20px;
    /*width: 100%;*/
    text-align: center;
    cursor: pointer;
}

@media only screen and (max-width: 680px) {
    .salveta-design-content-desno ul {
        display: flex;
        align-items: center;
    }
}

.salveta-design-content-desno ul li {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 20px 0;
}

@media only screen and (max-width: 1200px) {
    #createimage,
    input[type="submit"] {
        font-size: 12px;
        padding: 10px 20px;
        margin-top: 30px;
    }
}

.salveta-design-content-desno ul li i {
    background: var(--salveta-blue-color);
    color: var(--salveta-yellow-color);
    border: 2px solid var(--salveta-oker-color);
    text-align: center;
    width: 36px;
    height: 36px;
    line-height: 32px;
    margin: 3px;
    border-radius: 9px;
}

#salveta-canvas-field {
    width: 30vw;
    height: 30vw;
}

@media only screen and (max-width: 1200px) {
    #salveta-canvas-field {
        width: 90vw;
        height: 90vw;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1201px) {
    .salveta-design-right-menu {
        position: absolute;
        height: 100%;
        width: 10vw;
        right: 0;
        top: 0;
        background: #ebebeb;
    }
}

.salveta-design-right-menu ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.salveta-design-right-menu ul li {
    display: inline-flex;
    margin: 0.4vw 0;
    padding: 0 0.8vw;
}

.salveta-design-right-menu ul li a {
    font-family: 'KGBlankSpaceSolid';
    font-size: 0.85vw;
    letter-spacing: 0.03em;
    text-decoration: none;
    padding: 0.55vw;
    /*background-color: var(--salveta-oker-color);*/
    background: url("/assets/img/button-desno.png") center no-repeat;
    background-size: cover;
    color: #fff;
    border: 2px solid var(--salveta-yellow-color);
    border-radius: 20px;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 1200px) {

    .salveta-design-right-menu ul {
        flex-direction: row;
        flex-wrap: wrap;
        margin: 10px 0 20px;
        justify-content: space-around
    }

    .salveta-design-right-menu ul li {
        margin: 4px 0;
        padding: 0;
    }

    .salveta-design-right-menu ul li a {
        font-size: 10px;
        padding: 6px 16px;
    }
}

/* COLOR PANEL - START */

.salveta-color-palette {
    text-align: center;
}

.salveta-color-palette-item {
    height: 20px;
    width: 20px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
}

.palette-braon {
    background: #472b17;
}

.palette-plava {
    background: #bde6f9;
}

.palette-roze {
    background: #f4c2c2;
}

.palette-narandzasta {
    background: #ffa500;
}

.palette-krem {
    background: #f3e0b4;
}

.palette-zelena {
    background: #46b25a;
}

.palette-siva {
    background: #c0c0c0;
}

.palette-teget {
    background: #34497c;
}

.palette-zuta {
    background: #e1b83d;
}

.palette-bordo {
    background: #753333;
}

.palette-crvena {
    background: #b94348;
}

.palette-bela {
    background: #FFFFFF;
}

.salveta-buttons-palette {
    margin-top: 10px;
}

.salveta-buttons-palette-item {
    cursor: pointer;
}

.salveta-buttons-pallete-title {
    color: var(--salveta-blue-color);
    padding: 0 10px;
    text-align: center;
}

/* COLOR PANEL - END */

/* RIGHT PANEL - START */

.salveta-design-right-panel {
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    background: #ebebeb;
    transition: all .3s ease-in;
    overflow-y: scroll;
}

.salveta-design-right-panel::-webkit-scrollbar {
  display: none;
}

/* for big screen */
@media only screen and (min-width: 1201px) {
    .salveta-design-right-panel {
        right: 10vw;
        border-left: 10px solid transparent;
        border-image: url("/assets/img/sareni-border.png") 50 stretch;
    }
    
    .salveta-design-right-panel i {
        display: none;
    }

}

/* for small screen */
@media only screen and (max-width: 1200px) {
    .salveta-design-right-panel {
        width: 100%;
        padding-top: 60px;
        z-index: 15;
        visibility: hidden;
        opacity: 0;
        transition: all .3s ease-in;
    }
    
    .salveta-design-right-panel i {
        position: absolute;
        right: 20px;
        top: 10px;
        font-size: 44px;
    }
}

.salveta-design-right-panel.clicked {
    width: 400px;
}

@media only screen and (max-width: 1200px) {
    .salveta-design-right-panel.clicked {
        width: 100%;
        visibility: visible;
        opacity: 1;
    }
}

.single-design-element {
    /*flex-basis: 20%;*/
    display: inline-block;
    width: 20%;
    padding: 5px;
    cursor: pointer;
}

/* RIGHT PANEL - END */

/* DESING - END */

/* NAGRADE - START */

.salveta-nagrade-content {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 50px;
}

.salveta-nagrade-content .nagrade-slika {
    max-width: 70%;
}

@media only screen and (max-width: 1024px) {
    .salveta-nagrade-content .nagrade-slika {
        max-width: 100%;
    }
}

/* NAGRADE - END */

/* LOADER - START */

.no-js #loader {
    display: none;

}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;

}

.salveta-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/assets/img/Preloader_10.gif') center no-repeat #fff;
}

/* LOADER - END */

/* POSALJI - START */

.salveta-posalji-content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 7vw);
}

.salveta-posalji-levo,
.salveta-posalji-desno {
    flex-basis: 50%;
}

.salveta-posalji-levo {
    text-align: right;
    margin-right: 50px;
}

@media only screen and (max-width: 1024px) {
    .salveta-posalji-content {
        flex-direction: column;
    }

    .salveta-posalji-levo {
        text-align: center;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.posalji-slika {
    max-width: 30vw;
    margin: 0 auto;
    border: 10px solid transparent;
    border-image: url(/assets/img/galerija-border.png) 10 stretch;
    background: rgba(255, 255, 255, 0.6);
}

.salveta-posalji-form-item {
    margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    .posalji-slika {
        max-width: 90%;
    }

    .salveta-posalji-form-item {
        text-align: center;
    }
}

input[type="text"] {
    padding: 15px 20px;
    color: #fff;
    font-size: 12px;
    font-family: 'KGBlankSpaceSolid';
    background-color: var(--salveta-oker-color);
    border: 2px solid var(--salveta-yellow-color);
    border-radius: 30px;
    width: 25vw;
}

@media only screen and (max-width: 1024px) {
    input[type="text"] {
        width: 80%;
    }
}

input::placeholder {
    color: #fff;
}

.salveta-posalji-form-item label {
    font-size: 14px;
    font-family: 'KGBlankSpaceSolid';
}

#sendSalveta {
    font-family: 'KGBlankSpaceSolid';
    font-size: 14px;
    letter-spacing: 0.03em;
    text-decoration: none;
    padding: 12px 32px;
    background-color: var(--salveta-oker-color);
    color: #fff;
    border: 2px solid var(--salveta-yellow-color);
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
}

/* POSALJI - END */

/* GALERIJA - START */

.salveta-galerija-content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;

    width: 75%;
    margin: 50px auto 0;
}

.salveta-galerija-item {
    flex-basis: 20%;
    margin: 0 2% 50px;
    display: block;
}

@media only screen and (max-width: 1440px) {
    .salveta-galerija-item {
        flex-basis: 26%;
        margin: 0 3% 50px;
    }
}

@media only screen and (max-width: 1024px) {
    .salveta-galerija-item {
        flex-basis: 40%;
        margin: 0 5% 50px;
    }
}

@media only screen and (max-width: 680px) {
    .salveta-galerija-item {
        flex-basis: 80%;
        margin: 0 0 50px;
    }
}

.salveta-galerija-item > a > img {
    border: 10px solid transparent;
    border-image: url('/assets/img/galerija-border.png') 10 stretch;
    background: rgba(255, 255, 255, 0.6);
}

.salveta-galerija-autor-holder {
    text-align: center;
}

.donja-zuta-linija-galerija {
    position: relative;
    top: -8px;
    width: 70%;
}

.salveta-galerija-autor {
    color: var(--salveta-blue-color);
    font-family: 'KGBlankSpaceSolid';
    font-size: 13px;
    text-align: center;
    margin: 7px 0 4px;
}

.salveta-galerija-item-bottom {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.salveta-galerija-item-bottom > div {
    margin: 0 3px;
}

.salveta-likes-holder {
    background: var(--salveta-blue-color);
    padding: 7px 10px;
    color: #fff;
    border-radius: 11px;
}

.salveta-likes {
    position: relative;
    cursor: pointer;
}

.salveta-likes .salveta-like {
    opacity: 1;
    transition: opacity .3s ease-in;
}

.salveta-likes .salveta-liked {
    position: absolute;
    left: -1px;
    opacity: 0;
    transition: opacity .3s ease-in;
}

.salveta-likes.liked .salveta-like {
    opacity: 0;
}

.salveta-likes.liked .salveta-liked {
    opacity: 1;
}

.salveta-votes {
    font-family: 'KGBlankSpaceSolid';
    font-size: 12px;
}

/* GALERIJA - END */

/* SINGLE - START */

.salveta-single-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto 0;
    min-height: calc(100vh - 7vw);
}

.salveta-single {
    flex-basis: 30vw;
    flex-shrink: 1;
    text-align: center;
}

@media only screen and (max-width: 1024px) {
    .salveta-single {
        flex-basis: 80%;
    }

    .salveta-single-content {
        min-height: calc(100vh - 84px);
    }
}

.salveta-single > img {
    border: 10px solid transparent;
    border-image: url('/assets/img/galerija-border.png') 10 stretch;
    background: rgba(255, 255, 255, 0.6);
}

.salveta-single-autor-holder {
    text-align: center;
}

.donja-zuta-linija-single {
    position: relative;
    top: -8px;
}

.salveta-single-autor {
    color: var(--salveta-blue-color);
    font-family: 'KGBlankSpaceSolid';
    font-size: 26px;
    text-align: center;
    margin: 7px 0 4px;
}

/* SINGLE - END */

/* MOBILE HEADER - START */

.salveta-mobile-header {
    display: none;

}

@media only screen and (max-width: 1200px) {
    .salveta-mobile-header {
        display: flex;
        flex-direction: column;
    }
}

.salveta-mobile-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.salveta-mobile-logo img {
    height: 100px;
}

.mobile-home-gore-slika {
    height: 100px;
    position: relative;
}

.salveta-mobile-opener {
    cursor: pointer;
    position: relative;
    z-index: 11;
}

.salveta-mobile-opener i {
    font-size: 30px;
    margin-right: 15px;
    color: var(--salveta-blue-color);
}

.salveta-mobile-nav {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #eaeaea;
    transform: translateY(-100%);
    transition: all .3s ease-in;
}

.salveta-mobile-nav.opened {
    transform: translateY(0%);
}

.salveta-mobile-header ul li {
    display: block;
    padding: 10px 0;
}

.salveta-mobile-header ul li a {
    position: relative;
    color: var(--salveta-blue-color);
    font-family: 'KGBlankSpaceSolid';
    font-size: 33px;
    text-decoration: none;
}

.salveta-mobile-header ul li a.active {
    color: var(--salveta-yellow-color);
}

.salveta--mobile-header ul li a.active::before {
    content: url(/assets/svg/menu-horizontal-line.svg);
    min-width: 100%;
    height: auto;
    position: absolute;
    bottom: -12px;
    left: 0;
}

/* MOBILE HEADER - END */

/* PRAVILA - START */

.salveta-pravila-content {
    display: block;
    width: 100%;
    padding: 50px 15%;
    margin: 0 auto;
}

.salveta-pravila-content h2,
.salveta-pravila-content h3,
.salveta-pravila-content p,
.salveta-pravila-content li {
    word-break: break-word;
    font-family: 'KGBlankSpaceSolid';
}

.salveta-pravila-content li {
    list-style-type: disc;
    list-style-position: inside;
}

/* PRAVila - END */

/* MOBILE HOME - START */

.salveta-home-mobile-content {
    display: none;
}

@media only screen and (max-width: 1200px) {

    .salveta-home-mobile-content {
        display: flex;
        flex-direction: column;
    }

    .salveta-mobile-home-gore {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .mobile-home-desno-slika {
        width: 90%;
        margin-top: 30px;
    }

    .home-desno-button {
        width: 40%;
    }

    .salveta-mobile-home-dole {
        display: flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 10px 0 20px;
    }

    .salveta-mobile-home-dole-levo {
        display: flex;
        flex-basis: 60%;
    }

    .salveta-mobile-home-dole-desno {
        flex-basis: 40%;
    }

    .ne-znas-kako-tekst {
        text-align: center;
        font-size: 14px;
    }

    .home-strelica-video {
        right: 0;
    }
}

/* MOBILE HOME - END */

/* ANIMATIONS - START */

.salveta-home-levo-dole > div > img,
.salveta-mobile-home-dole-levo > div > img {
    opacity: 0;
    transform: translateX(-50%);
    transition: all .3s ease-in;
}

.salveta-home-levo-dole > div > img.salveta-appear,
.salveta-mobile-home-dole-levo > div > img.salveta-appear {
    opacity: 1;
    transform: translateX(0%);
}

.home-desno-slika,
.mobile-home-desno-slika {
    opacity: 0;
    transform: scale(0.9);
    transition: all .3s ease-in;
}

.home-desno-slika.salveta-appear,
.mobile-home-desno-slika.salveta-appear {
    opacity: 1;
    transform: scale(1.05);
}

.nagrade-slika {
    opacity: 0;
    transform: scale(0.9);
    transition: all .3s ease-in;
}

.nagrade-slika.salveta-appear {
    opacity: 1;
    transform: scale(1.05);
}


.salveta-color-palette-item,
.salveta-design-right-menu .salveta-nav-item,
.salveta-buttons-palette-item {
    opacity: 0;
    transition: all .3s ease-in;
}


.salveta-color-palette-item.salveta-appear,
.salveta-design-right-menu .salveta-nav-item.salveta-appear,
.salveta-buttons-palette-item.salveta-appear {
    opacity: 1;
}

/* ANIMATIONS - END */

/* BACK TO TOP - START */

#back-to-top-button {
    display: inline-block;
    background-color: var(--salveta-blue-color);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

@media only screen and (max-width: 680px) {
    #back-to-top-button {
        bottom: 10px;
        right: 10px;
    }
}

#back-to-top-button i {
    font-size: 20px;
    line-height: 50px;
    color: var(--salveta-yellow-color);
    transition: transform .3s;
}

#back-to-top-button:hover {
    cursor: pointer;
}

#back-to-top-button:hover i {
    transform: translateY(-5px);
}

#back-to-top-button.show {
    opacity: 1;
    visibility: visible;
}

/* BACK TO TOP - END */

.show_more_main {
    /*margin-bottom: 50px;*/
    /*cursor: pointer;*/
    /*padding: 15px;*/
    position: absolute;
}

form#searchbyname {
    text-align: center;
    margin-top: 100px;
}

.dobitnici-slika {
    display: block;
    margin: 0 auto;
    margin-top: 50px;
}

.dobitnici-mob-slika {
    display: none;
}

@media only screen and (max-width: 1440px) {
    .dobitnici-slika {
        margin-top: 0px;
        width: 75%;
    }
}

@media only screen and (max-width: 1280px) {
    .dobitnici-slika {
        width: 85%;
    }
}


@media only screen and (max-width: 768px) {
    
    .dobitnici-slika {
        display: none;
    }
    
    .dobitnici-mob-slika {
        display: block;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 680px) {
    .dobitnici-mob-slika {
        width:100%;
    }
}