.call-out-message-container {min-height: 271px; padding: 50px 0; position: relative; color: #fff;}
.call-out-message-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; z-index: 0; mix-blend-mode: luminosity; opacity: 0.04;}
.call-out-message-container .container{position: relative; z-index: 1;}
.call-out-message-left { width: calc(100% - 380px); padding-right: 35px; font-size: 18px; letter-spacing: -.1px; }
.call-out-message-right { width: 380px;}
.call-out-message-right img{width: 100%;}
.call-out-message-left h3 { font-weight: 500; font-size: 45px; line-height: 1; margin-bottom: 18px; letter-spacing: normal; }
.call-out-message-content.icon-left { flex-flow: row-reverse; }
.call-out-message-content.icon-left .call-out-message-left {padding: 0; padding-left: 35px;}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
.call-out-message-left { width: calc(100% - 350px); }
.call-out-message-left h3 { font-size: 30px; line-height: 35px; margin-bottom: 26px; }
.call-out-message-right { width: 350px; }
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width: 767.98px){
.call-out-message-left, .call-out-message-right { width: 100%; font-size: 16px; }
.call-out-message-left { padding: 0 !important; margin-bottom: 30px; }
.call-out-message-right { padding: 0; margin: 0 auto; max-width: 340px; }
}

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

}