<section class="testimonial-area">
<div class="container">
<div class="testimonial-titel">
<h1><span class="heighlight">T</span>estimonial</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod </p>
</div>
<div class="row">
<div class="col-md-offset-4 col-md-5">
<div class="slider slider-for">
<div class="testimonial-content">
<img src="img/testimonial/test-1.png" alt="" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span><i class="zmdi zmdi-quote"></i></span> </p>
<span class="name-titel">Kausar Al Mamun</span>
</div>
<div class="testimonial-content">
<img src="img/testimonial/test-2.png" alt="" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span><i class="zmdi zmdi-quote"></i></span> </p>
<span class="name-titel">Nirob Khan</span>
</div>
<div class="testimonial-content">
<img src="img/testimonial/test-3.png" alt="" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet. <span><i class="zmdi zmdi-quote"></i></span> </p>
<span class="name-titel">Salim Rana</span>
</div>
<div class="testimonial-content">
<img src="img/testimonial/test-1.png" alt="" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span><i class="zmdi zmdi-quote"></i></span> </p>
<span class="name-titel">Zenaul Islam</span>
</div>
</div>
</div>
<div class="col-md-3 hidden-sm hidden-xs">
<div class="slider slider-nav">
<div class="teominial-nav">
<img src="img/testimonial/test-sm-3.png" alt="" />
<span>Kausar Al Mamun</span>
</div>
<div class="teominial-nav">
<img src="img/testimonial/test-sm-1.png" alt="" />
<span>Nirob Khan</span>
</div>
<div class="teominial-nav">
<img src="img/testimonial/test-sm-2.png" alt="" />
<span>Salim Rana</span>
</div>
<div class="teominial-nav">
<img src="img/testimonial/test-sm-1.png" alt="" />
<span>Zenaul Islam</span>
</div>
</div>
</div>
</div>
</div>
</section>		

<div class="section-titel-hm-2">
<h2>Our Brand</h2>
</div>
<div class="row">
<div id="ourbrand-owl">
<div class="col-md-12"><img src="img/ourbrand/brand-1.jpg" alt="" /></div>
<div class="col-md-12"><img src="img/ourbrand/brand-2.jpg" alt="" /></div>
<div class="col-md-12"><img src="img/ourbrand/brand-3.jpg" alt="" /></div>
<div class="col-md-12"><img src="img/ourbrand/brand-4.jpg" alt="" /></div>
<div class="col-md-12"><img src="img/ourbrand/brand-5.jpg" alt="" /></div>
<div class="col-md-12"><img src="img/ourbrand/brand-6.jpg" alt="" /></div>
<div class="col-md-12"><img src="img/ourbrand/brand-1.jpg" alt="" /></div>
</div>
</div>						
										
									

										
.testimonial-area {
background: rgba(0, 0, 0, 0) url("img/section-bg/testomonial-bg.jpg") repeat scroll center center / cover ;
padding: 50px 0;
}
.testimonial-titel {
color: #fff;
text-align: center;
}
.testimonial-titel > h1 {
font-size: 20px;
margin: 0 0 8px;
}
.testimonial-content > img {
z-index: 2147483647 !important;
}
.testimonial-content p {
background: #fff none repeat scroll 0 0;
border-radius: 5px;
color: #666666;
margin: -32px 0 0 60px;
padding: 25px 35px 25px 45px;
z-index: -999999;
}
.testimonial-content p span {
color: #444444;
font-size: 15px;
margin-left: 45%;
}
.testimonial-content span.name-titel {
color: #ffffff;
float: right;
font-weight: 700;
margin-top: 8px;
}
.slider-nav {
margin-left: 105px;
}
.slick-track {
width: 105px;
}
.teominial-nav {
margin-bottom: 25px;
}
.teominial-nav > span {color:#fff;font-size:13px;margin-top: 4px;}
.slick-arrow {
background: transparent none repeat scroll 0 0;
border: medium none;
color: #fff;
font-size: 28px;
left: 37%;
line-height: 5px;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}
.slick-arrow i.zmdi.zmdi-chevron-right {
margin-left: 30px;
}
.testimonial-content > img {
margin-top: 50px;
z-index: 2147483647 !important;
}
.testimonial-titel > p {
margin: 0 0 6px;
}
.home-two .testimonial-area {
background: rgba(0, 0, 0, 0) url("img/section-bg/testomonial-bg-2.jpg") repeat scroll center center / cover ;
padding: 90px 0;
}
.home-two .testimonial-area .section-titel-hm-2 h2 {
color: #fff;
text-align: center;
}
.home-two .testimonial-area .section-titel-hm-2::before {
background: #fff none repeat scroll 0 0;
bottom: 0;
left: -95px;
margin: 0 auto;
right: 0;
}
.home-two .slider-nav {
margin-left: 0;
margin-top: 50px;
}
.home-two .slick-arrow {
left: 16px;
margin: 20px auto;
}
.home-two .testimonial-content p {
background: transparent none repeat scroll 0 0;
border-radius: 0;
color: #fff;
margin-bottom: 0;
margin-left: 0;
margin-top: 17%;
padding: 25px 20% 30px 0;
}
.home-two .testimonial-content span.name-titel {
float: left;
margin-top: 0;
}
.home-two .testimonial-content p span {
color: #fff;
font-size: 15px;
margin-left: 0;
}
										
									

										
$('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: true,
  fade: true,
  asNavFor: '.slider-nav',
});
$('.slider-nav').slick({
  slidesToShow: 2,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: false,
  centerMode: false,
  arrows: false,
  focusOnSelect: true,
  vertical: true,
});	 
			
/*Our Brand Js*/			
$("#ourbrand-owl").owlCarousel({
autoPlay: false,
slideSpeed:2000,
pagination:false,
navigation:true,
items : 6,
navigationText:["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
itemsDesktop : [1199,6],
itemsDesktopSmall : [980,3],
itemsTablet: [768,3],
itemsMobile : [479,1],
});