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

@media (max-width:767px) { /* Mobile (and larger) */
	body.doNotScroll{overflow:hidden; height:100vh;}
	.h1{font-size:30px;}
	.nonMobile{display:none;}
	.mobile {display:block;}
	header .topLine{height: 144px; padding: 10px 0; line-height: 1.6;}
	header .topLine .col-lg-24{display:block;}
	header .topLine .contactInfo .item:last-child{margin:0; float:right;}
	header .topLine .contactInfo .item .label{display: none;}
	header .middle .headerLogo{width: 120px; margin: 0 auto 20px auto;}
	header .middle #headerSearch input{width: 100%;}
	header .middle #headerSearch button{width: 100%;}
	header .middle .cartHolder{margin: 20px auto 0 auto;}
	header .bottomLine .mainNav{display:none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 101; padding: 50px;}
	header .bottomLine .mainNav.open{display: block;}
	header .bottomLine .mainNav > li{float: none; margin: 0 0 20px 0; line-height: 1;}
	header .bottomLine .mainNav > li > a{display: block; line-height: 3; background: #000; padding-left: 15px;}
	header .bottomLine .headerSocialWrapper{display: none;}
	.categoryButton{width: 100%;}
	.categoriesOverlayWrapper.open{padding:80px 20px;}
	.categoriesOverlayWrapper .item, .categoriesOverlayWrapper .item:nth-child(5n){width: 48.5%; margin: 0 2.5% 30px 0;}
	.categoriesOverlayWrapper .item:nth-child(2n){margin-right: 0;}
	.categoriesOverlayWrapper .item:nth-child(2n+1) {clear: left;}
	.categoriesOverlayWrapper .item:nth-child(5n+1){clear:none;}
	.categoriesOverlayWrapper .close{left:20px; right:auto;}
	.mainSliderWrapper{margin-bottom:40px; display:none;}
	#mainSliderCarousel .item{height:30vh;}
	.mobileSliderWrapper{display: block; width: 90%; margin: 0 auto;}
	.homepageCategoriesWrapper{margin-bottom:40px;}
	.homepageCategoriesWrapper .mainTitle{font-size:30px; padding: 0;}
	.homepageCategoriesWrapper .item{width: calc(50% - 10px); margin: 0 20px 20px 0;}
	.homepageCategoriesWrapper .item .title{display: block; opacity: 1; transform: none; top: auto; font-size: 14px; text-align: left; padding: 5px 10px;}
	.homepageCategoriesWrapper .item:hover .title{transform: none;}
	.homepageBrandsWrapper{margin-bottom:40px;}
	.homepageBrandsWrapper .mainTitle{font-size:30px; padding: 0;}
	.homepageBrandsWrapper .item{width: calc(50% - 10px); margin: 0 20px 20px 0;}
	.homepageProductsWrapper{margin-bottom:40px;}
	.productDetailsWrapper .productQuantityCartHolder{display: block;}
	.productDetailsWrapper .productQuantityCartHolder .productQuantityHolder{}
	.productDetailsWrapper .productQuantityCartHolder .halfLeft{width: 50%; padding-right: 5px;}
	.productDetailsWrapper .productQuantityCartHolder .halfRight{width: 50%; padding-left: 5px;}
	.productDetailsWrapper .productQuantityCartHolder .bottomRight{width: 50%; float: right; margin: -10px 0 15px 0; padding-left: 5px;}
	.trajanjeAkcijeHolder .trajanjeAkcije{font-size: 11px;}
	.homepageProductsWrapper .mainTitle{font-size:30px; padding: 0;}
	.homepageProductsWrapper .item{width:calc(50% - 10px); margin: 0 20px 30px 0;}
	.homepageProductsWrapper .item:nth-child(2n){margin-right:0;}
	.homepageProductsWrapper .item:nth-child(2n+1){clear: left;}
	.homepageProductsWrapper .item:nth-child(5n){margin: 0 20px 30px 0;}
	.homepageProductsWrapper .item:nth-child(5n+1){clear: none;}
	.listPropertiesWrapper .item{width:auto;}
	.listPropertiesWrapper .item .optionsWrapper{display: block; margin-left: 15px;}
	.categoryProductsWrapper .item{width:calc(50% - 10px); margin: 0 20px 30px 0;}
	.categoryProductsWrapper .item:nth-child(2n){margin-right:0;}
	.categoryProductsWrapper .item:nth-child(2n+1){clear: left;}
	.cart_product{display: table; width: 100%;}
	.cart_span_proizvod{width: 100%; float: none; margin-bottom: 10px; display: table;}
	.cart_product_price{width: 50%; display: block; float: left; text-align: left;}
	.cart_span_komada{width:50%; float: right;}
	.cart_span_komada a, .cart_span_komada input{height:30px; line-height: 30px;}
	.cart_span_ukupno_wrapper{width: 100%; background: #f2f2f2; padding: 5px 10px; margin: 10px 0;}
	.cart_span_izbaci{float:right;}
	.cart_product_delete{height:30px; line-height: 30px;}
	.cart_order{margin-top:15px;}
	.productImagesWrapper{margin:0 auto 40px auto; width:80vw !important;}
	.productImagesWrapper .productThumb{height: 30vh;}
	.productDetailsWrapper .infoLinks a{width: 100%; margin: 0 0 15px 0;}
	.leftWrapper{width: 100%; padding: 0; margin-bottom:30px;}
	.leftWrapper .mainTitle{background: #eee; padding: 5px 15px;}
	.leftWrapper .mainTitle::after{content: "\f107"; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); font-weight: 900; font-family: "Font Awesome 5 Free";}
	.leftWrapper .userLinks{display: none;}
	.rightWrapper{width: 100%;}
	.orderTable{font-size:12px;}
	.orderTable thead th{padding: 10px 7px;}
	.orderTable td{padding:10px 7px; line-height: 1.2;}
	.page-item{padding:0;}
	.newsletterWrapper{padding: 40px 0; text-align: center;}
	.newsletterWrapper .textWrapper .title{font-size: 20px; margin-bottom: 10px;}
	.newsletterWrapper .textWrapper .text{font-size: 15px; margin-bottom: 20px;}
	#newsletterForm input{width:100%; text-align: center;}
	#newsletterForm button{width:100%;}
	.newsletterWrapper .newsletterSocialWrapper{margin: 20px auto 0 auto;}
	footer{text-align:center; padding: 40px 0;}
	footer .footerLogo{float: none; display: block; margin: 0 auto 50px auto;}
	footer .footerTitle{margin: 40px 0 0 0;}
	footer .etrust{margin-top: 40px;}
	footer .copy .button{line-height: 4;}
	header .topLine .languagesWrapper{margin: 0;     float: right;
		position: relative;
		top: 35px;}
	.goog-te-gadget-simple .goog-te-menu-value span{line-height: 40px;}
	.goog-te-menu2 {width: 325px !important;overflow: scroll !important;}
	div#\:1\.menuBody {	width: 325px !important;overflow: scroll !important;}
	.goog-te-menu-frame {max-width:100% !important;}
	.goog-te-menu2 {max-width: 100% !important;	overflow: scroll !important;box-sizing:border-box !important;height:auto !important; }

}

@media (min-width:768px) and (max-width:991px) { /* Tablet-portrait (and larger) */
}

@media (min-width:992px) and (max-width:1199px) { /* Tablet-landscape (and larger) */
}

@media (max-width:1440px) {
	.productImagesWrapper{width:40vw;}
}