@media(max-width: 1422px){
	.jp-film-caption{
	        transform: translate(0%, -50%);
	}
}

@media(max-width:1199px){
	
}
@media(max-width: 991px){
	
}

@media(max-width:768px){
	header, .banner, #button, .mobile-banner .jp-film-caption .age-categ, .star-animi{
		display: none;
	}
	.mobile-header, .mobile-logo{
		display: block;
	}
	footer {
	    padding-bottom: 7rem;
	}
	.mobile-banner{
		display: block;
	}
	.mobile-banner .jp-film-caption{
		position: inherit;
    	padding: 0;
    	text-align: center;
    	padding-bottom: 55%;
    	right: 0;
	    top: 0;
	    transform: inherit;
	}
	.mobile-banner .jp-film-caption h2{
		font-size: 20px;
	}

	.mobile-banner .jp-film-caption p{
		font-size: 14px;
		line-height: 24px;
	}
	.mobile-banner .jp-film-caption .my-list-add{
		display: inline-flex;
    	align-items: center;
	}
	.mobile-banner .jp-film-caption .my-list-add a{
	    display: inline-block;
	    padding: 0px 30px;
	    background: none;
	    border-radius: 4px;
	    transition: all ease 0.6s;
	    font-weight: 300;
	    color: #fff;
	}
	.mobile-banner .jp-film-caption .my-list-add a.mbl-play-btn{
		padding: 0;
	}
	.mobile-banner .jp-film-caption .mbl-play-btn svg{
		background: #f3b612;
	    width: 70px;
	    height: 70px;
	    border-radius: 50px;
	    padding: 26px;
	    color: #333;
	}
	.mobile-banner .banner-img{
		align-items: flex-end;
		background-position: unset;
    	background-size: contain;
	}
	.mobile-banner .banner-img:before{
		background: rgb(0,0,0);
		background: linear-gradient(0deg, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 100%);
	}
	.mobile-banner .banner-img:after{
		content: '';
	    background: rgb(0,0,0);
	    background: linear-gradient(0deg, rgba(0,0,0,0) 77%, rgb(0 0 0 / 92%) 100%);
	    width: 100%;
	    position: absolute;
	    top: 0;
	    height: 100%;
	}
	.jp-nw-flm h1, .jp-word-thumb-slider-wrap h2, .jp-org-wrap h2 {
	    color: #fff;
	    margin-bottom: 5px;
	    font-size: 20px;
	}
	.new-jp-rels .owl-height, .thumb-effect-slider .owl-height{
		padding: 0;
		min-height: auto !important;
		height: auto !important;
	}
	.owl-nav{
		display: none;
	}
	.view-all-btn{
		float: right;
	}
	.qlink ul li{
		margin-bottom: 15px;
	}
	.my-list-add .mbl-nav-icn{
		display: inline-block;
	}
	.mbl-prf-nv{
		width: 45px;
		display: block;
		text-align: center;
		margin: auto;
	}
	.detail-page-wrap{
		padding-top: 7rem;
	}
	.mobile-notif .notif-grid{
		padding: 0;
	}
    .login-page .mbYTP_wrapper{
        display:none;
    }
    .login-page .youtube-bg{
        background: url('../images/ss.png')no-repeat;
    }
    .login-logo{
        position: inherit;
        transform: inherit;
        margin: auto;
        padding-bottom: 1rem;
    }
    .login-wrap{
        display: block;
        height: inherit;
        position: inherit;
    }
    .hover-info{
        display: none;
    }
    .mbl-nav-icn{
        padding-top: 10px;
    }
}

@media(max-width:600px){
	.new-jp-rels h3, .thumb-effect-slider h3{
		min-height: 40px;
		font-size: 14px;
	}
	.thumb-categ{
		font-size: 12px;
	}
	.profile-dist{
		display: block;
	}
	.profile-img{
		margin-bottom: 1.5rem;
	}
	.login-form{
	    width: 100%;
        right: inherit;
        left: inherit;
        position: inherit;
        transform: inherit;
        z-index: 9;
        margin: 2rem 0;
	}
}