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

@media (max-width:767px) {
    .mobile{display: initial; position: absolute; right: -20px;}
    .nonMobile{display:none !important}
    .doNotScroll {overflow: hidden; height: 100vh;}

	header .navMobile {left: -100%; position: fixed; height: calc(100% - 150px);bottom: 69px; background: white; z-index: 99; transition: .3s all;visibility: hidden;overflow-x: hidden;overflow-y: auto;}
	header.small .navMobile {height: calc(100% - 159px);}
	.navMobile::-webkit-scrollbar-thumb {
		background-color: rgba(0,0,0,.25);
	}
	.navMobile::-webkit-scrollbar-track {
		background-color: rgba(0,0,0,.15);
	}
	.navMobile::-webkit-scrollbar {
		display: block !important;
		width: 4px !important;
	}
	.navMobile.open{left: 0;visibility: visible;}
	.navMobile .headerMenu {padding: 0;margin: 0;text-align: center;list-style: none;}
	.navMobile .headerMenu > li {width: 100%;padding: 20px;}
	.navMobile .headerMenu > li .subLinkHolder {display: block;background: #fff;left: 100%;position: absolute;top: 0;z-index: 10;width: 100%;min-height: 100%;margin-left: 0;list-style: none;padding: 0;bottom: 0;overflow-y: scroll;overflow-x: hidden;visibility: hidden;}
	.navMobile .headerMenu > li .subLinkHolder.open{left: 0;visibility: visible;}
	.navMobile .headerMenu > li > a {width: 100%;display: block;min-height: 35px;}
	.navMobile .headerMenu > li > .arrow {position: absolute;right: 0;transform: translateY(-70%);color: #2c3e50;background-color: white;padding: 37px;color: #dfa726;}
	.navMobile .headerMenu > li .subLinkHolder >li {padding: 20px;}
	.navMobile .headerMenu > li .subLinkHolder >li > a{display: block;width: 100%;}
	.navMobile .headerMenu > li .subLinkHolder .back {position: relative;}
	.navMobile .headerMenu > li .subLinkHolder .back i{position: absolute;left: 25%;top: 50%;transform: translateY(-50%);color: #dfa726;}

    header{margin-bottom: 20px;}

    .mainSwiper .swiper-wrapper .topItemHolder .bannerText{width: 60%;}
    .mainSwiper .swiper-wrapper .topItemHolder .bannerText .topText{font-size: 12px; margin: 10px 0 0 10px;}
    .mainSwiper .swiper-wrapper .topItemHolder .bannerText h1{font-size: 18px; margin-left: 10px;}
    .mainSwiper .swiper-wrapper .topItemHolder .bannerText h1 strong{font-size: 22px;}
    .mainSwiper .swiper-wrapper .topItemHolder .bannerText .lowerText{font-size: 14px; margin-left: 10px;}

    #section2{margin:40px 0;}
    #section2 .s2ItemHolder{margin-right: 0; margin-bottom: 30px;}

    #section3 h1{font-size: 48px; margin-bottom: 30px;}

    #izdvojeno{margin-top: 0;}
    #izdvojeno .productHolder{width: 100%;}

    footer .footerOne{flex-direction: column; height: unset;}
    footer .footerOne .footerOneItemsHolder{width: 100%; margin: 25px 0;}
    footer .footerOne .footerOneItemsHolder .footerLogoHolder{width: 60%;}
    footer .footerThree .footerThreeHolder .copy{font-size: 14px; text-align: center;}

}

@media (min-width:768px) and (max-width:1098px){
    
	
}

@media (min-width:1099px) and (max-width:1249px){
    
	
}

@media (min-width:1249px) and (max-width:1267px){
   
	
}
@media (min-width:1268px) and (max-width:1449px){
    
	
}
@media (max-width: 1450px) {
}