#video_box { box-sizing: border-box; background: rgb(255, 255, 255); }
.title-blue { color: rgb(255, 255, 255); font-family: robotolight; font-size: 15.52px; text-transform: uppercase; background: rgb(0, 101, 158); padding: 7px 15px; }
.title-blue a { color: inherit; }
#video_box-content { padding: 10px; }
#video_box-content .ribbon { border-bottom: initial; height: 70px; margin-bottom: 10px; background-color: rgb(245, 245, 245); }
#video_box-content .video_box-list { margin: 0px; box-shadow: initial; width: 100%; height: initial; }
#video_box-content .ribbon_image { margin: 0px; width: 78px; height: 78px; }
#video_box-content .tiles .ribbon:last-child { margin-bottom: 0px; }
#video_box-content .ribbon_content { margin-left: 79px; padding-top: 8px; padding-bottom: 8px; }
#video_box-content .ribbon_elapsed { float: none; color: rgb(106, 106, 106); position: absolute; bottom: 7px; }
#video_box-content .ribbon.sponsored { background-color: rgb(38, 169, 225); }
#video_box-content .ribbon.sponsored .ribbon_elapsed, #video_box-content .ribbon.sponsored a { color: rgb(255, 255, 255); }
#video_box-content .ribbon_title { margin-bottom: 9px; }
#video_box-content .ribbon_title a { -webkit-line-clamp: 2; }
#video_box-content .tiles .ribbon:first-child, #video_box-content .tiles .ribbon:first-child .ribbon_image { height: 210px; background-color: rgb(0, 0, 0); }
#video_box-content .tiles .ribbon:first-child .ribbon_image { width: 100%; }
#video_box-content .ribbon_image a::before { content: ""; height: 24px; width: 24px; background: url("https://media.philstar.com/images/play-button.png") 0% 0% / cover; position: absolute; bottom: 10px; left: 1px; z-index: 2; }
#video_box-content .tiles .ribbon:first-child a::before { height: 50px; width: 50px; top: 50%; margin-top: -32px; left: 50%; margin-left: -32px; }
#video_box-content .tiles .ribbon:first-child .ribbon_image a::after { content: ""; position: absolute; z-index: 1; bottom: 0px; margin-left: 0px; left: 0px; right: 0px; padding: 30% 0px 0px; background: linear-gradient(transparent 0px, rgb(0, 0, 0) 100%); }
#video_box-content .tiles .ribbon:first-child .ribbon_content { position: absolute; z-index: 1; bottom: 0px; margin-left: 0px; left: 0px; right: 0px; padding: 10px; }
#video_box-content .tiles .ribbon:first-child .ribbon_elapsed { color: rgb(255, 255, 255); position: initial; }
#video_box-content .tiles .ribbon:first-child .ribbon_title a { color: rgb(255, 255, 255); }
#video_box-content .tiles .ribbon:first-child .ribbon_title { font-size: 20px; }
#video_box .news_share img { max-height: 13px; }
@media only screen and (min-width: 600px) {
  #video_box { margin: 10px; }
  #video_box-content .tiles .ribbon { float: left; width: 48%; }
  #video_box-content .ribbon_elapsed { padding-left: 8px; }
  #video_box-content .tiles .ribbon:first-child { width: 52%; height: 230px; margin-bottom: 0px; }
  #video_box-content .tiles .ribbon:first-child .ribbon_image { height: 230px; margin-bottom: 0px; border-left: initial; border-right: initial; }
  #video_box-content .ribbon_image { border-left: 10px solid rgb(255, 255, 255); border-right: 10px solid rgba(255, 255, 255, 0); }
}
@media only screen and (max-width: 601px) {
  #video_box { margin: 0px; }
}