/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: relative;
  z-index: 15;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
margin:0 0 0 0;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {

  text-align:center;

}
.carousel-inner > .item > img {
/*width:100%;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 450px;
  height: 600px;*/
}

 .client.carousel-inner > .item > img {width:236px; height:336px; margin:100px 0 0 106px;}
 .celeb.carousel-inner > .item > img {width:236px; height:336px; margin:100px 0 0 106px;}
 /*.celeb.carousel-inner > .item > img {width:485px; height:324px; clear:both;}*/

@media all and (min-width: 1001px) {
 /*.client.carousel-inner > .item > img {margin:0;padding:0;}*/
  /*.celeb.carousel-inner > .item > img {margin:110px 10px 20px 40px; padding:0;}*/
}

@media all and (max-width: 1000px) {
 /* .celeb.carousel-inner > .item > img {width:100%;height:auto; margin:0; padding-top:20px;}
  .celeb.carousel-inner > .item > p {padding:15px 0 20px 0;}*/

  .client.carousel-inner > .item > img {width:auto; height:auto; margin:30px;}
  .celeb.carousel-inner > .item > img {width:auto; height:auto; margin:30px;}
  .carousel-inner > .item > img {width:auto; height:auto; margin:0;}
}