@media screen and (max-width: 480px)
{

}
@media screen and (max-width: 380px)
{

}
@media  only screen and (max-width: 480px)  and (min-width: 381px)
{

}
@media screen and (max-width: 992px)
{
	.open_overlay
	{
	  right: 0;
	}
	.mobile_menu .menu li a.active::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80% !important;
    height: 1px;
    background: #b8b8b8;
    content: '';
    transform: initial;
    transition: .5s;
	}
	.col 
	{
		display: block;
	}
	.mobile_menu
	{
		position: fixed;
		background: #000;
		top: 0;
		left: -350px;
		height: 100%;
		width: 300px;
		z-index: 999;
		display: block;
		padding: 50px 40px;
		transition: all .4s;
	}
	.mobile_menu ul 
	{
		margin: 0;
		padding: 0;
	}
	.mobile_menu ul li 
	{
		list-style: none;
		display: block;
	}
	.mobile_menu ul li a 
	{
    color: #fff;
    font-weight: 400;
    display: flex;
    padding: 12px 0;
    text-transform: uppercase;
    font-size: 14px;
    transition: .5s;
    position: relative;
    padding-bottom: 10px;
	}
	.mobile_menu .logo 
	{
		margin-bottom: 20px;
	}
	.mobile_menu .social_media a
	{
		padding-left: 0;
	}
	.mobile_menu .social_media
	{
    position: absolute;
    bottom: 25px;
	}
	.mobile_menu .menu,.mobile_menu .social_media
	{
		display: block !important;
	}
	.menu,.social_media
	{
		display: none;
	}
	.open_mobile_nav
	{
		left: 0;
	}
}
@media screen and (max-width: 480px)
{
	.banner_content
	{
		padding: 0 15px;
	}
	.thik
	{
		font-size: 40px;
		line-height: 40px;
	}
	.thin
	{
		font-size: 45px;
		line-height: 45px;
	}
	.sm_title {
		padding-bottom: 15px;
    letter-spacing: 10px;
    font-size: 14px;
  }
  .navigation {
    padding: 20px 0;
	}
}
@media screen and (max-width: 768px)
{
	.gallery_wrapper .col-md-4
	{
		width: 50%;
	}
	.nav-tabs .nav-link.active
	{
		background: #fff !important;
		color: #000 !important
	}
	.nav-tabs {
    margin-bottom: 40px !important;
	}
	.inner_filim_col
	{
		margin-top: 25px;
	}
	.inner_filim_col .col-md-3
	{
		width: 50%;
	}
	.inner_header h1
	{
		font-size: 25px;
	}
	.inner_header {
    padding: 110px 0 60px;
  }
	.filim_row .col-md-3
	{
		width: 50%;
	}
	.about_me,.Filimography,.news
	{
		padding: 30px 15px;
	}
	.news_container
	{
		padding: 20px 0;
	}
	footer {
    padding: 45px 0 21px;
  }
  .mtop
  {
  	padding-top: 12px;
  }
  .copyright {
    text-align: center !important;
	}
	.heading h1
	{
		font-size: 25px;
	}
	.Filimography p, .news .heading p
	{
		padding-top: 10px;
	}
	p 
	{
		line-height: 25px;
	}
	.view_All
	{
		padding-top: 8px;
	}
	.counter_box h1 {
    color: #fff;
    font-size: 34px;
    line-height: 34px;
	}
	.counter_box
	{
		margin-bottom: 25px;
	}
	.counter_section
	{
		padding: 30px 0;
	}
}
@media  only screen and (max-width: 768px)  and (min-width: 481px)
{
	.col
	{
		right: 25px;
	}
	.thik
	{
		font-size: 50px;
		line-height: 50px;
	}
	.thin
	{
		font-size: 55px;
		line-height: 55px;
	}
	.sm_title {
		padding-bottom: 14px;
    letter-spacing: 10px;
    font-size: 16px;
  }
  .counter_section .col-md-3
	{
		flex: 0 0 auto;
    width: 50%;
	}
}
@media  only screen and (max-width: 768px)  and (min-width: 550px)
{
	
}
@media  only screen and (max-width: 992px)  and (min-width: 769px)
{
	.inner_header {
    padding: 140px 0 69px;
    text-align: center;
	}
	.showreel_wrap .col-md-4 
	{
		flex: 0 0 auto;
    width: 50%;
	}
	.ads_details h3 {
    font-size: 22px;
	}
	.post_vd_cont h3
	{
		font-size: 15px !important;
	}
	.col
	{
		right: 35px;
	}
	.filims_wrapper .col-xl-3
	{
		flex: 0 0 auto;
    width: 30%;
	}
	.filims_wrapper .col-xl-9
	{
		flex: 0 0 auto;
    width: 70%;
	}
	.inner_filim_col .col-md-3 
	{
		flex: 0 0 auto;
    width: 33.3%;
	}
	.filim_row .col-md-3
	{
		flex: 0 0 auto;
    width: 50%;
	}
	.counter_box h1
	{
		font-size: 40px;
		line-height: 40px;
	}
	.thik
	{
		font-size: 70px;
		line-height: 70px;
	}
	.thin
	{
		font-size: 75px;
		line-height: 75px;
	}
	.sm_title {
		padding-bottom: 14px;
    letter-spacing: 10px;
    font-size: 18px;
  }
}
@media  only screen and (max-width: 1200px)  and (min-width: 993px)
{
	.nav_wrappeer .menu li a
	{
		padding: 0 9px 10px;
		font-size: 13px;
	}
	.social_media a
	{
		padding: 0 8px;
	}
	.thik
	{
		font-size: 80px;
		line-height: 80px;
	}
	.thin
	{
		font-size: 85px;
		line-height: 85px;
	}
	.sm_title {
		padding-bottom: 14px;
    letter-spacing: 10px;
    font-size: 20px;
  }
  header
  {
  	background-position: center;
  }
}
@media  only screen and (max-width: 1200px)  and (min-width: 1101px)
{

}
@media  only screen and (max-width: 1400px)  and (min-width: 1201px)
{
	
}
@media screen and (max-width: 480px)
{}

@media screen and (max-width: 1200px)
{}
@media  only screen and (max-width: 1300)  and (min-width: 1100px)
{}
@media  only screen and (max-width: 1400px)  and (min-width: 1201px)
{
	.nav_wrappeer .menu li a
	{
		padding: 0 11px 10px;
		font-size: 14px;
	}
	.social_media a
	{
		padding: 0 13px;
	}
}
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 830px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) 
  {}
@media only screen 
  and (min-device-width: 413px) 
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  	header
  	{
		   background-position: 75%;
		   height: 50vh;
  	}
  }






@media  only screen and (min-width: 1500px)
{
	
}
@media  only screen and (min-width: 1600px)
{

}
@media  only screen and (max-width: 1100px)  and (min-width: 993px)
{
    .videos_container .col-md-4
	{
		width: 50% !important;
	}
}