.image{
		height: 0;
		overflow: hidden;
		position: relative;
		background-position: 50% 0;
		background-repeat: no-repeat;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}

	.banner{
		margin: 0 0 3% 0; 
		width: 100%; 			
	}

	.viewport{
		height:0;
		width:100%;
		overflow: hidden;
		position:relative;
		margin-bottom: 3%;
	}

	.container{
		position:relative;
		height:100%;
	}

	.box{
		display:block;
		position:relative;
	}

	.box-left{
		float: left;
	}
	.box-right{
		float:right;
	}

	.ww-designforum-op .hero-homepage,
	.mw-designforum-op .hero-homepage{
		position:relative;
		width:100%;
		margin-bottom: 1%
	}

	.ww-designforum-op .hero-homepage-mob-1,
	.ww-designforum-op .hero-homepage-mob-2,
	.ww-designforum-op .hero-homepage-mob-3,
	.ww-designforum-op .hero-homepage-mob-4,
	.mw-designforum-op .hero-homepage-mob-1,
	.mw-designforum-op .hero-homepage-mob-2,
	.mw-designforum-op .hero-homepage-mob-3,
	.mw-designforum-op .hero-homepage-mob-4 {display: none;}

	.ww-designforum-op .hero-1{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-ww-df-op-hero-DNT?$JPG%20No%20Scale%2085pc$&scl=2); padding-bottom: 44.63%; width: 100%;}
	.ww-designforum-op .hero-2{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-ww-df-op-promo01-DNT?$JPG%20No%20Scale%2085pc$&scl=2); padding-bottom: 44.63%; width: 100%;}
	.ww-designforum-op .hero-3{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-ww-df-op-promo02-DNT?$JPG%20No%20Scale%2085pc$&scl=2); padding-bottom: 44.63%; width: 100%;}
	/*.ww-designforum-op .hero-4{background-image: url(); padding-bottom: 52.63%; width: 100%;}*/

	.mw-designforum-op .hero-1{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-mw-df-op-hero-DNT?$JPG%20No%20Scale%2085pc$&scl=2); padding-bottom: 44.63%; width: 100%;}
	.mw-designforum-op .hero-2{background-image: url(https://images.riverisland.com/is/content/RiverIsland/c20150918-mw-df-op-promo01-DNT?$JPG%20No%20Scale%2085pc$&scl=2); padding-bottom: 44.63%; width: 100%;}
	.mw-designforum-op .hero-3{background-image: url(https://images.riverisland.com/is/content/RiverIsland/c20150918-mw-df-op-promo02-DNT?$JPG%20No%20Scale%2085pc$&scl=2); padding-bottom: 44.63%; width: 100%;}
	/*.mw-designforum-op .hero-4{background-image: url(); padding-bottom: 52.63%; width: 100%;}*/


/* RETINA DISPLAY */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){

	.ww-designforum-op .hero-1{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-ww-df-op-hero-DNT?$JPG%20No%20Scale%2085pc$&scl=1); }
	.ww-designforum-op .hero-2{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-ww-df-op-promo01-DNT?$JPG%20No%20Scale%2085pc$&scl=1); }
	.ww-designforum-op .hero-3{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-ww-df-op-promo02-DNT?$JPG%20No%20Scale%2085pc$&scl=1); }
	/*.ww-designforum-op .hero-4{background-image: url(); }*/

	.mw-designforum-op .hero-1{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-mw-df-op-hero-DNT?$JPG%20No%20Scale%2085pc$&scl=1); }
	.mw-designforum-op .hero-2{background-image: url(https://images.riverisland.com/is/content/RiverIsland/c20150918-mw-df-op-promo01-DNT?$JPG%20No%20Scale%2085pc$&scl=1); }
	.mw-designforum-op .hero-3{background-image: url(https://images.riverisland.com/is/content/RiverIsland/c20150918-mw-df-op-promo02-DNT?$JPG%20No%20Scale%2085pc$&scl=1); }
	/*.mw-designforum-op .hero-4{background-image: url(); }*/
}

/* Small screen */

@media only screen and (max-width: 700px) {
	.ww-designforum-op,
	.mw-designforum-op {margin-top: 40px;}

	.ww-designforum-op .hero-1,
	.ww-designforum-op .hero-2,
	.ww-designforum-op .hero-3,
	.ww-designforum-op .hero-4,
	.mw-designforum-op .hero-1,
	.mw-designforum-op .hero-2,
	.mw-designforum-op .hero-3,
	.mw-designforum-op .hero-4 {display: none;}

	.ww-designforum-op .hero-homepage-mob-1{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-ww-df-op-hero-mobile-DNT?$JPG%20No%20Scale%2085pc$&scl=1); padding-bottom:96.67%; display: block;}
	.ww-designforum-op .hero-homepage-mob-2{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-ww-df-op-promo01-mobile-DNT?$JPG%20No%20Scale%2085pc$&scl=1); padding-bottom:96.67%; display: block;}
	.ww-designforum-op .hero-homepage-mob-3{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-ww-df-op-promo02-mobile-DNT?$JPG%20No%20Scale%2085pc$&scl=1); padding-bottom:165.67%; display: block;}
	.ww-designforum-op .hero-homepage-mob-4{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-ww-df-op-promo03-mobile-DNT?$JPG%20No%20Scale%2085pc$&scl=1); padding-bottom:96.67%; display: block;}

	.mw-designforum-op .hero-homepage-mob-1{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-mw-df-op-hero-mobile-DNT?$JPG%20No%20Scale%2085pc$&scl=1); padding-bottom:96.67%; display: block;}
	.mw-designforum-op .hero-homepage-mob-2{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-mw-df-op-promo01-mobile-DNT?$JPG%20No%20Scale%2085pc$&scl=1); padding-bottom:96.67%; display: block;}
	.mw-designforum-op .hero-homepage-mob-3{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-mw-df-op-promo02-mobile-DNT?$JPG%20No%20Scale%2085pc$&scl=1); padding-bottom:165.67%; display: block;}
	.mw-designforum-op .hero-homepage-mob-4{background-image: url(https://images.riverisland.com/is/image/RiverIsland/c20150910-mw-df-op-promo03-mobile-DNT?$JPG%20No%20Scale%2085pc$&scl=1); padding-bottom:96.67%; display: block;}

}