/* =Testimonial Bubbles
----------------------------------------------- */
.the-testimonials {
    overflow: hidden;
    margin-top: 50px;
}

.testimonial-col {
    float: left;
    width: 45%;
    margin-right: 5%;
}

.clicked-testimonial {
    width: 45%;
    margin: 0 auto 80px;
}

.testmonial-col:last-child {
    margin-right: 0;
}

.the-testimonial {
    margin-bottom: 40px;
}

.the-testimonial:after {
    content: "";
    display: table;
    clear: both;
}

.bubble {
    padding: 20px 5%;
    width: 100%;
    background: #F1F2F2;
    margin-bottom: 15px;
    position: relative;
}

.bubble:after {
    content: '';
    width: 0;
    height: 0px;
    border-right: 30px solid transparent;
    border-top: 40px solid #F1F2F2;
    position: absolute;
    bottom: -39px;
    left: 18%;
}

.bubble p:last-of-type {
    margin-bottom: 0;
}

.testimonial-person {
    margin-top: 48px;
}

.testimonial-pic {
    border-radius: 50%;
    height: 80px;
    width: 80px;
    float: left;
    margin: 0 10px 0 10%;
    position: relative;
    top: -5px;
}

.secondary .testimonial-pic {
    height: 60px;
    width: 60px;
}

.no-testimonial-image {
    margin-left: 10%;
}

.testimonial-titles {
    float: left;
}

.testimonial-name,
.testimonial-company {
    margin-bottom: 0;
    font-size: 90%;
}

#secondary .the-testimonials {
    margin-bottom: 30px;
    border-bottom: 3px solid #ddd;
}


@media ( max-width : 650px ) {
    .clicked-testimonial,
    .testimonial-col {
        float: none;
        width: 100%;
        margin-right: 0%;
    }

}