@media (min-width:2001px) and (max-width:2560px){

}
@media (min-width:1801px) and (max-width:2000px){
}
@media (min-width:1551px) and (max-width:1800px){

}
@media (min-width:1300px) and (max-width:1550px){
	.search-bar{
		width: 400px;
	}
	.foot-link{
		padding: 0 0 0 100px;
	}
}
@media (min-width:1200px) and (max-width:1299px){

	.search-bar{
		width: 400px;
	}
	.foot-link{
		padding: 0 0 0 100px;
	}
	
	.video-data iframe{
		height: 500px;
	}
}
@media (min-width:992px) and (max-width:1199px){

	.search-bar{
		width: 300px;
	}
	.foot-link{
		padding: 0 0 0 50px;
	}

	/* jungle-cruise */
	.inner-image{
		min-height: 350px;
	}
	.moviedetail-text{
		padding: 0;
	}
	.moviedetail-image{
		display: none;
	}

	.modal-dialog{
		margin: 0 auto;
	}
	.video-data iframe{
		height: 440px;
	}
}
@media (min-width:768px) and (max-width:991px){

	.desktop{
		display: none;
	}
	.mobile{
		display: block;
	}

	.search-bar{
		display: none;
	}
	.login-icon{
		width:20px;
		cursor: pointer;
		display: block; 
	}
	.logindata{
		position: relative;
	}
	.logininner{
		position: absolute;
		top: 25px;
		right: 0;
		padding: 5px 0;
		cursor: pointer;
		background-color: #fff;
	}
	.logininner a{
		color: rgba(0, 0, 0, 0.87);
		font-size: 14px;
		display: block;
		padding: 6px 10px;
	}
	.search-icon{
		width: 25px;
		display: block;
		cursor: pointer;
	}
	.search-mobile {
		margin: 0 15px 0 auto;
		display: table;
	}
	.logindata{
		margin: 0 30px;
	}

	.navbar{
		padding: 15px;
		min-height: auto;
	}
	.logininner{
		display: none;
	}

	.navbar-expand-lg .navbar-nav{
		background-color: #fff;
		padding: 10px 0;
		border-radius: 5px;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		color: rgba(0, 0, 0, 0.87);
		text-align: center;
	}


	.movie-box{
		width: 33.33%;
	}
	.movie-box h6{
		display: none;
	}


	.foot-text{
		padding: 0;
		text-align: center;
		margin: 0 0 40px 0;
	}
	.foot-data{
		padding: 0;
		max-width: 100%;	
	}
	.foot-text h4{
		margin-bottom: 10px;
	}
	.copyright{
		margin-top: 20px;
	}
	/* jungle-cruise */
	.inner-image{
		min-height: 300px;
	}
	.detail-title h1{
		font-size: 40px;
	}
	.moviedetail-image{
		display: none;
	}
	.moviedetail-text{
		padding: 0;
	}
	.video-box{
		flex: 0 0 33%;
	}

	.modal-dialog{
		margin: 0 auto;
	}
	.video-data iframe{
		height: 350px;
	}
}	
@media (min-width:320px) and (max-width:767px){

	.desktop{
		display: none;
	}
	.mobile{
		display: block;
	}

	.search-bar{
		display: none;
	}
	.login-icon{
		width:20px;
		cursor: pointer;
		display: block; 
	}
	.logindata{
		position: relative;
	}
	.logininner{
		position: absolute;
		top: 25px;
		right: 0;
		padding: 5px 0;
		cursor: pointer;
		background-color: #fff;
	}
	.logininner a{
		color: rgba(0, 0, 0, 0.87);
		font-size: 14px;
		display: block;
		padding: 6px 10px;
	}
	.search-icon{
		width: 25px;
		display: block;
		cursor: pointer;
	}
	.search-mobile {
		margin: 0 15px 0 auto;
		display: table;
	}
	.logindata{
		margin: 0;
	}

	.navbar{
		padding: 15px;
		min-height: auto;
	}
	.logininner{
		display: none;
	}

	.navbar-expand-lg .navbar-nav{
		background-color: #fff;
		padding: 10px 0;
		border-radius: 5px;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		color: rgba(0, 0, 0, 0.87);
		text-align: center;
	}



	.banner-wrape{
		min-height: 400px;
	}
	.banner-text{
		width: 100%;
	}
	.banner-slider .owl-dots{
		bottom: 40px;
		width: 250px;
		text-align: center;
	}
	.banner-text{
		text-align: center;
		padding: 0;
	}
	.play-btn{
		margin: 0 auto;
		display: table;	
	}
	.banner-text p{
		display: none;
	}
	.banner-text h2{
		font-size: 34px;
	}


	.movie-box{
		width: 50%;
	}
	.movie-box h6{
		display: none;
	}
	.movie-box h4{
		font-size: 16px;
	}
	.title h1, .title h2{
		font-size: 28px;
	}


	.foot-text{
		padding: 0;
		text-align: center;
		margin: 0 0 40px 0;
	}
	.foot-data{
		padding: 0;
		max-width: 100%;	
	}
	.foot-text h4{
		margin-bottom: 10px;
	}
	.copyright{
		margin-top: 20px;
	}

	/* jungle-cruise */
	.inner-image{
		min-height: 300px;
	}
	.detail-title,.movie-info{
		align-items: flex-start;
		flex-direction: column;
	}
	.detail-title h1{
		font-size: 30px;
	}
	.movie-info h6{
		margin: 10px 0 30px 0;
	}
	.moviedetail-image{
		display: none;
	}
	.moviedetail-text{
		padding: 0;
	}
	.video-box{
		flex: 0 0 60%;
	}

	.nav-tabs .nav-link{
		min-width: 90px;
	}
	.review-text h3{
		font-size: 17px;
	}

	.modal-dialog{
		margin: 0 auto;
	}
	.video-data iframe{
		height: 300px;
	}

}	
@media (min-width:576px) and (max-width:767px){

	.movie-box{
		width: 25%;
	}
}