.carousel-wrap {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: relative;
}

.carousel-wrap2 {
    margin: 0 auto;
    padding: 0;
    width: 90%;
    position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item, .owl-carousel2 .item {
  position: relative;
  margin:0 0 10px;
  z-index: 100;
  overflow:hidden;
  height:410px;
}

.owl-carousel .item:hover {

}

.owl-carousel .item > .img{width:100%; height:auto;}
.owl-carousel .item > .img2{width:100%; height:386px; margin:0 auto;}
.owl-carousel .item > span {display:block; text-align:justify; font-size:18px; padding:70px 80px 70px 60px;}
.owl-carousel .item > span:before {content:""; padding:50px 50px; background:url(../images/quote.png) no-repeat left top;}

.owl-carousel .item > h1{display:block; width:100%;
color: #900;
padding:5px 2px; position:absolute; left:2%; bottom:10%; z-index:1000; font-size:16px; font-family:arial; font-weight:bold;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+69,ffffff+100&1+0,1+70,0+100 */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 69%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 69%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.owl-carousel .item > img{width:180px; height:362px; margin:0 auto;}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #ffffff;
}

.owl-nav i {
  font-size: 62px;
}

.owl-nav .owl-prev {
  left: 10px;
}

.owl-nav .owl-next {
  right: 10px;
}

@media (max-width: 800px) {
.carousel-wrap {
    margin: 20px auto 0;
}

.owl-carousel .item, .owl-carousel2 .item {
  position: relative;
  margin:0 0 10px;
  z-index: 100;
  overflow:none;
  height:auto;
}

.owl-carousel .item > h1{display:block; width:100%;
color: #900;
padding:5px 2px; position:absolute; left:2%; bottom:3%; 
font-size:13px;
}

}

@media (max-width: 580px) {		
.owl-carousel .item > .img2{width:100%; height:260px; margin:0 auto;}
}

@media (max-width: 580px) {
.carousel-wrap {
    margin: 15px auto 0;
}

}

@media (max-width: 450px) {
.carousel-wrap {
    margin: 15px auto 0;
}
}