/* mičemo malo u lijevo jer je search ikona tamo */
@media (min-width:1241px) and (max-width:1550px) {
	#hmeniTop {
		padding-right:40px;
	}
}
@media (min-width:1100px) and (max-width:1240px) {
	#hmeniTop {
		padding-right:60px;
	}
}
/* mičemo malo u lijevo jer je search ikona tamo END */

/* Big screens
------------------------- */
@media (min-width:1561px) {
	div#top, .w100In, #bcmsCookieInfo {
		width:1400px;
	}
	#slidesContainer, 
	#sliderHeadH, #sliderHeadH .headImg, 
	.hP #sliderHeadH, .hP #sliderHeadH .headImg, .sliderRltv {
		height:700px;
	}	
	#slidesContainer.slidesContainerBig,
	.slidesContainerBig #sliderHeadH, .slidesContainerBig #sliderHeadH .headImg, 
	.hP .slidesContainerBig #sliderHeadH, .hP .slidesContainerBig #sliderHeadH .headImg, .slidesContainerBig .sliderRltv {
/*		height:850px;*/ /* bigger */
/* 		height:calc(95vh - 125px); */
		height:calc(95vh - 280px);
/* 		height:95vh; */
	}	
}
@media (min-width:1241px) and (max-width:1560px) {
	div#top, .w100In, #bcmsCookieInfo {
		width:90%;
/* 		width:calc(90% - 70px); */
	}
	/*
	.dizz100vwH .hPitemSmaller .item {
		width:70%;
	}	
	*/
}
/* Big screens END
------------------------- */

/* mobi kao, da je glava full screen */
@media (max-width:700px) and (max-height:700px) {
	#slidesContainer, 
	#sliderHeadH, #sliderHeadH .headImg, 
	.hP #sliderHeadH, .hP #sliderHeadH .headImg, .sliderRltv,
	#slidesContainer.slidesContainerBig,
	.slidesContainerBig #sliderHeadH, .slidesContainerBig #sliderHeadH .headImg, 
	.hP .slidesContainerBig #sliderHeadH, .hP .slidesContainerBig #sliderHeadH .headImg, .slidesContainerBig .sliderRltv {
		height:100vh;
	}
}

/* Tablets and phones
------------------------- */
/* @media (max-width:1020px) { */
@media (max-width:1240px) {
	img, object, embed, video, iframe { /* not working in IE6, knjiga, stran 50 za Windows */
		max-width:100%;
	}
	#content img { /* fix za IMGs koji imaju dimenzije u HTMLu */
		height:auto!important;
	}
	#content .hPitemProduct img {
		height:100%!important; /* RESET */
	}		
	#content table.fckTable { /* not working in IE6 */
		max-width:100%;
	}	
	#content .bcmsFckVideo, #content .bcmsFckVideo object, #content .bcmsFckVideo object embed, #content .bcmsFckVideo iframe, .bcmsFckVideoIframe iframe, .itemContent iframe {
/* 		width:100%!important; */
		text-align:center;
	}
/*
	
ako imaš youtube videe na sajtu, širina mu je RWD 100%, ali visinu treba postepeno smanjivati (jaganath, borstnikovo), tipa:

@media (max-width:900px) {
	#content .bcmsFckVideo object, #content .bcmsFckVideo object embed, #content .bcmsFckVideo iframe, .bcmsFckVideoIframe iframe, .itemContent iframe {
		height:500px!important;
	}
}
@media (max-width:800px) {
	#content .bcmsFckVideo object, #content .bcmsFckVideo object embed, #content .bcmsFckVideo iframe, .bcmsFckVideoIframe iframe, .itemContent iframe {
		height:450px!important;
	}
}
itd.
	
druga varianta ovo:
*/	
	/* RWD YT videos, height goes auto - OVO RADI, SAMO ONDA NE RADI OK natpis ispod slike, pa ga je najbolje sakriti */
	#content .bcmsFckVideo {
 		padding-bottom:56.25%; /* 16:9 ratio */ 
		position:relative;
		text-align:left;
		margin-bottom:100px;
	}
	#content .bcmsFckVideo iframe { /* add object and embed if needed */
		position:absolute;
		width:100%;
		height:100%;
		overflow:hidden;
	}
	#content .bcmsFckVideo .bcmsFckVideoDescription {
		/* opcija 1, skrijemo */
/* 		display:none; */
		/* opcija 1, vidljiv */
		position:absolute;
		top:100%;
		padding-top:50px;
		width:100%;			
	}
	/* RWD YT end */	
/*
	div#top, #contMidd, .w100In, #bcmsCookieInfo {
		width:92%;
		margin-left:4%;
		margin-right:4%;
	}
*/

	div#top, .w100In, #bcmsCookieInfo { /* ovisi malo kako imaš u basicu, vidi koje imaš definirane fixnu širinu osnovnu, obično 980px je to 
	iste ove daj i dole, potraži ISTI KAO I GORE!
	*/
/*
		width:96%;
		margin-left:2%;
		margin-right:2%;
*/
		width:92%;
		margin-left:4%;
		margin-right:4%;
	}
	#contMidd {
		width:100%;
	}
	#bcmsCookieInfo {
		padding:20px 0;
	}
/*
	ČEEEEEEEEK!
	
	#bcmsCookieInfo p {
		width:90%;
	}	
*/
	#content, div#rcol {
		width:100%;
	}
	div.tblWrapper {
		width:100%;
		overflow:auto;
	}
	.hPitemDistributors {
/* 		height:0; */ /* crucial */
/*
		min-height:0;
		overflow:hidden;
		padding-top:calc(586 / 1200 * 100%);
		position:relative;	
*/

/* 		min-height:calc((586 / 1200 * 100%)%); */
		min-height:auto;
		height:auto;
		padding-top:calc(586 / 1200 * 100%);
		position:relative;	
	}
	.hPitemDistributors .w100In {
		margin-top:calc(586 / 1200 * -100%);
	}
/*
	#vmeni, #intranetMeni {
		display:none;
	}	
*/
}

@media (max-width:1200px) {
	.hPitemProduct {
		flex:none;
		float:left;
		width:100%;
		margin-bottom:20px;
	}
}

@media (min-width:1101px) { /* dok nije RWD, search je vidljiv */
	.rwdIcon {
		left:-71px;
		width:71px;		
	}
	#searchBoxH {
		visibility:visible;
		width:300px;
	}
	#searchBoxH, #searchBoxH.iconShow {
		top:36px;
		right:-300px;
	}
	#searchBoxH.show {
		right:0;
	}
	#searchBoxH.iconHide {
		right:-380px;
	}
	#searchBoxH input.finput {
		width:235px;	
	}	
}

@media (max-width:1100px) {
	#menuRwdH, #searchBoxH {
		visibility:visible;
	}
	#hmeniTop, #searchBox, #meniFixed {
		display:none;
	}
	#headMainTop {
/*
*/
		position:absolute;
		top:0;
		z-index:2;
		margin-top:20px;
		margin-bottom:0px;		
	}
	a#home {
/*
		width:158px;
		height:55px;
*/
		width:145px;
		height:51px;		
		background-image:url(logo_white@2x.png);
		background-image:url(logo_white.svg),
		linear-gradient(transparent, transparent);
/* 		margin:0 0 0 -10px; */
	}

/*
	.iJumpTxtW {
		max-width:90%;
	}
*/
	.iJumpTxtW h3 {
		font-size:28px;
		font-size:2.8rem;		
	}
	.iJumpTxt p {
		font-size:21px;
		font-size:2.1rem;
	}
	#enoviceInput input[type="text"] {
		width:90%;
	}
}

@media (max-width:1080px) {
	.fCol2 {
		display:none;
	} 
}

@media (min-width: 1000px) {
	.dizzJumpIn {
		transform:skewX(-20deg);
	}
	.iJumpTxtW { /* reset na 0 */
		transform:skewX(20deg);
	}

	.iAccessReqH .iFormaH {
		width:80%;
	}	
}

@media (max-width:1000px) {
	#headTitle, .slideTxt {
		width:100%;
	}
	#headTitleH h1.h1Kat {
		margin-bottom:15px;
		line-height:1.2em;
		font-size:27px;
		font-size:2.7rem;		
	}
	.headInfoTxt {
		font-size:1.5px;
		font-size:1.5rem;
		line-height:1.4em;
	}
	#headTitleH, .hPitemProduct .txtH {
/* 		bottom:100px;	 */
	}	
}

@media (max-width:999px) {
	.dizzJumpIn,
	.dizzJumpFullL .dizzJumpIn {
/* 		width:calc(200% + 90px); */
		width:100vw;
		margin-left:calc((-100vw + 100%)/2);
		padding-left:0;
	}
	.iJumpTxtW,
	.iNwslttrH, .hP .iNwslttrH {
		padding-left:3em;
		padding-right:3em;
	}
	.iNwslttrH .w100In { /* reset */
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
}


/* Tablets and phones
------------------------- */
@media (max-width:1020px) { /* old, 980 w style */
}

/* this site special
------------------------- */
/*
@media (min-width:480px) and (max-width:730px) {
	.itemImgs {
		width:40%;
	}	
}
*/

/* Tablet to desktop
------------------------- */
@media (min-width:768px) and (max-width:980px) {
}

@media (max-width:950px) {
	/* stupci, X u redu 
	.itemListed {
		width:48%;
		margin-right:4%;
	}
	.itemListed:nth-of-type(2n) {
		margin-right:0;
		clear:right;
	}
	.itemListed:nth-of-type(3n) { /* reset 
		clear:none;
		margin-right:4%;
	}
	.itemListed:nth-of-type(3n+1) { /* reset 
		clear:none;
	}		
	*/
}

@media (min-width:861px) { 
	/* itemListed layout, stupci  */
	/* GLEDAJ U basic.scc, zajednicke stvari, .galerijaC figure*/
	.lytCols .itemListed.iW100 .itemImgs, .lytCols .itemListed {
		width:30%; /* 779/1020 */
	}
	.lytCols .itemListed {
		margin:0 5% 5% 0; /* */
	}
	.lytCols .itemListed.iW100 .itemTxtImg { /* itemContent w/ Imgs */
		width:calc(100% - 30% - 2em);
	}
	/* basic.scc, zajednicke stvari END */
	.lytCols .itemListed {
		clear:none;
		border-bottom:none;
		padding-bottom:0;
	/* 	margin-bottom:0; */
	}
	.lytCols .itemImgs, .lytCols .itemTxtImg {
		width:100%;
	}
	.lytCols .itemImgs {
	/* 	margin:0 0 20px; */
	}
	/* stupci, manje od X u redu */
	.lytCols .itemListed.iW50, .lytCols .itemListed.iW50v2 {
		width:47.5%;
		margin-right:5%;
	}
	.lytCols .itemListed.iW50:nth-of-type(2n), .lytCols .itemListed.iW50v2:nth-of-type(2n) {
		margin-right:0;
		clear:right;
	}	
	.lytCols .itemListed.iW100 { /* redovi, ne stupci */
		width:100%;
		margin-right:0;
	}
	/* stupci end */
}

@media (max-width:860px) {
	.wImgs, .itemTxtImg/* , .lytCols .itemListed.iW100 .itemTxtImg */ { /* itemContent w/ Imgs */
		width:calc(100% - 30% - 2em);
	}
	.itemListed {
		margin-bottom:50px;
	}	
	.dizzJumpIn {
/* 		text-align:center; */
	}
	.iJumpTxtW {
		padding-top:60px;
		padding-bottom:55px;
	}
	.iJumpTxt p {
		font-size:19px;
		font-size:1.9rem;		
		margin-bottom:1.4em;
	}
	.gGumbBig {
		padding:20px 40px;	
	}	
}

@media (max-width:800px) {
	/* stupci, X u redu
	.itemListed, .itemListed.iW50 {
		width:100%;
		margin-right:0;
	}
	.itemListed .itemImgs {
		width:32.5%;
	}
	.itemListed .itemTxtImg {
		width:64%;
	}	
	.itemListed:nth-of-type(2n) { /* reset
		clear:none;
		margin-right:0%;
	}
	.itemListed:nth-of-type(2n+1) { /* reset
		clear:none;
	}
	*/
	.iA3btsH { /* ne onak koji je u colSpan fori, pored texta, samo dok imamo 3 u redu */
		width:70%;
		margin-left:15%;
		margin-right:15%;				
	}
	.iDstrbtr {
		margin-bottom:50px;
	}	
}

/* Tablet
------------------------- */
@media (max-width:768px) {
	#content {
		width:100%;
	}
	body { /* allow long words to be broken */
		word-wrap:break-word;
	}	
/*
	blockquote {
		width:25%;
		padding:1em;
		word-wrap:break-word;
	}
*/	

	.colSpan1, .colSpan2 {
		float:left;
		display:block;
		width:100%;
		margin-bottom:30px;
	}
	.colSpan1 {
		margin-bottom:30px;
	}
	.iA3bt {
		width:70%;
		margin-left:15%;
		margin-right:15%;		
	}
	.iA3btsH {
		width:100%; /* RESET jer sad preko .iA3bt */
		margin-left:0;
		margin-right:0;				
	}
	#fR1 {
		padding-bottom:50px;
	}
	#fR1 .w100In {
		display:block; /* flex reset */
	}
	#fR1 .fCol {
		width:100%;
		margin-left:0;
		margin-right:0;
		margin-bottom:30px;
	}
	#fR1 .fCol1, #fR1 .fCol3 {
		width:51%;
		margin-right:4%;
	}
	#fR1 .fCol3 {
		float:right;
		width:45%;
		margin-right:0;
	}
	#fR1 .fCol4 {
		padding-top:30px;
	}
	
	footer nav.hmeni li {
		margin-bottom:20px;
	}
	footer .utilNav ul li {
		margin-bottom:15px;
	}
	footer .utilNav {
		padding-bottom:20px;
	}
	.infoCopy, #pfH {
		width:100%;
		margin-left:0;
		margin-right:0;
		text-align:center;		
	}
	.infoCopy {
		margin-bottom:20px;
	}
}

@media (max-width:700px) {
	.facebookCont {
		width:100%;
		margin:0 0 20px;
		padding:0;
	}
	.addThisCont {
		float:left;
		width:100%;
		text-align:left;
	}
	#enoviceInput {
		flex-direction:column;
	}
	#enoviceInput .formCol {
		width:100%;
	}	
}

@media (max-width:650px) {
	.itemImgs, .itemTxtImg,
	.itemListed .itemImgs, .itemListed .itemTxtImg,
	.itemListed.iW100 .itemImgs, .itemListed.iW100 .itemTxtImg {
		width:100%;
		margin-left:0;
		margin-right:0;
	}
/*
	.itemImgs figcaption {
		display:inline-block;
	}
*/
	.itemListed .itemImgs {
		margin-bottom:15px;
	}	
	#content .fckAvtorji img {
		float:none;
		margin-bottom:20px;
		margin-left:0;		
	}
		
	footer .infoCopy {
/* 		margin-bottom:30px; */
	}
	footer .utilNav {
		clear:right;
	}
	.galerijaC figure {
		width:70%;
		margin-left:15%;
		margin-right:15%;
	}	
}

@media (max-width:600px) {
	.itemHalfL, .itemHalfR {
		float:left;
		width:100%;
	}	
	#content ul.itemHalfL, #content ul.itemHalfR	{ /* RWD bug hack */
		width:85%;
	}	
	#content { /* 2 do */
/*
		font-size:15px;
		font-size:1.5rem;
*/
	}
	#slidesContainer, 
	#sliderHeadH, #sliderHeadH .headImg, 
	.hP #sliderHeadH, .hP #sliderHeadH .headImg, .sliderRltv {
	/* 	height:calc(100vh); */
	/* 	height:500px; */
		height:500px;
	}	
}
	

/* iPhone 5
------------------------- */
@media (max-width:568px) {
	.itemContent, .shareBox, .iRcol {
		width:100%;
	}
	.iRcol {
		margin-top:40px;
		margin-left:0;
	}
	.item table.tblRwd td, .item table.tblRwd td.tdHalf {
	   display:block;
	   padding-left:0;
	   padding-right:0;
	   width:100%;
	}	
	.item table.tblRwd td.tdHalf {
   	padding-bottom:20px;
	}
	#enoviceInput input[type="text"] {
		width:100%;
	}
}

@media (max-width:550px) {
	footer .infoCopy {
/*
		margin-bottom:25px;
		line-height:1.5em;
*/
	}	
	footer .utilNav {
		clear:both;
/* 		margin-bottom:20px; */
	}
}	

@media (min-width:501px) { /* BIGGER THAN! */
	#content .input-group input {
		width:400px;
	}
	div.checkbox.bc-login__remember-me label {
		padding-left:30px;
	}	
}

@media (max-width:500px) {
	#content ul.bcmsPaging li {
		margin-right:0px;
	}
	blockquote {
		padding-left:3%;
		padding-right:3%;
	}
}

@media (max-width:490px) {
	#fR1 .fCol1, #fR1 .fCol3 {
		width:100%;
		margin-right:0;
		float:left;
	}
	#fR1 .fCol4 {
		padding-top:0;
	}
}	


/* Phones
------------------------- */
@media (max-width:480px) {
/*
	blockquote {
		font-size:1.231em;
	}
*/
	/* #contMidd */
	div#top, .w100In, #bcmsCookieInfo{ /* ISTI KAO I GORE! */
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	#bcmsCookieInfo form {
		background-image:none;
		padding-left:0;
	}
	.iA3bt {
		width:80%;
		margin-left:10%;
		margin-right:10%;	
	}	
	.shareBoxTxt, .addThisCont {
		width:100%;
	}
	.shareBoxTxt {
		margin-bottom:20px;
	}		
}

@media (max-width:450px) {
	.galerijaC figure {
		width:100%;
		margin-left:0;
		margin-right:0;
	}	
}

@media (max-width:400px) {
	#content ul.bcmsPaging li {
		margin-bottom:15px;
	}
}

/* Phones, portrait
------------------------- */
@media (max-width:320px) {
	body #bcmsCookieInfoWrapper #bcmsCookieInfo button.no { /* cookie warning */
		clear:both;
		margin-left:0;
	}
}


/* hi-res
------------------------- */
@media (-webkit-min-device-pixel-ratio:1.1), 
screen and (min--moz-device-pixel-ratio:1.1) {
/*
	a#home {
		background-size:100%;
	}
	a#home {
		background-image:url(logo.svg);
	}
*/
}