.testimonial {
  font-family: Open Sans,sans-serif;
  position: relative;
}
.quote-box {
  display: none;
  text-align: center;
  padding: 0 50px;
}
.quote-box blockquote {
  padding: 1em 2em;
  line-height: 1.6;
  position: relative;
  margin: 0px;
}
.quote-box blockquote::before, .quote-box blockquote::after {
  top: 50%;
  position: absolute;
  margin-top:-48px;
}
.quote-box blockquote::before{
  content: "\201C";
  left: 0px;
}
.quote-box blockquote::after{
  content: "\201D";
  right: 0px;
}
.quote-arrows .previous, .quote-arrows .next {
  cursor: pointer;
  position: absolute;
  width: auto;
  margin-top: -30px;
  font-weight: bold;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
.quote-arrows .next {
  position: absolute;
  right: 10px;
  border-radius: 3px 0 0 3px;
}
ul.quote-dots {
  list-style: none;
  width: 100%;
  text-align: center;
  padding: 10px;
}
ul.quote-dots li {
  cursor: pointer;
  display: inline-block;
  margin: 5px;
}

@media (max-width: 768px) {

  .quote-container {
    margin: -40px -10px !important;
  }
  
  .quote-box {
    padding: 0 10px;
  }
  .quote-box blockquote {
  	padding: 1em;
  }
  .quote-box blockquote::before, .quote-box blockquote::after {
  	top: auto;
    font-size: 70px !important;
  }
  .quote-arrows .previous, .quote-arrows .next {
    padding: 0px !important;
}