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

@media screen and (min-width: 1200px) {
    .page-sidebar-wrapper {
        width: 20%;
    }
}



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

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

    .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: 1610px) {

    .wide-container {
        margin-left: 0;
    }

    .locations-tabs {
        margin: 70px 0;
    }

    .discount-promotions-wrapper .swiper-scrollbar,
    .home-blog .swiper-scrollbar,
    .filter-carousel .swiper-scrollbar,
    .recepti-proizvod .swiper-scrollbar {
        max-width: 95%;
    }

    .promo-cols {
        gap: 20px;
    }

}

@media screen and (max-width: 1458px) {
    .category .container {
        max-width: 98%;
    }

    .cat-tag {
        left: -30px;
        margin: 0 0 15px 0;
        font-size: 14px;
    }

    .cat-desc-content {
        padding: 20px 0 0 30px;
    }

    .header-wrapper {
        padding: 18px 20px;
    }

    .main-menu > ul > li {
        padding: 19px 10px;
    }

    .main-menu > ul > li > a {
        font-size: 14px;
        letter-spacing: 0;
    }

    .search {
        width: 320px;
    }

    header .logo img {
        width: 220px;
        margin: 0 auto;
        display: block;
    }

    .basket .logo img {
        margin: 0;
        display: inline-block;
    }

    .header-menu > li {
        margin: 0 20px 0 0;
    }

    .slide-content h2 {
        font-size: 70px;
    }

    .featured-menu li {
        margin: 0 15px 0 0;
    }

    .featured-menu a {
        font-size: 14px;
    }

    .sub-nav-inner {
        width: 1130px;
    }

    .page-sidebar {
        width: 252px;
    }

    .collage-top .large-img {
        width: 560px;
    }

    .collage-top-inner {
        width: 252px;
    }

    .half-col {
        width: 545px;
    }

    .signins-wrapper .item {
        padding: 0 40px 80px 40px;
        /*width: 376px;*/
    }

    .signins-wrapper .btn-holder {
        left: 40px;
    }

    .prijava .btn-holder {
        left: 0;
    }

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

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

    .section-blog-content {
        padding: 20px 40px 0 40px;
    }

    .blog-entries-home .swiper-button-prev,
    .blog-entries-home .swiper-button-next {
        top: 40%;
    }

    .page-content h1 {
        font-size: 31px;
    }

    .product-set-qty li.prod_qty {
        width: 70px;
    }

    .benefits.single-product {
        padding: 20px 15px;
    }

    .benefits.single-product .benefit-item {
        width: 33%;
    }

    .benefits h2 {
        font-size: 12px;
    }

    .benefits .benefit-text .sub-text {
        font-size: 12px;
    }

    .product-set-qty {
        flex-basis: 185px;
    }

    .blog-entries {
        margin: 60px -25px 0;
    }

    .blog-item-col {
        padding: 0 25px;
        margin-bottom: 30px;
    }

    .blog-list .pile-img-holder {
        right: -70px;
    }

    .faq-img.right {
        right: 0;
    }

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


@media screen and (max-width: 1199px) {
    .header-menu .login-register a {
        top: 1px;
    }

    .user-menu-trigger.logged-in > a::after {
        right: 0;
    }

    .header-menu {
        height: auto;
    }

    .header-menu li a i {
        right: -10px;
    }

    .featured-menu,
    .header-menu li a .ico-label {
        display: none;
    }

    .main-menu .promo-link a::after,
    .main-menu .last-promo a::after{
        position: relative;
        display: inline-block;
        top: -4px;
        right: auto;
        margin: 0 0 0 5px;
    }

    .mobile-featured-menu {
        position: relative;
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 15px 20px;
        background: #000000;
        text-transform: uppercase;
    }

    .mobile-featured-menu li {
        display: inline-block;
        margin: 0 30px 0 0;
    }

    .mobile-featured-menu a {
        position: relative;
        color: #ffffff;
    }

    .mobile-menu-trigger span {
        position: absolute;
        font-size: 10px;
        bottom: -20px;
        right: 0;
    }

    .promo-sub-mobile {
        display: none;
        right: auto;
    }

    .promo-sub-mobile li {
        display: block;
        margin: 0;
    }

    .promo-sub-mobile a {
        color: #000;
        text-transform: none;
    }

    .user-menu {
        top: 47px;
        right: 100px;
    }

    .container {
        max-width: 100%;
    }

    .container-menu {
        background: #fff;
        position: absolute;
        right: 0;
        max-width: 370px;
        height: 100%;
        top: 0;
        bottom: 0;
    }

    .slide-content h2 {
        font-size: 50px;
    }

    .newsletter-wrapper {
        padding: 50px 15px;
    }

    .benefits img {
        max-width: 90px;
        height: 45px;
    }

    .featured h2,
    .discount-promotions-wrapper h2,
    .home-blog h2,
    .recepti-proizvod h2,
    .product-video-section h2 {
        font-size: 50px;
    }


    .discount-promotions-wrapper .swiper-wrapper,
    .home-blog .swiper-wrapper {
        padding: 40px 0 45px 0;
    }

    .header-menu > li:last-child {
        display: inline-block;
    }

    .desktop-visible {
        display: none;
    }

    .search {
        width: 350px;
    }

    .suggest-box {
        width: 100%;
        left: 0;
        right: 0;
    }

    .main-menu-wrapper {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-top: 0;
        background: rgba(0, 0, 0, 0.83);
        z-index: 10000;
        -webkit-transition: none;
        transition: none;
    }

    .main-menu > ul > li + li {
        margin-left: 0;
    }

    .main-menu .promo-link .cat-name-expand-wrapper,
    .main-menu .last-promo .cat-name-expand-wrapper {
        background: #000000;
    }

    .main-menu .promo-link .cat-name-expand-wrapper a,
    .main-menu .last-promo .cat-name-expand-wrapper a {
        color: #fff;
    }

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

    .sub-nav-col .cat-name {
        font-weight: 400;
        padding: 5px 10px;
        font-size: 16px;
        margin: 0;
    }

    .main-menu-wrapper .container {
        width: 400px;
        position: relative;
        height: 100%;
        margin-right: 0;
        background: #fff;
        padding: 0 20px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .main-menu {
        padding: 10px;
        margin: 0;
        display: block;
        max-height: 90vh;
        height: auto !important;
        overflow-y: auto;
    }

    .main-menu > ul {
        padding: 0;
        position: relative;
    }

    .main-menu > ul > li {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
        font-size: 16px;
        left: 0;
    }

    .main-menu > ul > li:first-of-type {
        padding-top: 0;
    }

    .main-menu > ul > li > a {
        font-weight: 400;
        padding: 8px 0;
        color: #000;
    }

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

    .main-menu .sub-nav {
        display: block!important; 
        position: relative;
        top: auto;
        background: none;
        border-bottom: 0;
        box-shadow: none;
        font-size: 15px;
        width: 100%;
        padding: 0;
        max-height: 100%;
        overflow-y: initial;
        overflow-x: initial;
    }

    .sub-nav:before,
    .sub-nav:after,
    .sub-nav-col a::after,
    .main-menu .sub-nav:before,
    .main-menu .sub-nav:after {
        display: none;
    }

    .cat-name-expand-wrapper {
        position: relative;
        background: #e8e8e8;
    }

    .expand-sub {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 40px;
        height: 100%;
        text-align: center;
        cursor: pointer;
        font-size: 24px;
        background: #ff2800;
    }

    .expand-sub::after,
    .expand-sub.active::after {
        content: '+';
        display: block;
        width: 100%;
        line-height: 1;
        color: #ffffff;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .expand-sub.active::after {
        content: '-';
        line-height: 0.7;
    }

    .main-menu .sub-nav.promo-sub {
        width: 100%;
        right: auto;
        padding: 0;
    }

    .promo-link .sub-nav-col,
    .last-promo .sub-nav-col {
        width: 100%;
    }

    .promo-link .cat-name-expand-wrapper,
    .last-promo .cat-name-expand-wrapper {
        display: block;
    }

    .promo-link .cat-name-expand-wrapper .cat-name,
    .last-promo .cat-name-expand-wrapper .cat-name {
        text-transform: uppercase;
    }

    .main-menu ul li,
    .main-menu .sub-nav-col ul li {
        padding: 0;
        float: none;
        font-size: 16px;
        margin: 0;
        width: 100%;
        display: inline-block;
        height: auto;
    }

    .sub-nav-col ul li a {
        font-weight: 700;
        color: #000;
    }

    .main-menu .sub-nav-col ul li {
        position: relative;
        padding: 7px 10px;
        border-bottom: 1px solid #e6e6e6;
        transition: all .3s ease-out;
    }

    .main-menu .sub-nav-col ul li::before {
        left: -10px;
        top: 9px;
    }

    .main-menu ul li:last-child {
        border-bottom: none;
    }

    .sub-nav-inner {
        width: 100%;
    }

    .sub-nav-col {
        float: none;
        width: 350px;
        padding: 20px 0 0 20px;
        position: initial;
    }

    .sub-nav-col.brands-menu,
    .main-menu > ul > li > a.main-cat {
        display: none;
    }

    .sub-nav .cat-name {
        font-family: 'Roboto', Arial, sans-serif;
        color: #000;
        text-transform: none;
        font-weight: 700;
        text-transform: uppercase;
    }

    .sub-nav-col ul,
    .sub-nav.promo-sub,
    .main-menu .sub-nav.promo-sub ul {
        display: none;
        margin: 15px;
    }

    .sub-nav .active {
        text-decoration: none;
    }

    .mobile-main-menu-head {
        display: block;
        padding: 10px;
        background: #FF2800;
    }

    .mobile-main-menu-head ul {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 18px;
        font-weight: 700;
    }

    .mobile-main-menu-head ul li {
        display: table-cell;
        vertical-align: middle;
    }

    .mobile-menu-close {
        position: relative;
        height: 40px;
        text-align: right;
        display: block;
        margin: 10px 10px 0 10px;
    }

    .mobile-menu-close a {
        position: relative;
        display: block;
        width: 40px;
        height: 40px;
        background: #000;
        text-align: center;
        line-height: 35px;
        float: right;
    }

    .mobile-menu-close path {
        fill: #ffffff;
    }

    .newsletter-signup-inner {
        padding: 40px;
    }

    .newsletter-signup-content h2 {
        font-size: 30px;
    }

    .section {
        padding-top: 60px;
    }

    .section-content,
    .section-bottom {
        margin-top: 30px;
    }

    .featured .section-title {
        padding-right: 0;
        text-align: center;
    }

    .main-menu-wrapper.sticky {
        top: 0;
        box-shadow: none;
    }

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

    .promo-item {
        max-width: 420px;
    }

    .home-blog,
    .recepti-proizvod {
        background: #F5F5F5 url(../img/recepti-bg-lijevo.png) 0 93% no-repeat;
        background-size: 180px auto;
    }

    .pile-img-holder {
        right: -110px;
    }

    .pile-img-holder img {
        width: 80%;
    }

    .prod-item .item-price span {
        display: inline-block;
    }

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

    .prod-item .actions-overlay {
        padding: 0 20px;
    }

    .prod-item .actions-overlay .btn {
        margin-top: 10px;
    }

    .page-main {
        width: 100%;
    }

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

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

    .filters {
        width: 100%;
        max-width: 100%;
        padding: 30px 40px 30px 0;
        margin-top: 0;
        background: #fff;
        -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;
    }

    .sort-results {
        position: relative;
        text-align: center;
        z-index: 100;
    }

    .grid-heading:after {
        content: none;
    }

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

    .grid-qty {
        text-align: center;
        top: auto;
    }

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

    .prod-item .item-badges li {
        display: inline-block;
    }

    .collage-top .large-img {
        width: 625px;
    }

    .collage-top-inner {
        width: 285px;
    }

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

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

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

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

    .product .item-badges {
        right: auto;
        top: 15px;
    }

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

    .half-col {
        width: 445px;
    }

    .product-sheet-title {
        font-size: 50px;
        line-height: 55px;
        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 header {
        border-bottom: 0;
    }

    .basket-products .remove-wrap {
        width: 40px;
    }

    .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;*/
    }

    .signins-wrapper .half-col {
        padding-left: 40px;
        float: none;
    }

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

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

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

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

    .viewed-item .item-info {
        padding-right: 20px;
    }

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

    .viewed-item .item-cart-action {
        width: 170px;
        padding-right: 20px;
        text-align: center;
    }

    .viewed-item .item-cart-action .move-to-cart {
        line-height: 20px;
        margin-left: 0;
    }

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

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

    /*.blog-entries-home .swiper-button-prev,
    .blog-entries-home .swiper-button-next,
    .featured .swiper-button-prev,
    .featured .swiper-button-next {
        display: none;
    }*/

    .main-menu ul li.banner-menu {
        margin: 0 0 20px 0;
    }

    .section-blog-content {
        position: relative;
        padding: 0 15px 30px 15px;
        width: 100%;
    }

    .section-blog-content .btn {
        margin: 0;
        position: absolute;
        top: 3px;
        right: 15px;
        padding: 10px 15px;
        font-size: 13px;
        z-index: 2;
    }

    .blog-entries-home {
        width: 100%;
    }

    .main-menu > ul > li + li.banner-mobile-menu {
        display: block;
        margin: 20px 0 0 0;
    }

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

    .best-seller,
    .badge-new,
    .badge-discount {
        font-size: 13px;
        background-size: 100%;
        width: 100px;
    }

    .badge-discount {
        width: 70px;
    }

    .favorite-trigger,
    .favorite-trigger.liked:hover {
        top: 15px;
    }

    .viewed-item .item-fav .favorite-trigger:hover {
        top: auto;
    }

    .filter-carousel {
        margin-bottom: 20px;
    }

    .blog-item-col {
        width: 33.33333%;
    }

    .faq-img {
        display: none;
    }

    .page-content .accordion-product.forms .accordion-body {
        padding: 20px 10px;
    }

    .page-content .accordion-product.forms .accordion-button {
        padding: 15px 30px;
    }

    .brand-content {
        column-gap: 50px;
    }

    .locations-tabs {
        margin: 50px 0;
    }

    .gore-lijevo,
    .gore-desno,
    .product .black-friday {
        width: 80px;
        height: 80px;
        font-size: 16px;
    }

    .product .badge-discount + .gore-lijevo + .black-friday {
        top: 150px;
    }

    .discount-promotions-wrapper .swiper-scrollbar,
    .home-blog .swiper-scrollbar,
    .filter-carousel .swiper-scrollbar {
        max-width: 95%;
    }

    .prod-item .gore-desno,
    .prod-item .dolje-desno,
    .prod-item .black-friday {
        font-size: 13px;
    }

    .prod-item .gore-desno,
    .prod-item .black-friday {
        width: 60px;
        height: 60px;
    }

    .prod-item .gore-lijevo {
        width: 70px;
        height: 70px;
        font-size: 11px;
    }

    .promo-cols {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .promo-grid .card-title {
        font-size: 17px;
    }

    .badge-discount + .gore-lijevo + .black-friday {
        top: 125px;
    }

    .cards-delivery-wrapper {
        max-width: 100%;
    }

    .delivery-wrapper {
        max-width: 48%;
    }

}

@media screen and (max-width: 991px) {
    header .logo img {
        width: 190px;
    }

    .slide-content {
        left: 20px;
        max-width: 90%;
    }

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

    .home-slider-wrapper .swiper-button-next,
    .home-slider-wrapper .swiper-button-prev,
    .topbar .left-side {
        display: none;
    }

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

    .category-desc {
        max-width: 100%;
        font-weight: 400;
    }

    .cat-desc-wrapper {
        margin: 0 -15px;
    }

    .cat-tag {
        position: absolute;
        top: -42px;
        left: 0;
        padding: 10px 15px;
    }

    .cat-desc-content {
        position: relative;
        top: auto;
        left: auto;
        padding: 20px 15px 0 15px;
    }

    .page-sidebar-wrapper {
        width: 0;
        padding: 0;
    }

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

    .featured h2,
    .discount-promotions-wrapper h2,
    .home-blog h2,
    .recepti-proizvod h2,
    .product-video-section h2 {
        font-size: 40px;
    }

    .recepti-proizvod h2 {
        margin: 0 0 30px 0;
    }

    .cards-delivery-wrapper {
        max-width: 100%;
    }

    .promo-item {
        max-width: 320px;
    }

    .promo-txt,
    .prep-time {
        font-size: 14px;
    }

    .konkurentnost img {
        display: block;
        margin: 0 auto 10px auto;
    }

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

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

    .news-item {
        width: calc(50% - 30px);
    }

    .news-date span {
        position: absolute;
        display: inline-block;
    }

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

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

    .product .product-pic-inner {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 550px;
    }

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

    .product .product-general {
        width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }

    .product-benefits,
    .product-info {
        max-width: 100%;
    }

    .product-share {
        max-width: 100%;
        margin: 20px 0 0 0;
    }

    .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 {
        margin-top: 25px;
    }

    .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 .step-title {
        display: none !important;
    }

    .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 .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;
        padding-top: 10px;
    }

    .viewed-item .item-info {
        padding-right: 50px;
        padding-top: 10px;
    }

    .viewed-item .item-info i {
        display: none;
    }

    .viewed-item .item-price {
        width: auto;
        padding-right: 0;
        margin-top: 8px;
        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 .tab-pane {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .teasers a {
        width: 50%;
    }

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

    .actions {
        padding: 40px 0;
    }

    .section {
        padding: 40px 0 0 0;
    }

    .compare-labels {
        display: none;
    }

    .compare-items {
        width: 100%;
    }

    .prod-attributes ul.mobile-prod-layout {
        display: block;
    }

    .prod-attributes ul.desktop-prod-layout {
        display: none;
    }

    .mobile-triggers {
        display: block;
        overflow: hidden;
        line-height: 30px;
        margin: 0 0 20px 0;
    }

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

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

    .filters {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.6);
        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;
        -webkit-overflow-scrolling: touch;
    }

    .filters-inner-wrap {
        position: absolute;
        top: 50px;
        left: 10px;
        right: 0;
        bottom: 60px;
        padding-right: 10px;
        overflow-y: scroll;
    }

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

    .close-filters {
        display: block;
        position: absolute;
        font-size: 15px;
        right: 13px;
        top: 15px;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        color: #000;
    }

    .close-filters:hover,
    .close-filters:focus,
    .close-filters:active {
        color: #000;
    }

    .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;
    }

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

    .footer-map-wrapper img {
        max-width: 500px;
    }

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

    .gd-dropdown {
        position: static;
        box-shadow: none;
    }

    .product-filters, .hidden-filters {
        margin-left: 0;
    }

    .blog-entries {
        margin: 60px -10px 0;
    }

    .blog-item-col {
        padding: 0 10px;
    }

    .blog-list .pile-img-holder {
        display: none;
    }

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

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

    .brand-content {
        column-gap: 40px;
        font-size: 15px;
    }

    .location-item {
        width: 100%;
    }

    .podaci-wrapper::after,
    .pregled-kupovine-wrapper::after,
    .podaci-edit::after {
        content: none;
    }

    .podaci-wrapper .col-12:last-of-type .podaci {
        padding-left: 0;
        margin-top: 30px;
    }

    .pregled-kupovine .basket-list,
    .detalji-kupovine-pregled {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        clear: both;
    }

    .detalji-kupovine-pregled {
        padding-top: 30px;
    }

    .one-video .video-item,
    .video-desc {
        width: 100%;
    }

    .two-videos .video-item iframe{
        height: 350px;
    }

    .three-videos .video-item iframe {
        height: 200px;
    }

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

    .pp-wrap,
    .product-pic{
        padding: 0;
    }

    .pp-wrap {
        margin: 0;
    }

    .benefits.single-product {
        margin: 40px 0 0 0;
    }

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

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

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

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

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

    .podaci-wrapper .delivery-payment .col-12:first-of-type .podaci {
        padding: 0;
    }

    .prod-item .gore-desno {
        width: 60px;
        height: 60px;
        font-size: 13px;
    }

    .prod-item .dolje-desno {
        font-size: 13px;
    }

    .promo-entries .promo-item {
        max-width: 47%;
    }

    .discount-promotions-wrapper {
        padding: 40px 0;
    }

    footer {
        padding: 40px 0;
    }

    .cat-desc-wrapper::after {
        display: none;
    }

    .product-video-section {
        padding: 20px 0;
    }

    .video-desc {
        padding: 30px;      
    }

    .video-desc-inner {
        font-size: 18px;
    }

}


@media only screen and (max-width: 767px) {
    header {
        height: 170px;
        background: #FF2800;
    }

    .home-h1 {
        font-size: 28px;
    }

    .header-wrapper {
        padding: 13px 20px 18px 20px;
    }

    .user-menu {
        top: 34px;
    }

    .mobile-featured-menu {
        margin: 45px 0 0 0;
    }

    .mobile-featured-menu a {
        font-size: 14px;
    }

    .promo-link a::after,
    .last-promo a::after {
        top: -7px;
        right: -7px;
    }

    .search {
        position: absolute;
        top: 96%;
        width: 95%;
        padding: 0;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .search .search-btn a {
        top: 0;
    }

    .search .search-field input {
        padding: 7px 20px;
    }

    .suggest-box {
        width: 100%;
        left: 0;
        top: 50px;
    }

    .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 {
        line-height: 16px;
    }

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

    .home-slider-wrapper .btn::after {
        display: none;
    }

    .home-slider-wrapper .btn {
        padding: 10px 25px;
        font-weight: 500;
    }

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

    .benefits {
        padding: 30px 15px;
    }

    .benefits img {
        max-width: 80px;
        height: 35px;
    }

    .benefits h2,
    .benefits .benefit-text {
        letter-spacing: 0;
    }

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

    .tablica-3-kolone {
        display: block;
    }

    .tablica-3-kolone td {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-top: 40px;
    }

    .tablica-3-kolone tr:first-of-type td {
        padding-top: 40px;
    }

    .tablica-3-kolone tr:first-of-type td:first-child {
        padding-top: 0;
    }

    .btn {
        padding: 10px 15px;
    }

    .btn-basket-empty {
        padding: 10px 40px 10px 70px;
    }

    h1 {
        font-size: 30px;
        margin: 0 0 20px 0;
    }

    h4, .h4 {
        font-size: 16px;
    }

    .breadcrumbs {
        font-size: 12px;
        line-height: 18px;
    }

    .mobile-hidden {
        display: none;
    }

    .mobile-visible {
        display: block;
    }

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

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

    .mobile-triggers .btn {
        font-size: 14px;
    }

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

    .home-categories .cat-title {
        font-size: 13px;
    }

    .section {
        padding-top: 30px;
    }

    .section-title span {
        font-size: 22px;
    }

    .section-content {
        margin-top: 20px;
    }

    .section-bottom {
        margin-top: 20px;
    }

    .highlights {
        margin-top: -15px;
    }

    .prod-item ul {
        margin-top: 10px;
    }

    .prod-item .item-price .price-before {
        display: block;
        margin-left: 0;
    }

    .nav-tabs > li > a,
    .nav-tabs .nav-link {
        padding: 0 0 10px 0;
    }

    .location-nav .nav-tabs > li > a,
    .location-nav .nav-tabs .nav-link {
        padding: 10px 35px;
    }

    .news-wrapper {
        margin: -10px;
    }

    .news-item {
        margin: 10px;
        width: calc(50% - 20px);
        line-height: 20px;
        font-size: 13px;
    }

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

    .news-lead {
        display: none;
    }

    footer {
        font-size: 15px;
    }

    .footer-links-wrapper .link-group {
        display: inline-block;
        float: none;
        width: 100%;
    }

    footer .link-group-title {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .prod-item ul {
        margin-top: 15px;
    }

    .product-grid {
        margin-left: -7px;
        margin-right: -7px;
    }

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

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

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

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

/*    .grid-qty {
        width: 100%;
        text-align: center;
        top: auto;
        line-height: 20px;
    }

    .sort-results {
        display: none;
        position: relative;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        z-index: 100;
    }*/

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

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

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

    .collage-top .small-img {
        width: 48.5%;
        margin-left: 3%;
    }

    .collage-top .small-img:first-of-type {
        margin-left: 0;
    }

    .product .product-pic-inner {
        margin-bottom: 0;
    }

    .product .product-pic-carousel {
        padding-bottom: 0;
    }

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

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

    .product .item-badges {
        top: 15px;
        width: 40px;
    }

    .product-share ul li {
        font-size: 14px;
    }

    .product-share ul a {
        width: 32px;
        height: 32px;
    }

    .product-share ul a span {
        line-height: 32px;
        top: 1px;
    }

    .product-share i {
        display: none;
    }

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

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

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

    .product-add .btn-favorites span {
        font-size: 18px;
        margin-right: 6px;
    }

    .product-info-sheet {
        margin-top: 0;
        font-size: 13px;
        line-height: 20px;
    }

    .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;
        line-height: 40px;
        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 header {
        height: auto;
    }

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

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

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

    .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: 25px;
    }

    .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: 100%;
        padding-left: 0;
        text-align: left;
        margin-top: 10px;
    }

    .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: -6px;
        top: 4px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

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

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

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

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

    .steps {
        margin-bottom: 25px;
    }

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

    .steps li .step-wrapper .circle {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        margin-right: 0;
    }

    .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;
    }

    .form-control,
    .newsletter-form .nl-button,
    .form-group.focused input,
    .podaci-r1-label .cbx span:last-child {
        font-size: 14px;
    }

    .podaci-r1-label .cbx span:last-child {
        padding-left: 5px;
    }

    .form-group input.form-control {
        padding: 12px 10px;
    }

    .form-group.focused input {
        padding-top: 20px;
        padding-bottom: 6px;
    }

    .form-group label {
        left: 12px;
        font-size: 14px;
    }

    .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;
    }

    .form-group,
    .custom-file {
        margin-bottom: 15px;
    }

    .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: 30px;
    }

    .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 .item-pic {
        width: 70px;
        margin-left: 10px;
        margin-right: 10px;
    }

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

    .viewed-item .item-info {
        padding-right: 0;
        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;
    }

    .category-desc {
        margin-bottom: 20px;
    }

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

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

    .filters {
        padding: 20px 15px;
    }

    .thank-you-wrapper {
        margin-top: 10px;
    }


    /* ORDER HISTORY */
    .orderHistory {
        font-size: 12px;
        line-height: 16px;
        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;
        line-height: 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;
    }


    .pager {
        text-align: center;
    }

 

    .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;
    }

    .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::after,
    .podaci::after {
        display: none;
    }

    .newsletter-signup-inner {
        padding: 30px;
    }

    .product-price .lowest-price-savings-wrapper > div {
        display: block;
    }

    .product-price .lowest-price-savings-wrapper .savings {
        margin-top: 10px;
    }

    .product-price .lowest-price-savings-wrapper .savings::before {
        content: none;
    }

    .blog-entries {
        margin: 60px -5px 0;
    }

    .blog-item-col {
        width: 50%;
        padding: 0 5px;
    }

    .blog-cats ul li a {
        padding: 5px 25px;
    }

    .custom-file-label,
    .custom-file-label:after {
        font-size: 14px;
    }

    .brand-content {
        column-count: 1;
        padding: 40px 15px;
    }

    .location-item {
        flex-wrap: wrap;
    }

    .location-photo,
    .location-txt {
        width: 100%;
    }

    .location-photo {
        height: 200px;
    }

    .two-videos .video-item,
    .three-videos .video-item {
        width: 100%;
    }

    .three-videos .video-item iframe {
        height: 350px;
    }

    .custom-file-label {
        padding: 2px 130px 0 15px;
        height: 45px;
    }

    .custom-file-label::after {
        line-height: 35px;
        top: 5px;
        right: 7px;
    }

    .reminder-wrapper h4 {
        font-size: 20px;
    }

    .product-add .reminder-wrapper .btn-action {
        padding: 10px 20px;
    }

    
    .pokloni-item .img-title-wrapper,
    .btn-poklon {
        width: 100%;
    }

    .pokloni-item .img-title-wrapper {
        margin: 0 0 10px 0;
    }

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

    .product-grid {
        padding: 20px 0 0 0;
    }

    .gdc-cookieSettings {
        z-index: 10;
    }

    .basket .change_qty li .action-handle.sub span {
        top: -7px;
    }

    .basket .change_qty li .action-handle span {
        top: -2px;
    }

    .product .product-thumbs {
        position: relative;
        width: 100%;
        margin: 20px 0 10px 0;
    }

    .product .product-thumbs .swiper .swiper-slide {
        width: auto;
    }

    .product-thumbs .swiper::after,
    .product-pic-carousel .swiper-button-prev,
    .product-pic-carousel .swiper-button-next,
    .product .product-thumbs .swiper-button-next,
    .product .product-thumbs .swiper-button-prev {
        display: none;
    }

    .product .product-thumbs .swiper-scrollbar {
        opacity: 1;
        visibility: visible;
        bottom: -15px;
    }

    .featured + .benefits {
        margin: 40px 0 0 0;
    }

    .promo-cols {
        grid-template-columns: 1fr 1fr;
    }

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

    .promo-cols {
        margin-top: 30px;
    }

}


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

    .news-date span {
        display: block;
        position: relative;
    }

    .collage-top .small-img,
    .collage-top .small-img:first-of-type {
        margin-top: 15px;
    }

    .basket header ul li {
        display: block;
        margin: 0;
        text-align: right;
    }

    .tablica-podaci,
    .tablica-podaci tr {
        display: block;
    }

    .tablica-podaci tr {
        margin-top: 15px;
    }

    .tablica-podaci tr:first-of-type {
        margin-top: 0;
    }

    .tablica-podaci tr td {
        display: block;
        border: 1px solid #f2f2f2;
    }

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

    .benefits.single-product {
        flex-wrap: wrap;
        align-items: center;
    }

    .benefits.single-product .benefit-item {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0;
    }

    .benefits.single-product .benefit-item + .benefit-item {
        margin-top: 10px;
    }

    .benefits .benefit-text {
        display: flex;
        align-items: center;
        padding: 0;
        margin-left: 15px;
    }

    .benefits .benefit-text .sub-text {
        position: relative;
        margin-left: 25px;
    }
    
    .benefits .benefit-text .sub-text:after {
        content: "";
        width: 3px;
        height: 3px;
        background-color: #ff2800;
        border-radius: 50%;
        position: absolute;
        top: .65em;
        left: -12px;
    }

    .benefits.single-product {
        display: none;
    }

    .benefits.single-product img {
        max-width: none;
        width: 55px;
        height: auto;
    }

    .benefits-container {
        flex-wrap: wrap;
    }

    .benefit-item {
        width: 100%;
        display: flex;
        align-items: center;
        text-align: left;
        padding: 0;
    }

    .benefit-item + .benefit-item {
        margin-top: 15px;
    }

    .benefits img {
        max-width: none;
        width: 45px;
        height: auto;
        max-height: 45px;
        margin: 0;
    }

}


@media only screen and (max-width: 575px) {
    .container-menu {
        max-width: 100%;
    }

    .home-h1 {
        font-size: 24px;
    }

    .user-menu.not-logged {
        padding: 10px;
    }

    .header-menu li .user-menu a {
        font-size: 14px;
    }

    .mobile-featured-menu li {
        margin: 0 20px 0 0;
    }

    .mobile-featured-menu a {
        font-size: 12px;
    }

    .slide-content h3 {
        font-size: 14px;
    }

    .category-desc {
        font-size: 14px;
    }

    .featured h2,
    .discount-promotions-wrapper h2,
    .home-blog h2,
    .recepti-proizvod h2,
    .pokloni-heading,
    .product-video-section h2 {
        font-size: 30px;
    }

    .newsletter-wrapper {
        padding: 50px 0;
    }

    .newsletter-signup-inner {
        padding: 20px 15px;
    }

    .newsletter-signup-content h2 {
        font-size: 26px;
    }

    .newsletter-form .nl-name,
    .newsletter-form .nl-email {
        max-width: 100%;
        padding: 8px 15px;
        border-radius: 60px;
    }

    .newsletter-form .nl-name {
        float: right;
    }

    .newsletter-form .nl-email {
        float: left;
        margin: 0 0 15px 0;
    }

    .newsletter-form .nl-button {
        margin: 15px 0 0 0;
        max-width: 100%;
        width: 100%;
        height: 37px;
    }

    .newsletter-form .nl-button::after {
        display: none;
    }

    .gdpr-accept {
        text-align: center;
    }

    .benefits {
        padding: 30px 0;
    }

    .benefits .middle-benefit {
        padding: 0;
    }

    .cards {
        padding: 0 0 30px 0;
        max-width: 100%;
        text-align: center;
    }

    .cards .link-group-title-wrapper {
        margin: 30px 0 0 0;
    }

    .delivery-wrapper {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .cards img {
        max-width: 65px;
    }

    .delivery-wrapper img {
        max-width: 75px;
    }

    footer .link-group-title {
        font-size: 16px;
    }

    .footer-map-wrapper img {
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    .tablica-3-kolone td {
        width: 100%;
        padding-right: 0;
    }

    .left-side-banners {
        max-width: 100%;
    }

    .highlights-inner {
        margin-left: 0;
        margin-right: 0;
    }

    .highlights-inner a {
        margin: 15px 0 0 0;
        display: inline-block;
        width: 100%;
    }

    .highlights img {
        width: 100%;
    }

    .highlights .middle-banner {
        margin: 15px 0 0 0;
    }

    .news-wrapper {
        margin: -15px 0 0 0;
    }

    .news-item {
        margin: 15px 0 0 0;
        width: 100%;
    }

    .prod-item .item-price span {
        display: block;
    }

    .prod-item .item-price .price-before {
        margin-left: 0;
    }

    .collage-top .small-img {
        width: 100%;
        margin-left: 0;
    }

    .product .product-pic-inner {
        margin-bottom: 10px;
    }

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

    .product .product-general {
        margin-top: 25px;
    }

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

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

    .teasers a {
        width: 100%;
    }

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

    .pagination li {
        display: block;
        float: left;
        margin: 0 0 10px 0;
    }

    .filters {
        max-width: 100%;
    }

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

    .banner-content h2 {
        font-size: 25px;
    }

    .banner-content {
        max-width: 95%;
        top: 5%;
    }

    .right-side-banner .banner-content {
        bottom: 5%;
    }

    .actions h2 {
        margin: 0 0 20px 0;
    }

    .brands {
        padding: 15px 20px;
    }

    .brands a {
        height: 70px;
    }

    .brands a img {
        max-width: 90px;
    }

    .home-categories-carousel .swiper-slide a {
        font-size: 16px;
        padding: 5px 15px;
    }

    .featured .tab-content {
        padding: 20px 0 0 0;
    }

    .popular-carousel-blog {
        padding: 10px 0 20px 0;
    }

    .nav-tabs li {
        margin: 0 5px;
    }

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

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

    .discount-promotions-wrapper {
        padding: 30px 0;
        margin-top: 30px;
    }

    .featured {
        padding: 30px 0 0 0;
    }

    .home-blog {
        margin-top: 30px;
        padding: 30px 0;
    }

    footer {
        padding: 30px 0 30px 0;
    }

    .footer .link-group-title {
        margin: 0 0 5px 0;
    }

    .about-social .about-links-wrapper {
        width: 50%;
        float: left;
        margin: 0 20px 0 0;
    }

    footer .social {
        display: inline-block;
    }

    footer .social li {
        margin-right: 20px;
    }

    .konkurentnost,
    .copyright {
        font-size: 14px;
    }

    .copyright img {
        width: 125px;
    }

    .gd-logo img {
        width: 80px;
    }

    .nav-tabs li a {
        font-size: 14px;
    }

    .home-blog,
    .recepti-proizvod {
        background: #F5F5F5 url(../img/recepti-bg-lijevo.png) 0 93% no-repeat;
        background-size: 130px auto;
    }

    .pile-img-holder {
        right: -120px;
    }

    .pile-img-holder img {
        width: 60%;
    }

    .recepti-proizvod .pile-img-holder {
        right: -40px;
        top: -15px;
    }

    .recepti-proizvod .pile-img-holder img {
        max-width: 160px;
        width: 100%;
    }

    .discount-promotions-wrapper .swiper-scrollbar,
    .home-blog .swiper-scrollbar,
    .filter-carousel .swiper-scrollbar {
        max-width: 95%;
    }

    .home-blog .blog-item-home {
        max-width: 285px;
    }

    .blog-item-cat-title {
        left: 15px;
        right: 15px;
    }

    .form-intro {
        padding: 10px 10px 30px 10px;
    }


    .page-content .accordion-product.forms .accordion-button {
        padding: 10px 20px;
    }

    .basket h1 {
        font-size: 30px;
    }

    .one-video .video-item {
        min-height: 300px;
    }

    .video-desc {
        padding: 25px;
    }

    .video-desc-inner {
        font-size: 16px;
    }

    .reminder-wrapper {
        padding: 20px;
    }

    .reminder-wrapper .form-group {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .product-add .reminder-wrapper .btn-action {
        width: 100%;
    }

    .accordion-header svg {
        position: absolute;
        right: 20px;
        top: 18px;
    }

    .accordion-product button {
        padding: 10px 40px 10px 20px;
    }

    .btn-basket-back,
    .action-btn-wrapper .btn-action {
        width: 100%;
        text-align: center;
        margin: 0 0 15px 0;
        display: block;
    }

    .terms {
        font-size: 14px;
    }

    .terms .cbx span:first-child {
        top: -2px;
    }

    .gdc-btnHolder {
        flex-wrap: wrap;
    }

    .gdc-container .btn,
    #gdc-accept-all {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .gdc-container .btn
    {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .swiper .favorite-trigger, 
    .swiper .favorite-trigger.liked:hover {
        right: 10px;
        top: 10px;
    }

    .product .favorite-trigger {
        right: 15px;
        top: 15px;
    }

    .product-grid .prod-item {
        margin: 0 0 30px 0;
    }

    .promo-entries .promo-item {
        max-width: 100%;
        margin: 0 0 5% 0;
    }

    .short-desc-content {
        font-size: 20px;
    }

    .viewed-items .btn,
    .viewed-item {
        font-size: 14px;
    }

    .gore-lijevo,
    .gore-desno,
    .product .black-friday {
        width: 70px;
        height: 70px;
        font-size: 14px;
    }

    .product .badge-discount + .gore-lijevo + .black-friday {
        top: 140px;
    }

    .dolje-desno {
        font-size: 14px;
    }

    .product .dolje-desno.img-upload + .dolje-desno {
        bottom: auto;
        top: 170px;
    }

    .menu-left ul,
    .gd-selected button,
    .toggle-filters a,
    .filters-bottom a {
        font-size: 14px;
    }

    .menu-left ul li a {
        padding: 2px 10px;
    }

    .basket-btns button,
    .btn-naruci-note {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .page-content.single-post,
    .page-content.single-post + .single-post-carousel {
        padding: 0 0 40px 0;
    }
}

@media only screen and (max-width: 479px) {
    header {
        height: 164px;
    }

    .header-wrapper {
        padding: 15px;
    }

    .mobile-featured-menu {
        padding: 15px 10px;
    }

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

    .mobile-featured-menu .mobile-menu-trigger {
        right: 10px;
    }

    .mobile-featured-menu li {
        margin: 0 10px 0 0;
    }

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

    .section-blog-content .btn {
        top: 0;
    }

    .slide-content h2 {
        font-size: 35px;
    }

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

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

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

    .banner-content h2 {
        font-size: 22px;
    }

    .promo-item {
        max-width: 250px;
    }

    .home-blog .nav-tabs .nav-link {
        padding: 10px 25px;    }

    .home-blog .nav-tabs li:last-child {
        margin: 0;
    }

    .home-blog .swiper-wrapper {
        padding: 20px 0 45px 0;
    }

    .product-add .btn {
        padding: 11px 20px;
    }

    .product-qty-add-btn-wrapper {
        display: block !important;
        height: auto;
    }

    .change_qty {
        max-width: none;
    }

    .product-set-qty li.prod_qty {
        width: calc(100% - 100px);
    }

    .action-btn-wrapper {
        margin-top: 10px;
    }

    .blog-item-col {
        width: 100%;
    }

    .brand-content {
        padding: 30px 0;
    }

    .location-txt {
        padding: 20px 15px;
    }

    .basket-btns {
        margin: 30px 0 0 0;
    }

    .short-desc-item-wrapper .short-desc-item:last-of-type {
        margin: 10px 0 0 0;
        width: 100%;
    }

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

    .promo-sub-mobile {
        left: 0;
        right: 0;
    }

    .promo-sub-mobile a {
        font-size: 14px;
    }

    .promo-opis {
        width: 100%;
    }

    .change_qty li .action-handle svg {
        top: 32%;
    }
  
    .prod-item .gore-desno,
    .prod-item .black-friday {
        font-size: 11px;
        width: 50px;
        height: 50px;
    }

    .dolje-desno.img-upload + .dolje-desno {
        bottom: 70px;
    }

    .prod-item .dolje-desno {
        padding: 10px;
        font-size: 11px;
    }

    .prod-item .gore-lijevo.from-gshop {
        top: 120px;
    }

    .prod-item .dolje-desno.img-upload {
        max-width: 70px;
        width: 100%;
        height: auto;
        padding: 0;
        bottom: 0;
    }

    .promo-cols {
        grid-template-columns: 1fr;
    }

    .badge-discount + .gore-lijevo + .black-friday {
        top: 115px;
    }

    .availability_wrapper {
        width: 330px;
    }

    .product-info-box-green {
        padding: 3px 15px;
    }

        .product-info-box-green a {
            font-size: 14px;
        }

    .availability_strelica::after {
        width: 30px;
        height: 30px;
    }

    .product-info-box-red {
        font-size: 14px;
    }

    .availability_submenu_list a {
        font-size: 14px;
    }

    .raskid-note {
        justify-content: left;
        text-align: left;
    }

    .raskid-note h4 {
        display: block;
        width: 100%;
    }

    .raskid-note a {
        margin: 10px 0 0 0;
    }

}

@media only screen and (max-width: 414px) {
    .benefits h2,
    .benefits .benefit-text .sub-text,
    .benefits .benefit-text {
        display: block;
    }

    .benefits .benefit-text .sub-text {
        margin: 0;
    }

    .benefits .benefit-text .sub-text::before,
    .benefits .benefit-text .sub-text:after {
        display: none;
    }

    .btn-holder .btn,
    .btn-holder button,
    .btn-cont-helper a {
        width: 100%;
    }

    .login-3rd-party a {
        min-width: 100%;
    }

    .login-3rd-party a:first-of-type {
        margin: 0 0 20px 0;
    }

    .btn-basket-back {
        text-align: center;
    }

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

    .header-menu li .icon-bag {
        top: 1px;
    }

    .prod-item .gore-lijevo.from-gshop {
        top: 110px;
    }

    .badge-discount + .gore-lijevo,
    .gore-desno {
        top: 50px;
    }

    .product .badge-discount + .gore-lijevo + .black-friday {
        top: 125px;
    }

    .error-content-wrapper h1 {
        font-size: 32px;
    }

    .error_text {
        font-size: 22px;
    }

    .error-content-wrapper .btn.btn-primary {
        font-size: 18px;
    }

    .prod-item .gore-lijevo {
        width: 60px;
        height: 60px;
        font-size: 9px;
    }

    .orderBtns .btn {
        width: 100%;
    }

    .orderBtns .btn-secondary {
        margin: 0 0 10px 0;
    }


}

@media only screen and (max-width: 375px) {
    .header-menu > li {
        margin: 0 15px 0 0;
    }

    header .logo img {
        width: 160px;
    }

    .mobile-featured-menu li {
        margin: 0 5px 0 0;
    }

    .mobile-featured-menu a {
        font-size: 12px;
    }

    .home-slider-wrapper a {
        width: 100%;
    }

    header {
        height: 121px;
    }

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

    .section-blog-content .btn {
        padding: 7px 15px;
        top: 2px;
    }

    .newsletter-signup-content h2 {
        font-size: 20px;
    }

    .banner-content h3,
    .banner-link {
        font-size: 14px;
    }

    .mobile-featured-menu .mobile-menu-trigger {
        top: 20px;
    }

    .mobile-featured-menu .mobile-menu-trigger a {
        width: 35px;
    }

    .mobile-menu-trigger span {
        display: none;
    }

    .grid-heading {
        flex-wrap: wrap;
        text-align: left;
    }

    .grid-qty,
    .sort-results {
        width: 100%;
    }

    .sort-results {
        margin-top: 5px;
    }

    .posts-nav .up-next,
    .posts-nav .up-prev {
        float: none;
    }

    .posts-nav .up-next {
        margin-top: 10px;
    }

    .posts-nav .up-next .btn,
    .posts-nav .up-prev .btn {
        width: 100%;
    }

    .video-desc h3 {
        font-size: 24px;
        margin: 0 0 10px 0;
    }

    .three-videos .video-item iframe,
    .two-videos .video-item iframe,
    .one-video .video-item iframe {
        height: 250px;
    }

    .one-video .video-item {
        min-height: 100%;
    }

    .basket header ul {
        margin-top: 7px;
    }

    .short-desc-content {
        font-size: 18px;
    }

    .viewed-items .btn {
        width: 100%;
    }

    .pregled-kupovine {
        font-size: 15px;
    }

    .badge-discount + .gore-lijevo + .black-friday {
        top: 105px;
    }

}