.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

/* slider 1 */
.container .iosSlider1Container {
	position: absolute;
	top: 0;
	left: 0;
	width: 460px;
	height: 382px;
	margin: 20px 0 0 0;
}

.container .iosSlider1Container .iosSlider1 {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	
	width: 100%;
	height: 382px;
}

.container .iosSlider1Container .iosSlider1 .slider {
	width: 100%;
	height: 100%;
}

.container .iosSlider1Container .iosSlider1 .slider .item {
	float: left;
	width: 100%;
	height: 100%;
}

.container .iosSlider1Container .iosSlider1 .slider .item1 {
	background: #999;
}

.container .iosSlider1Container .iosSlider1 .slider .item2 {
	background: #aaa;
}

.container .iosSlider1Container .iosSlider1 .slider .item3 {
	background: #ddd;
}

/* slider 2 */
.container .iosSlider2Container {
	position: absolute;
	top: 0;
	right: 0;
	width: 460px;
	height: 382px;
	margin: 20px 0 0 0;
}

.container .iosSlider2Container .iosSlider2 {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	
	width: 100%;
	height: 382px;
}

.container .iosSlider2Container .iosSlider2 .slider {
	width: 100%;
	height: 100%;
}

.container .iosSlider2Container .iosSlider2 .slider .item {
	float: left;
	width: 100%;
	height: 100%;
}

.container .iosSlider2Container .iosSlider2 .slider .item1 {
	background: #999;
}

.container .iosSlider2Container .iosSlider2 .slider .item2 {
	background: #aaa;
}

.container .iosSlider2Container .iosSlider2 .slider .item3 {
	background: #ddd;
}

/* next/prev */
.container .iosSlider2Container .iosSlider2 .next {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 40px;
	background: #000;
}

.container .iosSlider2Container .iosSlider2 .prev {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 40px;
	background: #000;
}

/* indicators */
.container .iosSlider2Container .iosSlider2 .indicatorsBlock {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	height: 10px;
}

.container .iosSlider2Container .iosSlider2 .indicatorsBlock .indicators {
	margin: 0 auto;
	width: 50px;
	height: 10px;
}

.container .iosSlider2Container .iosSlider2 .indicatorsBlock .indicators .item {
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 0 0 10px;
	background: #666;
}

.container .iosSlider2Container .iosSlider2 .indicatorsBlock .indicators .first {
	margin-left: 0;
}

.container .iosSlider2Container .iosSlider2 .indicatorsBlock .indicators .selected {
	background: #000;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	.container {
		width: 768px;
	}
	
	.container .iosSlider1Container,
	.container .iosSlider2Container {
		width: 364px;
		height: 322px;
	}
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {

	.container {
		width: 420px;
	}
	
	.container .iosSlider1Container,
	.container .iosSlider2Container {
		position: static;
		width: 420px;
		height: 382px;
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.container {
		width: 300px;
	}
	
	.container .iosSlider1Container,
	.container .iosSlider2Container {
		position: static;
		width: 300px;
		height: 275px;
	}

}