@charset "utf-8";
/* CSS Document */


@media (max-width:1470px) {
    .menuHolderLeft{width: calc(50% - 60px);}
    .menuHolderRight{width: calc(50% - 45px);}
    .headerLogo{width: 100px; position: absolute; left: 50%; top:calc(50%); transform: translateX(-50%) translateY(-50%);}
}

@media (max-width:1440px) {
    .telHolder{font-size:12px; padding:10px 15px;}
    .menuHolderLeft, .menuHolderRight{width: calc(50% - 100px);}
    .headerMenu > li > a{letter-spacing: .08em; padding: 0 10px;}
    .headerMenu > li > ul > li > a.title, .headerMenu > li > ul > li > ul > li > a{font-size:14px;}
}

@media (max-width:1270px) {
    .menuHolderLeft{width: calc(50% - 60px);}
    .menuHolderRight{width: calc(50% - 60px);}
    .headerLogo{width: 100px; position: absolute; left: 50%; top:calc(50%); transform: translateX(-50%) translateY(-50%);}
}

@media (max-width: 649px) {
    .nonMobile{display:none;}
    .mobile{display:block;}
    .toggleMenu{display:block;}
    h1{line-height:1;}
    .h1::before{bottom:-15px;}
    header{position: relative; height:auto;}
    .menuHolderLeft, .menuHolderRight{width: 100%; float: none; height: auto;}
    .menuHolderLeft .headerMenu{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 50vh; z-index: 10; background: #fff; overflow-y: scroll;}
    .menuHolderRight .headerMenu{display: none; position: fixed; top:50vh; left: 0; right: 0; bottom:0; z-index: 10; background: #fff; overflow-y: scroll;}
    .headerMenu > li{float:none; text-align:center; position:relative;}
    .headerMenu > li > a{padding:20px; line-height:2;}
    .headerMenu > li > i{display:block; position: absolute; z-index: 10; top:33px; right: 20px; transform: translateY(-50%); width: 30px; height: 30px; color: #fff; border-radius: 50%; line-height: 30px; background: #db551c; background: -moz-linear-gradient(left, #db551c 0%, #f58722 100%); background: -webkit-linear-gradient(left, #db551c 0%,#f58722 100%); background: linear-gradient(to right, #db551c 0%,#f58722 100%); background-size: auto; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db551c', endColorstr='#f58722',GradientType=1 );}
    .headerMenu > li > ul{position:relative; display:none; opacity:1; visibility:visible; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
    .headerMenu>li:hover>ul{display:none; opacity:1; visibility:visible; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
    .telHolder{position: relative; top: auto; left: auto; transform: none; text-align: center;}
    header .headerLogo{width: 50%; margin: 20px auto; float: none; max-width: 200px; position: relative; left: auto; top: auto; transform: none; display: block;}
    .headerBehind{display:none;}
    .mainBannerHolder{display:none;}
    .searchButton{top: auto; bottom: 0; left: 20px; right: auto;}
    .cartHolder{position: absolute; bottom: 0; top: auto; right: 20px;}
    #banners .smallBanner{width:100%; margin:0 0 15px 0;}
    #homeProducts{margin:0 0 30px 0;}
    #homeProducts .mainTitle{line-height:1;}
    #homeProducts .mainTitle::before{bottom:-15px;}
    #brandsHolder{margin:30px 0;}
    #brandsHolder .mainTitle{line-height:1;}
    #brandsHolder .mainTitle::before{bottom:-15px;}
    #shopInfo .item{width:100%; margin:0 0 30px 0;}
    #shopInfo .item .thumb{padding: 8%; width: 40%;}
    footer{text-align:center;}
    footer .footerLogo img{max-width:200px; margin:0 auto;}
    footer .footerTitle{margin:50px 0 10px 0;}
    #searchForm{width:90%;}
    #leftFiltersForm{}
    .leftCategoriesHolder{width: 100%; margin: 0 0 30px 0;}
    .leftCategoriesHolder>.title{display:none;}
    .leftCategoriesHolder .leftCategories{display:none;}
    .leftFilterHolder{margin:0; width: 100%; padding: 10px;}
    .leftFilterHolder .filterTitle{text-align: center; margin: 0; color: #06225e; font-weight: 600; font-size: 14px;}
    .leftFilterHolder .item{display:none;}
    .moduleContentHolder{width:100%;}
    .contactInfoHolder .left{width: 100%; margin:0 0 30px 0;}
    .contactInfoHolder .right{width: 100%; margin:0 0 30px 0;}
    .prodajnoMesto .text .left{width:100%; margin:0 0 10px 0;}
    .prodajnoMesto .text .right{width:100%;}
    .sortHolder{width:100%;}
    .categoryProductsHolder{width:100%;}
    .categoryProductsHolder .h1{margin:0 0 40px 0;}
    #productItem .productItemInfo .pricesHolder .price{line-height:1; margin:0 0 20px 0;}
    #productItem .productItemInfo .pricesHolder .instalmentPrice{display:block; line-height:1; margin:0 0 20px 0; font-size:calc(85vw/19.2);}
    #productItem .productItemInfo .pricesHolder .instalmentPrice .no{font-size: calc(110vw/19.2);}
    #productItem .productItemInfo .addToCart{display:block; margin:0 0 20px 0; text-align:center;}
    .guarantee{display:block; margin:0 0 20px 0; text-align:center;}
    #productItem .productItemInfo .infoLinks a{padding:20px; font-weight:400;}
    ul.tabs.fixed{left:0; right:0;}
    ul.tabs li{padding: 10px 0; width: calc(100%/3); text-align: center;}
    .dezeniHolder a, .dezeniHolder a:nth-child(5n), .galerijaHolder a, .galerijaHolder a:nth-child(5n){width:50%; margin:0; border: 2px solid #fff;}
    #jobForm .left, #jobForm .right{width: 100%; margin: 0 0 20px 0;}
    .newsItem .thumb, .newsItemThumb{width:100%; margin:0 0 10px 0; padding:10px;}
    .newsItem .text{width: 100%; position: relative; top: auto; right: 0; transform: none;}
    .breadcrumbHolder{margin:0 0 30px 0;}
    
    .cart_product a{line-height:1.5; display:block;}
    .cart_span_proizvod{width:100%; /*font-weight: 700; color: #000;*/}
    .cart_span_proizvod img{}
    .cart_product_price{width: 50%; text-align: left; font-weight: 400; font-size: 14px; line-height: 30px; padding: 10px 0;}
    .cart_product_total{width:50%;}
    .cart_span_komada{width:50%; padding:10px 0;}
    .cart_span_komada a, .cart_span_komada_p a{height: 30px; line-height: 30px;}
    .cart_span_komada input{padding:0; height:30px; line-height:30px;}
    .cart_span_ukupno{width:100%; background: #f2f2f2; padding:5px 10px; margin: 0 0 10px 0;}
    .cart_span_izbaci{float:right; width:auto;}
    .cart_footer{display: table; width: 100%; background: #e2e2e2; padding: 20px; margin:0; font-size:18px;}
    .cart_footer b{font-size: 22px; line-height:normal;}
    #cart_empty{height: 30px; line-height: 30px; padding: 0 10px; margin: 0 0 20px 0;}
    .naruciJosProizvoda{float:right; height:30px; line-height:30px; margin:0 0 20px 0;}
    .cart_order{padding: 10px 20px; font-weight: 400; font-size: 16px; line-height: normal; width: 100%; text-align: center; display: table;}
    #order{width:100%; padding:15px 0;}
    #order h2{font-size: 20px;}
    #order_form p {margin: 0 0 5px 0;}
    #order_form label{font-size: 15px; line-height: normal; margin: 0 0 2px 0;}
    #order_form .form_tekst{font-size: 14px; padding:10px;}
    
    .onSale{width:calc(180vw/19.2); height:calc(180vw/19.2); line-height:calc(180vw/19.2); font-size:calc(60vw/19.2); font-weight: 600;}
    #productItem .productItemImagesHolder .guaranteeIcon{width:calc(500vw/19.2);}
    .pagination .page-item{padding:0 calc(30vw/19.2);}
    .pagination .page-item .page-link{line-height: calc(150vw/19.2); min-width: calc(150vw/19.2); height: calc(150vw/19.2); padding: 0;}

	.tab-content img{width:100% !important; height:auto !important;}

    .bannerHeight{height:auto;}
    .slick-initialized .slick-slide{background-image:none !important;}
    .slick-slide img{display:block;}
    .productsHolder{width:100%;}
    .productsHolder .productHolder{width:50%; padding:0 10px 10px 10px;}
    .productsHolder .productHolder .title{font-size: 14px; line-height:18px;}
    #blog .item, #blog .item:last-child{width: 100%; margin:0 0 50px 0;}
    #blog .item .thumb{margin:0 0 10px 0;}
    #blog .item .title{margin:0 0 10px 0;}
    #blog .item .short{display:none;}
    #tips .item, #tips .item:last-child{width: 100%; margin:0 0 50px 0;}
    #tips .item .thumb{margin:0 0 10px 0;}
    #tips .item .title{margin:0 0 10px 0;}
    #tips .item .short{display:none;}
    footer .footerLogo{display:none;}
    
    .fixedMenu{bottom: 0; right: 0; left: 0; width: auto; top: auto; border-radius: 0;}
    .fixedMenu a{width: calc(100% / 7); border-radius:0; display:inline-block; float:left; height: calc(250vw/19.2); line-height: calc(250vw/19.2); font-size: calc(100vw/19.2);}
}