/* carousel */

#quote-carousel 

{

  padding: 0 10px 30px 10px;

  margin-top: 30px 0px 0px;

}



/* Control buttons  */

#quote-carousel .carousel-control

{

  background: none;

  color: #222;

  font-size: 2.3em;

  text-shadow: none;

	padding-top: 10%;
	width: 5%;

}

/* Previous button  */

#quote-carousel .carousel-control.left 

{

  left: -12px;

}

/* Next button  */

#quote-carousel .carousel-control.right 

{

  right: -12px !important;

}

/* Changes the position of the indicators */

#quote-carousel .carousel-indicators 

{

  right: 50%;

  top: auto;

  bottom: 0px;

  margin-right: -19px;

}

/* Changes the color of the indicators */

#quote-carousel .carousel-indicators li 

{

  background: #c0c0c0;

}

#quote-carousel .carousel-indicators .active 

{

  background: #333333;

}

#quote-carousel img

{


}

/* End carousel */



.item blockquote {

    border-left: none; 

    margin: 0;

}



.item blockquote img {

    margin-bottom: 10px;

}



.item blockquote p:before {

    content: "\f10d";

    font-family: 'Fontawesome';

    float: left;

    margin-right: 10px;

}







/**

  MEDIA QUERIES

*/



/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) { 

    #quote-carousel 

    {

      margin-bottom: 0;

      padding: 0 40px 30px 40px;

      margin-top: 30px;

    }

    

}



/* Small devices (tablets, up to 768px) */

@media (max-width: 768px) { 

    

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    

    #quote-carousel .carousel-indicators {

        bottom: -20px !important;  

    }

    #quote-carousel .carousel-indicators li {

        display: inline-block;

        margin: 0px 5px;

        width: 15px;

        height: 15px;

    }

    #quote-carousel .carousel-indicators li.active {

        margin: 0px 5px;

        width: 20px;

        height: 20px;

    }

}