#slider {
	background: #ccc;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  max-width: 100%;
  margin: 0;
  bor der: 1px solid #ff0000;
  }

.rslides li {
  margin-left: 0px;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  /*border: 1px solid #ffff00;*/
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: right;
  width: 100%;
  max-width: 1024px;
  border: 0;
  margin: 0;
  }
  
.te xt-box {
	position:absolute;
	margin: 0;
}

.im g-title {
	padding: 0 0 2.45em 0;
	font-size: 3.25em;
	color: #1a171b;
}

.im g-desc {
	padding: 0em 0 0 0 ;
	font-size: 1.5em;
	max-width: 100%;
	color: #fff;
	text-transform: none;
}
@media screen and ( max-width: 1300px ) {	
	#slider {
		background: #ccc url(/UserFiles1/Images/design/nav-bg-clean.png) left top no-repeat;
	}
}
@media screen and ( max-width: 1024px ) {
	.rsl ides i mg {
		margin-right: 2em;
	}
	.te xt-box {
		margin-left: 2em;
	}
	.im g-title {
		font-size: 2.5em;
		padding: 1em 0 0 0;
	}
	.im g-desc {
		font-size: 1.2em;
	}
}
@media screen and ( max-width: 768px ) {
  .te xt-box {
	position: relative;
	margin: -1em 0 0 2em;
  }
  .i mg-title {
	padding: 0;
	font-size: 1.25em;
	text-shadow: 1px 1px 1px #fff;
  }
  .i mg-desc {
	display: none;
  }
  .rs lides img {
	  	float: none;
		width: 90%;
		margin: 0 auto;
		pad ding: 0 2em;
	}
}
@media screen and ( max-width: 480px ) {
  .t ext-box {
	margin: -1em 0 0 1em;
  }
}