/*========== MOBILE AND TABLET EXCLUSIVE CODE ===========*/
#mobile-tablet-recommended-articles { padding: 20px 15px; max-width: 1100px; width: 100%; margin: 0 auto; overflow: hidden; display: none; }
#mobile-tablet-recommended-articles .exitpop-wrapper { width: 100%; background-color: #fff; }
#mobile-tablet-recommended-articles #popupwindow_close { display: none; }
#mobile-tablet-recommended-articles .popupwindow-content p { color: #000; font-size: 22px; line-height: 26px; margin: 0 0 20px; }
#mobile-tablet-recommended-articles .custom-row { margin: 0 -15px; }
#mobile-tablet-recommended-articles .custom-row:after { display: block; content: ""; clear: both; }
#mobile-tablet-recommended-articles .mobile-divider { display: none; width: 100%; height: 1px; background-color: transparent; }
#mobile-tablet-recommended-articles .custom-col { float: left; padding: 0 15px; width: 33.3333%; }
#mobile-tablet-recommended-articles .custom-col .content-wrapper { padding: 0 0 20px 0; }
#mobile-tablet-recommended-articles .custom-col a { display: block; border: 1px solid #000; position: relative; }
#mobile-tablet-recommended-articles .custom-col a img { display: block; margin: 0; width: 100%; }
#mobile-tablet-recommended-articles .custom-col a .topStoryText2 { position: absolute; bottom: 0px; padding: 5px; width: 100%; left: 0; color: #fff; background-color: rgba(0, 0, 0, 0.7); font-size: 18px; line-height: 22px; font-weight: 300; }


 /*========== RESPONSIVE ===========*/  
@media screen and (max-width: 991px){
	#mobile-tablet-recommended-articles { display: block; }
}

@media screen and (max-width: 768px){
	#mobile-tablet-recommended-articles .topStoryText2 { font-size: 14px; line-height: 16px; }
	#mobile-tablet-recommended-articles .custom-col { width: 100%; }
	#mobile-tablet-recommended-articles .mobile-divider { display: block; }
}

@media screen and (max-width: 480px){
	#mobile-tablet-recommended-articles .custom-col { width: 100%; float: none; }
	#mobile-tablet-recommended-articles .mobile-divider { display: none; }
}