.container-banner {
				position: relative;
				height: 300px;
			}
			
			/* 
			 * below 900px, switch to percentage based responsive height.
			 * padding of 33.333% is calculated by using the 
			 * image ratio 300px/900px = .333 * 100% = 33.333% 
			 */
			@media screen and (max-width: 767px) {
				
				.container-banner {
					height: 15px;
					padding: 0 0 30.92783% 0;
				}
				
			}
			
			.sliderContainer {
				position: absolute;
				width: 100%;
				height: 100%;left: 0;top: 0;
			}

			.iosSlider {
				width: 100%;
				height: 100%;
			}
			
			.iosSlider .slider {
				width: 100%;
				height: 100%; margin: 0;
			}
			
			.iosSlider .slider .item {
				position: relative;
				top: 0;
				left: 0; display: block;
				
				max-width: 940px;
				width: 100%;
				height: 100%;overflow: hidden;
			}
			
			.iosSlider .slider .item .img,.iosSlider .slider .item video {
				position: relative;display:block;font-size:0;
				top: 0;
				left: 0;
				width: 100%;
				margin: 0 auto; 
			}