.quotes{
  position: relative;
  display: flex;
  flex-direction: column;
}


.quote-text, .is-preview .quote-text{
  position: relative;
  z-index: 1;
  font-size: 20px;
	color: #555555;
}

.quote-grid, .is-preview .quote-grid{
  grid-template-columns: auto auto auto;
  grid-gap: 0 2%;
  margin: 30px 0;
}

.quote-grid p:first-child{
	margin: 5px 0;
}

.quote-slide .item{
    text-align: center;
}

.quote-slide{
	overflow: hidden;
}

.quote-slide .owl-stage {
  display: flex;
  align-items: center;
}


.quote-slide .grid-item img, .is-preview .quote-slide .grid-item img{
  width: 100%;
}

.is-preview .quote-slide .item {
  display: none;
}

.is-preview .quote-slide .item:first-child {
  display: block;
}

.quote-company, .is-preview .quote-company{
	font-size: 18px;
}

.grid-item.quote-marks-start{
display: flex;
align-items: flex-start;
}

.grid-item.quote-marks-end{
  display: flex;
align-items: flex-end;
}

.quote-marks, .is-preview .quote-marks{
  font-size: 50px;
  height: 50px;
  display: flex;
  color: #116EB2;
}

.item .line{
  height: 6px;
  width: 120px;
  background-color: #ECA840;
  margin: 0 auto 30px;
}

.quote-name{
  color: #116EB2;
}

.quote-slide .owl-dots{
  padding: 10px;
}

.quote-slide .owl-dots .owl-dot{
  border: 2px solid #ffffff;
  width: 15px;
  height: 15px;
  background-color: #116EB2;
}

.quote-slide .owl-dots .owl-dot.active{
  background-color: #ECA840;
}

@media only screen 
      and (min-width: 0px) 
      and (max-width: 768px) 
{ 
  .quote-marks{
    font-size: 40px;
    height: 40px;
  }
	
}

/* @media only screen 
      and (min-width: 1800px) 
{ 
  .quote-text, .is-preview .quote-text{
    font-size: 25px;
  }
  
  .quote-company, .is-preview .quote-company{
    font-size: 22px;
  }
} */