.body-sec { max-width:100%; margin-left:auto; margin-right:auto; }


#jp_blog .inner { max-width:1070px; margin-left:auto; margin-right:auto; padding: 1em; font-family: "Roboto", serif; }

#jp_blog .top_sec {}
#jp_blog .top_sec h1 { font-size: 2em; margin: .8em 0;}
#jp_blog .top_sec .featured_video_sec {background: #ddd; padding: 1em; border-radius: 10px;}
#jp_blog .top_sec .video_info {  padding: 1em;}
#jp_blog .top_sec .video_info h2 { font-size: 1.2em;}
#jp_blog .top_sec .video_info h2 a { color: #222;}
#jp_blog .top_sec .video_info p.desc { font-size: .9em; color: #444; line-height: 1.7em;}

#jp_blog .youtube_realtime { position: relative;  padding-bottom: 56.25%;   padding-top: 30px; height: 0; overflow: hidden;}
#jp_blog .youtube_realtime iframe,
#jp_blog .youtube_realtime object,
#jp_blog .youtube_realtime embed {   position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; }

#jp_blog .short-container { 
    width: 100%;
    max-width: 350px; /* Limits how wide the short gets on desktop */
    margin: 0 auto;   /* Centers the video */
    aspect-ratio: 9 / 16;
}

#jp_blog .short-container iframe {
    width: 100%;
    height: 100%;
    border-radius: 12px; /* Optional: gives it a sleek mobile-app look */
}

#jp_blog .top_sec a.related_article { display: flex; margin-top: 1em; background: #eee; padding: 1em; color: #444;}
#jp_blog .top_sec a.related_article .left { max-width: 200px; min-width: 70px; width: 100%; margin-right: 1em;}
#jp_blog .top_sec a.related_article .left img { width: 100%;}
#jp_blog .top_sec a.related_article .right {}
#jp_blog .top_sec a.related_article .right em { font-size: 1.1em; margin-bottom: 1em; display: block; color: #222;}
#jp_blog .top_sec a.related_article .right p { font-size: .8em; line-height: 1.5em; margin-bottom: 1em; color: #555;}
#jp_blog .top_sec a.related_article .right span.read { font-size: .8em; color: #1d6a8d; }
#jp_blog .top_sec a.related_article:hover { text-decoration: none; background: #fff;}

#jp_blog a.see_all_videos {  text-align:end; color: #074a88;  text-decoration: none; font-size: .9em;}
#jp_blog a.see_all_videos { display: block; margin-top: 1em;}
#jp_blog a.see_all_videos:hover { text-decoration: underline; }

#jp_blog .video_list {} 
#jp_blog .video_list h3 { font-size: 1.3em ; margin-bottom: 1em; color: #07580e; text-transform: uppercase; text-align: center;} 
#jp_blog .video_list .item_list { display: flex; flex-wrap: wrap; justify-content: space-around; }
#jp_blog .video_list .item_list .item { width: 230px; max-width: 100%; margin: 0 .5em 1.5em .5em; } 
#jp_blog .video_list .item_list .item .ty-video {} 
#jp_blog .video_list .item_list .item em { font-size: .9em; display: block; margin-top: .5em; color: #444;} 


/*-------------------------------------------------------- 
  			Medium Screen
---------------------------------------------------------*/



@media screen and (max-width: 835px) {


  
  }
  
  @media screen and (max-width: 700px) {

   
  }
  
  @media screen and (max-width: 600px) {
  
  #jp_blog .video_list .item_list .item { width: 170px;  } 
  #jp_blog .video_list .item_list.latest .item { width: 270px;  } 



  }


@media screen and (max-width: 550px) {



}

@media screen and (max-width: 450px) {


}

@media screen and (max-width: 360px) {


}