.news-filter-feed-container{padding: 80px 0;} 
.news-filter-box{width: 100%; max-width: 277px; margin: 0 auto 15px;}
ul.news-filter-feed-list{width: calc(100% + 30px); margin-left: -15px; display: flex; flex-wrap: wrap;}
ul.news-filter-feed-list li.nff-item,ul.news-filter-feed-list li.vff-item {padding:15px; width: 33.333%;}
.nff-box {background: #fff;display: flex;flex-flow: column;margin: 0 auto;height: 100%;text-align: left; width: 100%;}
.nff-content {font-family:'Roboto', sans-serif;font-size: 16px;line-height: 22px;padding: 23px 25px 19px;color: #586271;letter-spacing: -0.4px;}
.nff-box .nff-img {width: 100%;height: 160px; background: #333;}
.nff-img img {width: 100%;height: 100%; object-fit: cover;}
.nff-content h4 {font-size: 16px;color: #00a091;font-weight: 700;margin-bottom: 2px; font-family:'Roboto', sans-serif; letter-spacing: 0;}
.nff-content h3 {font-size: 20px;font-weight: 700;display: inline-block;margin-bottom: 23px;color: #586271; font-family:'Roboto', sans-serif;  letter-spacing: 0;}
.nff-box .readmore-btn {margin-top: auto;padding: 0px 25px 25px;}
.link {font-size: 16px;color: #00a091; letter-spacing:1px;font-family:'Muli';font-weight: 900;}
.link:hover {color: #586271;}
ul.resource-filter-feed-list{width: calc(100% + 30px); margin-left: -15px; display: flex; flex-wrap: wrap;}
ul.resource-filter-feed-list li.rff-item {padding:15px; width: 33.333%;}
.rff-box {background: #fff; color: #586271; display: flex;flex-flow: column;margin: 0; padding: 40px 23px 35px; height: 100%;text-align: left; width: 100%;}
.rff-box-head{margin-bottom: 40px;}
.rff-box .rff-icon {width: 62px;}
.rff-img img {width: 100%;height: 100%; object-fit: cover;}
.rff-head-content{width: calc(100% - 62px); padding-left: 50px;}
.rff-head-content h4 {font-size: 16px;color: #00a091;font-weight: 700;margin-bottom: 2px; font-family:'Roboto', sans-serif; letter-spacing: 0;}
.rff-head-content h3 {font-size: 20px;font-weight: 700;display: inline-block;margin-bottom: 0;color: #586271; font-family:'Roboto', sans-serif;  letter-spacing: 0;}
.rff-box-body{margin-bottom: 20px;} 
.rff-box-foot{margin-top: auto;}
ul.video-filter-feed-list{width: calc(100% + 30px); margin-left: -15px; display: flex; flex-wrap: wrap;}
ul.video-filter-feed-list li.vff-item {padding:15px; width: 33.333%;}
.vff-box {background: #fff;display: flex;flex-flow: column;margin: 0 auto;height: 100%;text-align: left; width: 100%;}
.vff-box .vff-img {width: 100%; height: 0; background: #333; position: relative; padding-bottom: 56%;}
.vff-img img {width: 100%;height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.vff-box .vff-img:before{content: ''; width: 58px;height: 58px; background: url(../../include/images/play-icon.png) no-repeat center/cover; position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%);}
.vff-content {font-family:'Roboto', sans-serif;font-size: 16px;line-height: 22px;padding: 28px 22px 26px;color: #586271;}
.vff-content h4 {font-size: 16px;color: #00a091;font-weight: 700;margin-bottom: 2px; font-family:'Roboto', sans-serif; letter-spacing: -0.4px;}
.vff-content h3 {font-size: 20px;font-weight: 700;display: inline-block;margin-bottom: 0;color: #586271; font-family:'Roboto', sans-serif;  letter-spacing: 0;}
.filter-container{position: relative;z-index: 99;}
.video-modal .modal-body{padding: 0;}
.modal .close{position: absolute;top: -40px;right: 5px;font-size: 40px;line-height: 40px;color: #fff;opacity: 1;font-weight: normal; }

/*.video-modal{background: rgba(0,0,0,0.85);}
*/
/*.container.video-post-container{z-index: 1; transition: all 0s ease-in 0s;}
*/ 
/*.vff-box{transition: all 0.2s ease-in; opacity: 1;}
*/
/*.videos.modal-open .vff-box{opacity: 0;transition: all 0.4s ease-in;}
.videos.modal-open .container.video-post-container{z-index: 999999;transition: all 0.3s ease-in 0.3s;}
.videos.modal-open .news-filter-feed-container .container{z-index: 999999;}
.videos.modal-open header:before{content:''; width: 100%; height: 100%; background: rgba(0,0,0,0.85); display: block; position: absolute; left: 0; top: 0; z-index: 999999;}

.videos .modal-backdrop.show{display: none;}
*//* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width: 1199.98px){
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px){
.news-filter-feed-container{padding: 50px 0;}
ul.news-filter-feed-list li.nff-item,ul.news-filter-feed-list li.vff-item, ul.resource-filter-feed-list li.rff-item, ul.video-filter-feed-list li.vff-item{width:50%;}
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width: 767.98px){
.news-filter-feed-container{padding: 30px 0;}
.nff-content h3 {margin-bottom: 0;}
.nff-content > p, .rff-box-body{display: none;}
.nff-content {padding:26px 22px 20px;}
.nff-box .readmore-btn {padding: 0px 23px 35px;} 
.rff-box{padding: 26px 22px 35px;}
.rff-box .rff-icon{width: 50px;}
.rff-head-content{width: calc(100% - 50px); padding-left: 25px;}
.vff-content{padding: 26px 22px;}
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width: 575.98px){
.news-filter-box{max-width: 100%;}
ul.news-filter-feed-list li.nff-item,ul.news-filter-feed-list li.vff-item, ul.resource-filter-feed-list li.rff-item, ul.video-filter-feed-list li.vff-item{width:100%;padding:15px 25px;}
ul.news-filter-feed-list, ul.resource-filter-feed-list, ul.video-filter-feed-list{width:100%; margin-left: 0; } 
.nff-box .nff-img{height: 146px;}
}