
@media all {
    .comment blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 17.5px;
        border-left: 5px solid #eee;
    }
    .comment .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .comment .th-haslayout {width: 100%;}
    .comment .th-sectionspace {
        padding: 120px 0;
        /*background: url('/2022/04/bgparallax-02-compressed.jpg');*/
        background-attachment: fixed;
        background-repeat: no-repeat;
    }
    .comment .th-btn {
        color: black!important;
        padding: 0 50px;
        position: relative;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        border: 2px solid #FF9999;
        text-transform: uppercase;
        font: bold 15px/40px 'Open Sans', Arial, Helvetica, sans-serif;
    }
    .comment .th-btn:hover {
        color: #fff;
        background: #FF9999;
        border-color: #FF9999;
    }
    .comment .th-sectionhead {
        width: 100%;
        float: left;
        padding: 0 0 45px;
        text-align: center;
    }
    .comment .th-sectiontitle h2 {
        margin: 0;
        color: #2d3e50;
        font-size: 36px;
        line-height: 28px;
        font-weight: 700;
    }
    .comment .th-parallaximg {position: relative;}
    .comment .th-parallaximg:before {
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        opacity: .9;
        position: absolute;
    }
    .comment .th-btnroundprev, .comment .th-btnroundnext {
        width: 30px;
        height: 30px;
        margin: 0 5px;
        color: #6b7986;
        display: block;
        line-height: 28px;
        border-radius: 50%;
        background: #2d3e50;
        border: 1px solid #6b7986;
    }
    .comment .th-btnroundnext:hover i {color: #2d3e50;}
    .comment .th-parallaximg.th-darkoverlay:before {background: #2d3e50;}
    .comment .th-testimonials {
        width: 100%;
        float: left;
    }
    .comment .th-testimonials .th-sectiontitle h2 {color: black;}
    .comment .th-testimonialslider {
        width: 100%;
        float: left;
    }
    .comment .th-testimonialslider .item {
        width: 100%;
        float: left;
        padding: 2px;
        margin: 25px 0 0;
    }
    .comment .th-testimonialslider .owl-controls .owl-buttons {
        bottom: -25px;
        right: 100px;
        padding: 10px 5px;
        position: absolute;
    }
    .comment .th-testimonial {
        width: 100%;
        float: left;
        color: black;
        height: 150px;
        padding: 30px;
        text-align: center;
        position: relative;
        border: 1px solid #5d6b79;
    }
    .comment .th-clientinfo {
        margin: -110px 0 0;
        display: inline-block;
        vertical-align: middle;
        padding: 5px 5px 7px 85px;
    }
    .comment .th-clientinfo h3 {
        color: black;
        margin: 0 0 4px;
        font-size: 20px;
        line-height: 23px;
        font-weight: 600;
    }
    .comment .th-testimonial blockquote {
        width: 100%;
        float: left;
        margin: 0;
        border: 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        font-style: italic;
        position: relative;
        padding: 0;
    }
    .comment .th-testimonial blockquote q {
        width: 100%;
        float: left;
    }
    .comment a, .comment a:hover, .comment a:focus, .comment a:active {
        color: #00adef;
    }
    .comment .th-parallaximg:before, .comment .th-btnroundprev:hover, .comment .th-btnroundnext:hover {
        background: #00adef;
    }
    .comment .th-testimonial blockquote:before, .comment .th-btnroundprev:hover, .comment .th-btnroundnext:hover {
        border-color: #00adef;
    }
}
@media all and (max-width: 1366px) {
    .comment *:after, .comment *:before, .comment a, .comment .th-btnroundprev, .comment .th-btnroundnext {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
}
@media all and (max-width: 1366px) and (max-width: 1199px) {
    .comment .th-sectiontitle h2 {
        font-size: 28px;
    }
    .comment .th-testimonial blockquote::before {
        top: -6px;
    }
}
@media all and (max-width: 1366px) and (max-width: 991px) {
    .comment .th-testimonial blockquote::before {
        top: 7px;
    }
}
@media all and (max-width: 1366px) and (max-width: 767px) {
    .comment .th-testimonial {
        height: auto;
    }
}
@media all and (max-width: 1366px) and (max-width: 567px) {
    .comment .th-btn {
        padding: 0 40px;
    }
}
@media all and (max-width: 1366px) and (max-width: 479px) {
    .comment .th-sectiontitle h2 {font-size: 24px;}
    .comment .th-sectiontitle h2 {font-size: 20px;}
    .comment .th-testimonial blockquote:before {
        left: 50%;
        top: -35px;
        margin: 0 0 0 -45px;
    }
}
@media all and (max-width: 1366px) and (max-width: 359px) {
    .comment .th-sectiontitle h2 { font-size: 22px;}
}
.comment .th-sectionspace {padding: 30px 0;}
.comment .th-sectionhead { padding: 0 0 5px;}
.comment .th-sectiontitle {padding: 5px 0 5px;}
.comment .th-sectionspace {padding: 35px 0;}
/*.comment .th-testimonials .th-sectiontitle {background: url(/2022/04/pattern-04.png) no-repeat 50% 100%;}*/
/*.comment .th-clientinfo {background: url(/2022/04/icon-01.png) no-repeat 5px 2px;}*/
.comment .th-testimonial blockquote:before {visibility: hidden;}
.comment .th-parallaximg.th-darkoverlay:before {background: #ffcccc;}
.comment .owl-nav {
    position: absolute;
    bottom: -22px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    margin: 0 -60px;
}
.comment .owl-carousel .owl-nav button.owl-next, .comment .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    background: #FF9999;
    border-radius: 100%;
}
.comment .owl-carousel .owl-nav button.owl-next span, .comment .owl-carousel .owl-nav button.owl-prev span {
    color: white;
    font-size: 18px;
}
@media(max-width:768px){
    .th-clientinfo p{
        color:#440147;
        padding-top: 30px;
    }
   .comment .th-clientinfo{background-position-y: 33px !important;}
}