@charset "utf-8";
/* CSS Document */
.mainNav {display:block;}
@media (max-width:1229px){
	.headerMenu > li {margin: 0 0 0 25px;}
	.headerMenu > li > a {font-size: 15px;}
	.bannerText{left:200px; bottom:50px;}
	}
@media (max-width:1024px){
	html, body{font-size:16px; line-height:24px;}
	.owl-carousel{margin:0 0 30px 0;}
	main{margin:0 0 50px 0;}
	.h1{font-size:25px; line-height:30px; margin:0 0 30px 0;}
	.headerMenu {margin:34px 0 0;}
	.headerMenu {display:block; float:right; padding:0;}
	.headerMenu>li>a{padding:15px 10px; font-size:14px; margin-left:6px;}
	.bannerText{bottom: 40px; left: 140px; padding:15px;}
	.bannerTitle{font-size:20px;}
	.p.bannerDesc{font-size:12px;}
	.a.bannerLink{padding: 5px 15px; font-size:12px;}
	.homeTabsHolder{margin-top:-150px;}
	.homeTabsHolder .homeBox > .link {margin-top: 15px;}
	.headerLogo {margin: 20px auto; width: 40%;}
	.headerLogo{width:100%;}
	.headerMenu{display:none; margin:0; color:#fff; position:fixed; text-align:center; width:50%; left:25%; top:60px; z-index:20;}
	.headerMenu>li{float:none; margin:0px; overflow:hidden;}
	.headerMenu>li>a{padding:10px 0; display:inline-block; font-size:18px; background:none; margin:0;}
	.headerMenu>li>a:hover{background:none;}
	.headerSubMenu{background:rgba(0,0,0,0.7); list-style:none; margin:0 0 20px 0; padding:10px; width:100%; font-size:14px; line-height:14px; left:0; position:relative;}
	.headerSubMenu li{margin:0 0 5px 0; border-bottom:1px solid #555; padding-bottom:10px;}
	.headerSubMenu li:last-child{margin:0; border:none; padding-bottom:0;}
	.headerSubMenu li {border-bottom: 1px solid #555;  margin: 0 0 5px; padding-bottom: 10px;}
	.headerSubMenu li:last-child {border: medium none; margin: 0; padding-bottom: 0;}
	.headerSubMenu {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; font-size: 14px; left: 0; line-height: 14px; list-style: outside none none; margin: 0 0 0px; padding: 10px; position: relative; width: 100%;}
	.toggleMenu{display:block; z-index: 1;}
    }
@media (max-width:991px){
	a.bannerLink{padding:5px 15px;}
	.homeTabsHolder{margin-top:-150px;}
	.headerMenu>li>a{padding:10px 6px; font-size:12px;}
	.headerSubMenu{font-size:12px; left:7px;}
	.novostHolder .title {background: #eee; display: block; font-size: 15px; line-height: 17px; padding: 10px 20px;}
	.text {font-size: 13px; line-height: 15px; margin: 15px 0 0 0;}
	.footerAds img {width: 100%; display: inline;}
	}
@media (max-width: 767px) {
	a.bannerLink{padding:5px 15px;}
	.homeTabsHolder{margin-top:-130px;}
	.headerLogo {margin: 20px auto; width: 100%; max-width:200px;}
	.homeTabsHolder{margin-top:-150px;}
	.footerAds img {width: 100%; display: inline;}
	.footerHolder { text-align:center;}
	}
@media (max-width: 649px) {
	.nonMobile{display:none;}
	.detalji{font-size: 16px; line-height: 20px;}
	.homeTabs {margin-top: 110px;}
	.headerLogo {margin: 20px auto; width: 40%;}
	.owl-carousel.owl-loaded {display: none;}
	.headerMenu{left:0; width:100%; position:fixed; z-index:20; top:60px; text-align:center; color:#fff; display:none;}
	.headerMenu>li>i{display:block;}
	.headerMenu >li:hover .headerSubMenu{display:none;}
	.mask{width:500px;}
	.footerAds img {width: 100%; display: inline;}
	.footerCopyRight {line-height: 20px; text-align: center; font-size: 13px;}
	}