testimonial style : demo 36

                        

                            

                                

                                    

                                        

                                            

                                                

                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non mi eget tellus suscipit consequat et at.
                                                
                                                

                                                    

                                                        
                                                    
                                                    
Williamson
                                                        Web Designer
                                                    
                                                
                                            

                                            

                                                

                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non mi eget tellus suscipit consequat et at.
                                                
                                                

                                                    

                                                        
                                                    
                                                    
kristiana
                                                        Web Developer
                                                    
                                                
                                            
                                        
                                    
                                
                            
                        
                    

                        
                        
                        

                        .demo{
                            background:#55a9ed;
                        }
                        .testimonial{
                            margin: 0 10px 75px;
                            position: relative;
                        }
                        .testimonial .description{
                            padding: 20px;
                            background-color: rgba(255, 255, 255, 0.25);
                            font-size: 24px;
                            font-style: italic;
                            color: #fff;
                            margin-bottom: 0;
                        }
                        .testimonial .testimonial-content{
                            padding: 10px 30px;
                            background: #fff;
                            position: absolute;
                            bottom: -75px;
                            right: 20px;
                        }
                        .testimonial .pic{
                            width: 70px;
                            height: 70px;
                            border-radius: 50%;
                            overflow: hidden;
                            float: left;
                            margin-right: 10px;
                        }
                        .testimonial .pic img{
                            width: 100%;
                            height: auto;
                        }
                        .testimonial-content .testimonial-title{
                            font-size: 16px;
                            font-weight: 600;
                            margin: 20px 0 0 0;
                            display: inline-block;
                        }
                        .testimonial-content .testimonial-title small{
                            display: block;
                            font-size: 12px;
                            font-style: italic;
                            margin-top: 10px;
                        }
                        .owl-theme .owl-controls{
                            text-align: right;
                            margin-top: 20px;
                        }
                        .owl-theme .owl-controls .owl-buttons div{
                            background: #a2a2a2;
                            border-radius: 0;
                            opacity: 1;
                            padding: 5px 10px;
                        }
                        .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: 480px){
                            .testimonial{
                                text-align: center;
                                margin-bottom: 0;
                            }
                            .testimonial .testimonial-content{
                                position: relative;
                                right: 0;
                                bottom: 0;
                            }
                        }
                    

                        
                        

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