testimonial style : demo 26

                        

                            

                                

                                    

                                        

                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo nulla dictum felis sollicitudin, euismod finibus augue vulputate. Sed aliquam, elit eu gravida dignissim, justo dolor vulputate ipsum, a dapibus purus dui vitae purus. Maecenas massa arcu, rhoncus sit amet risus quis, porta hendrerit arcu. Pellentesque sagittis pretium nibh, et.
                                            
                                            

                                                
                                            
                                            

                                                williamson
                                                Web Developer
                                            
                                        

                                        

                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo nulla dictum felis sollicitudin, euismod finibus augue vulputate. Sed aliquam, elit eu gravida dignissim, justo dolor vulputate ipsum, a dapibus purus dui vitae purus. Maecenas massa arcu, rhoncus sit amet risus quis, porta hendrerit arcu. Pellentesque sagittis pretium nibh, et.
                                            
                                            

                                                
                                            
                                            

                                                kristiana
                                                Web Designer
                                            
                                        
                                    
                                
                            
                        
                    

                        
                        
                        

                        .testimonial{
                            margin: 0 15px;
                        }
                        .testimonial .description{
                            position: relative;
                            font-size: 16px;
                            line-height:26px;
                            color: #696969;
                            padding: 25px 20px;
                            border:1px solid #d3d3d3;
                        }
                        .testimonial .description:after{
                            content: "";
                            width: 20px;
                            height: 20px;
                            background: #fff;
                            border-style: none none solid solid;
                            border-width: 0 0 1px 1px;
                            border-color: #d3d3d3;
                            position: absolute;
                            bottom: -11px;
                            left: 6%;
                            transform: skewY(-45deg);
                        }
                        .testimonial .pic{
                            width: 80px;
                            height: 80px;
                            border-radius: 50%;
                            overflow: hidden;
                            margin:20px 30px;
                            display: inline-block;
                            float: left;
                        }
                        .testimonial .pic img{
                            width: 100%;
                            height: auto;
                        }
                        .testimonial .testimonial-title{
                            display: inline-block;
                            text-transform: capitalize;
                            margin-top: 35px;
                        }
                        .testimonial .testimonial-title span{
                            color: #3498db;
                            display: block;
                            font-size:17px;
                            font-weight: bold;
                            margin-bottom: 10px;
                        }
                        .testimonial .testimonial-title small{
                            display: block;
                            font-size:14px;
                        }
                        .owl-theme .owl-controls{
                            position: absolute;
                            bottom: 10%;
                            right: 10px;
                        }
                        .owl-theme .owl-controls .owl-buttons div{
                            border-radius: 0;
                            background:#000;
                            padding: 3px 8px;
                        }
                        .owl-prev:before,
                        .owl-next:before{
                            content: "\f053";
                            font-family: "Font Awesome 5 Free"; font-weight: 900;
                            color: #fff;
                        }
                        .owl-next:before{
                            content: "\f054";
                        }
                        @media only screen and (max-width: 767px){
                            .testimonial .description{
                                font-size: 14px;
                            }
                            .testimonial .description:after{
                                    left: 14%;
                            }
                        }
                        @media only screen and (max-width: 479px){
                            .owl-theme .owl-controls{
                                bottom: 0;
                            }
                            .testimonial .description:after{
                                left: 18%;
                            }
                        }
                    

                        
                        

                        $(document).ready(function(){
                            $("#testimonial-slider").owlCarousel({
                                items:1,
                                itemsDesktop:[1000,1],
                                itemsDesktopSmall:[979,1],
                                itemsTablet:[768,1],
                                pagination: false,
                                navigation:true,
                                navigationText:["",""],
                                transitionStyle : "goDown",
                                autoPlay:false
                            });
                        });