/* ----------- iPhone ----------- */

@media only screen /* ----------- iPhone 4 and 4S ----------- */
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	.hero-KHD {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-xs.jpg) fixed no-repeat right -100px;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-xs.jpg) fixed no-repeat left 0;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-xs.jpg) fixed no-repeat center bottom;
	}
		.logo-hero {
		width: 150px;
	}
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	.hero-KHD {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-md.jpg) fixed no-repeat right -100px;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-md.jpg) fixed no-repeat left 0;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-md.jpg) fixed no-repeat center bottom;
	}
		.logo-hero {
		width: 150px;
	}
}
@media only screen /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	.hero-KHD {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-xs.jpg) fixed no-repeat right -100px;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-xs.jpg) fixed no-repeat -30vW 1rem;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-xs.jpg) fixed no-repeat center bottom;
	}
		.logo-hero {
		width: 75px;
	}
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	.hero-KHD {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-md.jpg) fixed no-repeat right -100px;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-md.jpg) fixed no-repeat -30vW 1rem;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-md.jpg) fixed no-repeat center bottom;
	}
		.logo-hero {
		width: 100px;
	}
}
@media only screen /* ----------- iPhone 6, 6S, 7 and 8 ----------- */
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	/* .hero-KHD {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-xs.jpg) fixed no-repeat right -100px;
	} 
	
	
		background-position: right -400px;
		background-attachment: fixed;
		background-size: auto;
		background-position: right center;
		background-color: crimson;
	*/
	/* Android + iOS ok */
	.hero-KHD {
		background-color: white;
		background-image:url(/Data/Sites/1/skins/KHD/img/hero-khd-md.jpg);
		background-size:auto;
		background-repeat: no-repeat;
		background-position: center -100px ;
        background-repeat:no-repeat;
        background-attachment:fixed;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-md.jpg) fixed no-repeat -30vW 1rem;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-md.jpg) fixed no-repeat center bottom;
	}
		.logo-hero {
		width: 75px;
	}
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	/* .hero-KHD {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-md.jpg) fixed no-repeat right -100px;
	} */
	/* Android + iOS ok */
	.hero-KHD { 
		background-color: white;
		background-image:url(/Data/Sites/1/skins/KHD/img/hero-khd-md.jpg);
		background-size:auto;
		background-repeat: no-repeat;
		background-position: center -100px ;
        background-repeat:no-repeat;
        background-attachment:fixed;
	/*iOS ok */
		/*background-color: crimson;
		background-image:url(/Data/Sites/1/skins/KHD/img/hero-khd-md.jpg);
		background-repeat: no-repeat;
		background-size:contain;
        background-repeat:no-repeat;
        background-position: right 0;
        background-attachment:fixed;*/
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-lg.jpg) fixed no-repeat -35vW 0rem;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-lg.jpg) fixed no-repeat center bottom;
	}
		.logo-hero {
		width: 150px;
	}
}

@media only screen /* ----------- iPhone 6+, 7+ and 8+ ----------- */
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.hero-KHD {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-md.jpg) fixed no-repeat right -100px;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-md.jpg) fixed no-repeat  -50vW 1rem;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-md.jpg) fixed no-repeat center bottom;
	}
		.logo-hero {
		width: 75px;
	}
}
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	.hero-KHD {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-lg.jpg) fixed no-repeat right -100px;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-lg.jpg) fixed no-repeat  -50vW 1rem;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-lg.jpg) fixed no-repeat center bottom;
	}
		.logo-hero {
		width: 100px;
	}
}

@media only screen /* ----------- iPhone X ----------- */
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.hero-KHD {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-xs.jpg) fixed no-repeat right -100px;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-xs.jpg) fixed no-repeat  -50vW 1rem ;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-xs.jpg) fixed no-repeat center bottom;
	}
		.logo-hero {
		width: 75px;
	}
}



@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	.hero-KHD {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-lg.jpg) fixed no-repeat right -100px;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-lg.jpg) fixed no-repeat  -50vW 1rem ;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-lg.jpg) fixed no-repeat center bottom;
	}
		.logo-hero {
		width: 100px;
	}
}

/* 11.2019 */

/* Screen size middle - Tablet portrait and landscape */
@media all 
	and (min-device-width: 668px) 
	and (max-device-width: 1199px) 
	and (orientation: portrait)  
	{
	.hero-KHD {
		background-color:white;
		background-image:url(/Data/Sites/1/skins/KHD/img/hero-khd-lg.jpg);
		background-size:auto;
		background-repeat: no-repeat;
		background-position: center -200px ;
        background-attachment:fixed;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-lg.jpg) fixed no-repeat 0 0;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-lg.jpg) fixed no-repeat center bottom;
	}
	.logo-hero {
		width: 200px;
	}
}
/* Screen size middle - Tablet portrait and landscape */
@media all 
	and (min-device-width: 668px) 
	and (max-device-width: 1199px) 
	and (orientation: landscape)  
	{
	.hero-KHD {
		background-color:white;
		background-image:url(/Data/Sites/1/skins/KHD/img/hero-khd-lg.jpg);
		background-size:auto;
		background-repeat: no-repeat;
		background-position: center -200px ;
        background-attachment:fixed;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-lg.jpg) fixed no-repeat 0 0;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-lg.jpg) fixed no-repeat center bottom;
	}
	.logo-hero {
		width: 200px;
	}
}

/* Screen size large */
@media all 
	and (min-device-width: 1200px) 
	and (max-device-width: 2048px)
    and (orientation: portrait)
	{
	.hero-KHD {
		background-color:white;
		background-image:url(/Data/Sites/1/skins/KHD/img/hero-khd-xl.jpg);
		background-size:auto;
		background-repeat: no-repeat;
		background-position: center -400px ;
        background-attachment:fixed;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-xl.jpg) fixed no-repeat 0 top   ;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-xl.jpg) fixed no-repeat center bottom;
	}
}

@media all 
	and (min-device-width: 1200px) 
	and (max-device-width: 2048px)
    and (orientation: landscape)
	{
	.hero-KHD {
		background-color:white;
		background-image:url(/Data/Sites/1/skins/KHD/img/hero-khd-xl.jpg);
		background-size:auto;
		background-repeat: no-repeat;
		background-position: center -400px ;
        background-attachment:fixed;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-xl.jpg) fixed no-repeat 0 top;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-xl.jpg) fixed no-repeat center bottom;
	}	
}


/* Screen size very large */
@media only screen 
	and (min-device-width: 2049px)
	and (max-device-width: 4000px)
    and (orientation: landscape)
	{
	.hero-KHD {
		background-color:white;
		background-image:url(/Data/Sites/1/skins/KHD/img/hero-khd-xl.jpg);
		background-size:auto;
		background-repeat: no-repeat;
		background-position: center -400px ;
        background-attachment:fixed;
	}
	.hero-KHD-all, .hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-xxl.jpg) fixed no-repeat 0 top   ;
	}
	.hero-KHD-cards {
		background: white url(/Data/Sites/1/skins/KHD/img/hero-khd-cards-xl.jpg) fixed no-repeat center bottom;
	}	
} 

/* Screen size very large
@media only screen 
	and (min-device-width: 2049px) 
	and (max-device-width: 4000px)
    and (orientation: landscape)
	{
	.hero-KHD {
		background-color:white;
		background-image:url(/Data/Sites/1/skins/KHD/img/hero-khd-xl.jpg);
		background-size:auto;
		background-repeat: no-repeat;
		background-position: center -400px ;
        background-attachment:fixed;
	}
	.hero-KHD2 {
		background: white url(/Data/Sites/1/skins/KHD/img/hero2-khd-xxl.jpg) fixed no-repeat center top   ;
	}
} */