#demo .carousel-caption {  width: 100%; max-width: 100%; background: #3a78aa;  margin-left: 0;  height: 260px; line-height: 260px; text-align: center;  }
#demo .carousel-caption span {  display: inline-block; vertical-align: middle !important; overflow: auto; }
#demo .carousel-caption h4 {margin-top: 20px;}
#demo .carousel-indicators {  top: 90% !important; right: 0;  }
#demo { margin-top: -10px; z-index: 0; padding: 30px 0 0 0; border-radius: 10px;}
#demo .carousel-control-next, #demo .carousel-control-prev {  }
#demo h2 { color: #3a78aa; text-align: center;  font-weight: 900 !important; padding: 5px 0 10px 0; margin: 0 0 10px 0;}
#demo .quotes1 { font-size:45px; color:#FFFFFF; position: absolute; top: 24%; left: 3%;}
#demo .quotes2 { font-size:45px; color:#FFFFFF; position: absolute; bottom: 24%; right: 3%;}
#demo .carousel-control-next, #demo .carousel-control-prev {  width: 5%;  height: 220px; top: auto; }
#demo .col-4 { padding: 3px;}
@media (min-width: 992px)  { 
	.carousel-control-prev-icon, .carousel-control-next-icon { display: none; }
	#demo .carousel-caption {padding: 0.5% 2%;} 
	#demo {margin: 0 calc(51% - 50vw) 0 calc(51% - 50vw);}
	#demo .review { float: left;  margin: 0; padding: 0.5% 0; background: #3a78aa !important; border-radius: 10px; border: 3px solid #FFFFFF;;}
	#demo .reviewnext, #demo .reviewprev {  }
	#demo .carousel-item-right.active, #demo .carousel-item-next { transform: translateX(33.33%); }
	#demo .carousel-item-left.active, #demo .carousel-item-prev { transform: translateX(-33.33%); }
	#demo .carousel-item-right, #demo .carousel-item-left { transform: translateX(0);	}
	#demo .carousel-control-next, #demo .carousel-control-prev { height: 290px;  width: 33.3%; background: rgba(255,255,255, 0.7) !important;}
}
@media (max-width: 991px)  { 
	.quotes1 { font-size:38px; top: 5%; left: 1.5%;}
	.quotes2 { font-size:38px; bottom: 17%; right: 1.5%;}
	#demo .review { width: 100%; max-width: 100%; border: none; }
	#demo .reviewprev, #demo .reviewnext { display: none !important;}
	#demo .carousel-caption { border-radius: 10px; height: 200px; line-height: 200px; padding: 0 5%;}
}
@media (max-width: 480px)  { 
	#demo .carousel-caption {	line-height: 230px;    max-height: 250px;    height: 250px;   }
	#demo .carousel-indicators {  top: 95% !important; right: 0;  }
}