@media (max-width:799px){
  .list-film .film-item{width:23%;margin:5px 1%!important;height:auto}
}
@media(max-width:639px){
  .list-film .film-item{width:30%;margin:5px 1.3%!important;height:auto}
  #top-slide{height:250px}
  #top-slide li img{height:250px}
  .film-slide{padding-left:10px}
  .list-film .film-item img{height:220px}
  .film-info .poster{float:none;margin:0 auto 10px 0;text-align:center}
  .poster img{}
  .film-info h1.name,.film-info h2.real-name,.film-info .meta-data{margin-left:5px}
  .meta-data li{white-space:normal;line-height:1.6em}
  .breadcrumbs span,.breadcrumbs a{background:none}
  .breadcrumbs span:after,.breadcrumbs a:after{border-width:6px;border-left:6px solid #1a1a1a;margin-top:-7px}
  .breadcrumbs span:before,.breadcrumbs a:before{border-width:6px;border-left-width:6px;margin-top:-7px}
  .breadcrumbs a:last-child:before,.breadcrumbs span:last-child:before,.breadcrumbs a:last-child:after,.breadcrumbs span:last-child:after{border:none}
  #player .countdown-wrapper{top:20%}
}
@media(min-width:1000px){
  .list-server{display:grid;grid-template-columns:65% 35%}
  .wap{display:none!important}
  .toptrend_film_wrapper{grid-template-columns:repeat(auto-fill,100%)}
  .container{margin:0 auto;width:986px}
  #content{float:left;width:680px}
  #sidebar{overflow:hidden;float:right;width:300px}
  #movie-recommend .col1{float:left;width:250px}
  #movie-recommend .col2{float:right;width:420px}
  #page-actor .info .poster{width:400px}
}
@media(min-width:1200px){
  }
  @media(max-width:999px){
  .player .details{clear:both;padding:0 10px}
  .actor_film_wrapper{grid-template-columns:repeat(auto-fill,calc(50% - 6px))}
  .list-server,.p-wap{margin-left:10px;margin-right:10px}
  .web{display:none!important}
  #page-info .btn-watch{background-position:0 -273px;background-repeat:no-repeat;background-size:300px auto;width:146px;height:40px;display:block;float:left;margin-top:10px}
  #logo{margin:-12px auto 0;float:none}
  .container{margin:0 auto;width:100%;max-width:680px}
  #movie-recommend .col1{display:none}
  #movie-recommend .col2{}
  .only-pc{display:none}
  .fb-page,.fb-page iframe[style],.fb-page span{width:100%!important}
  #top-slide{width:auto;height:auto}
  #player{width:100%;height:auto}
  .container{width:100%!important;padding:0!important}
  #content .left-content{float:none;width:auto}
  #content .right-content{float:none;margin:10px auto;width:auto}
  #top-slide li img{width:100%}
  #header{width:100%;height:40px;padding:5px 0;position:relative;text-align:center}
  #header .logo{float:none;margin:0}
  #header .logo img{width:120px;margin:14px 0}
  #main-menu{position:fixed;width:240px;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#282828;transform:translate3d(-240px,0px,0px);-webkit-transform:translate3d(-240px,0px,0px);margin:0;bottom:0;overflow-x:hidden;overflow-y:auto;top:50px;z-index:100;transition:all 300ms ease}
  #main-menu.expanded{transform:translate3d(0,0px,0px);-webkit-transform:translate3d(0,0px,0px)}
  #main-menu ul>li{float:none}
  #main-menu .container>ul>li{padding:5px 0}
  #main-menu ul>li:first-child>a,#main-menu ul>li>a{padding:0 8px}
  #main-menu ul>li>a>i.fa{margin-right:10px}
  #main-menu ul>li>a>i.fa.fa-angle-up,#main-menu ul>li>a>i.fa.fa-angle-down{margin:8px 0 0 0;float:right;font-size:25px}
  #main-menu ul>li:first-child>a>i.fa-clone{margin-right:5px}
  #main-menu .sub-menu{width:100%}
  #main-menu .sub-menu.span-2{width:100%}
  #main-menu ul.sub-menu>li{width:100%;float:none}
  #main-menu ul.sub-menu>li a{padding:3px;font-size:15px;padding:7px 5px 7px 25px;color:#E8E8E8}
  #overlay_menu{position:fixed;background:rgba(0,0,0,0.4);top:50px;right:0;bottom:0;left:0;transition:0.3s all}
  .div-control .social-icon{float:left;margin:0;padding:0}
  .list-film .film-item img{width:100%}
  .film-slide .film-item,.film-slide .film-item img{width:160px!important}
  .film-info .poster{margin-left:5px}
  .block-film .film-content,.block-film .broadcast,.tags,.keywords{padding:0 5px}
  .tags a{}
}
@media(min-width:668px){
  .film-info .multi-data{max-width:410px!important}
}
@media(max-width:667px){
  .film-info .multi-data{max-width:410px!important}
  .de-eps.is-grid,.de-seasons.is-grid{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:568px){
	  .de-eps.is-grid,.de-seasons.is-grid{grid-template-columns:repeat(4,1fr)}
  #actor-photos{grid-template-columns:repeat(auto-fill,minmax(calc(33.33% - 15px),1fr))}
  #suggestions ul.autocomplete-list{max-width:999px;width:calc(100% + 30px);top:45px;left:9px}
  .breadcrumbs a:first-child{}
  ul.list-film li{width:33.33%}
  .list-film .film-item img{height:200px}
}
@media(max-width:479px){
	    .m-pin-new {
        transform: none;
        border-radius: 0;
        left: 5px;
        bottom: 5px;
        gap: 2px;
        flex-direction: column;
        align-items: flex-start;
        overflow: unset;
		justify-content: flex-start;
		border:0;
		box-shadow: none;
    }
	    .m-pin-new .line-center {
        padding: .15rem .4rem;
        font-size: 13px;
        justify-content: flex-start;
        border-radius: 1rem;
        box-shadow: 0 0 2px 2px #0001;
		flex: unset;
    }
  .cg-body-box .box-header{display:grid}
  .de-eps.is-grid,.de-seasons.is-grid{grid-template-columns:repeat(3,1fr)}
  .de-type{grid-template-columns:repeat(2,1fr)}
  .poster_img_thumb > div:nth-child(2){min-width:167px;margin-left:10px}
  #page-info .info_film{display:block}
  #page-info .info_film .poster{width:100%}
  #page-info .info_film .info_more{margin-left:0;width:100%}
  .toptrend_film_wrapper{grid-template-columns:repeat(auto-fill,100%)}
  .list-film .film-item{width:46%;margin:5px 2%!important;height:auto}
  .list-film .film-item img{height:220px}
  #top-slide{height:180px}
  #top-slide li img{height:180px}
  ul.list-film li{width:50%}
  #page-actor .info{display:block;margin-top:10px}
  #page-actor .info .info_more .tieusu{max-height:1000px}
  #page-actor .info .poster{max-height:250px;width:100%;max-width:250px;margin-left:auto;margin-right:auto}
  #page-actor .info .poster img{max-width:250px}
}
@media(max-width:399px){
	#movie-tab .tabs{grid-template-columns: repeat(auto-fit, minmax(50px, 100px));}
  #actor-photos{grid-template-columns:repeat(auto-fill,minmax(calc(50% - 15px),1fr))}
  .title_wrapper h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .film_stt{display:none}
  .list-film .film-item img{height:200px}
  #top-slide{height:160px}
  #top-slide li img{height:160px}
  .film-slide{padding-left:7px}
  #movie-update .btn{padding:0 5px}
}
@media (max-width:359px){
  .de-eps.is-grid,.de-seasons.is-grid{grid-template-columns:repeat(2,1fr)}
  .de-type{grid-template-columns:repeat(1,1fr)}
  .list-film .film-item img{height:190px}
  #top-slide{height:140px}
  #top-slide li img{height:140px}
  .film-slide .film-item{width:150px!important;margin:5px 0%!important}
  .film-slide .film-item img{width:150px!important;height:190px!important}
  .list-film .film-item img{height:190px!important}
  .poster_img_thumb{display:block}
  .poster_img_thumb > div:nth-child(1){width:150px;max-width:100%;min-width:130px;margin-top:0;margin-left:auto;margin-right:auto}
  .poster_img_thumb > div:nth-child(2){width:100%;margin-left:0;margin-top:10px}  
    .title_wrapper{margin:0 0 10px;position:relative;left:0;top:0}
}
@media(max-width:319px){
  .poster_img_thumbb{display:block}
  .poster_img_thumbb > div:nth-child(1){width:150px;max-width:100%;min-width:130px;height:150px;margin-top:0;margin-left:auto;margin-right:auto}
  .poster_img_thumbb > div:nth-child(2){width:100%;margin-left:0}
  .film-slide .film-item{width:120px!important}
  .film-slide .film-item img{width:120px!important;height:155px!important}
  .list-movie-title{display:none}
}
@media(max-width:300px){

  .actor_film_wrapper{grid-template-columns:repeat(auto-fill,calc(100% - 2px))}
  .film-slide .film-item{width:120px!important}
  .film-slide .film-item img{width:120px!important;height:155px!important}
  .list-movie-title{display:none}
}