.inner {
	width: 860px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { 

.inner {
	width: 100%;
	padding: 0;
	margin: 0;
}


}

@media only screen and (min-width: 320px) {

.inner {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}



}

@media only screen and (min-width: 481px) {

.inner {
	width: 460px;
	margin-right: auto;
	margin-left: auto;
}
}

@media only screen and (min-width: 741px) { 
.inner {
	width: 740px;
}

}

@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

.inner {
	width: 1024px;
}

}

@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

.inner {
	width: 708px;
}
	
}

@media 
only screen and (min-width: 1024px) {

.inner {
	width: 860px;
}

}