@media screen and (min-width: 1200px) and (max-width: 1459px) {
    .main-nav > ul > li > a {
        font-size: 13px;
    }
}

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

    .hide_desktop {
        display: none !important;
    }

    /*fix desktop podmeni informatike*/
    .sub-nav.selector_menu_id_1 > li {
        width: 16%;
        padding: 24px 0 0 18px;
    }

    .section.highlights {
        padding-top: 60px;
    }


}

@media screen and (min-width: 992px) {

    .cat-slider {
        margin-left: -7px;
        margin-right: -7px;
    }

    .cat-slider .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        margin-top: -14px;
    }

    .cat-slider .swiper-slide {
        width: 16.6666%;
        padding: 0 7px;
        margin-top: 14px;
    }

}


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

@media screen and (max-width: 1599px) {
  
    .owl-controls .owl-prev::before,
    .owl-controls .owl-next::before { width: 40px; height: 40px; }
    .owl-controls .owl-prev { left: 20px; transform: none; -webkit-transform: none; }
    .owl-controls .owl-next { right: 20px; transform: none; -webkit-transform: none; }
    .owl-controls .owl-prev,
    .owl-controls .owl-next { margin-top: -10px; }

}


@media screen and (max-width: 1459px) {
    
    .search { width: 480px; margin-left: 80px; }

    .main-nav-wrapper { font-size: 14px; }
    .main-nav > ul > li { padding-right: 13px; }

    .owl-carousel {
        padding-top: 40px;
    }

    .owl-controls .owl-nav {
        bottom: 56px;
        top: auto;
    }

    .owl-controls .owl-prev,
    .owl-controls .owl-next {
        margin-top: 0;
    }

        .owl-controls .owl-prev::before,
        .owl-controls .owl-next::before {
            width: 30px;
            height: 30px;
            font-size: 30px;
        }

        .owl-controls .owl-next::before,
        .owl-controls .owl-prev::before {
            font-size: 24px;
        }
    
    /*.owl-controls .owl-nav { top: auto; margin-top: 0; bottom: -36px; }*/
    .owl-controls .owl-prev { left: 50%; margin-left: -120px; }
    .owl-controls .owl-next { right: 50%; margin-right: -120px; }


    .featured .owl-controls .owl-prev,
    .seasonal .owl-controls .owl-prev,
    .seasonal .owl-controls .owl-next,
    .featured .owl-controls .owl-next {
        width: auto;
        height: auto;
        background: transparent;
    }

    .featured .owl-controls .owl-prev,
    .seasonal .owl-controls .owl-prev {
        left: 50%;
        margin-left: -120px;
        -webkit-transform: none;
        transform: none;
    }

    .featured .owl-controls .owl-next,
    .seasonal .owl-controls .owl-next {
        right: 50%;
        margin-right: -120px;
        -webkit-transform: none;
        transform: none;
    }

    .featured .owl-controls .owl-prev::before,
    .seasonal .owl-controls .owl-prev::before,
    .featured .owl-controls .owl-next::before,
    .seasonal .owl-controls .owl-next::before {
        position: relative;
        width: 30px;
        height: 30px;
        line-height: 50px;
        font: 24px 'mikronis';
        font-display:swap;
        text-align: center;
        top: auto;
        -webkit-transform: none;
        transform: none;
    }



    .home-slider .owl-controls .owl-nav { top: 50%;  bottom: auto; }
    .home-slider .owl-controls .owl-prev { left: 25px; margin-left: 0; }
    .home-slider .owl-controls .owl-next { right: 25px; margin-right: 0; }

    .highlights-inner a:nth-child(1) { width: 458px; }
    .highlights-inner a:nth-child(2) { width: 273px; }
    .highlights-inner a:nth-child(3),
    .highlights-inner a:nth-child(4) { width: 358px; }


    .highlights-inner a.fiftach:nth-child(2),
    .highlights-inner a.fiftach:nth-child(1) {
        width: 50%;
        margin: 0;
        padding: 10px;
    }


    .benefits ul .benefit-icon {
        width: 90px;
    }
    .benefits ul .benefit-icon span { width: 90px; height: 90px; }
    .benefits ul .benefit-icon span img { width: 60px; }
    .benefits ul .benefit-text { font-size: 16px; padding-left: 15px; }
    .benefits ul .benefit-text span { font-size: 14px; }

    .news-wrapper { margin: -15px; }
    .news-item { width: 260px; margin: 15px; }
    .news-title { font-size: 16px; }

    .page-sidebar { width: 258px; }
    .page-main { width: 832px; }

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

    .product-grid .prod-item {
        width: 33.3333%
    }
  
    .product .product-pic { width: 540px; }
    .product .product-pic-inner { float: left; width: 100%; margin-left: 0; margin-bottom: 20px; }
    .product-pic .owl-controls .owl-nav { top: 50%; bottom: auto; }
    .product-pic .owl-controls .owl-prev { margin-left: 0; }
    .product-pic .owl-controls .owl-next { margin-right: 0; }
    .product .product-thumbs { width: 100%; }
    .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; }
    .product .product-general { width: 530px; margin-left: 60px; }
    .product-share { margin-left: 0; }

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

    .signins-wrapper .half-col { width: 565px; }


    .owl-thumb-item {
        float: left;
        width: 70px;
        /*margin: 0 10px 0;*/
    }

    .grenke_najam {
        font-size: 13px;
    }
    .cat-slider .swiper-wrapper {
        margin: -10px -3px 0;
    }

    .cat-slider .swiper-slide {
        padding: 0 3px;
        margin-top: 10px;
    }

    .cs-title {
        font-size: 13px;
        margin-top: 5px;
    }

    .new-banner {
        margin-bottom: 40px;
    }

}

@media screen and (max-width: 1199px) {
    .home-slider.swiper-container,
    .top-heading {
        margin-top: 126px;
    }

    .path {
        padding-top: 165px;
    }

    .news_page {
        margin-top: 100px;
    }

    /* BLOG */
    .container.blog {
        margin-top: 140px;
    }

    .podaci.user-data {
        margin-top: 110px;
    }

    .page-content.last_step {
        margin-top: 175px;
    }

    .page-data.povijestNarudzbiHolder {
        margin-top: 110px;
    }

    .centrohr-cookie br {display:none;}
    .desktop-visible {
        display: none;
    }
    .tablet-visible { display: block; }

    .search { width: 430px; }
    .suggest-box { width: 70%; left: 15%; right: 15%; }
    
    .user-menu-trigger { display: none; }

    .header-nav { position: fixed; width: calc(100vw - 12%); height: 100%; left: -100%; top: 0; max-width: 420px; background: #efecf0; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 9999; transition: all .5s cubic-bezier(.19,1,.22,1); visibility: hidden; }
    .main-nav-wrapper { position: relative; width: 100%; height: 100%; }
    .main-nav-wrapper .container { width: 100%; padding-left: 0; padding-right: 0; }
	.main-nav-mobile-heading { display: block; background: #006699; padding: 0 0 0 20px; }
	.main-nav-mobile-heading .logo { float: left; position: relative; margin-top: 22px; width: 160px; }
	.main-nav-mobile-heading .close-main-nav { float: right; width: 50px; height: 64px; line-height: 64px; text-align: center;  }
	.main-nav-mobile-heading .close-main-nav svg { fill: #fff; max-width: 12px; max-height: 12px; opacity: 1; }
	.main-nav-mobile-heading .close-main-nav svg:hover { fill: #fff; opacity: 0.5; }
	
	.slinky-theme-default { background: #FAFAFA; }
	.slinky-menu { font-size: 18px; font-weight: 100; }
	.slinky-theme-default a:not(.back) { color: #2e2e2e; padding: 16px 20px; }
	.slinky-theme-default a:not(.back):hover { background: none; }
	.slinky-theme-default .all-items a { font-weight: 400; color: #053E7C; }
	.slinky-theme-default .next::after { display: inline-block; opacity: 1; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cg transform='translate(0 -112)'%3E%3Cg transform='translate(0 112)'%3E%3Cpath d='M14.631,116h0l-3.6-3.824a.553.553,0,0,0-.818,0,.646.646,0,0,0,0,.872l2.606,2.77H.578a.618.618,0,0,0,0,1.233H12.822l-2.606,2.77a.646.646,0,0,0,0,.872.553.553,0,0,0,.818,0l3.6-3.824h0A.647.647,0,0,0,14.631,116Z' transform='translate(0 -112)' fill='%23a8a8a8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
	.slinky-theme-default .back::before	{ display: inline-block; opacity: 1; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cg transform='translate(0 -112)'%3E%3Cg transform='translate(0 112)'%3E%3Cpath d='M14.631,116h0l-3.6-3.824a.553.553,0,0,0-.818,0,.646.646,0,0,0,0,.872l2.606,2.77H.578a.618.618,0,0,0,0,1.233H12.822l-2.606,2.77a.646.646,0,0,0,0,.872.553.553,0,0,0,.818,0l3.6-3.824h0A.647.647,0,0,0,14.631,116Z' transform='translate(0 -112)' fill='%23ffffff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
	.slinky-theme-default .back { position: absolute; display: block; left: 0; top: 0; width: 55px; height: 55px; text-align: center; z-index: 2; border-bottom: 0; color: #2e2e2e; }
	.slinky-theme-default .back::before	{ padding: 0; width: 16px; height: 16px; margin-top: 20px; }
	.slinky-menu .header .title { position: relative; height: 55px; text-align: center; font-size: 16px; font-weight: 700; z-index: 1; color: #fff; }	
	
	.colour-sample { width: 33%; }
	
	.main-nav { width: 100%; }
	.main-nav ul {	margin: 0; padding: 0; list-style: none; text-align: left; }
	.main-nav ul li a { border-bottom: 1px solid #efecf0; }
	.main-nav > ul { margin: 0; }
	.main-nav > ul > li { display: block; padding: 0; font-size: 15px; min-height: 44px; }
	.main-nav > ul > li > a:hover { border-bottom-color: #efecf0; }
	.main-nav header { height: auto; background: #23AAEE; }
	.main-nav .top-cat.active > a { color: #053E7C; border-bottom-color: transparent; }
	
	.sub-nav { font-size: 16px; overflow: visible; }
	.sub-nav > li { float: none; width: 100%; padding: 0; box-sizing: border-box; font-weight: 400; }
	.sub-nav .hide-desktop.all-items { display: block; }
	.sub-nav a:not(.btn) { border-bottom: 1px solid #efecf0; }
	.sub-nav a:not(.btn):hover { border-bottom-color: #efecf0; }
	.sub-nav a.group-cat { display: flex; font-size: 15px; font-weight: 400; margin-top: 0; }
    .sub-nav a.group-cat::before { display: none; }
	.sub-nav a.back,
	.sub-nav a.back:hover { border-bottom-color: transparent; }
	.sub-nav ul li { /*position: relative; */ margin-top: 0; padding: 0; font-size: 15px; }
	.sub-nav .all-items { display: block; }
	.sub-nav .all-items a { font-weight: 400; color: #23AAEE; }

    .secondary-nav { display: block; margin: 0; padding: 0; list-style: none; }
    .secondary-nav li { display: block; }
    .secondary-nav li a { display: block; padding: 16px 20px; border-bottom: 1px solid #E0E1E6; color: #2e2e2e; }

    .owl-carousel { padding-top: 40px; }
    .owl-controls .owl-nav { bottom: 56px; }
    .owl-controls .owl-prev,
    .owl-controls .owl-next { margin-top: 0; }
    .owl-controls .owl-prev::before,
    .owl-controls .owl-next::before { width: 30px; height: 30px; font-size: 30px; }
    .owl-controls .owl-next::before,
    .owl-controls .owl-prev::before { font-size: 24px; }

    .home-categories { height: 320px; }
    .home-categories .bgnd-strip { height: 80px; }
    .home-categories .strip-2 { top: 80px; }
    .home-categories .strip-3 { top: 160px; }
    .home-categories .strip-4 { top: 240px; }
    .home-categories .cat-link { margin-top: 40px; margin-bottom: 40px; font-size: 14px; }
    .home-categories .cat-icon img { height: 48px; }
    
    .section { padding-top: 60px; }
    .section-content,
    .section-bottom { margin-top: 30px; }

    .featured .section-title { padding-right: 0; text-align: center; }
    .featured .nav-tabs { position: relative; right: auto; top: auto; margin-top: 40px; }

    .newsletter-signup { padding-top: 0; }

    .highlights-inner a:nth-child(1) { width: 376px; }
    .highlights-inner a:nth-child(2) { width: 224px; }
    .highlights-inner a:nth-child(3),
    .highlights-inner a:nth-child(4) { width: 290px; }

    .benefits { padding-bottom: 60px; }
    .benefits ul { display: block; padding: 0 20px; }
    .benefits ul .benefit-icon { display: block; width: 100%; text-align: center; }
    .benefits ul .benefit-text { display: block; padding-left: 0; padding-top: 10px; text-align: center; }

    .news-item { width: 210px; padding: 15px; }
    .news-date span { position: relative; display: block; }

    header.sticky { box-shadow: 0 15px 30px rgba(0,0,0,0.15); }
    .main-menu-wrapper.sticky { top: 0; box-shadow: none; }
    .main-menu-wrapper.sticky + .home-slider,
    .main-menu-wrapper.sticky + .path,
    .main-menu-wrapper.sticky + .product-container,
    .main-menu-wrapper.sticky + .podaci.user-data,
    .main-menu-wrapper.sticky + .page-data {
        margin-top: 90px;
    }

    footer { padding: 48px 0; }
    footer .social li { margin-right: 5px; margin-top: 10px; }
    footer .social a { width: 34px; height: 34px; font-size: 15px; }
    footer .social a span { top: -1px; }
    footer .social a span.icon-tt {
        top: -4px;
    }
    footer .social .yt { font-size: 16px; }
    footer .link-group { padding-right: 20px; }
    footer .copy { width: 100%; margin-top: 30px; }
    footer .disclaimer { text-align: left; }

    .seasonal,
    .seasonal .owl-carousel { padding-top: 30px; }

    .prod-item .item-pic { padding: 20px; }
    .prod-item ul,
    .prod-item ul li { display: block; }
    .prod-item .item-price { width: 100%; text-align: left; margin-top: 15px; }
    .prod-item .item-price .price-before { margin-left: 15px; }
    .prod-item .favorite-trigger { font-size: 20px; }
    .prod-item .actions-overlay { padding: 0 20px; }
    .prod-item .actions-overlay .btn { margin-top: 10px; }

    .page-sidebar { display: none; }
    .page-main { width: 100%; }

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

    .product-grid {
        margin-left: -10px;
        margin-right: -10px;
    }
    .product-grid .prod-item {
        width: 25%;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 40px;
    }

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

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

    .prod-item .item-badges li {
        margin: 0px 0 8px 0;
    }
    .prod-item .item-badges li span, .item-badges li a {
        width: 45px;
        height: 45px;
       
    }

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

    .product .product-pic { width: 440px; }
    .product .product-thumbs button { width: 80px; height: 80px; margin-left: 10px; }
    .product .product-general { width: 440px; margin-left: 50px; }
    .product-name { font-size: 28px; line-height: 35px; }
    .product-characteristic { font-size: 14px; }
    .product-characteristic li:first-child { width: 160px; }
    .product .item-badges { left: -20px; right: auto; top: 15px; }
    .product .item-badges li { margin-top: 4px; }
    .product-disclaimer { padding-left: 64px; padding-right: 64px; }

    .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-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 { width: 465px; padding-left: 40px; }
    .signins-wrapper .half-col:first-of-type { padding-right: 40px; }

    .viewed-items.page-content { margin-top: 0; }
    .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 { 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; }

    .basket .promo-code-enter { padding: 20px 30px; }

    ul.ts-leftmenu li:last-child {
        display: none;
    }

    .pf-info {
        font-size: 13px;
    }

    .top-heading + .page-content {
        margin-top: 5px;
    }

    .page-main h1 {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .product-pic .ps_wrap span {
        white-space: nowrap;
    }

    .product-pic .ps_wrap{
        flex-direction:column;
        align-items:flex-start;
    }

    .product-pic .social-list {
        margin-left:0;
        padding-top:10px;
    }

    .product-share .print-page {
        position:relative;
        top:-20px;
    }

    .prod-item .item-price.en_oznaka {
        flex-direction:column;
    }

    .energy-class-wrapper.eu_div {
        margin-top: 20px; 
    }

    .prod-item .energy-class-wrapper.eu_div img {
        top: 5px; 
    }

}



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

    header { height: 126px; }
    .hm-search { display: list-item; cursor: pointer; }

    .search-wrap { 
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        left: 0; right: 0;
        background: #006699;
        padding: 0px 15px 15px;
        margin-top: -12px;
        -webkit-transition: opacity .3s, visibility 0s .3s;
                transition: opacity .3s, visibility 0s .3s;
    }

    .search-wrap.active {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .3s;
                transition: opacity .3s;
    }

    .search { float: none; position: relative; width: 100%; max-width: 710px; margin: 0 auto; }
    .suggest-box { width: 100%; left: 0; right: 0; top: 52px; }

    .home-categories { height: 400px; }
    .home-categories .bgnd-strip { height: 100px; }
    .home-categories .strip-2 { top: 100px; }
    .home-categories .strip-3 { top: 200px; }
    .home-categories .strip-4 { top: 300px; }
    .home-categories .container { padding-top: 20px; }
    .home-categories .cat-link { width: 25%; margin-top: 20px; margin-bottom: 20px; }

    .highlights-inner a:nth-child(1) { width: 432px; }
    .highlights-inner a:nth-child(2) { width: 258px; }
    .highlights-inner a:nth-child(3),
    .highlights-inner a:nth-child(4) { width: 345px; }

    .news-item { width: 340px; }
    .news-date span { position: absolute; display: inline-block; }

    .main-menu-wrapper.sticky + .home-slider,
    .main-menu-wrapper.sticky + .path,
    .main-menu-wrapper.sticky + .podaci.user-data,
    .main-menu-wrapper.sticky + .page-data {
        margin-top: 160px;
    }

    footer .cards,
    footer .disclaimer { margin-top: 30px; }

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

    .product-grid .prod-item { width: 33.3333% }

    .collage-top .large-img { width: 100%; }
    .collage-top-inner { width: 100%; margin-left: 0; }
    .collage-top .small-img { width: 345px; margin-top: 20px; margin-left: 20px; }
    .collage-top .small-img:first-of-type { margin-top: 20px; margin-left: 0; }

    .product .product-pic { float: none; margin-left: auto; margin-right: auto; width: 100%; }
    .product .product-pic-inner { float: none; margin-left: auto; margin-right: auto; max-width: 450px; }
    .product .product-thumbs { text-align: center; }
    .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%; }

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

    .signins-wrapper { padding-bottom: 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 .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; }
    .viewed-items .nav-tabs > li > a { font-size: 14px; line-height: 20px; }
    .viewed-items .page-nav { margin-top: 20px; }
    
    .basket .promo-code-enter ul { width: 75%; }

    .teasers a { width: 50%; }

    .home-slider-bookmarks { margin-top: -80px; height: 50px; }
    .home-slider-bookmarks ul li { font-size: 13px; margin: 0 5px; padding: 10px 0; }
    .home-slider-bookmarks ul li span { width: 30px; height: 30px; line-height: 28px; border-radius: 14px; margin-right: 0; }
    .home-slider-bookmarks ul li i { display: none; }

    ul.ts-leftmenu,
    ul.ts-rightmenu {
        display: none;
    }

    ul.ts-mobmenu {
        display: block;
    }

    .sn-mob {
        display: block !important;
    }

    #header {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s;
                transition: opacity .3s;
    }

    body:not(.menu-active) #header.nav-up {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .3s, visibility 0s .3s;
                transition: opacity .3s, visibility 0s .3s;
    }

    .header-menu {
         margin: 31px 0 0 0;
    }
     .header-menu > li {
         margin-left: 0;
    }
    .header-menu li > a > span:not(.user-menu),
    .header-menu li > span.icon-search {
         font-size: 24px;
         display: inline-block;
         padding: 5px 15px;
    }

    .header-menu li a i {
        right: 3px;
        top: -2px;
    }

    .grenke_info_text {
        visibility: hidden;
        display:none;
    }

    .grenke_info_text.aktivna {
        visibility: visible;
        display: block;
    }

    .cat-slider {
        padding-bottom: 20px;
        overflow: hidden;
    }

    .cat-slider > .swiper-scrollbar {
        bottom: 0;
    }

    .cs-title {
        font-size: 14px;
        margin-top: 10px;
    }

    .cat-slider:not(.swiper-container-initialized) .swiper-slide {
        width: 33.33333%;
    }

    .new-banner {
        margin-bottom: 30px;
    }

    .product-front {
        margin-bottom: 20px;
    }

}



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

    .news_page {
        margin-top: 90px;
    }

    /* BLOG */
    .container.blog {
        margin-top: 100px;
    }

    .podaci.user-data {
        margin-top: 90px;
    }

    .page-content.last_step {
        margin-top: 135px;
    }

    .page-data.povijestNarudzbiHolder {
        margin-top: 90px;
    }

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

    /* centrohr COOKIES*/
    .centrohr-cookie { padding: 15px 20px; display: block; }
    .centrohr-text { text-align: left; font-size: 13px; padding: 0px;}
    .custombtn-holder { float: left;padding: 0px;}
    .small-btn {float:none; margin-top:10px;}
    body { font-size: 14px; } 

    .btn:not(.grenke_upit) { padding: 10px 20px; font-size: 14px; }

    .product-add .btn:not(.grenke_upit) { padding: 15px 30px;}

    h1 { font-size: 24px; line-height: 24px; margin-top: 0; margin-bottom: 20px; }
    h2 { font-size: 16px; }

    .container { padding-left: 15px; padding-right: 15px; }

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

    .product-thumbs {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .featured .section-body, .featured .container, .brands .container, .seasonal .container, .seasonal .section-body {
        padding: 0px;
    }

    .featured .swiper-container, .brands .swiper-container, .seasonal .swiper-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 20px !important;
    }

    .page-content {
        margin-top: 25px;
    }

    .product-container .page-content {
        margin-top: 15px;
    }

    .mobile-hidden { display: none; }
    .mobile-visible { display: block; }

    header { height: 101px; }
    .home-slider.swiper-container,
    .top-heading {
        margin-top: 101px;
    }
    header .logo { width: 180px; margin-top: 20px; }
    header .logo-birthday { margin-top: 14px; }
    header .top-strip { height: 36px; }
    .header-menu { margin-top: 17px; }
    .header-menu li > a > span:not(.user-menu),
    .header-menu li > span.icon-search {
        font-size: 22px;
    }
    .header-menu li i { right: -8px; width: 14px; height: 14px; font-size: 8px; line-height: 14px; }

    .search-wrap {
        margin-top: -16px;
    }

    .main-nav > ul > li { font-size: 14px; }
    .main-nav-mobile-heading .logo { width: 120px; margin-top: 16px; }
    .main-nav-mobile-heading .close-main-nav {  height: 48px; line-height: 48px; }
    .slinky-theme-default a:not(.back) { padding-top: 12px; padding-bottom: 12px; line-height: 18px; }
    .secondary-nav li a { padding-top: 10px; padding-bottom: 10px; }
    .slinky-menu .header .title { height: 48px; font-size: 15px; line-height: 18px; }
    .slinky-theme-default .back { width: 48px; height: 48px; }
    .slinky-theme-default .back::before { margin-top: 16px; }
    .sub-nav a.group-cat { font-size: 14px; }

    .path {
        padding-top: 125px;
    }

    .search { border-radius: 16px; margin-top: 15px; }
    .search ul li { height: 32px; }
    .search .search-field input { padding-bottom: 6px; padding-top: 6px; }
    .search .search-btn { height: 32px; width: 40px; font-size: 16px; }
    .search .search-btn a { height: 32px; border-radius: 0 16px 16px 0; }
    .search .search-btn a span { position: relative; top: 5px; }

    .suggest-box { width: 100%; left: 0; top: 45px; }
    .suggest-box .collection {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 .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; }

    .owl-carousel { padding-top: 30px; padding-bottom: 16px; }
    .owl-carousel .owl-dots { bottom: 15px; }
    .owl-carousel .owl-nav { bottom: 34px; }
    /*.owl-carousel {padding: 15px;}*/
    .home-slider .owl-item > div { padding-bottom: 0px; }
    .home-slider .owl-carousel .owl-nav { top: auto; bottom: 38px; z-index: 100; margin-top: 0; }

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

    .seasonal .owl-carousel { padding-top: 20px; }

    .newsletter-signup { padding-top: 0; }
    .newsletter-signup .container { padding-left: 0; padding-right: 0; }
    .newsletter-signup-inner,
    .newsletter-signup-overlay { border-radius: 0; }
    .newsletter-signup-content { padding: 30px 20px; }
    .newsletter-subtitle { margin-top: 10px; }
    .newsletter-form { display: block; margin-top: 20px; }
    .newsletter-form .nl-email { display: block; border-radius: 8px 8px 0 0; padding: 8px 15px; }
    .newsletter-form .nl-name { display: block; width: 100%;  padding: 8px 15px; border-left: 0; border-top: 1px solid #d4d4d4; }
    .newsletter-form .nl-button { display: block; width: 100%; border-radius: 0 0 8px 8px; }
    .newsletter-form .nl-button .btn { padding-top: 10px; padding-top: 10px; border-radius: 0 0 8px 8px; }
    .newsletter-signup .gdpr-accept { margin-top: 15px; }
    .newsletter-signup .gdpr-accept a { color: #fff; text-decoration: underline; }
    .newsletter-signup .gdpr-accept a:hover { color: #11131E; }

    .prod-item ul { margin-top: 10px; }
    .prod-item .item-title { font-size: 13px; line-height: 18px; }
    .prod-item .item-price { font-size: 13px; }
    .prod-item .item-price .price-before { display: block; margin-left: 0;}
    .prod-item .favorite-trigger { right: 12px; top: 12px; font-size: 20px; }

    .prod-item .item-badges {
    
        margin-top:0px;

    }

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

    .highlights-inner { margin-left: -2%; margin-right: -2%; }
    .highlights-inner a:nth-child(1) { width: 57%; }
    .highlights-inner a:nth-child(2) { width: 34%; }
    .highlights-inner a:nth-child(3),
    .highlights-inner a:nth-child(4) { width: 45.5%; }

    .news-wrapper { margin: -10px -2%; }
    .news-item { margin: 10px 2%; width: 46%; line-height: 20px; font-size: 13px; }
    .news-title { font-size: 14px; }
    .news-lead { display: none; }

    header.sticky { box-shadow: 0 10px 20px rgba(0,0,0,0.15); }

  /*  header.sticky + .home-slider,
    header.sticky + .path,
    header.sticky + .product-container,
    header.sticky + .podaci.user-data,
    header.sticky + .page-data {
        margin-top: 120px;
    }*/

    footer { padding-top: 5px; padding-bottom: 20px; font-size: 13px; margin-top: 40px; }
    footer .link-group { float: none; width: 100%; margin-top: 15px; }
    footer .link-group .link-list { display: none; }
    footer .link-group .link-list li { font-size: 12px; }
    footer .link-group-title { position: relative; display: inline; cursor: pointer; }
    footer .link-group-title::after { position: absolute; right: -20px; top: -3px; font-family: 'mikronis'; font-size: 8px; content: '\63'; font-display:swap; }
    footer .link-group-title.opened::after { content: '\61'; }
    footer .social { margin-top: 25px; }
    footer .cards { margin-top: 20px; }
    footer .cards ul li { margin-right: 15px; margin-top: 15px; height: 30px; }
    footer .cards ul .resize-square { width: 30px; }
    footer .cards ul .resize-wide { width: 60px; }
    footer .cards ul .resize-normal { width: 45px; }
    footer .copy,
    footer .disclaimer { margin-top: 20px; line-height: 16px; }

    .seasonal { padding-top: 20px; }

    .prod-item ul { margin-top: 15px; }
    .prod-item .item-price { font-size: 16px; }

    .product-grid {
        margin-left: -2%;
        margin-right: -2%;
    }
    .product-grid .prod-item {
        width: 50%;
        padding-left: 2%;
        padding-right: 2%;
        margin-top: 30px;
    }

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

    .grid-view-switch { float: right; text-align: right; margin-right: 0; }
    .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-name { font-size: 20px; line-height: 28px; }
    .product .item-badges { left: -15px; top: 15px; width: 40px; }
    .product .item-badges li span, 
    .product .item-badges li a{
        width: 50px;
        height: 50px;
        font-size: 10px;
        margin-bottom:0px;
    }

    .product .item-badges li span.badge-discount { font-size: 12px; }
    .product-pic .owl-controls .owl-dots { min-width: 200px; bottom: -30px; }
    .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: 24px; margin-top: 5px; }
    .product-benefits { padding: 10px 12px; }
    .product-benefits .prod-availability { font-size: 14px !important; line-height: 18px; }
    /*.product-benefits img { display: none; }*/
    .product-add { margin-bottom: 0; }
    .product-add .btn-favorites span { font-size: 18px; margin-right: 6px; }
    .product-info-sheet { margin-top: 30px; 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-disclaimer { margin-top: 30px; padding: 12px 16px; font-size: 11px; line-height: 16px; }
    .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 .container { padding-bottom: 10px; }
    .basket header { height: 70px; margin-bottom: 25px; }
    .basket header .logo { width: 140px; margin-top: 25px; }
    .basket header ul { font-size: 12px; margin-top: 15px; }
    .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; line-height: 18px; }
    .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: -10px; top: 4px; width: 30px; height: 30px; line-height: 30px; text-align: center; }
    .basket-products .change_qty { max-width: 120px; line-height: 30px; }
    .basket-products .change_qty li .handle,
    .basket-products .change_qty .prod_qty { height: 30px; }
    .basket-products .change_qty li input { height: 30px; line-height: 30px; }

    .basket-btns { margin-top: 25px; }
    .basket .total-sum-wrapper .total-sum { font-size: 16px; }
    .basket .promo-code-enter { padding: 15px; }
    .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: 30px; }
    .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 { font-size: 14px; }
    .form-group input.form-control { padding: 12px 10px; }
    .form-group.focused input { padding-top: 20px; padding-bottom: 6px; }
    .form-group label { left: 12px; }

    .vrste-dostave, 
    .terms-conditions,
    .btn-naruci-note,
    .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 { 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 { font-size: 13px; line-height: 16px; }
    .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: 30px; 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;
        margin-left: -15px;
        margin-right: -15px;
    }

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

    .owl-controls .owl-prev,
    .featured .owl-controls .owl-prev,
    .seasonal .owl-controls .owl-prev {
        left: 46%;
    }

    .product-list { padding-top: 5px; }
	.product-list-item { margin-top: 15px; position: relative; padding-right: 30px; }
	.product-list-item ul { display: block; overflow: hidden; }
	.product-list-item ul .item-pic { position: static; display: block; float: left; width: 90px; padding: 10px 15px 0 15px; }
	.product-list-item ul .item-title { display: block; float: left; width: calc(100% - 90px); padding: 10px 10px 0 0; font-size: 13px; line-height: 18px; }
	.product-list-item ul .item-badges-container { display: block; float: left; padding: 10px 0 0 0; width: calc(100% - 90px); margin-left: 90px;  text-align: left; }
	.product-list-item ul .item-badges { height: 35px; overflow: hidden; }
	.product-list-item ul .item-badges li { display: inline-block; margin: 0 3px; }
	.product-list-item ul .item-badges li span,
	.product-list-item ul .item-badges li a { width: 35px; height: 35px; font-size: 9px; }
	.product-list-item ul .item-price { display: block; float: left;  width: calc(100% - 90px); margin-left: 90px;  text-align: left; padding: 10px 0 10px 0; }
	.product-list-item ul .price-now { margin-right: 12px; }
	.product-list-item ul .price-before { font-size: 13px; margin-left: 0; }
	.product-list-item ul .favorite-trigger { right: 10px; top: 12px; font-size: 20px; }
    .product-list-item ul .item-code-discount-container { display: block; float: left; padding: 5px 0 0 0; width: calc(100% - 90px); margin-left: 90px;  text-align: left; }
	
    .code-discount > i { font-size: 11px; }

    .product-carousel .owl-item { padding-bottom: 0; }


    .product .product-pic-inner .owl-carousel .owl-nav {
        display: none;
    }

    .product-grid .ip-available {
        /*top: 14px;*/
    }

    .product-list-item {
        padding-right: 55px;
    }

    .product-list .ip-available {
        right: 40px;
    }

    .availability-price-rate-tooltip-wrapper .price-rate-info-special {
        position: relative;
        margin-left: 0;
        top: 4px;
    }

    .lowest-price-catalogue {
        margin: 5px 0 0 0;
    }

    .sign-in-up .form-wrapper .btn-holder > button {
        display: block;
        width: 100%;
    }

    .sign-in-up .form-wrapper .btn_upitReview {
        display: block;
        width: 100%;
    }

    .leanpay-wrapper {
        margin: 20px 0 0 0;
    }

    .leanpay-btn {
        font-size: 13px;
        padding: 10px 20px;
    }
    .tecaj-konverzije {
        margin-top: 0;
    }

    .twitter-ico svg {
        height: 14px;
        width: auto;
    }

    .fb-ico svg {
        height: 16px;
        width: auto;
    }

    .pfi-col .product-info {
        padding: 0;
    }

    .pfi-col .product-info:last-of-type {
        border-bottom: none;
        margin-top: 0;
        border-top: none;
    }

    .pfi-col .availability-price-wrapper {
        padding-right: 28px;
    }

    .pfi-col .availability-price-rate-tooltip-wrapper .price-rate-info-special {
        position: absolute;
    }

    .nav-tabs-custom + .tab-content {
        display: none;
    }

    .nav-tabs-custom > li,
    .nav-tabs-custom > li > a {
        display: block;
        margin: 0;
    }

    .nav-tabs-custom > li + li {
        margin-top: 10px;
    }

    .nav-tabs-custom > li > a {
        display: flex;
        align-items: center;
        height: 50px;
        background-color: #23AAEE;
        padding: 0 20px;
        border: none;
        border-radius: 25px;
        color: #fff;
    }

    .nav-tabs-custom > li > a:hover,
    .nav-tabs-custom > li > a:focus,
    .nav-tabs-custom > li > a:active {
        background-color: #23AAEE !important;
    }

    .nav-tabs-custom > li > .tab-pane {
        display: none;
        padding: 20px 0;
    }

    .nav-tabs-custom > li > a:before {
        content: "\72";
        position: absolute;
        top: 50%;
        right: 25px;
        transform: translateY(-50%);
        font-family: "mikronis";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .nav-tabs-custom > li.active > a:before {
        content: "\70";
    }

    .nav-tabs-custom > li.active > a,
    .nav-tabs-custom > li.active > a:hover,
    .nav-tabs-custom > li.active > a:focus {
        border-bottom: none;
        background-color: #23AAEE;
        color: #fff;
        cursor: pointer;
    }

    .rowTwo {
        margin-top: 0;
    }

    #prod_availability {
        scroll-margin-top: 150px;
    }

    .price-list-archive th,
    .price-list-archive td {
        padding: 10px 12px;
        font-size: 13px;
    }

    .price-list-location .price-list-links .btn {
        padding: 8px 16px;
        font-size: 13px;
    }

}


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


    .swiper-container.product-carousel:not(swiper-container-initialized) .prod-item {
        width: 100%;
    }

     .swiper-container.product-carousel:not(swiper-container-initialized) .prod-item:first-child {
         margin-right: 10px;
     }

    .home-slider .swiper-slide {
        position: relative;
        padding-bottom: 87%;
        height: 0;
        overflow: hidden;
    }

    .home-slider .swiper-slide img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .home-categories { height: 560px; }
    .home-categories .bgnd-strip { height: 140px; }
    .home-categories .strip-2 { top: 140px; }
    .home-categories .strip-3 { top: 280px; }
    .home-categories .strip-4 { top: 420px; }
    .home-categories .container { padding-top: 10px; }
    .home-categories .cat-link { width: 50%; margin-top: 13px; margin-bottom: 13px; }
    .home-categories .cat-title { margin-top: 4px; line-height: 24px; }
    .home-categories .cat-icon img { height: 36px; }
   
    .nav-tabs:not(.nav-tabs-custom) > li { margin-left: 10px; }

    .benefits { padding-bottom: 25px; }
    .benefits ul { display: table; width: 100%; padding: 15px 0 0 0; }
    .benefits ul:first-of-type { padding-top: 0; }
    .benefits ul .benefit-icon { display: table-cell; width: 60px; vertical-align: middle; }
    .benefits ul .benefit-icon span { width: 60px; height: 60px; }
    .benefits ul .benefit-icon span img { width: 36px; }
    .benefits ul .benefit-text { display: table-cell; padding-top: 0; padding-left: 10px; text-align: left; font-size: 14px; vertical-align: middle; }
    .benefits ul .benefit-text span { font-size: 12px; margin-top: 0; }
    
    .news-date span { display: block; position: relative; }

    .item-badges li { margin-top: 5px; }
    .item-badges li span,
    .item-badges li a { width: 40px; height: 40px; font-size: 8px; line-height: 8px; }
    .item-badges li span.badge-discount { font-size: 10px; }
    .prod-item .item-badges { left: -10px; }


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

    .basket header { height: 70px; }
    .basket header ul { font-size: 11px; margin-top: 10px; line-height: 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%;  }

    .supplier_napomena {text-align:center;}

    .stickerWrapProizvod {
    
    width:200px;}

}

@media only screen and (max-width: 575px) {
    .form-group .review_label {
        width: 95%;
    }

    .grenke_logo img {
        width: 70px;
    }

    .grenke_najam {
        font-size: 12px;
        min-width: 165px;
    }

    .grenke_cijena {
        font-size: 12px;
    }

    .page-nav {
        text-align: left;
    }

    .pagination > li.prev-page,
    .pagination > li.next-page {
        display: none;
    }

    .grenke_div_unutarnji {
        padding-bottom: 5px;
        width:100%;
    }
    .pagination > li.nav-dots > span {
        width: auto;
        height: auto;
    }

    .grenke_div {
        flex-wrap: wrap;
    }

    .grenke-btns {
        width: 100%;
    }

    .grenke_detalji,
    .grenke_upit {
        width: calc(50% - 5px);
    }

    .energy-class-image-wrapper img {
        width: 70px;
    }

    .price-page-list h3 {
        font-size: 18px;
    }

}






@media only screen and (min-width: 480px) {

    .logo-birthday {
        width: 250px !important;
    }

    .logo-birthday > img {
        width: 100%;
    }

}

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

    .form-group .review_label {
        width: 94%;
    }

    .path {
        padding-top: 125px;
    }
    
    .cart-sidebar {
        width: 100%;
    }
    
    .tablica-3-kolone td { width: 100%; padding-right: 0; }

    .highlights-inner { margin-left: 0; margin-right: 0; }
    .highlights-inner a { margin: 15px 0 0 0; }
    .highlights-inner a:nth-child(1),
    .highlights-inner a:nth-child(2),
    .highlights-inner a:nth-child(3),
    .highlights-inner a:nth-child(4) { width: 100%; }
    .highlights-inner a img { width: 100% !important; }


    .prod-item .item-pic { padding: 10px; }
    .prod-item .favorite-trigger { right: 10px; top: 10px; }

    .prod-item .item-price span { display: block; }
    .prod-item .item-price .price-before { margin-left: 0; }
    .prod-item .item-badges li {
    
    margin:0 0 4px 0;

    }
    .prod-item .item-badges li span, .item-badges li a {
        width: 35px;
        height: 35px;
    }


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

    .btn-basket-back,
    .btn-basket-order { width: 100%; }
    .btn-basket-order { margin-top: 10px; }

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

    .teasers a { width: 100%; }

    .owl-controls .owl-nav {
        left: 0;
    }

    .owl-controls .owl-prev,
    .featured .owl-controls .owl-prev,
    .seasonal .owl-controls .owl-prev {
        left: 33%;
        margin-left: -100px;
    }

    .owl-controls .owl-next,
    .featured .owl-controls .owl-next,
    .seasonal .owl-controls .owl-next {
        right: 33%;
        margin-right: -100px;
    }

    .owl-carousel .owl-dot span {
        width: 10px;
        height: 10px;
    }

    .owl-carousel .owl-dot {
        width: 15px;
    }

    .owl-thumb-item {
        width: 50px;
    }

    header {
        height: 98px;
    }

    .home-slider.swiper-container,
    .top-heading {
        margin-top: 98px;
    }

    header .logo-birthday {
        margin-top: 17px;
    }

    header .logo {
        width: 150px;
    }

    .header-menu {
        margin-top: 14px;
    }

    .header-menu li > a > span:not(.user-menu),
    .header-menu li > span.icon-search {
        padding: 5px 12px;
    }

    .search-wrap {
        margin-top: -19px;
    }

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

    .energy-class-image-wrapper img {
        width: 50px;
    }

    .energy-class-links-wrapper {
        font-size: 13px;
        line-height: 1.4;
    }

    .logo-container:before,
    .logo-container:after {
        content: none;
    }

    .logo-container {
        display: flex;
        justify-content: space-between;
    }

    .header-menu {
        visibility: visible;
        display: flex;
        justify-content: space-between;
        flex: 1 1 auto;
        max-width: 245px;
        flex-direction: row-reverse;
        padding-left: 15px;
    }

    .pagination > li {
        display: inline-block;
    }
    .bn-phone {
        flex-wrap: wrap;
    }

    .bnp-col:first-child {
        width: 100%;
    }



    .pagination > li > a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
        margin: 0;
    }

    .next-page a, .prev-page a {
        background-size: auto 6px;
    }

    .pfi-col .item-rating span {
        font-size: 14px;
    }

    .pfi-col .product-page-quick li {
        margin-right: 2px;
        font-size: 14px;
    }

   /* .pfi-col .product-page-quick .reviews-link a {
        font-size: 11px;
    }*/

    .pfi-col .product-info .available {
        font-size: 11px;
    }

    .pfi-col .product-info .availability span.icon-check {
        margin-right: 0;
        top: 2px;
    }

    .pfi-col .availability-price-rate-tooltip-wrapper .price-rate-info-special {
        top: 3px;
        width: 17px;
        height: 17px;
        background-size: cover;
    }

    .pfi-col .availability-price-wrapper {
        padding-right: 20px;
    }

    .pf-list {
        margin-top: -4px;
    }

    .pf-list > li {
        margin-top: 4px;
        font-size: 12px;
    }

    .rowOne, .rowTwo {
        flex-wrap: wrap;
    }

    .rowTwo,
    .rowOne .brand {
        font-size: 13px;
    }

    .rowOne .brand {
        width: auto;
        margin-right: 10px;
    }

    .rowOne .product-info, .rowOne .product-info:last-of-type {
        width: auto;
    }

    .product-info {
        display: flex;
        justify-content: flex-end;
        font-size: 13px;
    }

    .availability .price-rate-info {
        top: 3px;
        width: 18px;
        height: 18px;
        background-size: 18px auto;
        margin-left: 1px;
    }

    .code, .cat {
        color: #606060;
        width: 50%;
        display: flex;
        flex-wrap: wrap;
    }

    .code {
        justify-content: flex-end;
        text-align: right;
    }

    .product-add .btn:not(.grenke_upit) {
        padding: 15px 18px;
    }

    .product-add .btn-action + .btn-favorites, .product-add .btn-action-white + .btn-favorites {
        margin-left: 5px;
    }

    .availability-price-rate-tooltip-wrapper .price-rate-info-special {
        width: 18px;
        height: 18px;
        background-size: 18px auto;
    }

}

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

    .form-group .review_label {
        width: 93%;
    }

    header {
        height: 93px;
    }

    .home-slider.swiper-container,
    .top-heading {
        margin-top: 93px;
    }

    header .logo {
        width: 120px;
    }

    .header-menu {
        margin-top: 13px;
    }

    .header-menu li > a > span:not(.user-menu),
    .header-menu li > span.icon-search {
        font-size: 20px;
        padding: 5px 9px;
    }

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

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

    .tecaj-konverzije {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .cart-sidebar-content {
        height: calc(100% - 500px);
        }

    .modal-header .logo img {
        max-width: 170px;
    }

    #review-form, .rl_wrap {
        padding: 0 15px;
    }

    .grenke_logo img {
        width: 50px;
    }

    .grenke_logo {
        margin-right: 2%;
    }

}

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

    .product-add .btn:not(.grenke_upit) {
        padding: 15px;
    }

}

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

    .header-menu {
        padding-left: 10px;
    }

    .grenke_logo img {
        width: 50px;
    }

    .grenke_najam {
        font-size: 10px;
        min-width: 136px;
    }

    .grenke_cijena {
        font-size: 10px;
        min-width: 40px;
    }

    .code, .cat {
        display: flex;
        flex-direction: column;
    }

     .product-info {
        justify-content: unset;
    }

     .availability .price-rate-info,
     .availability-price-rate-tooltip-wrapper .price-rate-info-special{
        width: 16px;
        height: 16px;
        background-size: 16px auto;
    }

     .product-add .btn:not(.grenke_upit) {
        padding: 13px 7px;
    }

     .product-add .btn-action + .btn-favorites, .product-add .btn-action-white + .btn-favorites {
        margin-left: 2px;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .grenke_div_unutarnji {
        padding-bottom: 5px;
    }

    .grenke_logo img {
        width: 70px;
    }

    .grenke_najam {
        font-size: 12px;
    }

    .grenke_cijena {
        font-size: 12px;
    }

    .grenke_logo {
        margin-right: 2%;
    }

    .grenke_najam {
        min-width: 170px;
    }

    .grenke_cijena {
        margin-left: 0px;
        min-width: 45px;
    }

}