.banner-image{ display: block; width: 100%; }
.slider__wrapper{ margin: 0px; padding: 0px; }

@media (min-width: 1px) {
	.slider .slider__nav{ bottom: 20px; }
	.slide-nav-item{ 
		display: inline-block; 
		height: 4px; 
		width: 27px;
		background-image: url(../../images/osren/home/MainBanner_Indicator_InActive-M.png);
	}
	.slide-nav-item-current{ /*background: #5ee1a7;*/
		background-image: url(../../images/osren/home/MainBanner_Indicator_Active-M.png)
	}
	.slide-nav-item:hover{ 
		background-image: url(../../images/osren/home/MainBanner_Indicator_Active-M.png)
	}

	.banner-a-m{ display: block; width: 100%; height: 100%; }
	.banner-image-n, .banner-image-d{ display: none; }
	
	.cubes-m{ position: relative; width: 100%; overflow: hidden; background: url(../../images/osren/home/body-background.png); padding-top: 10px; }
	.cubes-each-m{ position: relative; width: 100%; overflow: hidden; text-decoration: none; }
	.cubes-each-content-m{ position: relative; overflow: hidden; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; background-color: #163226; color: #5ee8ac; /*min-height: 155px;*/ }
	.cubes-each-content-m.last{ background: #081d14; }
	.cubes-each-content-m > .imageContainer{ position: relative; overflow: hidden; /*min-height: 155px;*/ /*width: 42%;*/width: /*135*/120px; float: left; text-align: center; }
	.cubes-each-content-m > .imageContainer > .image1{ width: 90%; }
	.cubes-each-content-m > .imageContainer > .image2{ width: 90%; }
	.cubes-each-content-m > .imageContainer > .image3{ width: 90%; }
	.cubes-each-content-m > .imageContainer > .image4{ width: 90%; }
	.cubes-each-content-m > .infoContainer{ position: relative; overflow: hidden; /*width: 58%;*/width: 54%; float: left;  padding-left: 13px; }
	.cubes-each-content-m > .infoContainer > .heading { color: #378663; text-transform: uppercase; letter-spacing: 0.5px; margin-top: /*10*/18px; margin-bottom: 2px; font-size: 10px; }
	.cubes-each-content-m > .infoContainer > .header{ position: relative; overflow: hidden; font-size: 17px; line-height: 19px; color: #5fe4a9; /*margin-top: 20px;*/ background: transparent; z-index: 0; }
	.cubes-each-content-m > .infoContainer > .minor{ position: relative; overflow: hidden; font-size: 12px; line-height: 15px; color: #c9c9c9; margin: 10px 0px; margin-top: 6px; }
	.cubes-each-content-m > .infoContainer > .link{ position: relative; overflow: hidden; /*display: block;*/ color: #000000; text-decoration: none; }
	.cubes-each-content-m > .infoContainer > .link > div { position: relative; overflow: hidden; background: #5fe4a9; float: left; padding: /*4px 15px 3px 9px*/3px 16px 2px 10px; font-size: 11px; font-weight: 700; margin-bottom: 20px; 
	/*
	background-image: url(../../images/osren/home/FeatBanner_pointer_B-M.png); 
	background-repeat: no-repeat; 
	background-position: calc(100% - 5px) center; 
	*/
	}
	.cubes-each-content-m > .infoContainer > .link > div  > img{ position:absolute; top: 5px; right: 5px; }
	.cubes-each-m:last-child > .cubes-each-content-m > .infoContainer > .link > div{ background-color: #c61118; color: #ffffff; /*background-image: url(../../images/osren/home/FeatBanner_pointer_W-M.png);*/ }

}

@media (min-width: 480px) {
	.cubes-each-content-m > .imageContainer { width: 155px; }
	.cubes-each-content-m > .infoContainer > .heading { font-size: 13px; }
	.cubes-each-content-m > .infoContainer > .header{ font-size: 28px; line-height: 25px; }
	.cubes-each-content-m > .infoContainer > .minor{ font-size: 18px; line-height: 22px; }
	.cubes-each-content-m > .infoContainer > .link > div{ font-size: 14px; }

}

@media (min-width: 768px) {
	.slide-nav-item{ 
		height: 6px; 
		width: 59px; 
		background-image: url(../../images/osren/home/MainBanner_Indicator_InActive.png)
	}
	.slide-nav-item-current{ /*background: #5ee1a7;*/
		background-image: url(../../images/osren/home/MainBanner_Indicator_Active.png)
	}
	.slide-nav-item:hover{ 
		background-image: url(../../images/osren/home/MainBanner_Indicator_Active.png)
	}
	
	.banner-image-n{ display: block; }
	.banner-image-m, .banner-image-d{ display: none; }
	
	.cubes-n{ position: relative; width: 100%; padding: 0; }
	.cubes-each-n{ position: relative; float: left; width: 25%; overflow: hidden; 
		display: block; text-decoration: none; }/*Marcus: Apparently display as inline-block will give problems*/
	.cubes-each-content-n:hover{ background-color: #081a12; }
	.cubes-each-content-n{ position: relative; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; /*height: 128px;*/ overflow: hidden; min-height: 145px;  }
	.cubes-each-content-n > .imageContainer{ display: none; }
	.cubes-each-content-n > .infoContainer{ float: none; min-height: none; padding: 17px; width: auto; }
	.cubes-each-content-n > .infoContainer > .heading{ margin: 0; font-size: 10px; color: #378663; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px; }
	.cubes-each-content-n > .infoContainer > .header{ margin: 0; font-size: 17px; line-height: 19px; }
	.cubes-each-content-n > .infoContainer > .minor{ font-size: 12px; line-height: 15px; margin-top: 5px; margin-bottom: 10px; }
	.cubes-each-content-n > .infoContainer > .link > div{ font-size: 11px; margin-bottom: 0px; font-weight: bolder; 
		letter-spacing: 0.9px; 
		background-image: url(../../images/osren/home/FeatBanner_Button-Pointer.png);
		background-position: calc(100% - 8px) calc(50% + 0px);
		background-repeat: no-repeat;
	}
	/*.cubes-each-content-n > .infoContainer > .link > div:hover{ background-color: ????}*/
	
	.cubes-each-n:last-child .cubes-each-content-n{ margin-right: 10px; }
	.cubes-each-n:last-child .cubes-each-content-n:hover{ background-color: #163226; }
	.cubes-each-n:last-child .cubes-each-content-n .infoContainer .link div{ background-color: #c61118; color: #ffffff; 
		background-image: url(../../images/osren/home/FeatBanner_Button-Pointer_White.png);
	}

}	

@media (min-width: 1280px) {
	.slider .slider-nav{ bottom: /*200*/30px; display: block; }
	.banner-image-d{ display: block; }
	.banner-image-m, .banner-image-n{ display: none; }
	
	.cubes-d{ /*position: absolute;*/ bottom: 0; background-image: none; background-color: /*rgba(95, 228, 169, 0.6)*/#46785a; /*max-width: 1330px; margin: 0 auto;*/ }
	.cubes-each-content-d{ height: /*165*/155px; }
	.cubes-each-content-d > .imageContainer{ display: block; width: 135px; }
	.cubes-each-content-d > .infoContainer{ display: block; } 
}

@media (min-width: 1440px) {
	.cubes-each-content-n > .infoContainer > .header{ font-size: 23px; line-height: 24px; }
}