.slideHeight{
	height: 400px;
}
.carousel-indicators li
{
	background-color: var(--redColor);
	border-color: var(--redColor);
}

.carousel-control,
.carousel-control:hover,
.carousel-control:focus
{
	color: var(--redColor);
}

/* ////////////////////////// */
/* brand slider css */
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 0;
  border: none;
  background-color: none;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  font-size: 20px;
  color: var(--whiteColor);
  text-align: center;
  text-shadow: none;
}
.carousel-control.left {
	background-image: none;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
}

.carousel-control {
  padding-top:10.25%;
  width:5%;
}
.carousel-caption{
	width: 40%;
	left: 60%;
	top: 5%;
	text-align: left;
}
.carousel-caption h3{
	font-size: 80px;
	text-shadow: none;
	font-family: impact;
	line-height: 80px;
	text-align: left;
  color: var(--whiteColor);
	

}
.carousel-caption h3 small{
	font-size: 70px;
	font-family: impact;
	color: var(--whiteColor);
	line-height: 60px;
}
.carousel-caption p{
	font-size: 14px; 
	color: #FFFFFF;
	text-shadow: none;
}
.carousel-caption p span{
	font-size: 24px;
}
.carousel-caption .sliderDesc{
	font-size: 40px;
	color: #FFFFFF;
}
.carousel-caption p a{
	
	border-radius: 0px;
}

@media(max-width: 500px){
	#myCarousel{
		height: 50%;
	}
	
   .carousel-caption{
	width: 40%;
	left: 50%;
	top: 5%;
	text-align: left;
	}
	.carousel-caption h3{
		font-size: 20px;
		text-shadow: none;
		font-family: impact;
		line-height: 20px;
		text-align: left;
		

	}
	.carousel-caption h3 small{
		font-size: 14px;
		font-family: impact;
		color: var(--whiteColor);
		line-height: 20px;
	}
	.carousel-caption p{
		font-size: 14px; 
		color: #FFFFFF;
		text-shadow: none;
	}
	.carousel-caption p span{
		font-size: 12px;
	}
	.carousel-caption .sliderDesc{
		font-size: 16px;
		color: #FFFFFF;
	}
	.carousel-caption p a{
		background-color: #FFFFFF;
		border: 1px solid #FFFFFF;
		border-radius: 0px;
	}
  }



.sliderDesc a {
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
}