/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: 15px;
}

/* 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
{
  width: 250px;
  height: 100px
}
/* 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;
}
.item blockquote p:after {
  content: "\f10e";
  font-family: 'Fontawesome';
  float: right;
  margin-right: 10px;
}


.btn {
  float: none;
  margin: 0;
  padding: 0;
  margin-left: 5px;
}

.LI-icon {
  max-width: 30px;
  max-height: 30px;
  margin: 2px !important;
  margin-right: 10px !important;
}

.col-sm-9 {
  text-align: left;
}


/**
  MEDIA QUERIES
*/
/* Small devices (tablets, 200px and down) */
@media screen and (max-width: 992px) { 
  .inline {
    text-align: center;
  }
  #quote-carousel 
  {
    text-align: center;
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
  }
  .col-md-8 {
    min-width: 249px;
  }
  .col-sm-3 {
    max-width: none;
    min-width: 100%;
    width: 100%;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  }
  .col-sm-9 {
    min-width: 65% !important;
    width: 65% !important;
    margin: auto;
    flex: initial;
    padding: 0;
  }
  .col-sm-9 p {
    text-align: center;
  }
  .img-cirlce {
    margin: auto;
  }
  .cit-btn-line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    text-align: center;
  }


  
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    .col-sm-9 {
      min-width: 65% !important;
      width: 65% !important;
      flex: initial;
      padding: 0;
    }
    .col-md-8 {
      min-width: 100%;
      margin: 0;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 992px) { 
    
    /* 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: block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
    
}

.btn{
  height: 40px;
  width: 300px;
  background: lightseagreen;
  margin:  0px;
  float: center;
  border:0px;
  color:#fff;
  box-shadow: 0 0 1px #ccc;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow:0px 0 0 #31708f  inset;
}

.btn:hover{
  -webkit-box-shadow: -200px 0 0 #31708f inset;
}

.bordercarr {
 /* border-radius: 25px;*/
  border-top: 2px solid lightseagreen;
  border-bottom: 2px solid lightseagreen;
  padding: 20px; 
  background: rgb(245, 255, 254);
}