@media (max-width: 1290px) {
    .logo a {
        width: 120px;
    }
}

@media (max-width: 1024px) {
    .logo a {
        width: 73px;
    }
    .app-links::before {
        background-color: var(--aloba);
    }
    .app-nav ul a {
        color: var(--aloba);
    }
    .app-nav ul li.onPath a, .app-nav ul a:hover, .app-nav ul a.current {
        color: var(--aloba);
    }
    .app-nav ul li.onPath a, .app-nav ul a:hover, .app-nav ul a.current {
        border-bottom: 2px solid var(--aloba);
    }
    .app-search {
         margin-right: 0;
    }
        .mob-menu-button {
         margin-left: 0;
    }
    .preporuka-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    
}

@media (max-width: 680px) {
    .search-input-wrapper .search-close span {
        background-color: var(--aloba);
    }
}

@media (max-width: 629px) {
    .preporuka-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 489px) {
    .preporuka-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 460px) {
    .footer-logo-img {
        background-size: 80%;
        border-radius: 9px;
        width: 80px;
        height: 65px;
    }
}

@media (max-width: 425px) {
    
}

@media (max-width: 375px) {
    
}

@media (max-width: 320px) {
    
}