.quote-box{padding:70px 200px 70px 100px; border-radius: 10px;}
.quote-box blockquote{margin: 0; font-size: 30px; line-height: 1.4; font-weight: 300;}
.quote-box:before{content:'';width: 63px;height: 60px;background: url(../../include/images/quote-icon.png) no-repeat center top/contain;position: absolute;top: 28px;right: 45px; opacity: 0.5;}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {

}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .quote-box{padding: 55px 150px 55px 55px; }
    .quote-box blockquote{ font-size: 25px;}
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
.quote-box{padding: 35px 110px 35px 25px; }
.quote-box blockquote{ font-size: 20px; line-height: 1.25;}
 
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
 @media (max-width: 575.98px){

}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { 
}