@media screen and (min-width: 1459px) {
    .container {
        max-width: 1440px;
    }
}

@media screen and (min-width: 768px) {
    .remove-all-filters-mob {
        display: none;
    }

    .remove-all-filters {
        position: absolute;
        right: 0;
        top: 25px;
    }

    .actions .nav-tabs {
        display: flex;
        flex-flow: column nowrap;
        width: 22.5%;
        border: none;
    }

    .actions .nav-tabs .nav-link {
        white-space: nowrap;
        text-transform: none;
    }

    .actions .card {
        border: none;
    }

    .actions .card .card-header {
        display: none;
    }

    .actions .card .collapse {
        display: block;
    }
}

@media screen and (max-width: 1680px) {
    .recently-viewed .swiper-button-next,
    .recently-viewed .swiper-container-rtl .swiper-button-prev {
        right: 0;
    }

    .recently-viewed .swiper-button-prev,
    .recently-viewed .swiper-container-rtl .swiper-button-next {
        left: 0;
    }
}


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

    .product-grid .prod-item {
        width: 32%;
    }

    .prod-item.catalogue-banner {
        width: 33%;
    }

    .product .product-thumbs button {
        float: left;
        width: 92px;
        height: 92px;
        margin-top: 0;
        margin-left: 20px;
    }

    .product .product-thumbs button:first-child {
        margin-left: 0;
    }

    .filter,
    .toggle-filters {
        width: 189px;
    }
}

@media screen and (max-width: 1199px) {
    .topbar {
        right: 40px;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .with-bg .topbar {
        right: 15px;
    }

    .page-content.news-detail .path {
        padding: 25px 20px 20px 20px;
    }

    header {
        height: 100px;
    }

    .container {
        max-width: 100%;
    }

    .user-menu {
        right: 170px;
    }

    .page-content,
    .main,
    .empty-basket-wrapper,
    .error-page {
        margin: 100px 0 0 0;
    }

    .forms-wrapper {
        padding-top: 40px;
    }

    .homepage .header.with-bg,
    header.with-bg {
        height: 80px;
    }

    .homepage .header.with-bg .main-menu-wrapper,
    header.with-bg .main-menu-wrapper {
        padding: 36px 0 0 0;
    }

    .homepage .header.with-bg .logo img,
    header.with-bg .logo img {
        width: 46px;
        height: 61px;
    }

    .header-menu li {
        border-left: none;
    }

    .header-menu li:last-child {
        padding: 0 0 0 40px;
    }

    .header-menu .user-menu li:last-child {
        padding: 0;
    }

    .header-menu .mobile-menu-trigger {
        position: relative;
        top: 5px;
        display: inline-block;
    }

    .icon-menu {
        width: 24px;
        height: 20px;
        display: block;
        background: url(../img/mobile-menu.svg) 50% 50% no-repeat;
        background-size: 24px auto;
    }

    .with-bg .logo {
        margin-top: 8px;
    }

    .with-bg .logo img,
    header .logo img {
        width: 60px;
        height: 80px;
    }

    .homepage .home-slider,
    .homepage header {
        padding: 0 40px;
    }

    .home-slider,
    header,
    .homepage .with-bg {
        padding: 0 15px;
    }

    .slider-contacts {
        left: 40px;
        right: 40px;
    }

    .home-slider-img img,
    .coffee-slider-bg,
    .tea-slider-bg,
    .choco-slider-bg,
    .ribili-slider-bg,
    .home-slider-img {
        width: 400px;
        height: 400px;
        /*height: 470px;*/
    }

    .coffee-slider-bg,
    .tea-slider-bg,
    .choco-slider-bg,
    .ribili-slider-bg {
        background-size: 400px auto;
    }

    .home-slider-content {
        max-width: 300px;
    }

    .home-slider-content h2 {
        font-size: 35px;
        margin: 0 0 20px 0;
    }

    .home-slider-content .home-slider-txt {
        font-size: 16px;
    }

    .slider-phone,
    .slider-mail {
        font-size: 14px;
    }

    .slider-phone::before {
        top: -1px;
    }

    .slider-mail::before {
        top: 2px;
    }

    .show-arrow {
        margin: 30px 0 0 0;
        font-size: 14px;
    }

    .home-slider-list li {
        padding: 0 50px 0 0;
    }

    .bean1 img,
    .bean2 img,
    .bean3 img,
    .bean4 img {
        max-width: 80%;
    }

    .bean1 {
        top: 20%;
    }

    .suggest-box {
        width: auto;
        left: 25px;
        right: 25px;
    }

    .user-menu-trigger {
        display: none;
    }

    .with-bg .main-menu-wrapper,
    .main-menu-wrapper {
        padding: 45px 0 0 0;
    }

    .mobile-menu-close {
        position: absolute;
        width: 25px;
        height: 25px;
        display: block;
        background: url(../img/mobile-close-ico.svg) 50% 50% no-repeat;
        background-size: 25px auto;
        right: 40px;
        top: 50px;
    }

    .main-menu-inner-wrapper {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #EFEFEF url(../img/beans-left-news.png) 0 30% no-repeat;
        background-size: 157px auto;
        z-index: 10000;
        -webkit-transition: none;
        transition: none;
    }

    .main-menu-wrapper .menu-container {
        width: 80%;
        position: relative;
        text-align: right;
        float: right;
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .main-menu {
        padding: 120px 40px 0 40px;
        margin: 0;
        display: block;
    }

    .main-menu > ul {
        position: relative;
        display: block;
    }

    .main-menu > ul > li {
        padding: 0;
        margin: 0 0 15px 0;
    }

    .main-menu > ul > li.opened .sub-menu {
        display: inline-block;
    }

    .main-menu > ul > li > a {
        color: #BD9965;
        font-size: 18px;
    }

    .main-menu a::after,
    .header-menu a::after {
        display: none;
    }

    .main-menu a:active::after,
    .main-menu a:focus::after,
    .header-menu a:active::after,
    .header-menu a:focus::after {
        opacity: 0;
    }

    .main-menu .sub-menu {
        display: none;
        position: relative;
        box-shadow: none;
        left: auto;
        top: auto;
        background: transparent;
        padding: 0;
        max-height: 100%;
    }

    .sub-menu ul {
        width: auto;
        margin: 0;
    }

    .sub-menu li {
        width: auto;
    }

    .sub-menu .cat-img,
    .cat-brands,
    .nav-arrow-mask {
        display: none;
    }

    .sub-menu a,
    .sub-menu a:hover {
        box-shadow: none;
        padding: 0;
        background: transparent;
    }

    .sub-cat-name {
        padding: 3px 0;
        font-size: 16px;
    }

    .sub-menu .sub-menu-akcija {
        border: none;
        height: auto;
    }

    .main-content-wrapper {
        margin-top: 90px;
    }

    .nav-up {
        top: -115px;
    }

    footer .copy {
        width: 100%;
        margin-top: 30px;
    }

    .page-sidebar {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        z-index: 1000;
    }

    .page-main {
        width: 100%;
        max-width: 100%;
    }

    .filter .gd-selected {
        padding-top: 6px;
    }

    .toggle-filters a {
        padding-top: 11px;
    }

    .filters {
        width: 100%;
        max-width: 100%;
        height: 100%;
        padding: 30px;
        margin-top: 0;
        background: #fff;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .filters .mobile-title,
    .close-sidebar {
        display: block;
    }

    .close-sidebar {
        position: absolute;
        right: 30px;
        top: 36px;
    }

    .filters .mobile-title {
        font-size: 24px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .grid-heading {
        padding: 0;
    }

    .grid-heading .page-nav {
        display: none;
    }

    .product .product-thumbs button {
        width: 80px;
        height: 80px;
        margin-left: 10px;
    }

    .product-name {
        font-size: 30px;
    }

    .product .item-badges li {
        margin-top: 4px;
    }

    .product-sheet-title {
        font-size: 50px;
        margin-top: 45px;
    }

    .product-sheet-lead {
        font-size: 18px;
        margin-top: 15px;
    }

    .product-sheet-movie {
        padding: 40px 0;
    }

    .product-sheet-text {
        margin: 15px 0;
    }

    .product-sheet-bottom {
        margin-top: 30px;
    }

    .basket-products .product-title {
        padding-left: 30px;
        padding-right: 30px;
    }

    .basket-products .cijena-kom-wrapper {
        width: 420px;
    }

    .basket-products .cijena-wrapper,
    .basket-products .kom-ukupno {
        width: 110px;
    }

    .basket-products .kom-wrapper {
        padding-left: 40px;
    }

    .signins-wrapper .item {
        width: 310px;
    }

    .actions .tab-content {
        width: 74.5%;
    }

    .filter, .toggle-filters {
        width: 197px;
    }

    .viewed-items .nav-tabs {
        margin-bottom: 10px;
    }

    .viewed-item .item-fav {
        width: 54px;
        font-size: 24px;
    }

    .viewed-item .item-price {
        width: 140px;
        padding-right: 40px;
    }

    .viewed-item .item-cart-action .move-to-cart {
        margin-left: 0;
    }

    .viewed-item .item-action {
        width: 24px;
    }

    .filter, .toggle-filters {
        width: 197px;
    }

    .about-page .section-intro {
        font-size: 20px;
    }

    .about-left {
        width: 50%;
        padding: 0 40px 0 0;
    }

    .about-right img {
        width: 100%;
    }

    .news-detail .bean-left,
    .news-detail .bean-right,
    .bean-left,
    .bean-right {
        display: none;
    }

    .carousel-gallery .swiper-slide {
        width: 50vw;
    }

    .about-us {
        padding: 100px 50px;
    }

    footer {
        padding: 170px 0 140px 0;
    }

    .bean-top,
    .bean-bottom {
        max-width: 300px;
    }

    .newsletter-signup-inner {
        margin: 0 auto 50px auto;
    }

    .newsletter-subtitle {
        padding: 20px 0 30px 0;
    }

    .gd-checklist li {
        font-size: 16px;
    }

    .category-container h1 {
        margin: 0 0 15px 0;
        padding: 0 80px;
    }

    .category-wrapper {
        margin: 100px 0 0 0;
        padding: 0 0 50px 0;
    }

    .filter-sidebar {
        max-width: 100%;
        padding: 0;
        margin: 30px 0 0 0;
    }

    .category-wrapper .bean-leaf-title {
        right: 40px;
        top: -5px;
    }

    .best-selling .bean-leaf-title {
        right: -60px;
    }

    .subcats-carousel {
        margin: 0 -15px;
    }

    .subcats-carousel .swiper-container-horizontal > .swiper-scrollbar {
        width: 97.5%;
        bottom: 0;
    }

    .main-list {
        display: none;
    }

    .subcats-carousel .swiper-container {
        padding: 40px 15px 20px 15px;
    }

    .super-cat {
        background: #ffffff;
        display: inline-block;
        padding: 0 20px 10px 20px;
        box-shadow: 0 3px 20px rgba(0,0,0, .1);
    }

    .super-cat::after {
        margin: 0 0 0 25px;
    }

    .product-grid {
        margin: 10px 0 0 0;
    }

    .page-content .path {
        padding: 25px 15px 60px 15px;
    }

    .search-inner-wrapper {
        padding: 120px 15px 30px 15px;
    }

    .search h2 {
        font-size: 35px;
    }

    .product-accordion {
        padding: 3%;
    }

    .product-accordion .btn-accordion {
        font-size: 18px;
    }

    .card-body {
        padding: 0 0 20px 0;
    }

    .product .product-pic {
        padding: 20px 15px 20px 15px;
    }

    .product-name-desc-wrapper {
        padding: 25px 20px;
    }

    .prod-img-features {
        padding: 40px 15px;
    }

    .rate-this-product {
        margin: 10px 0 15px 0;
    }

    .clear-filters {
        top: 10px;
        left: 0;
    }

    .product-rating-item .item-rating-head ul .item-rating {
        display: block;
    }

    .product-rating-item .item-rating-head ul li:first-of-type {
        padding: 0 0 10px 0;
    }

    .product-rating-item {
        padding: 30px 20px 20px 20px;
    }

    .product-rating-item .item-rating-head .rating-date {
        position: absolute;
        top: 10px;
        left: 20px;
    }

    .product-container .item-badges li .badge-discount {
        font-size: 20px;
        width: 75px;
        height: 35px;
        line-height: 35px;
        left: 0;
    }
}


@media screen and (max-width: 991px) {
    h1 {
        font-size: 35px;
    }

    .recently-viewed h2 {
        font-size: 25px;
    }

    .mobile-menu-close {
        top: 35px;
    }

    header .logo img {
        width: 56px;
        height: 75px;
    }

    .home-slider-content h2 {
        font-size: 30px;
    }

    .home-slider-bookmarks ul li {
        padding: 10px 0;
    }

    .home-slider-bookmarks ul li span {
        display: none;
    }

    .show-arrow {
        margin: 10px 0 0 0;
    }

    .home-slider-img img,
    .coffee-slider-bg,
    .tea-slider-bg,
    .choco-slider-bg,
    .ribili-slider-bg,
    .home-slider-img {
        width: 300px;
        height: 300px;
        /*height: 353px;*/
    }

    .coffee-slider-bg,
    .tea-slider-bg,
    .choco-slider-bg,
    .ribili-slider-bg {
        background-size: 300px auto;
    }

    .bean1 img,
    .bean2 img,
    .bean3 img,
    .bean4 img {
        max-width: 50%;
    }

    .home-slider-content {
        max-width: 200px;
    }

    .bean1 {
        left: 30%;
    }

    .bean2 {
        right: 5%;
    }

    .bean3 {
        bottom: 25%;
        right: 15%;
    }

    .container {
        width: 100%;
        max-width: 100%;
    }

    .basket-price-wrapper {
        top: 27px;
        right: -33px;
    }

    .nav-up {
        top: -145px;
    }

    .benefits ul {
        flex-direction: column;
    }

    .benefits ul .benefit-text {
        padding-left: 0;
        text-align: center;
    }

    .home-categories .container {
        padding-top: 20px;
    }

    .home-categories .cat-link {
        width: 25%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .product .product-pic {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .product .product-thumbs button {
        float: none;
        display: inline-block;
        width: 80px;
        height: 80px;
        margin-left: 8px;
    }

    .product .product-general {
        width: 100%;
    }

    .product-accordion .btn-accordion,
    .prod-desc {
        font-size: 16px;
    }

    .product-accordion {
        padding: 2%;
    }

    .product-name-desc-wrapper .coffee {
        margin: 0 auto 5px auto;
        height: 60px;
    }

    .half-col {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .signins-wrapper .item {
        width: 100%;
        padding: 40px 0;
        border-left: 0;
        border-top: 1px solid #d5d5d5;
    }

    .signins-wrapper .item:first-of-type {
        border-top: 0;
        padding-top: 0;
    }

    .signins-wrapper .item.last {
        padding-bottom: 0;
    }

    .signins-wrapper .btn-holder {
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: 25px;
    }

    .signins-wrapper .item:first-of-type .btn-holder {
        left: auto;
    }

    .signins-wrapper .half-col {
        width: 100%;
        padding-top: 40px;
        border-top: 1px solid #d5d5d5;
        padding-left: 0;
    }

    .signins-wrapper .half-col:first-of-type {
        border-top: 0;
        border-right: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 40px;
    }

    .steps li:last-of-type {
        margin-right: 0;
        padding-right: 0;
    }

    .steps li:last-of-type::after {
        display: none;
    }

    .detalji-kupovine {
        width: 100%;
    }

    .viewed-item {
        position: relative;
        display: block;
        overflow: hidden;
        padding: 6px 0 16px 0;
    }

    .viewed-item > div {
        display: block;
        padding-top: 8px;
        padding-bottom: 0;
    }

    .viewed-item {
        padding: 15px 0;
    }

    .viewed-item .item-info {
        padding: 0;
    }

    .viewed-items .btn {
        font-size: 14px;
        padding: 8px 20px;
    }

    .viewed-item .item-fav {
        float: left;
        width: 16px;
        height: 60px;
        line-height: 60px;
        padding-right: 0;
        font-size: 16px;
    }

    .viewed-item .item-pic {
        float: left;
        width: 90px;
        padding: 0;
        margin-left: 20px;
        margin-right: 20px;
    }

    .viewed-item .item-price {
        width: auto;
        padding-right: 0;
        text-align: left;
        padding-left: 110px;
    }

    .viewed-item .item-cart-action {
        display: block;
        width: 100%;
        padding-top: 12px;
        padding-right: 0;
        padding-left: 145px;
        text-align: left;
    }

    .viewed-item .item-action {
        position: absolute;
        right: 8px;
        top: 4px;
        font-size: 10px;
    }

    .viewed-items .nav-tabs > li > a {
        font-size: 14px;
        line-height: 20px;
    }

    .viewed-items .page-nav {
        margin-top: 20px;
    }

    .teasers a {
        width: 50%;
    }

    .filter, .toggle-filters {
        width: 295px;
    }

    .about-left {
        width: 100%;
        padding: 0 0 40px 0;
    }

    .about-right {
        width: 100%;
    }

    .about-content {
        padding: 60px 0;
    }

    .featured h2,
    .about-us h2,
    .home-news h2 {
        margin: 0 0 20px 0;
        font-size: 35px;
    }

    .news-title {
        font-size: 16px;
    }

    .home-news-item:hover picture,
    .home-news-item:hover img {
        -webkit-transform: none;
        transform: none;
    }

    .home-news-item:hover .home-news-content {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);
        background: #EAEAEA;
    }

    .home-news-item:hover .news-cat,
    .news-item:hover .news-cat,
    .news-item:hover .news-title {
        color: #9C8A5D;
    }

    .home-news-item:hover .news-title,
    .news-list .news-item:hover .home-news-content .news-title {
        color: #000000;
    }

    .news-list .news-item:hover .home-news-content {
        background: #EAEAEA;
        color: #000000;
    }

    .home-news-item:hover .show-arrow::after,
    .news-item:hover .show-arrow::after {
        background: url(../img/show-arrow-ico.svg) 50% 50% no-repeat;
        background-size: 30px auto;
    }

    .logo-footer {
        display: block;
        text-align: center;
    }

    footer .social {
        text-align: center;
        margin: 30px 0;
    }

    .prod-item .item-price {
        margin: 15px 0 0 0;
    }

    .featured .show-arrow {
        margin: 0;
    }

    .add-item-btn,
    .prod-item:hover .add-item-btn {
        display: none;
        opacity: 0;
    }

    .prod-item:hover {
        background: transparent;
        box-shadow: none;
    }

    .prod-item:hover .item-pic img {
        -webkit-transform: none;
        transform: none;
    }

    .prod-item .item-pic {
        padding: 0;
    }

    .featured-carousel .swiper-container {
        padding: 0 0 30px 0;
    }

    .featured-carousel .swiper-button-prev,
    .featured-carousel .swiper-container-rtl .swiper-button-next,
    .featured-carousel .swiper-button-next,
    .featured-carousel .swiper-container-rtl .swiper-button-prev {
        display: none;
    }

    .subcats-carousel .swiper-container {
        padding: 20px 0 15px 0;
    }

    .swiper-container-horizontal > .swiper-scrollbar {
        bottom: 5px;
    }

    .subcats-carousel .swiper-slide:first-of-type {
        margin-left: 15px;
    }

    .grid-bottom {
        margin-top: 30px;
    }

    .page-content .path {
        padding: 15px 15px 60px 15px;
    }

    .search h2 {
        font-size: 25px;
    }

    .recently-viewed .swiper-button-next,
    .recently-viewed .swiper-container-rtl .swiper-button-prev {
        right: 20px;
    }

    .recently-viewed .swiper-button-prev,
    .recently-viewed .swiper-container-rtl .swiper-button-next {
        left: 20px;
    }

    .product-add {
        padding: 20px;
    }

    .half-cols-wrapper::before {
        display: none;
    }

    .half-col {
        padding: 0 0 30px 0;
    }

    .half-col:last-of-type {
        padding: 0;
    }

    .basket-products .product-title ul a,
    .viewed-item .item-info a,
    .viewed-item .item-price {
        font-size: 18px;
    }

    .basket-products .product-img {
        width: 60px;
    }

    .single-signin-wrapper,
    .single-signin-wrapper:first-of-type {
        padding: 10px 15px 0 15px;
    }

    .steps {
        margin: 0 0 30px 0;
    }

    .steps li.active .step-wrapper::before,
    .step-title {
        display: none;
    }

    .step-num {
        width: 40px;
        height: 40px;
        display: inline-block;
        text-align: center;
        line-height: 40px;
        border-radius: 100%;
        border: 1px solid #CDCDCD;
    }

    .active .step-num {
        color: #fff;
        border: 1px solid #bd9965;
        background: #bd9965;
    }

    .pregled-kupovine .basket-list {
        width: 100%;
        padding: 0 0 10px 0;
    }

    .pregled-kupovine .btn-basket-order {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        display: block;
        width: 100%;
        padding: 15px;
        float: none;
        margin: 0 auto;
    }

    .pregled-kupovine-wrapper .basket-btns {
        margin: 30px 0 70px 0;
    }

    .detalji-kupovine-pregled {
        width: 100%;
        padding: 0;
    }

    .pregled-kupovine-wrapper::before {
        display: none;
    }

    .clear-filters {
        top: 90px;
    }

    .favorite-trigger,
    .favorite-trigger:hover,
    .product .favorite-trigger:hover {
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFptMCwuNTg1YTQuMjM3LDQuMjM3LDAsMCwxLDMuMiwxLjUzMmwxLjUzOCwxLjc4M2EuMjU0LjI1NCwwLDAsMCwuNCwwbDEuNTI5LTEuNzY0YTQuMSw0LjEsMCwwLDEsNi40LDAsNS43ODQsNS43ODQsMCwwLDEsMCw3LjM5MWwtOC4xMjcsOS4zNTEtOC4xMjctOS4zNmE1LjgsNS44LDAsMCwxLDAtNy40QTQuMjIsNC4yMiwwLDAsMSwxOC4wNzUsOTY5Ljk0M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjY2RjZGNkIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC4yODMsNC44OS0xLjUzNi0xLjc4MWEzLjUsMy41LDAsMCwwLTUuNDg4LDAsNS4yLDUuMiwwLDAsMCwwLDYuNjE0bDcuNjc0LDguODM4LDMuNjE5LTQuMTY0LDQuMDU1LTQuNjY2YTUuMTg2LDUuMTg2LDAsMCwwLDAtNi42LDMuNSwzLjUsMCwwLDAtNS40OSwwbC0xLjUyNiwxLjc2MWEuODU0Ljg1NCwwLDAsMS0xLjMwOSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNjZGNkY2QiLz48L2c+PC9zdmc+") 50% 50% no-repeat;
    }

    .favorite-trigger.liked:hover,
    .favorite-trigger.liked,
    .product .favorite-trigger.liked,
    .product .favorite-trigger.liked:hover {
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjZjcyYjJiIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC45MzIsNC43NjEtMS43OTQtMi4wNTlhNC4wMTksNC4wMTksMCwwLDAtNi4yNjcsMCw1Ljg0LDUuODQsMCwwLDAsMCw3LjQzMUwyMyw5ODguMTlxMS45NTctMi4yNTEsMy45MS00LjUsMi4wNzctMi4zOTQsNC4xNTYtNC43ODZhNS44MzUsNS44MzUsMCwwLDAsMC03LjQzLDQuMDIsNC4wMiwwLDAsMC02LjI2NywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNmNzJhMmEiLz48L2c+PC9zdmc+") 50% 50% no-repeat;
    }


    .prod-item:hover .item-pic a,
    .featured-carousel .prod-item .item-pic a,
    .recently-viewed .prod-item .item-pic a {
        background: #fcfcfc;
    }

    .recently-viewed .swiper-button-prev,
    .recently-viewed .swiper-container-rtl .swiper-button-next,
    .recently-viewed .swiper-button-next,
    .recently-viewed .swiper-container-rtl .swiper-button-prev,
    .featured-carousel .swiper-button-next,
    .featured-carousel .swiper-container-rtl .swiper-button-prev,
    .featured-carousel-brands .swiper-button-next,
    .featured-carousel-brands .swiper-container-rtl .swiper-button-prev,
    .last-viewed-carousel .swiper-button-next,
    .last-viewed-carousel .swiper-container-rtl .swiper-button-prev,
    .featured-carousel .swiper-button-prev,
    .featured-carousel .swiper-container-rtl .swiper-button-next,
    .featured-carousel-brands .swiper-button-prev,
    .featured-carousel-brands .swiper-container-rtl .swiper-button-next,
    .last-viewed-carousel .swiper-button-prev,
    .last-viewed-carousel .swiper-container-rtl .swiper-button-next {
        display: none;
    }


    .best-selling h2 {
        font-size: 25px;
    }
}


@media only screen and (max-width: 767px) {
    .topbar {
        right: 15px;
    }

    .prijava .bean-leaf-title {
        right: 25px;
    }

    .main-menu {
        padding: 120px 15px 0 15px;
    }

    .mobile-menu-close {
        right: 15px;
    }

    .main-menu-inner-wrapper {
        background: #EFEFEF url(../img/beans-left-news.png) 0 30% no-repeat;
        background-size: 110px auto;
    }

    .show-arrow::after,
    .home-news-item:hover .show-arrow::after,
    .news-item:hover .show-arrow::after {
        width: 20px;
        background: url(../img/show-arrow-ico.svg) 50% 50% no-repeat;
        background-size: 20px auto;
    }

    .show-arrow.white::after {
        background: url(../img/show-arrow-ico-white.svg) 50% 50% no-repeat;
        background-size: 20px auto;
    }

    .social {
        position: relative;
        top: -3px;
    }

    .home-slider-content {
        position: absolute;
        top: 66%;
        max-width: 100%;
        -webkit-transform: none;
        transform: none;
    }

    .home-slider-img {
        top: 40%;
    }

    .home-slider-content h2 {
        margin: 0 0 10px 0;
    }

    .slider-contacts {
        left: 15px;
        right: 15px;
        bottom: 20px;
    }

    .bean1 img,
    .bean2 img,
    .bean3 img,
    .bean4 img {
        max-width: 45%;
    }

    .bean1 {
        top: 15%;
    }

    .bean2 {
        right: 14%;
        top: 20%;
        text-align: right;
    }

    .bean3 {
        bottom: 43%;
        text-align: right;
    }

    .bean4 {
        bottom: 43%;
        left: 20%;
    }

    .home-slider-content h2 {
        font-size: 28px;
    }

    .home-slider {
        max-height: 800px;
    }

    .home-slider-bookmarks {
        top: 29%;
        -webkit-transform: none;
        transform: none;
    }

    .benefits {
        flex-direction: row;
        gap: 10px;
        padding-top: 30px;
    }

    .benefits ul {
        padding: 0;
    }

    .benefits .benefit-icon {
        top: 0;
    }

    .benefits ul .benefit-icon img {
        height: 55px;
    }

    .benefits ul:last-child .benefit-icon img {
        height: 55px;
    }

    .benefits h3 {
        font-size: 16px;
    }

    .benefits ul .benefit-text span {
        font-size: 14px;
    }

    .basket-price-wrapper {
        top: 23px;
        width: 80px;
        right: -31px;
    }

    .main-content-wrapper {
        margin-top: 110px;
    }

    .nav-up {
        top: -115px;
    }

    h1 {
        font-size: 35px;
    }

    .breadcrumbs {
        font-size: 12px;
    }

    .header-menu li a span {
        font-size: 20px;
    }

    header .lang {
        position: relative;
        float: right;
        margin-top: 18px;
        margin-left: 15px;
    }

    .suggest-box {
        left: 15px;
        top: 225px;
        right: 15px;
    }

    .suggest-box .collection {
        display: none;
        padding: 10px 15px 10px 15px;
    }

    .suggest-box .collection, .suggest-box .product-list-small {
        width: 100%;
    }

    .suggest-box .collection ul,
    .suggest-box .collection-title {
        font-size: 12px;
        position: relative;
    }

    .suggest-box .collection-title .icon-close {
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        text-align: center;
        right: 0;
        top: 0;
        font-size: 8px;
        cursor: pointer;
    }

    .suggest-box .collection ul {
        display: none;
    }

    .suggest-box .product-list-small {
        padding: 15px;
    }

    .suggest-box .results {
        height: 400px;
        overflow-y: scroll;
    }

    .suggest-box .buttons {
        padding: 0;
    }

    .suggest-box .buttons .btn {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 0;
    }

    .suggest-box .product-list-small a.spc .spc-info .name {
        font-size: 13px;
    }

    .main-menu-wrapper .container {
        width: 100%;
        max-width: 360px;
    }

    .master-menu > ul {
        display: block;
        padding: 0 20px 20px 20px;
    }

    .master-menu > ul > li {
        margin-top: 10px;
    }

    .mobile-main-menu-head {
        height: 60px;
        padding-top: 15px;
        padding-left: 20px;
    }

    .mobile-main-menu-head ul {
        font-size: 18px;
        font-weight: 800;
    }

    .mobile-main-user-controls ul {
        padding: 20px;
    }

    .mobile-triggers {
        margin-top: 30px;
        display: block;
        overflow: hidden;
    }

    .mobile-triggers a {
        float: left;
        width: 48%;
        text-align: center;
        color: #232323;
        margin-left: 4%;
    }

    .mobile-triggers a:first-of-type {
        margin-left: 0;
    }

    .homepage .home-slider,
    header,
    .homepage header {
        padding: 0 15px;
    }

    .featured .nav-tabs {
        margin-top: 20px;
    }

    .nav-tabs > li {
        margin-left: 20px;
    }

    .nav-tabs > li:first-of-type {
        margin-left: 0;
    }

    .nav-tabs > li > a {
        font-size: 13px;
        padding: 0 0 3px 0;
    }

    footer {
        text-align: center;
    }

    footer .link-group .link-list li:first-child {
        margin: 0;
    }

    .product-grid .prod-item {
        width: 48.5%;
        margin: 10px 0.7%;
    }

    .selected-filters {
        margin-left: 0;
        margin-right: 0;
        padding-top: 10px;
        padding-bottom: 20px;
        font-size: 13px;
    }

    .selected-filters-mobile {
        display: block;
    }

    .selected-filters-desktop {
        display: none;
    }

    .remove-all-filters-mob {
        display: inline-block;
        color: #d62525;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .grid-heading {
        margin-top: 20px;
    }

    .product-pills li {
        font-size: 11px;
        padding: 3px 8px;
    }

    .product-price {
        margin-top: 20px;
    }

    .product-benefits {
        padding: 10px 12px;
    }

    .product-info {
        display: block;
        padding: 10px 0;
    }

    .product-info:first-of-type {
        margin-top: 25px;
        border-top: 1px solid #E3E6EC;
    }

    .product-info:last-of-type {
        border-bottom: 1px solid #E3E6EC;
    }

    .product-info li {
        display: block;
        text-align: left;
        padding: 0;
    }

    .product-description {
        margin-top: 30px;
    }

    .product-description .nav-tabs {
        margin-bottom: 15px;
    }

    .product-characteristic {
        font-size: 13px;
    }

    .product-characteristic li {
        padding: 8px 12px;
    }

    .product-characteristic li:first-child {
        width: 120px;
    }

    .product-sheet-title {
        font-size: 35px;
        margin-top: 30px;
    }

    .product-sheet-lead {
        font-size: 16px;
        margin-top: 10px;
    }

    .product-sheet-movie {
        padding: 30px 0;
    }

    .product-sheet-emphasized {
        font-size: 14px;
    }

    .product-sheet-text {
        margin: 10px 0;
    }

    .product-sheet-bottom {
        margin-top: 20px;
    }

    .mobile-hide {
        display: none;
    }

    .basket .section-head {
        margin-bottom: 25px;
    }

    .basket-products {
        margin-top: 0;
        border-top: 1px solid #E0E1E6;
    }

    .basket-products .item {
        position: relative;
        padding: 10px 0;
        font-size: 13px;
    }

    .basket-products .heading {
        display: none;
    }

    .basket-products .mobile-title {
        display: table-cell;
        vertical-align: middle;
        width: 70px;
    }

    .basket-products .basket-row,
    .basket-products .basket-row > div {
        display: block;
    }

    .basket-products .product-title {
        padding-left: 15px;
        padding-right: 45px;
    }

    .basket-products .cijena-kom-wrapper {
        width: 100%;
        padding-left: 75px;
    }

    .basket-products .cijena-kom-wrapper > div {
        display: block;
    }

    .basket-products .cijena-wrapper,
    .basket-products .kom-ukupno {
        display: table;
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }

    .basket-products .kom-wrapper {
        display: table;
        width: 184px;
        padding-left: 0;
        text-align: left;
        margin: 10px 0 20px 0;
    }

    .basket-products .price-single,
    .basket-products .version_add,
    .basket-products .price-sum {
        display: table-cell;
        vertical-align: middle;
    }

    .basket-products .cijena-wrapper .cijena-prije {
        display: inline-block;
        font-size: 11px;
        margin-left: 10px;
    }

    .basket-products .remove-wrap {
        position: absolute;
        right: 0;
        top: 10px;
        width: auto;
    }

    .qty-label {
        font-size: 13px;
    }

    .basket-products .change_qty {
        max-width: 120px;
        line-height: 30px;
    }

    .basket-products .change_qty li .action-handle,
    .basket-products .change_qty .prod_qty {
        height: 30px;
    }

    .basket-products .change_qty li input {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }

    .basket-btns {
        margin-top: 25px;
    }

    .basket .total-sum-wrapper .total-sum {
        font-size: 21px;
    }

    .basket .promo-code-enter ul .promo-input input {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .signins-wrapper {
        padding-top: 0;
    }

    .signins-wrapper h4 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .signins-wrapper .item {
        padding: 25px 0 30px 0;
    }

    .signins-wrapper .btn-holder {
        margin-top: 15px;
    }

    .signins-wrapper .half-col {
        padding-top: 25px;
    }

    .signins-wrapper .half-col:first-of-type {
        padding-bottom: 25px;
    }

    .vrste-dostave,
    .terms-conditions,
    .btn-naruci {
        margin-top: 20px;
    }

    .signins-wrapper .panel:first-of-type .panel-heading,
    .signins-wrapper .panel:last-of-type .panel-heading,
    .signins-wrapper .panel-group .panel,
    .signins-wrapper .panel-group .panel:first-of-type,
    .signins-wrapper .panel-group .panel:last-of-type {
        border-radius: 4px;
        box-shadow: none;
    }

    .signins-wrapper .panel-group .panel + .panel {
        margin-top: 10px;
    }

    .purchase-details-item {
        margin-top: 15px;
    }

    .panel-group .panel-body {
        padding: 15px;
    }

    .panel-group .panel-heading {
        padding: 8px 15px;
    }

    .delivery li {
        padding: 8px 15px;
    }

    .detalji-kupovine {
        margin-top: 20px;
    }

    .all-letters-item {
        display: block;
    }

    .all-letters-item-letter {
        display: block;
        width: 100%;
        font-size: 20px;
        padding-top: 20px;
        text-align: left;
    }

    .all-letters-item-lists {
        display: block;
        vertical-align: top;
        padding-top: 10px;
    }

    .all-letters-item-lists > div {
        border-left: 0;
        padding-left: 0;
    }

    .letter-brands li {
        float: left;
        width: 50%;
        padding-right: 20px;
    }

    .podaci-uplata {
        margin-top: 25px;
    }

    .viewed-item {
        font-size: 13px;
    }

    .viewed-item .item-pic {
        width: 70px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .viewed-item .item-pic img {
        max-width: 100%;
    }

    .viewed-item .item-info {
        padding-left: 110px;
    }

    .viewed-item .item-cart-action {
        padding-left: 110px;
    }

    .viewed-items .tab-pane {
        padding-top: 0;
        padding-bottom: 0;
    }

    .content-block {
        margin-bottom: 20px;
    }

    .cookies {
        padding: 15px 20px;
        font-size: 13px;
    }

    .cookies-button {
        margin-top: 15px;
    }

    .filters {
        padding: 20px 15px;
    }


    /* ORDER HISTORY */
    .orderHistory {
        margin: 10px 0;
    }

    .orderHistory > .orderHistoryCols {
        display: none;
    }

    .orderHistoryCols {
        display: block;
        padding: 12px 12px;
        overflow: hidden;
    }

    .orderHistoryCols li {
        display: table;
        float: left;
        width: 80%;
    }

    .orderHistoryCols .orderID {
        width: 20%;
        margin-bottom: 42px;
    }

    .orderHistoryCols .orderTime {
        width: 80%;
    }

    .orderHistoryCols .orderTime br {
        display: none;
    }

    .orderHistoryCols .orderStatus {
        width: 80%;
    }

    .orderHistoryCols .orderTotal {
        text-align: left;
        width: 80%;
    }

    .orderItemHeading .orderHistoryCols i {
        float: left;
        display: block;
        width: 110px;
        font-style: normal;
        font-weight: 100;
    }

    .orderItemHeading .orderHistoryCols span {
        float: left;
        text-align: left;
    }

    .orderItemHeading .orderHistoryCols .orderID {
        font-size: 22px;
    }

    .orderItemBody {
        padding: 20px 12px;
    }

    .orderItemRecord {
        display: block;
        overflow: hidden;
    }

    .orderItemRecord li {
        position: relative;
        display: block;
        float: right;
        width: calc(100% - 110px);
    }

    .orderItemRecord .orderItemRecordID {
        width: 110px;
        margin-bottom: 30px;
        float: left;
    }

    .orderItemRecord .orderItemRecordQty {
        text-align: left;
        width: calc(100% - 110px);
    }

    .orderItemRecord .orderItemRecordPrice {
        text-align: left;
        width: calc(100% - 110px);
    }

    .orderBtns .btn {
        font-size: 12px;
        padding: 13px 24px;
        width: 100%;
    }


    .pager {
        text-align: center;
    }

    .filters {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(3,30,78,0.98);
        z-index: 11000;
        border-bottom: 0;
        margin: 0;
    }

    .filters-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        max-width: 360px;
        left: 0;
        top: 0;
        padding: 30px 25px;
        background: #fff;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .filters .mobile-title {
        display: block;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .filter,
    .toggle-filters {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 15px;
    }

    .toggle-filters a,
    .gd-selected {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .gd-selected i,
    .toggle-filters a i {
        top: 12px;
    }

    .gd-dropdown {
        top: 40px;
    }

    .toggle-filters {
        padding-bottom: 15px;
    }

    .hidden-filters {
        padding-bottom: 70px;
    }

    .hidden-filters .filter:first-of-type {
        margin-top: 0;
    }

    .mobile-triggers {
        display: block;
        overflow: hidden;
    }

    .mobile-triggers a {
        float: left;
        width: 48%;
        text-align: center;
        color: #232323;
        margin-left: 4%;
    }

    .mobile-triggers a:first-of-type {
        margin-left: 0;
    }

    .filters-bottom {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        max-width: 360px;
        z-index: 9000;
        text-align: center;
    }

    .filters-bottom a {
        width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;
        border-radius: 0;
    }

    .close-filters {
        display: block;
        position: absolute;
        font-size: 12px;
        right: 20px;
        top: 30px;
        width: 20px;
        height: 20px;
        text-align: center;
        color: #39434B;
        opacity: 0.5;
    }

    .close-filters:hover {
        opacity: 1;
        color: #488BFF;
    }

    .selected-filters {
        margin-left: 0;
        margin-right: 0;
        padding-top: 10px;
        padding-bottom: 20px;
        font-size: 13px;
    }

    .remove-all-filters {
        position: relative;
        right: auto;
        top: auto;
        display: inline-block;
        margin-top: 10px;
    }

    .selected-filters-mobile {
        display: block;
    }

    .selected-filters-desktop {
        display: none;
    }

    .month-actions .tab-pane {
        display: block !important;
        opacity: 1;
    }

    .actions .tab-pane {
        display: block !important;
        opacity: 1;
    }

    .actions .tab-content {
        width: 100%;
    }

    .actions .tab-content > .tab-pane {
        visibility: visible;
        height: auto;
        overflow: visible;
        margin: 3px 0 0 0;
    }

    .actions .tab-content > .tab-pane .card-header {
        padding: 0;
        border: none;
    }

    .actions .tab-content > .tab-pane .card-header a {
        padding: 15px 10px;
        display: inline-block;
        width: 100%;
    }

    .actions .card-body {
        padding: 20px;
    }

    .actions .swiper-pagination {
        bottom: 10px;
    }

    .actions .fade:not(.show) {
        opacity: 1;
    }

    .blog-cats-mobile {
        display: block;
        margin-top: 20px;
        text-align: center;
    }

    .blog-cats-mobile select {
        display: inline-block;
        width: 100%;
        max-width: 320px;
        font-size: 16px;
    }

    .blog-cats ul {
        display: none;
    }

    .podaci.first {
        padding: 0;
    }


    .druga_adresa {
        padding: 20px 0;
    }

    .single-signin-wrapper {
        width: 100%;
    }

    .single-signin-wrapper:first-of-type,
    .single-signin-wrapper {
        padding: 10px 0 0 0;
    }

    .single-signin-wrapper::after,
    .podaci::after {
        display: none;
    }

    .contact-form-wrapper h2 {
        font-size: 32px;
    }

    .about-content {
        padding: 40px 0;
    }

    .news-cat-carousel {
        margin: 0 -15px;
    }

    .subcats-carousel .swiper-slide a,
    .news-cat-carousel .swiper-slide a {
        font-size: 16px;
    }

    .news-content .featured-txt {
        margin: 30px auto;
        font-size: 25px;
    }

    .about-us .section-title-wrapper {
        text-align: center;
    }

    .bean-leaf-title {
        top: 10px;
        right: -35px;
    }

    .bean-leaf-title .leaf img,
    .bean-title1 img,
    .bean-title2 img {
        max-width: 40px;
    }

    .bean-leaf-title .leaf {
        left: -45px;
    }

    .bean-title2 {
        left: -25px;
        top: 17px;
    }

    .about-us {
        padding: 70px 15px;
        margin: 70px 0 0 0;
    }

    .featured-carousel .swiper-button-prev,
    .featured-carousel .swiper-container-rtl .swiper-button-next,
    .featured-carousel .swiper-button-next,
    .featured-carousel .swiper-container-rtl .swiper-button-prev {
        top: 57%;
    }

    .featured {
        padding: 70px 0 100px 0;
    }

    .newsletter-subtitle,
    .section-intro,
    .news-content .featured-txt {
        font-size: 16px;
    }

    .featured h2,
    .about-us h2,
    .home-news h2,
    .newsletter-signup-content h2 {
        font-size: 28px;
    }

    .newsletter-subtitle {
        padding: 10px 0 20px 0;
    }

    .date-big {
        font-size: 25px;
    }

    .bootstrap-select .btn,
    .grid-qty,
    .bootstrap-select .dropdown-menu {
        font-size: 14px;
    }

    footer .link-group .link-list li {
        margin-top: 10px;
    }

    .bootstrap-select .dropdown-menu > li > a {
        padding: 5px 10px;
    }

    .bootstrap-select .dropdown-menu > li:last-child > a {
        padding: 5px 10px 10px 10px;
    }

    .bootstrap-select .dropdown-menu > li:first-child > a {
        padding: 10px 10px 5px 10px;
    }

    .sort-results .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 196px;
    }

    .category-wrapper .bean-leaf-title {
        top: 0;
    }

    .product-accordion,
    .accordion-img {
        padding: 15px;
        width: 100%;
    }

    .accordion-img {
        padding: 15px 15px 40px 15px;
    }

    .product .product-pic {
        padding: 15px 15px 20px 15px;
    }

    .product-name-desc-wrapper .coffee {
        width: 80px;
    }

    #basketcase,
    .btn-basket-order {
        max-width: 220px;
    }

    .basket-login .forgot-pass {
        position: relative;
        bottom: auto;
        left: auto;
    }

    .basket-login .single-signin-wrapper:first-of-type,
    .single-signin-wrapper {
        padding: 0 0 30px 0;
    }

    .basket-login .basket-btns {
        text-align: center;
    }

    .best-selling {
        padding: 100px 0 50px 0;
    }

    .super-cat {
        font-size: 16px;
    }
}


@media only screen and (max-width: 575px) {
    .with-bg .main-menu-wrapper,
    .main-menu-wrapper,
    header.with-bg .main-menu-wrapper {
        padding: 40px 0 0 0;
    }

    .page-content .path {
        padding: 15px;
    }

    .with-bg .logo,
    header .logo {
        margin-top: 6px;
    }

    header {
        height: 80px;
    }

    header .logo,
    header .logo img,
    .with-bg .logo,
    .with-bg .logo img,
    .homepage .with-bg .logo,
    .homepage .with-bg .logo img {
        width: 49px;
        height: 65px;
    }

    .homepage header .logo,
    .homepage header .logo img {
        width: 56px;
        height: 75px;
    }

    .main-menu {
        padding: 100px 15px 0 15px;
    }

    .user-menu {
        width: 220px;
        font-size: 14px;
    }

    .user-menu-title,
    .user-menu ul {
        padding: 10px 20px;
    }

    .user-menu ul li {
        padding: 4px 0;
    }

    .user-menu ul li:first-child {
        padding: 0 0 4px 0;
    }

    .header-menu .user-menu li:last-child {
        padding: 0;
    }

    .page-content,
    .main,
    .empty-basket-wrapper,
    .error-page {
        margin: 80px 0 0 0;
    }

    .home-slider-content .home-slider-txt {
        font-size: 14px;
    }

    .bean4 {
        left: 10%;
    }

    .bean-title2 {
        top: 10px;
    }

    .home-slider-content .show-arrow::after {
        width: 20px;
        height: 20px;
        background: url(../img/show-arrow-ico.svg) 50% 50% no-repeat;
        background-size: 20px auto;
        top: 6px;
    }

    .product .product-thumbs button {
        width: 50px;
        height: 50px;
        margin-left: 6px;
    }

    .podaci-uplata ul,
    .podaci-uplata ul li {
        display: block;
    }

    .podaci-uplata ul li:first-child {
        width: 100%;
    }

    .pagination {
        width: 100%;
        display: inline-block;
    }

    .pagination li {
        display: inline-block;
        margin: 0 0 10px 0;
    }

    .filters {
        max-width: 100%;
    }

    .blog-cats ul li a {
        font-size: 14px;
    }

    .about-page .section-intro {
        font-size: 16px;
    }

    h1 {
        font-size: 24px;
    }

    .about-content {
        font-size: 16px;
    }

    .news-list .news-item {
        margin: 0 0 40px 0;
    }

    .news-tag {
        top: 10px;
        right: 10px;
        padding: 5px 15px;
        font-size: 14px;
    }

    .news-content {
        font-size: 16px;
    }

    .carousel-gallery .swiper-slide {
        width: 100vw;
    }

    .carousel-gallery {
        padding: 0 15px;
    }

    .carousel-gallery .swiper-button-prev,
    .carousel-gallery .swiper-container-rtl .swiper-button-next {
        left: 25px;
    }

    .carousel-gallery .swiper-button-next,
    .carousel-gallery .swiper-container-rtl .swiper-button-prev {
        right: 25px;
    }

    .home-news-content,
    .home-news-item:hover .home-news-content {
        -webkit-transform: none;
        transform: none;
        max-width: 100%;
    }

    .home-news-wrapper .swiper-slide:nth-of-type(even) {
        margin: 0;
    }

    .home-news-wrapper .swiper-pagination {
        bottom: -40px;
    }

    .home-news .show-arrow {
        margin: 50px 0 0 0;
    }

    .home-news-content .show-arrow {
        margin: 0;
    }

    .bean-top,
    .bean-bottom {
        max-width: 230px;
    }

    .newsletter-subtitle,
    .section-intro,
    .news-content .featured-txt {
        font-size: 16px;
    }

    .featured-carousel .swiper-button-next,
    .featured-carousel .swiper-container-rtl .swiper-button-prev {
        right: 30px;
    }

    .featured-carousel .swiper-button-prev,
    .featured-carousel .swiper-container-rtl .swiper-button-next {
        left: 30px;
    }

    .featured-carousel {
        margin: 30px 0 0 0;
    }

    footer {
        padding: 120px 0 110px 0;
    }

    .featured h2,
    .about-us h2,
    .home-news h2,
    .newsletter-signup-content h2 {
        font-size: 24px;
    }

    .category-wrapper {
        padding: 0 0 40px 0;
        margin: 80px 0 0 0;
    }

    .filter-sidebar {
        margin: 30px 0 0 0;
    }

    .subcats-carousel {
        margin: 0 -15px;
    }

    .super-cat {
        display: inline-block;
        width: 100%;
        padding: 10px 15px 9px 15px;
        width: 100%;
    }

    .super-cat::after {
        position: absolute;
        top: 7px;
        right: 15px;
        width: 35px;
        margin: 0;
        background: url(../img/filteri-ico.png) 50% 50% no-repeat;
        background-size: 35px auto;
    }

    .subcats-carousel .swiper-container-horizontal > .swiper-scrollbar {
        width: 95.5%;
    }

    .prod-item .item-title {
        font-size: 16px;
    }

    .prod-item .prod-item-cat {
        font-size: 14px;
        margin: 5px 0 0 0;
    }

    .prod-item .item-price {
        font-size: 16px;
        margin: 10px 0 0 0;
    }

    .category-container h1,
    .category-container h2 {
        padding: 0 60px;
    }

    .search h2 {
        font-size: 20px;
        margin: 0 0 10px 0;
    }

    .search-inner-wrapper {
        padding: 100px 15px 15px 15px;
    }

    .suggest-box {
        top: 188px;
    }

    .category-wrapper .bean-leaf-title {
        right: 20px;
    }

    .recently-viewed .swiper-container {
        padding: 20px 20px 30px 20px;
    }

    .recently-viewed .swiper-container {
        padding: 0 0 30px 0;
    }

    .product-name-desc-wrapper .coffee {
        display: none;
    }

    .product-name {
        font-size: 24px;
    }

    .prod-item-cat,
    .product-accordion .btn-accordion,
    .prod-desc,
    .product-benefits,
    .card-body {
        font-size: 14px;
    }

    .prod-features {
        font-size: 15px;
        margin: 0;
    }

    .prod-features + .prod-desc {
        margin: 20px 0;
    }

    .product-share .print-page span,
    .share-label {
        margin: 0 10px 0 0;
    }

    .product .product-pic {
        padding: 15px 15px 20px 15px;
    }

    .product-add {
        padding: 20px 15px;
    }

    .recently-viewed {
        padding: 70px 0 40px 0;
    }

    .print-page,
    .product-add .btn svg {
        display: none;
    }

    .recently-viewed .bean-leaf-title {
        right: 15px;
    }

    .recently-viewed .title-with-beans {
        padding: 0 50px;
    }

    .product-set-qty .change_qty li input,
    .product-add .btn {
        font-size: 13px;
    }

    .product-add .btn,
    .product-set-qty .change_qty,
    .product-set-qty .change_qty li input,
    .product-set-qty .change_qty .prod_qty,
    .product-set-qty .change_qty li .action-handle {
        height: 45px;
        line-height: 45px;
    }

    .product-set-qty {
        height: 45px;
    }

    .modal-body {
        padding: 1.5rem;
    }

    .modal-title {
        margin: 15px 0;
        font-size: 22px;
    }

    .card-body .btn-action {
        font-size: 13px;
        padding: 10px 20px;
    }

    #basketcase,
    .btn-basket-order {
        max-width: 100%;
    }

    .btn-basket-back {
        width: 100%;
        margin: 20px 0 0 0;
        text-align: center;
    }

    .empty-basket-wrapper {
        padding: 0 15px;
    }

    .wishlist-tabs .nav-item {
        margin: 0 0 0 15px;
    }

    .wishlist-tabs .nav-link {
        padding: 10px 15px;
    }

    .thank-you-wrapper h1 {
        margin: 0 0 20px 0;
    }

    .btn-naruci-note .error-note {
        max-width: 100%;
    }

    .btn-naruci-note,
    .basket .btn {
        width: 100%;
    }

    .form-group input,
    .form-group textarea {
        font-size: 16px;
    }

    .steps {
        margin-bottom: 30px;
    }

    .basket-products .product-title ul a,
    .viewed-item .item-info a,
    .viewed-item .item-price {
        font-size: 16px;
    }

    .clear-filters {
        position: relative;
        top: auto;
        right: auto;
        margin: 0;
        display: inline-block;
    }

    .grid-heading {
        margin-top: 0;
    }

    .empty-basket-wrapper,
    .error-page {
        padding-top: 50px;
    }

    .basket .title-with-beans {
        margin: 40px 0 0 0;
    }

    .total-sum-wrapper ul li:first-of-type {
        width: auto;
    }

    .basket .promo-code-enter ul {
        width: 100%;
    }

    .basket .promo-code-enter ul .promo-input {
        width: 60%;
    }

    .basket .promo-code-enter .promo-btn {
        width: 40%;
    }

    .best-selling h2 {
        font-size: 19px;
    }

    .product-name-desc-wrapper {
        text-align: left;
    }

    .prod-features li:last-child {
        padding: 0;
    }

    .product-price .price-before {
        display: block;
        top: auto;
        margin: 15px 0 0 0;
    }
}

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

    .search h2 {
        display: none;
    }

    .search .search-field input {
        font-size: 14px;
        width: 85%;
    }

    .suggest-box {
        top: 157px;
    }

    .clear-search {
        right: 10px;
    }

    .topbar .slider-phone::before,
    .topbar .slider-mail::before {
        display: none;
    }


    .header-menu {
        position: static;
    }

    .product-thumbs img {
        width: 80px;
    }

    .user-menu {
        right: 0;
        left: 0;
        width: 92%;
        top: 92px;
        margin: 0 15px;
    }

    .header-menu li {
        padding: 0 10px;
    }

    .header-menu li:last-child {
        padding: 0 0 0 20px;
    }

    .header-menu li:first-child {
        padding: 0 10px 0 0;
    }

    .header-menu .show-mini-bag {
        padding: 0 0 0 10px;
    }

    .home-slider-bookmarks ul li {
        padding: 8px 0;
    }

    .home-slider-list .active::after {
        background: url(../img/bean-bullet.png) 50% 50% no-repeat;
        background-size: 20px auto;
    }

    .home-slider-list .bookmark1.active::after {
        background: url(../img/ribili-bullet.png) 50% 50% no-repeat;
        background-size: auto 30px;
    }

    .home-slider-list .bookmark3.active::after {
        background: url(../img/leaf-slider.png) 50% 50% no-repeat;
        background-size: 20px auto;
    }

    .home-slider-list .bookmark4.active::after {
        background: url(../img/choco-drop1.png) 50% 50% no-repeat;
        background-size: 20px auto;
    }

    .home-slider-bookmarks {
        right: -5px;
    }

    .coffee-slider-bg,
    .tea-slider-bg,
    .choco-slider-bg,
    .ribili-slider-bg {
        background-size: 270px auto;
    }

    .home-slider-img img,
    .coffee-slider-bg,
    .tea-slider-bg,
    .choco-slider-bg,
    .ribili-slider-bg,
    .home-slider-img {
        width: 270px;
        height: 270px;
        /*height: 317px;*/
    }

    .benefits {
        flex-direction: column;
        padding-top: 40px;
    }

    .benefits h3 {
        font-size: 18px;
    }

    .benefits ul .benefit-text span {
        font-size: 16px;
    }

    .social li {
        margin: 0 5px;
    }

    .social li:first-child {
        margin: 0 5px 0 0;
    }

    .social li:last-child {
        margin: 0 0 0 5px;
    }

    .topbar {
        width: 270px;
    }

    .slider-phone,
    .slider-mail {
        padding: 0;
        font-size: 13px;
        margin: 0 0 0 15px;
    }

    .social li a {
        width: 24px;
        height: 24px;
        line-height: 21px;
    }

    .social li .slider-fb svg {
        width: 7px;
    }

    .social li .slider-insta svg {
        width: 13px;
    }

    .home-slider-content .home-slider-txt {
        line-height: 1.4;
    }

    .btn-basket-back,
    .btn-basket-order {
        width: 100%;
    }

    .btn-basket-back {
        margin-top: 10px;
    }

    .featured .nav-tabs > li > a,
    .featured .nav-tabs .nav-link {
        line-height: 1.2;
        padding: 9px 7px 10px 7px;
    }

    .blog-cats ul li {
        margin-left: 10px;
    }

    .blog-cats ul li a {
        font-size: 16px;
    }

    .featured h2,
    .about-us h2,
    .home-news h2 {
        font-size: 24px;
    }

    .bean-leaf-title {
        top: 10px;
    }

    .bean-leaf-title .leaf {
        left: -40px;
        top: -50px;
    }

    .featured-carousel .swiper-button-prev,
    .featured-carousel .swiper-container-rtl .swiper-button-next,
    .featured-carousel .swiper-button-next,
    .featured-carousel .swiper-container-rtl .swiper-button-prev {
        top: 53%;
    }

    .logo-footer img {
        max-width: 70px;
    }

    footer {
        padding: 120px 0 110px 0;
        font-size: 14px;
    }

    .newsletter-form .nl-email,
    .newsletter-subtitle,
    .section-intro,
    .news-content .featured-txt {
        font-size: 14px;
    }

    .cbx span:last-child {
        padding-left: 10px;
    }

    .section-intro,
    .news-content .featured-txt {
        line-height: 1.4;
    }

    .page-content.viewed-items {
        padding: 60px 0 80px 0;
    }

    .cbx span:last-child {
        width: 90%;
    }

    .basket,
    .form-group input,
    .btn,
    .form-group textarea {
        font-size: 14px;
    }

    .basket .card {
        margin: 0 0 10px 0;
    }

    .cbx span:first-child {
        margin: 1px 0 0 0;
    }

    .steps li {
        margin-right: 10px;
    }

    .viewed-items .btn {
        font-size: 13px;
    }

    .btn-newsletter {
        padding: 20px 25px 20px 75px;
    }

    .btn-newsletter::before {
        left: 25px;
    }

    .tecaj_konverzije {
        font-size: 18px;
    }
}

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

    .bean-leaf-title {
        display: none;
    }

    .featured {
        padding: 40px 0;
    }

    .about-us {
        padding: 40px 15px;
        margin: 40px 0 0 0;
    }

    .header-menu li {
        padding: 0 10px;
    }

    .header-menu li:last-child {
        padding: 0 0 0 15px;
    }

    .coffee-slider-bg,
    .tea-slider-bg,
    .choco-slider-bg,
    .ribili-slider-bg {
        background-size: 220px auto;
    }

    .home-slider-img img,
    .coffee-slider-bg,
    .tea-slider-bg,
    .choco-slider-bg,
    .ribili-slider-bg,
    .home-slider-img {
        width: 240px;
        height: 240px;
        /*height: 282px;*/
    }

    .main-menu-inner-wrapper {
        background: #EFEFEF url(../img/beans-left-news.png) 0 40% no-repeat;
        background-size: 80px auto;
    }

    .gdpr-accept {
        margin-top: 20px;
    }

    .sort-results .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 170px;
    }

    .bootstrap-select .btn,
    .grid-qty,
    .bootstrap-select .dropdown-menu {
        font-size: 12px;
    }

    .bootstrap-select .btn .filter-option {
        padding-right: 10px;
    }

    .product-grid .prod-item {
        width: 100%;
        margin: 10px 0;
    }

    .path {
        padding: 25px 0 30px 0;
    }

    .product-grid {
        margin: 0;
    }

    .filter-sidebar {
        margin: 20px 0 0 0;
    }

    .slider-contacts {
        bottom: 10px;
    }

    .category-container h1,
    .recently-viewed .title-with-beans {
        padding: 0;
    }

    .product-add .btn {
        padding: 0 6px;
    }

    .recently-viewed {
        padding: 40px 0;
    }

    .recently-viewed .swiper-container {
        margin: 30px 0 0 0;
    }

    .wishlist-tabs .nav-item {
        margin: 0 0 0 8px;
    }

    .wishlist-tabs .nav-link {
        padding: 8px 13px;
        font-size: 14px;
    }

    .viewed-items .btn {
        padding: 11px 15px 12px 15px;
        font-size: 14px;
    }

    .page-content.viewed-items {
        padding: 20px 0 40px 0;
    }

    .basket .title-with-beans {
        margin: 30px 0 0 0;
    }

    .btn-newsletter {
        padding: 14px 30px 16px 30px;
    }

    .btn-newsletter::before {
        display: none;
    }
}