@media(min-width:1201px) and (max-width:1439px){
	/* **** Home Page **** */
	.container{max-width: 1170px;}
	.number-badge{font-size: 80px;}
	
}

@media(min-width:1025px) and (max-width:1200px){
	/* **** Home Page **** */
	.container{max-width: 960px;}
	

	.hero_sec .swiper-slide .hero_slider_image figure{height: 100%;}
	.hero_sec .swiper-slide .hero_content{right: 16px;left: 16px;}
	.hero_sec .swiper-slide .hero_content h6{margin: 0 0 12px;}
	.hero_sec .swiper-slide .hero_content h2{font-size: 32px;margin: 0 0 12px;}
	.hero_sec .swiper-slide .hero_content .hero-desc{font-size: 16px;}

	.trending_sec{padding: 40px 0;}
	.titlebar h2{font-size: 22px;}
	.trending_box .play-btn{height: 36px;width: 36px;}
	.trending_box .play-btn svg{width: 20px;}
	.number-badge{font-size: 80px;}
	.spotlight_sec .row{row-gap: 20px;}
}

@media(min-width:768px) and (max-width:1024px){
	/* **** Home Page **** */
	.container{padding: 0 15px;}
	.main-wrpper{padding: 64px 80px 0 0;}
	

	.container-fluid{padding: 0 15px;}
	.hero_sec .swiper-slide .hero_slider_image{height: 70vh;}
	header{padding: 15px 95px 16px 15px;}
	header .navbar .navbar-nav{flex-flow: nowrap;}
	header .navbar .navbar-nav .nav-link{height: 32px;width: 32px;}
	header .navbar-brand img {height: 30px;}
	header .navbar .navbar-nav .dropdown-menu{position: absolute;}
	.header-right.active{right: 0;}

	.hero_sec .swiper-slide .hero_slider_image figure{height: 100%;}
	.hero_sec .swiper-slide .hero_content{right: 16px;left: 16px;}
	.hero_sec .swiper-slide .hero_content h6{margin: 0 0 12px;}
	.hero_sec .swiper-slide .hero_content h2{font-size: 32px;margin: 0 0 12px;}
	.hero_sec .swiper-slide .hero_content .hero-desc{font-size: 16px;}

	.trending_sec{padding: 40px 0;}
	.titlebar h2{font-size: 22px;}
	.trending_box .play-btn{height: 36px;width: 36px;}
	.trending_box .play-btn svg{width: 20px;}
	.number-badge{font-size: 50px;}
	.spotlight_sec .row{row-gap: 20px;}

	/* **** Movie Watch **** */
	.movie-detail-wrp .movie-titlebar{flex-wrap: wrap;gap:10px ;}
	/* **** End Movie Watch **** */

	.watch-movie-wrp .detail-block{display: block;}
	.watch-movie-wrp .detail-block .right-part{width: 100%;}
	.watch-movie-wrp .detail-block .leftpart{display: none;}
}

@media(max-width:767px){
	/* **** Home Page **** */
	.container{padding: 0 15px;max-width: 520px;}
	.container-fluid{padding: 0 15px;}
	.main-wrpper{padding: 63px 0 0;}
	
	header{padding: 15px 16px;}
	header .navbar .navbar-toggler{display: block;}
	header .navbar .navbar-nav{flex-flow: nowrap;}
	header .navbar .navbar-nav .nav-link{height: 32px;width: 32px;}
	header .navbar-brand img {height: 30px;}
	header .navbar .navbar-nav .dropdown-menu{position: absolute;}
	.header-right{right: -80px;transition: all 0.3s linear;top: 61px;}
	.header-right.active{right: 0;}


	.hero_sec .swiper-slide .hero_slider_image figure{height: 100%;}
	.hero_sec .swiper-slide .hero_content{right: 16px;left: 16px;}
	.hero_sec .swiper-slide .hero_content h6{margin: 0 0 12px;}
	.hero_sec .swiper-slide .hero_content h2{font-size: 32px;margin: 0 0 12px;}
	.hero_sec .swiper-slide .hero_content .hero-desc{font-size: 16px;}

	.trending_sec{padding: 40px 0;}
	.titlebar h2{font-size: 22px;}
	.trending_box .play-btn{height: 36px;width: 36px;}
	.trending_box .play-btn svg{width: 20px;}
	.number-badge{font-size: 50px;}
	.spotlight_sec .row{row-gap: 20px;}


	.header-search-box{position: absolute;right: auto;left: 40px;}
	.header-search-box.active{width: 170px;}
	.watching_sec{padding: 0 0 40px;}
	.series_sec{padding: 0 0 40px;}
	.genre_sec{padding: 0 0 40px;}
	.spotlight_sec{padding: 0 0 40px;}
	.popular_series_sec{padding: 0 0 40px;}


	/* **** Movie Watch **** */
	.movie-detail-wrp .movie-titlebar{flex-wrap: wrap;gap:10px ;}
	/* **** End Movie Watch **** */

	.watch-movie-wrp .detail-block{display: block;}
	.watch-movie-wrp .detail-block .right-part{width: 100%;}
	.watch-movie-wrp .detail-block .leftpart{display: none;}

	.hero_sec .swiper-button-next, .hero_sec .swiper-button-prev{display: none;}

	.movie-watch-banner .banner-title h1{font-size: 16px;}
	.movie-watch-banner .banner-title p{font-size: 12px;}
	.movie-watch-banner .banner-title{right: 10px;top: 10px;}
	.movie-watch-banner .badge{padding: 6px 10px;left: 10px;top:10px;}
	.movie-watch-banner .badge p{font-size: 10px;}
	.movie-watch-banner .badge h6{font-size: 10px;}
}

@media(max-width:375px){
	header .navbar-brand img{height: 25px;}
	header .navbar .navbar-nav{gap: 6px;margin: 0;}
	.header-search-box{z-index: 9;}
	.btn-secondary{padding: 10px 24px;font-size: 14px;}
	.btn-primary{padding: 10px 24px;font-size: 14px;}
	.spotlight_sec .spotlight_card .img-box{min-height:320px ;}
}