.ti-media{width: 100%; padding-bottom: 70.8%; border-radius: 20px; position: relative; overflow: hidden; box-shadow: 10px 10px 15px rgba(0,0,0,0.3); background: var(--sof-black);}
.ti-media img, .ti-media video{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.ti-content{padding-left: 30px;}
.ti-content h2{font-size: 30px;}
.flex-row-reverse .ti-content{padding-left: 0; padding-right: 30px;}
.ti-media.show-video{cursor: pointer;}
.ti-media.show-video:before{content:''; width: 85px; height: 95px; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); filter: brightness(0) invert(1); transition: none; background:url(../../assets/images/play-icon-yellow.svg) no-repeat center/contain;}
.ti-media.show-video:hover:before{filter: none; }
.ti-additional-info{border-radius: 20px;padding: 18px 30px 12px;background: var(--sof-white);}
.ti-additional-info h3{font-size: 50px;line-height: 1.1;margin-bottom: 5px;color: var(--sof-green);}

.ti-content a + .ti-additional-info { margin-top: 30px;}
.text-img-row + .text-img-row { margin-top: var(--sof-padding-desktop);} 

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

}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .ti-content{padding: 0 !important; padding-top: 40px !important;}
    .text-img-row + .text-img-row { margin-top: var(--sof-padding-tablet);} 
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
.ti-media{margin-left: -15px;width: calc(100% + 30px);border-radius: 0;box-shadow: none;padding-bottom: 79%;}
.ti-media.show-video:before{width: 60px; height: 70px;}
.ti-additional-info{margin-left: -15px; width: calc(100% + 30px); border-radius: 0; padding: 20px 15px;}
.text-img-row + .text-img-row { margin-top: var(--sof-padding-mobile);} 
}

/* ======================================================
 ! 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) { 
}