#slider{overflow:hidden;width:460px;height:340px;float:left;}
#slider ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#slider li{float:left;width:460px;height:340px;position: relative;}
#slider li img{float:left;}
#slider .black{background:#000;margin:0px 0px 0px 230px;width:230px;height:357px;}
#slider .title{font-size:22px;color:#fff;font-family:Roboto-Medium;text-transform:uppercase;padding:50px 0px 0px 20px;}
#slider .desc{position: absolute; z-index: 200; top: 245px; left: 50px; color:#fff;font-size:22px;font-family:Roboto-Bold;}
#nav{display:none;position:absolute;margin:310px 0px 0px 250px;}
#nav div{width:6px;height:6px;background:#fff;float:left;margin:0px 10px 0px 0px;}
#nav div:hover{cursor:pointer;}
#nav #active{background:#999 !important;cursor:default;}

@media all and (min-device-width:700px) and (max-device-width:999px) and (orientation: portrait), all and (max-width:940px)
{
	#slider{overflow:hidden;width:460px;height:340px;margin:0px 0px -340px 0px;}
	#slider ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
	#slider li{float:left;width:460px;height:340px;}
	#slider li img{float:left;}
	#slider .black{background:#000;margin:0px 0px 0px 230px;width:230px;height:357px;}
	#slider .title{font-size:22px;color:#fff;font-family:Roboto-Medium;text-transform:uppercase;padding:50px 0px 0px 20px;}
	#slider .desc{position: absolute; z-index: 200; top: 245px; left: 50px; color:#fff;font-size:22px;font-family:Roboto-Bold;}
	#nav{position:absolute;margin:310px 0px 0px 250px;}
	#nav div{width:6px;height:6px;background:#fff;float:left;margin:0px 10px 0px 0px;}
	#nav div:hover{cursor:pointer;}
	#nav #active{background:#999 !important;cursor:default;}
}

@media all and (max-width:699px), all and (max-device-width:699px)
{
	#slider{overflow:hidden;width:600px;height:465px;margin:0px 0px 0px 0px;float:none;}
	#slider ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
	#slider li{float:left;width:600px;height:465px;}
	#slider li img{float:left;width:600px;}
	#slider #pic div{width:300px;height:465px;margin-left:298px;}
	#slider .black{background:#000;margin:-16px 0px 0px 300px;width:300px;height:465px;}
	#slider .title{font-size:30px;color:#fff;font-family:Roboto-Medium;text-transform:uppercase;padding:50px 0px 0px 20px;}
	#slider .desc{position: absolute; z-index: 200; top: 300px; left: 50px; color:#fff;font-size:26px;font-family:Roboto-Bold;}
	#nav{position:absolute;margin:-40px 0px 0px 330px;}
	#nav div{width:10px;height:10px;background:#fff;float:left;margin:0px 15px 0px 0px;}
	#nav div:hover{cursor:pointer;}
	#nav #active{background:#999 !important;cursor:default;}
}