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

@media (max-width: 1299px) {
	header .headerMenuHolder .headerMenu li{margin:0 80px 0 0;}
	.categoryLeftHolder .categoryTitle{padding:8px 15px; font-size:13px;}
	.categoryLeftHolder .subCategoryLeftHolder{padding:0 0 0 15px;}
	.categoryLeftHolder .subCategoryLeftHolder .subCategoryTitle{font-size:12px;}
	.productInfoHolder .productInfo .pricesHolder .price{font-size:15px;}
	.productInfoHolder .productInfo .pricesHolder .kupi{padding:0 25px; font-size:13px;}
	.box .thumb{width:35%;}
	.box .infoHolder{width:65%; line-height:14px;}
}

@media (max-width: 999px) {
	html, body{font-size:13px; line-height:23px;}
	header .headerLogo{width:180px; margin: 35px 0;}
	header #headerSearchForm{width:250px; margin: 43px 0 43px -125px;}
	header #cart_widget{margin: 41px 0;}
	header .headerMenuHolder .headerMenu li{margin:0 56px 0 0;}
	header .headerMenuHolder .headerMenu li a{font-size:12px;}
	header .headerMenuHolder .headerMenu li a.fa{font-size:17px;}
	.left{width:95%;}
	.categoryLeftHolder .subCategoryLeftHolder{padding:0;}
	.categoryLeftHolder .subCategoryLeftHolder .subCategoryTitle{line-height:14px;}
	.productInfoHolder .productInfo h1{font-size:18px; line-height:24px; min-height:50px;}
	.productInfoHolder .productInfo .pricesHolder{padding:0 0 20px 0;}
	.productInfoHolder .productInfo .pricesHolder .price{float: none; clear: both; margin: 0 0 5px 0;}
	.productInfoHolder .productInfo .pricesHolder .kupi{float: left; clear: both;}
	.productInfoHolder  .specifikacijeHolder{font-size: 12px; line-height: 18px;}
	.productInfoHolder .buttonsHolder{margin: 15px 0 0 0; float: left;}
	.haccp{line-height: 18px; font-size: 11px;}
	.table > tbody > tr > td{padding:6px 0;}
	.box{width:30%; margin:0 5% 1% 0;}
	.box:nth-child(3n){margin:0 0 1% 0;}
	.izdvojeni-proizvod, .izdvojeni-proizvod:nth-child(4n){width:32%; margin:0 2% 2% 0;}
	.izdvojeni-proizvod:nth-child(3n){margin:0 0 2% 0;}
	.izdvojeni-proizvod .title{margin:0 0 10px 0;}
	.izdvojeni-proizvod .thumb{width:50%;}
	/*.izdvojeni-proizvod .pricesHolder{right:10px; top:90px; padding:5px 10px; background:rgba(255,255,255,0.7);}*/
	.izdvojeni-proizvod .pricesHolder .cena{font-size:14px; line-height:18px;}
	.izdvojeni-proizvod .pricesHolder .stara-cena{font-size:11px; line-height:14px;}
    .izdvojeni-proizvod .pricesHolder .pozoviteNas{font-size:10px;}
    .izdvojeni-proizvod .pricesHolder .pozoviteNas .fa{margin: 0 5px 0 0;}
    .izdvojeni-proizvod .pricesHolder .nemaNaLageru{font-size: 10px;}
    .izdvojeni-proizvod .pricesHolder .nemaNaLageru .fa{margin: 0 5px 0 0;}
	.traka-akcije{line-height: 23px; font-size:11px;}
}

@media (max-width: 767px) {
	header .headerLogo{width:140px; margin:27px 0;}
	header #headerSearchForm{width:200px; margin:30px 0 30px -100px;}
	header #headerSearchForm input{width:160px;}
	header #cart_widget{margin:30px 0; height:35px; line-height:35px; font-size:12px; padding:0 15px;}
	header #cart_widget .icon{width:15px; margin:9px 15px 9px 0;}
	header .headerMenuHolder .headerMenu li{margin:0 38px 0 0;}
	.categoryLeftHolder .subCategoryLeftHolder .subCategoryTitle{font-size:11px; line-height:12px;}
	.productInfoHolder{padding:10px;}
	.productInfoHolder .productInfo h1{font-size:15px; line-height:20px; min-height:44px;}
	.productInfoHolder .productInfo .pricesHolder .price{font-size:14px;}
	.productInfoHolder .productInfo .pricesHolder .kupi{padding:0 20px; font-size:12px;}
	.productInfoHolder .specifikacijeHolder{width:100%;}
	.productInfoHolder .specifikacijeHolder img{max-width:100% !important; height:auto !important;}
	.productInfoHolder .buttonsHolder a{width:30%; margin:0 1.66%;}
	.box .infoHolder{font-size:11px; line-height:11px;}
	.izdvojeni-proizvod .title{font-size:12px; line-height:15px;}
	.table{margin:0;}
	.tableHolder{width:100%; margin:0 0 30px 0;}
	footer .footerLeft{font-size: 10px; line-height: 14px;}
	footer .footerMenu{font-size: 10px; line-height:20px;}
	footer .footerRight .footerBanner{width:130px; min-height: 60px;}
	.mainBannerHolder {min-height: 150px;}
	.centar img {min-height: 230px;}
	.productWrapper{    width: 100%;
		margin: 40px 0;
		float: none;}
	
}

@media (max-width: 649px) {
	.toggleMenu{display:block;}
	.onlyMob{display:block;}
	.nonMob{display:none !important;}
	.left{width:100%;}
	header{margin:0 0 20px 0;}
	header .headerLogo{max-width:60%; width:200px; margin:20px auto; float:none; min-height: 60px;}
	header #headerSearchForm{width: 200px; margin: 0 auto; position: relative; left: auto; float: none;}
	header #cart_widget{position: fixed; top: 10px; right: 10px; margin: 0; padding:0 10px; z-index:1;}
	header #cart_widget .icon{margin: 9px 9px 9px 0;}
	header #cart_widget .title{display:none;}
	header .headerMenuHolder{display:none;position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; border-radius: 0; height: auto; z-index:2;}
	header .headerMenuHolder .headerMenu{margin:50px; text-align:center;}
	header .headerMenuHolder .headerMenu li{margin: 0; float: none; display: block; border-bottom: 1px solid #fff;}
	.categoryLeftHolder{display:none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; margin: 0; background: #2f3542; z-index: 6; color: #fff; padding: 60px 20px; overflow-y: scroll;}
	.categoryLeftHolder .categoryTitle{background: #fff; color: #2f3542;}
	.categoryLeftHolder .subCategoryLeftHolder{display:none;}
	.categoryLeftHolder .subCategoryLeftHolder .subCategoryTitle{font-size: 13px; line-height: 17px;}
	.productInfoHolder .productInfo{width:100%; margin:0 0 30px 0;}
	.productInfoHolder .productInfo h1{height: auto; min-height: auto; text-align: center; font-size: 20px; line-height: 24px;}
	.productInfoHolder .productImagesHolder{width:100%;}
	.productInfoHolder .productInfo .pricesHolder{text-align:center;}
	.productInfoHolder .productInfo .pricesHolder .kupi{float:none;}
	.ok{overflow: hidden; clear: both;}
	.ok li{line-height: 16px; margin: 0 0 7px 0; padding: 0 0 0 30px;}
	.ok li::before{position: absolute; left: 0;}
	.haccp img {float: none !important; margin: 0 auto 15px auto !important;}
	.tableHolder{width:90vw; margin:0 0 30px 0;}
	.table > tbody > tr > td{font-size:11px; line-height:14px;}
	.box, .box:nth-child(3n) {width: 48%; margin: 0 4% 1% 0;}
	.box:nth-child(2n) {margin: 0 0 1% 0;}
	.izdvojeni-proizvod, .izdvojeni-proizvod:nth-child(4n){width:100%; margin:0 0 10px 0;}
	.izdvojeni-proizvod .title{font-size: 14px; line-height: 18px; height: auto;}
	.izdvojeni-proizvod .pricesHolder .cena{font-size: 16px; line-height: 20px;}
	.izdvojeni-proizvod .pricesHolder .stara-cena {font-size: 13px; line-height: 18px;}
	.\34 u1, .\34 u1:last-child{width:45%; display:block; float:left; margin:0 10% 10px 0; min-height:1px;}
	.\34 u1:nth-child(2n){margin:0 0 10px 0;}
	.\35 u1{width:30%; display:block; margin:0 5% 10px 0; min-height:1px;}
	.\35 u1:last-child{margin:0 0 10px 0;}
	.\35 u1:empty{display:none;}
	.\35 u1:nth-child(3n){margin:0 0 10px 0;}
    .izdvojeni-proizvod .pricesHolder .pozoviteNas{font-size:12px;}
    .izdvojeni-proizvod .pricesHolder .nemaNaLageru{font-size: 12px;}
	.cart_header{display:none;}
	.cart_product{padding:10px; background:#f2f2f2; margin:0 0 5px 0;}
	.cart_span_proizvod{width:100%; margin-bottom:5px;}
	.cart_product_title{margin:0;}
	.cart_product_img{display:none;}
	.cart_product_ukratko{display:none;}
	.cart_product_sifra{display:none;}
	.cart_product_price, .cart_span_cenakom{margin:0; width:33%;}
	.cart_span_komada{margin:0; width:33%;}
	.cart_span_komada a, .cart_span_komada_p a{margin:4px;}
	.cart_span_komada input{margin:0;}
	.cart_span_ukupno{margin:0; width:33%;}
	.cart_product_total{margin:0;}
	.cart_row a {width: 48%; margin: 0 1%; padding: 10px 0; text-align: center;}
	.cart_total{margin:20px 0;}
	footer .footerLeft{font-size: 12px; line-height: 20px; float: none; text-align: center; width: 100%; margin: 0 0 20px 0;}
	footer .footerLogo{float: none; margin: 0 auto 15px auto; min-height: 40px;}
	footer .footerCenter{position: relative; text-align: center; left: 0;}
	footer .footerMenu {font-size: 12px; line-height: 23px; margin: 0 0 20px 0;}
	footer .footerRight{float: none; width: 100%; text-align: center; min-height:200px;}
	footer .footerRight .footerBanner{margin: 0 auto 10px auto; width:50%;}
	footer .footerRight .footerBanner:last-child{margin:0 auto;}
	.mainBannerHolder {
		min-height: 150px;
	}
	.centar img {
		min-height: 230px;
	}
	
}