.carousel-caption {
position: relative;
left: 0%;
right: 0%;
bottom: 0px;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
color: #fff;
text-shadow: none;
}
.carousel {
position: relative;
background-color: #3679B3;
}
.controllers {
position: absolute;
top: 0px;
}
.carousel-control.left, .carousel-control.right {
background-image: none;
}
.carousel-indicators {
display: none;
}
/* move carousel control to the center */
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
top: 100px;
}
.carousel-inner {
min-height: 350px;
}
@media (min-width: 768px) {
.col-sm-4, .col-sm-8 {
float: right;
}
.carousel-indicators {
width: 345px;
display: block;
position: relative;
top: 29.5rem;
text-align: center;
float: left;
left: 12.5rem;
}
.carousel-control.left {
left: 46rem;
padding-bottom: 31rem;
display:none;
}
.carousel-control.right {
left: 93rem;
padding-bottom: 31rem;
display:none;
}
/* carousel control */
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-next {
margin-top:auto;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
right: -30%;
margin-top:auto;
}
.borderColor {
border-style: solid;
border-color: white;
}
.carousel-caption{
left:7%;
}
.carousel-indicators .active {
width:14px;
height:14px;
}
.carousel-indicators li{
width:13px;
height:13px;
}
}
/*.carousel-control.left {
display: none;
}
.carousel-control.right {
display: none;
}*/
@media screen and (max-width: 481px) {
.carousel-caption {
top: 1rem;
}
}
