@media only screen and (min-width: 601px){

body.herz_microsite_ish{
    background:#ddd;
}

.herz_microsite_ish .oblast_zaglavlja,
.herz_microsite_ish .oblast_futera{
	display: none;
}

.herz_microsite_ish .oblast_strane{
	padding: 0;
	margin:0;
	height:100vh;
}
.herz_microsite_ish .oblast_sadrzaja{
	margin:0;
	width:100%;
	padding: 0;
	height:100vh;
	overflow-y:scroll;	
}

.herz_microsite_ish #coll_middle{
	width:100%;
	padding-bottom: 0
}

.herz_microsite_ish #pageTitle{
	position: absolute;
	top:45px;right:60px;
	z-index: 5;
	color:#555;
	font-size:2.4em;
}
.herz_microsite_ish .pageBody{
	margin: 0; padding: 0;
}

.herz_microsite_ish ul li{
	list-style: none;
}
.herz_microsite_ish .inline-boks h3{font-size: 28px; margin-bottom: 20px}
.herz_microsite_ish .inline-boks p{font-size: 1.3em; }
.herz_microsite_ish .upperSection{
 border-bottom:2px solid #d33;
	background: #fff;
	max-height: 190px; 
}

.herz_microsite_ish .upperSection .microUpperLeft{
}

.herz_microsite_ish .upperSection .microUpperLeft a {
	width: 240px;
	display: block; 
	box-sizing: border-box;
	 height: auto;
	padding: 25px 0;
	margin-left:36px;
}

.herz_microsite_ish .microElementText h4{padding-left: 20px; font-size: 20px; padding: 10px 0 10px 20px; box-sizing: border-box}

.herz_microsite_ish .upperSection .microUpperLeft a img{
	display: block;
  height: auto;
  width: 100%;
}
.herz_microsite_ish .upperSection .lngNavigator{
position: absolute; 
	top: 10px; 
	right: 60px;
	display: flex; 
	padding: 0;
	
}
.middleNavigator{
	display: block;
	position: absolute; 
	top:128px;right:70px;
	width: 300px;
	z-index: 1
}


.middleNavigator .navigatorMicro{
	background: #ccc;
}

.middleNavigator .navigatorStart{
	background: #bbb;
	padding:10px 20px;
	box-sizing: border-box;
	font-weight:lighter;
	font-size:1.4em;
	text-align: right;
	position: relative;
	cursor: pointer
	
}
.middleNavigator .navigatorStart:before{content: "";
	border-left: 1px solid #555;
	border-bottom: 1px solid #555;
	width: 15px;
	height: 15px;
	display: inline-block;
	transform: rotate(-45deg);
	position: absolute; left: 20px; 
	transition: all .5s;
	
}
.herz_microsite_ish .rotateArrow:before{
	transform: rotate(-225deg); top: 15px;
	transition:  all .5s;
}
.herz_microsite_ish .middleSection .navigatorMicro{
	padding: 4px 0 0 0;
	display: none
}
.herz_microsite_ish .navigatorMicro li{
	list-style: none;
	border-bottom:1px solid #aaa;
	
}
.herz_microsite_ish .navigatorMicro li a{
	text-decoration: none;
	padding: 8px 20px;
	display: block;
	font-size:1.2em;
	font-weight:lighter;
}

.herz_microsite_ish .navigatorMicro>li>ul{ padding: 0 0 0 0px; box-sizing: border-box}
.herz_microsite_ish .navigatorMicro>li>ul li{border-bottom: none}
.herz_microsite_ish .navigatorMicro>li>ul li{border-top: 1px solid #aaa}


.herz_microsite_ish .upperSection .lngNavigator li{
	list-style: none;
	margin-right: 10px; 
	
}
.herz_microsite_ish .upperSection .lngNavigator li a{
 text-decoration: none; 
 width: 100%; 
 font-size: 16px;
}

.herz_microsite_ish .middleSection{padding-top: 64px;}

.herz_microsite_ish .microElementsContainer .microElement{
	display: flex; 
	justify-content: space-around;
	width: 100%;
	
}
	
	.herz_microsite_ish .docVrsta3 a {

    background: url(../../site_images/icons/data_sheet.png) no-repeat;
    background-size: auto;
    background-size: 55px 55px;
    filter: grayscale(1);
		padding: 30px  55px

}

.herz_microsite_ish .microElementsContainer:nth-child(2n+1) {position: relative}
.herz_microsite_ish .microElementsContainer:nth-child(2n):after{content: ""; position: absolute; border-bottom: 2px solid #d33; width: 60%; right: 0; bottom: 0}
.herz_microsite_ish .microElementsContainer:nth-child(2n){position: relative}
.herz_microsite_ish .microElementsContainer:nth-child(2n+1):after{content: ""; position: absolute; border-bottom: 2px solid #d33; width: 60%; left: 0; bottom: 0}


.herz_microsite_ish .microElementsContainer:last-child:after{display: none}

.herz_microsite_ish .float-box .float-picture{float: right}
	.herz_microsite_ish .brochureCnt{
		display: flex; 
	}
	.herz_microsite_ish .brochureCnt .microElement{width: 50%}
.herz_microsite_ish .microElementsContainer .microElement > div{
width: 45%;}

.herz_microsite_ish .microElementsContainer .microElement .microElementText {
	margin: auto;
	width: 100%;	
}
.microElementsContainer 	.microElement	.featuresList{
			columns: 2;
	margin-left:10px;
			padding:0px;


	}
.microElementsContainer  .microElementText .featuresList li{
		list-style-type: none;
	line-height:1.4em;
	font-size:15px;

	padding: 0  10px 10px 10px;
  break-inside: avoid;
	position: relative;


	}
	.microElementsContainer  .microElementText .featuresList li:before{
		content:"";
		width: 16px; height:16px;
		position: absolute;
		background-image: url('../../cms_upload/uploads/herz-icon.png');
		background-size: cover;
		left:-16px; top:3px;
		
	}
	
	
	
	
.herz_microsite_ish .microElementText > ul li{list-style: none; margin-top: 5px!important;}

.herz_microsite_ish .microElementText ul li{list-style-type:  disc; padding-top: 5px; font-size: 16px}
.herz_microsite_ish .microElementsContainer .microElement .microElementPicture{
width:100%; display: block; margin: auto;}
.herz_microsite_ish .microElementsContainer .microElement .microElementPicture img{
width: 100%; display: block; margin: auto;}
	.herz_microsite_ish .microElementsContainer.brochureCnt .microElement .microElementPicture img{
		width:100%;
	}
	.herz_microsite_ish .microElementsContainer .microElement .microElementPicture.fixedHeightImage img{
width: auto; display: block; margin: auto; max-height:580px}
.herz_microsite_ish .microElementPicture p{font-size: 1.2em; line-height: 1.8em}

.herz_microsite_ish .pageBody ul{
	margin:0;
	padding:50px
}

.herz_microsite_ish .pageBody .navigatorMicro > ul{
	padding: 0;
}



.herz_microsite_ish .microElementText{
	padding:20px 40px;
	box-sizing: border-box;
	
}

.microElementText p{
	line-height:1.8em;
	font-size:1.3em;
	padding: 0 20px;
	background: #ddd
}
.microElementText h3{
	padding: 0 20px 20px 20px;
	font-size:2.4em;
	line-height:1.4em;
	letter-spacing: -.8px;
	background: #ddd
}



.herz_microsite_ish .uvodContainer{padding: 0 110px}
.herz_microsite_ish .uvodContainer h3{padding: 10px 0; font-size: 18px; }
.herz_microsite_ish .uvodContainer h4{padding: 10px 0; font-size: 18px; }
.herz_microsite_ish .uvodContainer ul{margin-top: -30px}
.herz_microsite_ish .uvodContainer ul li{padding: 5px 0; font-size: 16px;line-height:1.4em;}

.graphicLink{
	display: inline-block;
	width:25px;
	transform: rotate(45deg); 
}
.graphicLink .graphics{
	display: block;
	width:100%;
	
}

.herz_microsite_ish .shadow{
	box-shadow: 6px 6px 16px rgba(10,10,10,.8)
}


/*VERTICALNE I HORIZONTALNE LINIJE*/
.verticalLine {display: flex;position: fixed;z-index: -1; top: 0px; bottom: 0; }
.verticalLine div{outline: 1px solid rgba(255,255,255,.2); height: 100vw;}
.horizontalLine{position: absolute; z-index: 1; width: 100%; z-index: -1000}
.horizontalLine div{outline: 1px solid rgba(255,255,255,.2); height: 160px!important;}
	
	/*TABLES FEATURES*/

	.featuresTable{
		border-collapse: collapse;
		width:530px;
		margin: 20px
	}
	
	.featuresTable tr td{
		padding: 6px 16px;
		border:1px solid #aaa;
	}
		.featuresTable tr:first-child td{
		font-weight:bold;	
	}
	.featuresTable td:last-child{
		text-align: center
	}
	#coll_middle .tableNotice{
		padding: 0 30px;
		
	}
	#coll_middle .tableNotice li{
		padding: 0;
		font-size:13px;
		line-height: 100%;
	}
	
	.graphicLink.bigLink{
		width: 60px;
		display: block;
		position: absolute;
		top:0px; right:280px;
	}
	
	.herz_microsite_ish .microElementsContainer.brochureCnt .microElement .microElementPicture{
width:300px; display: block; margin: auto;}
	#pageBody .microElementsContainer.brochureCnt .microElement .microElementText h3{
		text-align: right;
		width:100%;
		display: flex;
		justify-content: flex-end;
			position: relative;
	}
	
#pageBody .microElementsContainer.brochureCnt .microElement .microElementText h3 .naslovVeliki{

	color:#333;
	width: 300px;
	display: block;
	text-align: center;
	text-decoration: underline;
	
}

/*LINKOVI-DELUXE*/
.herz_microsite_ish .linkovi li{list-style: none; margin:10px auto; width: 300px; background: #ccc; position: relative}
.herz_microsite_ish .linkovi a{display: inline-block; width: 100%; text-decoration: none;}
.herz_microsite_ish .linkovi img{width: 50px;}
.herz_microsite_ish .linkovi li:before{content: ""; position: absolute; right: 10px; top: 10px; border-left: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; width: 15px; 
	height: 15px; transform: rotate(-140deg)}


.herz_microsite_ish .inline-boks li{display: flex}
.herz_microsite_ish .inline-boks li .microElementPicture{ }
.herz_microsite_ish .inline-boks li .microElementPicture img{width: 300px; display: block;}

/*FOOTER*/
.herz_microsite_ish .bottomSection{
background: #bfbfbf; width: 100%;
}
.herz_microsite_ish .bottomSection ul li span{display: inline-block; width: 18px; margin-right: 5px}
.herz_microsite_ish .bottomSection ul li span img{width: 100%; display: block; }
.herz_microsite_ish .bottomSectionLeft  {display: flex;width: 45%; margin-left: 40px; }
.herz_microsite_ish .bottomSectionLeft img{box-sizing: border-box; display: block; width: 100%}
.herz_microsite_ish .bottomSectionLeft .footerImage{width: 200px; display: block;  padding: 30px 0px 30px 40px; box-sizing: border-box; }
.herz_microsite_ish .bottomSectionLeft ul{padding: 30px 0px 0px 20px; box-sizing: border-box;width: 100%;}
.herz_microsite_ish .bottomSectionLeft ul li{list-style: none; padding-top: 5px;width: 100%;}

}

/*MOBILNA*/

@media only screen and (max-width: 600px){
	
	.herz_microsite_ish .oblast_zaglavlja,
	.herz_microsite_ish .oblast_futera,
	.cntBack{display: none;}
	
	/*HEADER*/
	.herz_microsite_ish .oblast_sadrzaja{margin: 0; position: relative;}
	.herz_microsite_ish .microUpperLeft {border-bottom: 1px solid red; }
	.herz_microsite_ish .microUpperLeft a{width: 100px; display: block; position: absolute; top: 10px; left: 15px;}
	.herz_microsite_ish .microUpperLeft img{width: 100%; }
	.herz_microsite_ish .pageTitle{padding-top: 60px; color: #555}
	.herz_microsite_ish .lngNavigator{position: absolute; top: 10px; right: 10px; display: flex;}
	.herz_microsite_ish .lngNavigator li{list-style: none; margin-right: 10px}
	
	/*NAVIGACIJA*/
	.herz_microsite_ish .middleNavigator{position: absolute; right: 10px; }
	.herz_microsite_ish .navigatorMicro{display: none;margin-right: 10px; margin-left: auto; width: 200px}
	.herz_microsite_ish .navigatorMicro li{list-style: none; padding-top: 10px; border: 1px solid #ddd; background: #fff;}
	.herz_microsite_ish .navigatorMicro li a{text-decoration: none; padding: 0 10px; display: block; }
	.herz_microsite_ish .navigatorStart{margin-right: 10px; margin-top: 10px; border: 1px solid #ddd; 
	width: 200px; margin-left: auto; padding: 5px 10px; box-sizing: border-box;  background: #fff;}


	/*PAGES*/
	.herz_microsite_ish .middleSection {background: #ddd}
	.herz_microsite_ish .pageBody{margin-top:10px; }
	.herz_microsite_ish .middleContent{padding: 50px 10px 0 10px; box-sizing: border-box}
	.herz_microsite_ish .microElement {list-style: none; padding: 20px 0}
	.herz_microsite_ish .microElementText p{font-size: 16px; line-height: 1.6em; margin-top: 10px}
	.herz_microsite_ish .microElementText h3{margin-top: 10px; font-size: 20px}
	
	/*RENOVA*/
 .herz_microsite_ish.catid_97 .middleContent{
		padding: 0 16px
	}
	
	.herz_microsite_ish.catid_97 #pageBody .microElement{
		display: flex;
		flex-direction: column;
	}
	
	.herz_microsite_ish.catid_97 #pageBody .microElement .microElementText{
		order: 2
	}
	
	.herz_microsite_ish.catid_97 #pageBody .microElement .microElementText h3{
		margin: 50px 0 20px
	}
	
	.herz_microsite_ish .featuresList{
		font-size: 16px;
		padding:10px;
	}
	
	
.microElementsContainer  .microElementText .featuresList li{
		list-style-type: none;
	line-height:1.4em;
	font-size:15px;

	padding: 0  10px 10px 10px;
  break-inside: avoid;
	position: relative;


	}
	.microElementsContainer  .microElementText .featuresList li:before{
		content:"";
		width: 16px; height:16px;
		position: absolute;
		background-image: url('../../cms_upload/uploads/herz-icon.png');
		background-size: cover;
		left:-16px; top:3px;
		
	}
	
	.featuresTable{
		border-collapse: collapse;
		width:100%;
		margin: 20px 0;
	}
	
	.featuresTable tr td{
		padding: 6px 16px;
		border:1px solid #aaa;
	}
		.featuresTable tr:first-child td{
		font-weight:bold;	
	}
	.featuresTable td:last-child{
		text-align: center
	}
	#coll_middle .tableNotice{
		padding: 0;
		
	}
	#coll_middle .tableNotice li{
		padding: 0;
		font-size:12px;
		line-height: 100%;
		list-style: none;
	}
	.brochureCnt .microElementText h3{
		position: relative;
		
	}
	
.herz_microsite_ish .microElementText .graphicLink.bigLink{
		width: 40px;height:40px;
		display: block;
		position: absolute;
		top:22px; right:18px;
	}
	.graphicLink.bigLink img{
		display:block;
		width:100%
	}
	.naslovVeliki {
		border:1px solid #333;
		padding: 20px 22px 14px 22px;
		margin:auto;
		text-align: left;
		display: block;
		text-decoration: none;
		background: #eee;
		border-radius:6px
	}

	
	
	
	
	/*link*/
	.herz_microsite_ish .graphicLink{width: 10px; }
	.herz_microsite_ish .graphics{width: 20px; display: inline-block; padding-left: 10px; transform: rotate(-45deg);}
	.herz_microsite_ish .microElementPicture{padding-top: 10px}
	
	/*BOTTOM*/
	.herz_microsite_ish .bottomSection{background: #bfbfbf}
	.herz_microsite_ish .bottomSectionLeft {display: flex; justify-content: space-around; padding: 10px 0;}
	.herz_microsite_ish .bottomSectionLeft .footerImage{width: 80px;}
	.herz_microsite_ish .bottomSectionLeft .footerImage img{width: 100%; display: block}
	.herz_microsite_ish .bottomSectionLeft ul li{list-style: none; padding-top: 5px}
	
}