@media (max-width: 1536px){
    
}

@media (max-width: 1366px){
    
    
    
}

@media (max-width: 1240px){
    
    
    
}

@media (max-width: 1199px){
    
    .inner-img-banner h1 {
        font-size: 70px!important;
        line-height: 80px!important;
    }
}



@media (max-width: 1024px){
    
}

@media (max-width: 992px){
     
    .inner-img-banner h1 {
        font-size: 60px !important;
        line-height: 70px !important;
    }
    .podcast .podcast-img .news-thumb img{height: 220px!important;}
    .podcast-video-tab .podcast-intro h2{font-size: 36px!important;}
    
}

@media (max-width: 768px){
    .more-video-btn .btn3 {line-height: 46px!important;font-size: 23px!important;height: 50px!important;}
    .inner-img-banner h1 {
        font-size: 40px !important;
        line-height: 50px !important;
    }
                
}

@media (max-width: 767px){
	.footer-social ul li {flex-basis: 20%!important;} /** add css 19 May for footer social icon **/
    .footer-social ul li:nth-child(3) {border-right: solid 1px #333333!important;}/** add css 19 May for footer social icon **/        
    .podcast .podcast-img .news-thumb{height: auto!important;}
    .podcast-video-tab .podcast-intro h2{font-size: 28px!important;}
	.author-wrap .book-img img{width: 250px!important;}
	 .mob-banner-img img{height:600px!important;} 
    
    /** add css 8 may for banner video **/
    
/*
    .bg-video {height: 300px!important;} 
    .inner-img-banner h1{left: 0!important;right: 0!important;text-align: center!important;top:75px!important;}
    .inner-img-banner {height: 67svh!important;}
    .inner-intro-wrap{padding-top: 50px!important;}
*/
    
   /** add css 8 may for banner video **/
    
  /** Add css 8 May for banner mobile image **/
    
    .bg-video {display: none;} 
    .mob-banner-img{display: block!important;position: absolute!important;} 
    .inner-intro-wrap .left-img img{display: none!important;}
    .inner-img-banner h1{right: 15px;top: 70px;left 0;}
    .inner-intro-wrap{padding-top: 0!important;min-height: 550px!important;}
    
    /** Add css 8 May for banner mobile image **/
    
    .menu-wrap ul{padding-left: 10px!important;}
    .menu-wrap ul li a{font-size: 40px!important;}
    .inner-intro-wrap .left-img img{width: 100%;}

}

@media (max-width: 375px){
    
    .mob-banner-img img{height:500px!important;} 

 }