@import url('https://fonts.googleapis.com/css2?family=Tinos:ital@1&display=swap');

.testimonials{width:100%; position:relative; margin:auto; margin-top: 100px;}

.testimonials .testimonial-box{margin:10px 15px 15px 15px; background-color: rgb(194,228,253,0.4); border-radius: 15px; padding: 35px;font-size: 16px; min-height: 150px; font-family: 'Tinos', serif;}

.testimonials .testimonial-box p{padding-top: 30px;}

.testimonials .testimonial-box p::before {content: '\201C'; position: absolute; font-family: 'Tinos', serif; color: #202020; font-size: 70px; top: 20px;}

.owl-nav{display: none;}

.owl-dots {text-align: center}

.owl-dot span { width: 10px; height: 10px; margin: 2px 4px; background: rgb(214,214,214,0.5); display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px;}

.owl-dot.active span{background: #398acc}

.author{font-family: 'calibri', sans-serif; text-align: right; font-size: 16px; font-weight: bold; padding-top: 20px;}

.author-from{font-family: 'calibri', sans-serif; text-align: right; font-size: 13px;}

@media (min-width: 901px) and (max-width: 1029px){
	.testimonials{width:90%; position:relative; margin:0 auto;}
}

@media (min-width: 1030px) and (max-width: 1150px){
	.testimonials{width:90%; position:relative; margin:0 auto;}
}

@media (min-width: 769px) and (max-width: 900px){
	.testimonials{ width:90%;}
}

@media (min-width: 601px) and (max-width: 769px){
	.testimonials{ width:90%;}
}

@media (max-width: 575px){
	.testimonials{ margin-bottom:30px; margin-top: 30px !important;}
}

@media (min-width: 576px) and (max-width: 767px){
	.testimonials{ margin-bottom:30px; margin-top: 50px !important;}
}

@media (min-width: 768px) and (max-width: 992px){
	.testimonials{ margin-bottom:30px; margin-top: 0px !important;}
}

@media  (max-width: 1200px){
	.testimonials{margin-top: 200px;}
}