.carouselHolder
{
	background:#11405f;
	position:relative;
	}
	
.carouselHolder h3
{
	padding:0px 20px;
	text-transform:uppercase;
	font-size:100%;
	}

.carousel
{
	padding:0px 10%;
	}

.viewMore
{
	position: absolute;
	width: 100%;
	margin-top:10px;
	background:#333;
}

.viewMore a
{
	margin:5px;
	float:left;
	
	}
.carousel-pills {
  text-align:center;
	float: right;
	padding:4px 5px 7px 0px;
}

.carousel-pills span {
  display: inline-block;
  margin: 0px 3px;
  width: 7px;
  height: 7px;
  background:#FFF;
  cursor: pointer;

}

.carousel-pills >.active-pill {
  display: inline-block;
  margin: 0px 3px;
  width: 7px;
  height: 7px;
  background:#08c;
  cursor: pointer;

}

@media (max-width: 480px) {
	
	.viewMore
	{
		position: relative;
		width: 100%;
		margin-top:10px;
		background:#333;
	}
	
	.carouselHolder {
		padding: 10px 0px;
	}
	
		
	.viewMore
	{
		text-align:center;
	}
	
	.viewMore a
	{
		float:none;}
	
	.carousel-pills {	
		text-align:center;
		float: none;
		padding: 0px 5px 7px;
	}
	
}

@media (max-width: 766px) {
	
	

}

@media (max-width: 979px)
{

	
	}
@media (max-width: 979px) and (min-width: 768px) {
	
.carouselHolder h3
{
	font-size:110%;
	}

}