@media (min-width:1000px){
  .toponline{display:grid;grid-template-columns:64px calc(100% - 44px)}
  .toponline img{width:40px;height:40px;border-radius:50px;margin:10px}
  .toponline a{font-size:17px}
  .toponline dd{font-size:12px}
  .topuser dt{height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px}
  #page-info{display:grid;grid-template-columns:300px calc(100% - 300px)}
  #list-film{display:grid;grid-template-columns:repeat(4,25%)}
  .count-pc,.count-mess-pc{background:#f11b1b;padding:2px 3px;color:#fff;font-size:12px;top:17px;border-radius:50px;position:absolute;min-width:14px;;border:1.5px solid #673ab7}
  .listslider{margin:15px 0 0}
  .abp-header{margin-top:10px}
  .container .left-content{float:left;overflow:hidden;width:70%;margin-top:30px}
  .container .right-content{float:left;width:calc(30% - 30px);padding-left:30px;margin-top:30px}
  .container .right-profile{float:left;overflow:hidden;width:65%;margin-top:20px;padding-left:30px}
  .container .left-profile{float:left;width:calc(35% - 30px);margin-top:20px}
  .movie-update .col-left{width:300px;height:auto;float:left}
  .movie-update .col-right{float:left;margin-left:10px;width:360px}
  #detail-page .image .poster{min-height:550px;max-height:551px}
  #detail-page .image .avatar{min-height:300px;max-height:310px}
  .hbobet{background-size:100% 60px!important;width:100%;height:60px}
  .ad-play{background-size:980px 75px!important;width:100%;height:75px;float:left}
  .wap{display:none}
  #ads-phai,#ads-trai{width:100px;top:117px;position:fixed}
  #ads-trai{left:0}
  #ads-phai{right:0}
  .thumb-info{position:absolute;width:200px;height:250px;top:15px;left:15px}
  .thumb-info img{width:100%;height:100%;border-radius:5px}
  .tab-wrapper-info h4{font:22px/25px 'UTMCafetaRegular'}
  .px-s{padding-left:1.2rem;padding-right:1.2rem}
  .coll-9{width:75%}
  .coll-3{width:25%}
  .movie-infoz .movie-title .title-1{text-transform:uppercase;font:26px 'UTMCafetaRegular';color:#dacb46;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:35px}
  .film-description-box{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:5px 8px;line-height:26px;font-size:12px;color:#bbb;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:142px;overflow-y:auto}
  .movie-infoz .movie-l-img img{width:100%;height:205px;border:0;transform:translate(0,0);-o-object-fit:cover;object-fit:cover;box-shadow:1px 2px 4px rgba(0,0,0,.8);border-radius:3px}
  .movie-info .movie-l-img img{width:100%;border:3px solid#000;-webkit-transform:translate(0,0);transform:translate(0,0);-o-object-fit:cover;object-fit:cover;max-height:400px}
  .movie-info .movie-meta-info{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:5px 8px;line-height:26px;border:1px solid #121212;font-size:12px;color:#bbb;background:#222;max-height:276px;overflow:auto}
  .container{padding:0 10px;margin:0 auto;width:1000px}
  .film-info h1.name{font:60px 'UTMCafetaRegular'}
  .buttons .btn{font-size:20px!important}
  .bg-blue-pc{background:var(--color-bilu-b2);display:flow-root}
  .meta-data .info-y{overflow-y:auto}
  .container_nobg{margin:0 auto;width:1111px;padding:5px}
  .dynamic-page-header{position:relative;overflow:hidden;background-position:50% 50%;background-size:cover}
  .dynamic-header-overlay{background-color:rgba(7,24,34,.8);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(14%,rgba(12,39,56,0)),to(var(--color-bilu-b2)));background-image:linear-gradient(180deg,rgba(12,39,56,0) 14%,var(--color-bilu-b2))}
  #main-menu.desktop ul>li:hover .sub-menu{display:block}
  #main-menu.desktop ul>li>a:hover,.toast-message a,.toast-message label{var(--color-bilu-c2)}
  #main-menu .sub-menu{top:100%;left:-1px;width:166px;background-color:var(--color-bilu-m2);z-index:101;display:none;border:1px solid var(--color-bilu-m4);-moz-box-shadow:0 3px 8px rgba(3,3,3,.26);-webkit-box-shadow:0 3px 8px rgb(3 3 3 / 26%);box-shadow:0 3px 8px rgb(3 3 3 / 26%)}
  #main-menu .sub-menu.span-3{width:450px}
  #main-menu .sub-menu.span-3>li{float:left;width:calc(33.333333333% - 21px);padding:0 10px}
  .content-h{font-size:14px;max-height:150px;overflow-y:auto;padding-right:10px}
  .container #left-info img{width:100%;max-height:375px}
  .container #right-info{padding-left:30px}
  .meta-data .info-y{min-height:230px;max-height:230px;padding-right:10px}
  #main-content{margin:0}
  .block-film ul.tabss{float:right;display:contents}
  .film-info .buttons{position:absolute;bottom:0;z-index:10;left:0;right:0;background:rgba(0,0,0,.4);padding:8px 5px}
  .caption{color:#fff}
  .main.jsx-3084556328,.wap{display:none}
  #header #menu-user{float:right}
  .search-container{float:left;margin:0;width:330px}
  .form-search #keyword{background:#fff;border:0;border-radius:50px;color:#666;height:35px;line-height:35px;padding-left:20px;width:350px;outline:0;float:left}
  #suggestions ul.autocomplete-list{background:#fff 0 0;border-radius:6px;left:2px;list-style:outside none none;padding:5px 0 10px;position:absolute;top:46px;max-width:490px;width:100%;z-index:15}
  .wap{display:none!important}
  .jsx-menu-main{float:right}
  .left-content-player{float:left;width:730px;overflow:hidden}
  .right-content-player{float:right;width:250px}
  .lienquan{height:373px;overflow-y:auto}
  .tit-lienquan{padding:8px;text-align:center;font-size:16px;font-weight:700}
  .ab1{position:fixed;bottom:0;padding:0 auto;z-index:2;width:100%;max-width:1100px;left:calc(50% - 550px)}
  .left i.fa-comments{font-size:40px}
  .player-zoom-in{padding-top:575px}
  .profile{display:grid;grid-template-columns:60px calc(100% - 60px);border-radius:10px;background-color:var(--color-bilu-t03);margin:30px 0;padding:20px}
  .profile .profile-content{padding:0 0 0 20px;overflow:hidden}
  .profile .profile-content .profile-text h3{font-size:20px}
  .profile .profile-content .profile-text h6{font-size:20px;line-height:40px}
  .bilu-vip-home{left:16px;font-size:10px}
  .bilu-vip-cmt{position:relative;z-index:9;left:25px;bottom:15px;background:#181c24;border:1px solid#da9e1cFF;color:#da9e1cFF;font-weight:700;border-radius:50px;padding:2px 8px}
  
.actor{
display: grid;
    grid-template-columns: 140px calc(100% - 140px);
    background: var(--color-bilu-t03);
	}  
  
  
  
}
@media (max-width:999px){
  .bilu-vip-home{position:relative;z-index:9;left:25px;bottom:15px;background:#181c24;border:1px solid#da9e1cFF;color:#da9e1cFF;font-weight:700;border-radius:50px;padding:2px 8px}
  .topuser{display:grid;grid-template-columns:50% 50%}
  .toponline{display:grid;grid-template-columns:35px calc(100% - 35px)}
  .toponline img{width:25px;height:25px;border-radius:50px;margin:10px 0}
  .toponline a{font-size:16px}
  .toponline dd{font-size:13px}
  .topuser dt{height:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .topuser dt{height:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  #list-film{display:grid;grid-template-columns:repeat(4,25%)}
  .listslider{margin:20px 10px 0}
  .user-sidelink ul li{width:calc(25% - 4px);text-align:center}
  .user-sidelink ul li i{display:block;font-size:30px}
  .user-sidelink ul li a{padding:5px 2px;font-size:13px}
  .user-sidelink ul li.active{background:#484848;border-top:3px solid #ee2c74;border-left:0;font-weight:500}
  .caption span,.caption span a{margin-left:5px}
  .caption{}
  .emoji-group{grid-template-columns:repeat(5,20%)}
  .emoji-picker{max-width:200px}
  .wap-p-2{padding:5px 5px}
  .profile-name h2{max-width:999px}
  .film-content .content{margin:10px}
  .container,.fb-page,.fb-page iframe[style],.fb-page span{width:100%!important}
  .poster img{width:100%;max-height:250px}
  #top-slide{width:auto;margin-top:0}
  #player,#top-slide{height:auto}
  .container{padding:0!important}
  .container .left-content{float:none;width:auto}
  .container .right-content{float:none;padding-left:0;width:100%}
  #header,#player,#top-slide li img{width:100%}
  #header{height:50px;padding:10px 0;position:relative}
  #header .logo{float:left;margin:0;display:inline-block}
  #main-menu{position:fixed;width:240px;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--color-bilu-m2);transform:translate3d(-240px,0,0);-webkit-transform:translate3d(-240px,0,0);margin:0;bottom:0;overflow-x:hidden;overflow-y:auto;top:0;z-index:100;transition:all 300ms ease}
  #main-menu.expanded{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
  #main-menu ul>li{float:none}
  #main-menu .container>ul>li{padding: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-down,#main-menu ul>li>a>i.fa.fa-angle-up{margin:8px 0 0;float:right;font-size:25px}
  #main-menu ul>li:first-child>a>i.fa-clone{margin-right:5px}
  #main-menu .sub-menu,#main-menu .sub-menu.span-2{width:100%}
  #main-menu ul.sub-menu>li{width:100%;float:none;border-bottom:1px solid#fff}
  #main-menu ul.sub-menu>li a{font-size:15px;padding:7px 5px 7px 25px;color:#000}
  #overlay_menu{position:fixed;background:rgba(0,0,0,.4);top:50px;right:0;bottom:0;left:0;transition:.3s all}
  .div-control .social-icon{float:left;margin:0;padding:0}
  .film-slide .film-item,.film-slide .film-item img{}
  .block-film .broadcast,.block-film .film-content,.keywords,.tags{padding:3px}
  .tags a{margin-left:10px}
  .thumb-info{display:none!important}
  .jsx-menu-main{padding:30px 0 0}
  .tab-wrapper-info h4{font:22px/25px 'UTMCafetaRegular'}
  .px-s{padding-left:.5rem;padding-right:.5rem}
  .coll-9{width:65%}
  .coll-3{width:35%}
  .movie-infoz .movie-title .title-1{text-transform:uppercase;font:20px 'UTMCafetaRegular';color:#dacb46;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:30px}
  .film-description-box{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:5px 8px;line-height:20px;font-size:12px;color:#bbb;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:120px;overflow-y:auto}
  .movie-infoz .movie-l-img img{width:100%;height:180px;border:0;transform:translate(0,0);-o-object-fit:cover;object-fit:cover;box-shadow:1px 2px 4px rgba(0,0,0,.8);border-radius:3px}
  .content-album{height:50px;overflow:hidden}
  .movie-info .movie-l-img img{width:150px;height:150px;border-radius:50%;border:3px solid#000;-webkit-transform:translate(0,0);transform:translate(0,0);-o-object-fit:cover;object-fit:cover}
  .movie-info .movie-meta-info{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:5px 8px;line-height:26px;border:1px solid #121212;font-size:12px;color:#bbb;background:#222}
  .actor h2{font-size:19px;line-height:25px}
  .container #left-info{max-width:100%;margin:0 auto;padding:0;max-width:500px}
  .container #left-info img{max-height:auto}
  .container #right-info{padding:10px}
  .meta-data .info-y{margin-top:10px}
  .film-info h1.name{font:35px 'UTMCafetaRegular'}
  #header .logo img{width:150px;margin:3px 5px 0}
  .search-container{float:right;margin:5px;right:10px;width:calc(100% - 180px)}
  .form-search #keyword{background:#fff;border:0;border-radius:5px;color:#666;height:35px;line-height:35px;padding:3px 10px;width:calc(100% - 10px);outline:0;float:left;position:absolute}
  .search-container .fa-search{position:absolute;top:9px;font-size:20px;color:#666;right:0}
  #suggestions ul.autocomplete-list{background:#fff 0 0;border-radius:6px;list-style:outside none none;padding:5px 0 10px;position:fixed;top:70px;left:0;width:100%;z-index:15}
  #header #menu-user,.web,#main-menu ul>li:first-child{display:none}
  .margin5{margin:5px!important}
  .main.jsx-3084556328{background:#673ab7;padding:7px 0;background-position:center;background-repeat:no-repeat;background-size:cover}
  .channels.jsx-3084556328{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:400px;margin:0 auto}
  .item.jsx-3084556328{padding:0;width:100%;border-right:1px solid var(--color-bilu-m2)}
  .item.jsx-3084556328 span.count-pc,.item.jsx-3084556328 span.count-mess-pc{background:#f11b1b;padding:2px 3px;color:#fff;font-size:13px;border-radius:50px;margin-left:43px;position:absolute;top:75px;min-width:15px;border:1.5px solid #673ab7}
  .item.jsx-3084556328:last-child{border-right:none}
  .jsx-3084556328 i{display:grid;font-size:20px;text-align:center}
  .jsx-3084556328 i img{margin:0 auto;width:26px;border-radius:50px;border:2px solid#fff}
  .item-label.jsx-3084556328{margin-top:6px;text-align:center;color:var(--color-light-0);font-weight:700;font-size:12px}
  .item.jsx-3084556328 a{color:#fff}
  .active.item.jsx-3084556328 a,.active:focus{color:#ff0}
  #film_hot.owl-carousel,#film_related.owl-carousel{height:auto}
  #form_search .fa-arrow-circle-right{font-size:20px;float:right;margin:1px 0 0;position:absolute}
  #footer .desc{width:auto}
  #footer .info{float:left;width:100%;padding:2%}
  .title-box{padding-left:8px}
  .list-films .item .lazy,.list-films.film-hot .film-item .lazy{width:100%;height:100%}
  .title-box .list-tab-label,.title-box .view-all{display:none}
  #film_hot .owl-item .film-item,.list-films #film_related .item,.list-films.film-related .item{width:96%;margin:0 2%}
  .form-filter .filter-item{margin-bottom:10px}
  .breadcrumbs a,.breadcrumbs span{display:inline-block;margin:0}
  .breadcrumbs>a:first-child{padding-left:10px}
  #player .water-mark{font-size:12px}
  #player-video .details .name{width:auto}
  #player .countdown-wrapper,#player-video .details .name h1,#player-video .details .name h2.chapter-name,#player-video .details .name span,.fullscreen{font-size:1.2em}
  #player-video .details .name h2{font-size:1.1em}
  .form-filter .filter-item .form-control#year{width:80px!important}
  .vjs-default-skin .vjs-res-button{width:8em;margin-right:5px}
  .vjs-default-skin .vjs-res-button ul li{width:3em;float:left}
  #player-video .details .social-icon{margin-left:18px}
  .web{display:none!important}
  .right-content-player{display:none}
  .khung{padding:0 15px}
  .ab1{position:fixed;left:0;bottom:0;padding:0 auto;z-index:2;width:100%}
  .ab10{clear:both}
  .ad-play,.hbobet{background-size:100% 40px!important;width:100%;height:40px;clear:both}
  #ads-phai,#ads-trai,.ab4,.ab5,.web{display:none}
  .btn-humbers p{display:block;width:30px;height:4px;background:#fff;border-radius:1px;margin:2px auto 5px}
  .container{padding:0 8px;width:auto}
  .expanded #msuggestions{position:static;margin:0}
  #msuggestions ul.autocomplete-list{width:99%;padding:0}
  .main-menu ul.container{padding:0}
  .main-menu.fix-nav,.main-menu{position:fixed;width:240px;left:-240px;bottom:0;overflow-x:hidden;overflow-y:auto;top:0;z-index:11;transition:0.3s all}
  .main-menu.expanded{left:0}
  .main-menu .menu-item{display:block;float:none;width:100%;border-top:1px solid var(--color-bilu-m2)}
  .main-menu .menu-item .sub-menu{display:none}
  .main-menu .menu-item .sub-menu.expanded{display:block;position:inherit}
  .main-menu .menu-item > a:after{content:"+";float:right;font-size:20px;line-height:13px;color:#e91e63;margin:12px 5px 0 0}
  .main-menu .menu-item:first-child a:after{}
  .main-menu .menu-item > a.active:after{content:"-";font-size:25px}
  .main-menu .menu-item .sub-menu{width:100%!important}
  .main-menu .menu-item .sub-menu.span-2 .sub-menu-item,.main-menu .menu-item .sub-menu.span-3 .sub-menu-item{float:none;width:auto}
  .sub-menu .sub-menu-item a{padding-left:20px}
  .main-content .left-content{width:100%}
  .main-menu .menu-item.active > a{background:0 0}
  .main-menu .menu-item>a{color:#000;text-transform:uppercase;font-weight:400;padding:15px 11.6px;display:block;font-size:16px;white-space:nowrap}
  .block-film .caption span,.block-film .caption span a{margin-top:10px;margin-bottom:5px;display:block}
}
@media (min-width:1200px){
  .container{width:1100px}
  .player-zoom-in{padding-top:630px}
}
@media (min-width:1800000px){
  .container{width:1800px;max-width:80%}
  .container .right-content{float:left;width:calc(20% - 30px);padding-left:30px;margin-top:30px}
  .container .left-content{float:left;overflow:hidden;width:80%;margin-top:30px}
  #list-film{display:grid;grid-template-columns:repeat(6,16.666%)}
}
@media (max-width:767px){
  #list-film{display:grid;grid-template-columns:repeat(3,33.333%)}
  .modalz{left:5%;right:5%;width:90%}
  .container #left-info .poster{padding-top:0}
}
@media (max-width:640px){
  #list-film{display:grid;grid-template-columns:repeat(2,50%)}
  #main-menu ul>li:first-child>a,#main-menu ul>li>a{padding:10px 8px}
  .comment-main{border-top:1px dotted#c5c5c5}
  .comment-main:first-child{border-top:0}
  .favonoti{display:grid;grid-template-columns:100px calc(100% - 60px);padding:10px 0}
  .noti{grid-template-columns:30px calc(100% - 70px) 0}
  .server-item .tits{display:none}
  .div-control .btn-group-sm>.btn, .btn-sm{padding:5px 5px}
}