html {overflow-x:hidden;}

/* 1681px - 1367px */ 
@media all and (max-width: 1681px) and (min-width: 1367px) {

	.hlcBox {
	margin:0 -198px 0 -234px;
	}
	
	.hlcBox .bx-wrapper .bx-prev {left:234px;}
	.hlcBox .bx-wrapper .bx-next {right:196px;}	

}


/* 1250px - 961px */ 
@media all and (max-width: 1400px) and (min-width: 961px) {

	.logo a {padding:0;}
	
	.tools {
    clear:left;
    float:none;
	}
	
	.menu {
    clear:left;
    float:none;
	}
	
	.menu ul {
	float:left;
	border-top:1px solid #2f2f2f;
	}

	.menu ul li a {
    font:300 12px/62px 'Open Sans',arial;
    height:62px;	
	}
	
	
}

/* >1250px */ 
@media all and (max-width: 1400px) and (min-width: 0) {

	.articleGrid.onHome {padding: 0 0 0 28px;}
	.gutter {padding: 22px 0 20px 28px;}	

	.homeLargeCarousel {margin:0 0 25px;}
	
	.agSlider .bx-wrapper .bx-prev {left:-15px;}

	.hlcBox {
	margin:0;
	}	
	
	.hlcBox .bx-wrapper .bx-controls-direction a {
	bottom:auto;
	top:50%;
	margin-top:-19px;
	width:38px;
	height:38px;
	}

	.hlcBox .bx-wrapper .bx-prev {left:0;}
	.hlcBox .bx-wrapper .bx-next {right:0;}

	.hlcBox .bx-wrapper .bx-prev:before, .hlcBox .bx-wrapper .bx-next:before {font:30px/30px fa;}

	.hlcBox .bx-wrapper .bx-prev:before {content:"\f104";margin:3px 0 0 -10px;}
	.hlcBox .bx-wrapper .bx-next:before {content:"\f105";margin:3px -10px 0 0;}
	
	.filtersPane {padding:10px 42px 14px;}
	section.inner {margin:0;}
	
	.logo img {
	display:block;
	max-width:100%;
	margin:0 auto;
	}
}


/* >1280px */ 
@media all and (max-width: 1280px) and (min-width:0) {

	.largeImage {float:none;margin:0 0 16px;}
	
	.productSpecs {
    float:none;
    padding:0 0 20px;
	}

    .priceNtools {
        display: table;
        float: none;
        width: 100%;
        margin: 0 0 10px;
    }

}

/* 1280px - 960px */
@media all and (max-width: 1280px) and (min-width: 960px) {
	.articleGrid.inner .article:nth-of-type(odd) {clear:left;}
}


/* >960px */ 
@media all and (max-width: 959px) and (min-width: 0px) {

	.logo {
	background:#000;
	display:block;
	padding:0;
	width:auto;
	position:relative;
	z-index:3;
	}
	
	.logo img {
	display:block;
	margin:0 auto;
	width:auto;
	}
	
	.logo a {margin:0 auto;}
	
	.blackBar {
	display:table;
	width:100%;
	margin:0;
	border-top:1px solid #2F2F2F;
	}
	
	.tools {
    float:none;
	display:table-cell;
	vertical-align:top;
	width:324px;
	}
	
	.tools ul li:first-child {border-left:none;}
	
	.menuNtools {display:block;}
	
	.menu {display:none;}
	.mobileMenu {
	display:table-cell;
	vertical-align:top;
	}
	
	.mobMenuHolder {position:relative;}
	
	.flexnav {
	position:absolute;
	width:100%;
	}
	
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom:-25px;
    padding:0;
	}
	
	.articleGrid.inner {max-width:480px;}

}

/* >800px */ 
@media all and (max-width: 800px) and (min-width: 0px) {

	.filtersPane {
	float:none;
    padding:10px 12px 0;
	width:auto;
	}

	.formHolder {display:none;}
	
	span.toggler {
	display:block;
	margin:-10px -12px 0;
	padding:15px 12px;
	color:#fff;
	background:#4c4c4c;
	cursor:pointer;
	}
	
	span.toggler:hover, span.toggler.open {
	background:#222;
	}
	
	span.toggler:before {
	content:"Filteri pretrage";
	font:300 18px/18px 'Open Sans',arial;
	}

    .contactData span.toggler:before {
     content:"Kontakt podaci";
    }
	
	span.toggler:after {
	content: "\f0d7";
	color:#fff;
	display:inline-block;
	margin:-5px 0 0px 8px;
	vertical-align:middle;
	font:600 24px/24px fa;
	}
	
	span.toggler.open:after {content: "\f0d8";}
	
	.articleGrid.inner {max-width:2000px;}

	.filtersChunk {
	float:left;
	width:50%;
	padding:0 0 12px;
	}
	
	.filtersChunk:nth-of-type(odd) {clear:left;}
	
	p.submitSearch {
	clear:left;
	padding:0 0 20px;
	}

}

/* <800px */ 
@media all and (max-width: 4096px) and (min-width: 801px) {
	.formHolder {display:block !important;}
}

/* >580px */ 
@media all and (max-width: 580px) and (min-width: 0px) {

	.blackBar {height:auto;}
	.blackBar, .mobileMenu, .tools {display:block;}
	
	.tools {
	width:auto;
	height:63px;
	}
	
	.tools ul li {width:33.3%;}
	
	.tools ul li a {
	display:block;
	width:auto;
	}
	
	.menu-button {
	text-align:left;
	padding:0 0 0 12px;
	}
	
	.menu-button .touch-button {
    background:#555;
    width:33.3%;
	border-left:1px solid #2F2F2F;
	}
	
	.flexnav {position:relative;}
	
	.homeLargeCarousel {
	overflow:hidden;
	padding:0 0 60px;
	}
	
	.homeLargeCarousel .bx-wrapper .bx-pager, .homeLargeCarousel .bx-wrapper .bx-controls-auto {bottom:-47px;padding:0 10px;}
	
	.gutter {padding:20px;}

	.foo {
    margin:-17px -20px 20px -20px;
    padding:0;
	background:#999;
	}
	
	.foo li {
	display:block;
	float:none;
	color:#fff;
	text-align:center;
	font:13px/13px 'Open Sans',arial;
	text-transform:uppercase;
	border-top:1px solid rgba(0,0,0,0.1);
	}
	
	.foo li:first-child {border-top:none;}

	.foo li:before {display:none;}

	.foo li a {
	color:#fff;
	display:block;
	padding:12px 3px 12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}

	.foo li a:hover {
	color:#fff;
	background:#ccc;
	}	
	
	.filtersChunk {
	float:none;
	width:auto;
	padding:0;
	}
	
	.contentBox {
    float:none;
    min-width: 0px;
    padding:15px 17px 30px;
	}
	
	.largeImage {
    float:none;
    height:auto;
    width:auto;
	}
	
	.largeImageCarouselHOlder {
    border:5px solid #FFFFFF;
    height:auto;
    width:auto;
	}
	
	.liCarousel span.image a img {
    line-height:460px;
    max-height:100%;
    max-width:100%;
	}
	
	.liCarousel span.image a {
	height:auto;
	line-height:460px;
	width:auto;
	}	
	
	.productSpecs, .detailCarousel {
    float:none;
    width:auto;
	}
	
	.pricePlate {padding:15px 12px 13px;}
	
	.pricePlate h5 {font:300 36px/36px 'Open Sans',arial;}

    .priceNtools p {font: 300 16px/40px 'Open Sans',arial;}
    .priceNtools p:before {display: none;}
}


/* >480px */
@media all and (max-width: 480px) and (min-width: 0px) {

    .image-port {
        display: block;
        padding: 0;
        margin: 0 auto 12px;
    }

    .cartTxt {
        display: block;
    }
}


/* >360px */ 
@media all and (max-width: 360px) and (min-width: 0px) {

	.articleGrid h2 {text-align:center;}

	.hlcBox .item a {
	font:700 10px/11px 'Open Sans',arial;
	padding:8px 8px 7px;
	}
	
	.agSlider {
    float:none;
    width:220px;
	margin:0 auto;
	}
	
	.articleGrid.onHome {padding: 0 10px;}
	
	.articleGrid.onHome h2 {text-align:center;} 
	
	.agSlider .bx-wrapper .bx-prev {left:-30px;}
	.agSlider .bx-wrapper .bx-next {right:-50px;}
	
	.pricePlate h5 {
	font:300 28px/28px 'Open Sans',arial;
	margin:0 0 10px;
	}
	
	p.addTocart {width:auto;}
	
	.articleGrid .article {
	float:none;
	margin:0 auto 22px;
	}	
	
	h1 {font:300 31px/32px 'Open Sans',arial;}

}

/* Content BreakPoints */

/* 1761px - 1540px */ 
@media all and (max-width: 1761px) and (min-width: 1540px) {
	.contentBox  {
	max-width:1230px;
	padding:15px 0 30px 17px;
	} 
	
	.contentBox.contact {width:1230px;}
}

/* 1539px - 1282px */ 
@media all and (max-width: 1539px) and (min-width: 1282px) {
	.contentBox  {
	max-width:990px;
	padding:15px 0 30px 17px;
	} 
	
	.contentBox.contact {width:990px;}
}

/* 1281px - 1028px */ 
@media all and (max-width: 1281px) and (min-width: 1028px) {
	.contentBox  {
	max-width:738px;
	padding:15px 0 30px 17px;
	} 
	
	.articleGrid.inner .article:nth-of-type(2n+1) {clear:none;}
	
	.contentBox.contact {width:738px;}
}

/* 1027px - 801px */ 
@media all and (max-width: 1027px) and (min-width: 801px) {
	.contentBox  {
	max-width:498px;
	padding:15px 0 30px 17px;
	} 
	
	.contentBox.contact {width:498px;}
	
	.articleGrid.inner .article:nth-of-type(2n+1) {clear:none;}

    .priceNtools p:before {display: none;}

    .sendMail .txtChunk {
        border-right: none;
        display: block;
        padding: 0;
        vertical-align: top;
        width: auto;
        margin: 0 0 10px;
    }

    .sendMail .send {
        display: block;
        padding: 0;
    }
	
	.stuffMembers, .contactBlocks {
	width:auto;
	float:none;
	margin:0 0 18px;
	}

}


/* 800px - 0 */ 
@media all and (max-width: 800px) and (min-width: 0) {

	.contentBox  {
	float:none;
	max-width:2000px;
	padding:15px 12px 30px;
	} 
	
	.contentBox.contact {
	width:auto;
	}
	
	.articleGrid.inner .article {margin:0 0 15px 15px;}
	
	.articleGrid.inner .article:nth-of-type(2n+1) {
	clear:left;
	margin:0 0 15px;
	}

    .sendMail .txtChunk {
        border-right: none;
        display: block;
        padding: 0;
        vertical-align: top;
        width: auto;
        margin: 0 0 10px;
    }

    .sendMail .send {
        display: block;
        padding: 0;
    }

    .categories span.toggler {display: block;}
	
	.page_box.contact_page { width: 100%;}
	
	.stuffMembers, .contactBlocks {
	width:auto;
	float:none;
	margin:0 0 18px;
	}
	
}


/* > 479px */ 
@media all and (max-width: 479px) and (min-width: 0) {
	
	.articleGrid.inner .article {
	float:none;
	margin:0 auto 20px;
	}
	
	.articleGrid.inner .article:nth-of-type(2n+1) {
	clear:left;
	margin:0 auto 20px;
	}

    .sendMail .send p, .sendMail .send p:first-child {
        margin: 0;
        display: block;
        width: auto !important;
    }

    .isbPager img {
        width: 70px;
        height: 71px;
        display: block;
    }
	
	.page_box.contact_page form {
	display:block;
	width:auto;
	padding:0;
	margin:0 0 20px;
	}

	.page_box.contact_page .mapHolder {
	display:block;
	width:auto;
	padding:0;
	margin:0 0 20px;
	}

	.page_box.contact_page .mapHolder iframe {
	width:100% !important;
	height:200px !important;
	}
	
	
}



/* > 370px */ 
@media all and (max-width: 370px) and (min-width: 0) {

	.memberPhoto {
	width:87px;
	display:block;
	margin:0 auto 12px;
	}
	
	.memberTxt {
	display:block;
	}


}