/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (max-width: 1200px) {
	  .hero_inner .gap-5 a{
		padding: 15px !important;
	  }

	  .resent_movie {
		padding-top: 50px;
	  }
	  
}
/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (max-width: 991px) {
		.hero_inner {		
		padding: 50px 0;
	  }
	.resent_movie {
		padding-top: 20px;
	  }
	  
	
}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {	
	
	
}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 575px) {
	.bolyywood_area .gap-5 a {
		padding: 10px 20px !important;
	}
	.hero_inner .gap-5 a{
		padding: 15px !important;
	  }
}
@media screen and (max-width: 320px) {
	.hero_inner .gap-5 a{
		padding: 12px !important;
	  }
}
@media screen and (max-width: 355px) {
	.bolyywood_area .gap-5 a {
		padding: 10px !important;
		font-size: 12px;
	}

	.w100 {
		width: 100% !important;
		margin: 10px 0;
		text-align: center;
		display: flex;
		justify-content: center;
	}
	.navbar-brand img {
		width: 60px;
	  }
}
@media screen and (max-width: 305px) {
	.hero_inner .gap-5 a{
		padding: 10px !important;
		font-size: 12px;
	  }
}