@media (max-width: 1024px){#top-slide{width:auto;height:auto;}#player{width:100%;height:auto;}.container{width:100%!important;padding:0!important;}#content .left-content{float:none;}#content .right-content{float:none;margin:10px auto;}#top-slide li img{width:100%;}#header{width:100%;height:48px;padding:0;position:relative;text-align:center;border-bottom:1px solid #efc72a;background-image: none;}#header>.container{background-color: #282828;}#header .logo{float:none;margin:0;}#header .logo img{width:120px;margin:14px 0;}#main-menu, #main-menu-pc{position:fixed;width:240px;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgb(255 255 255 / 15%);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, #main-menu-pc.expanded{transform:translate3d(0,0px,0px);-webkit-transform:translate3d(0,0px,0px);}#main-menu ul>li, #main-menu-pc ul>li{float:none;}#main-menu .container>ul>li, #main-menu-pc .container>ul>li{padding:5px 0;}#main-menu ul>li:first-child>a,#main-menu ul>li>a,#main-menu-pc ul>li:first-child>a,#main-menu-pc ul>li>a{padding:0 8px;}#main-menu ul>li>a>i.fa, #main-menu-pc 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, #main-menu-pc ul>li>a>i.fa.fa-angle-up,#main-menu-pc 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, #main-menu-pc ul>li:first-child>a>i.fa-clone{margin-right:5px;}#main-menu .sub-menu, #main-menu-pc .sub-menu{width:100%;}#main-menu-pc .sub-menu.span-2{width:100%;}#main-menu ul.sub-menu>li, #main-menu-pc ul.sub-menu>li{width:100%;float:none;}#main-menu ul.sub-menu>li a, #main-menu-pc ul.sub-menu>li a{padding:3px;font-size:13px;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-info .poster{margin-left:5px;}.block-film .film-content,.block-film .broadcast,.tags,.keywords{padding:10px;}.tags a{margin-left:10px;}}
@media(max-width: 767px){
    .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{margin: 0 10px 10px 0;}

    .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{
        /*padding: 5px 5px 5px 12px;*/
        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%;
	}
    
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) and (max-width: 1366px) {
	#ban_right img, #ban_left img{max-width: 80px !important;}
}
@media (min-width: 1281px) {
	.only-mobile{display:none!important}
  	.float-ck img{ height: 205px !important; width: 250px !important; }
	.film-info .info-ads {
		display:none !important;
		float: none !important;
		width: 0px !important;
	}
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
	.only-mobile{display:none!important}
	.container {width: 1200px !important;}
	#content>.container {}#content>.container.player {width: 1200px !important;}
	#content .left-content { width: 100% !important;}
	#content .right-content { width: 100% !important;margin-left: 0px !important;}
	.float-ads, .float-ck, #ban_right, #ban_left{display:none !important;}
	.episodes ul li a {font-size: 18px !important;}
	
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
	.only-pc{display:none!important}
	.film-info .multi-data {max-width: 460px !important;}
	#content .left-content { width: 100% !important;}
	#content .right-content { width: 100% !important;margin-left: 0px !important;}
	.block-film .list-film .film-item {	width: 23.9%;}
	.film-slide .film-item,.film-slide .film-item img{width:99%!important;}
	.block .fb_iframe_widget{padding-left: 5px !important;}
	.form-filter .filter-item .form-control {height: 30px;}
	.form-filter .btn {font-size: 14px;}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.only-pc{display:none!important}
	.film-info .multi-data {max-width: 500px !important;}
	#content .left-content { width: 100% !important;}
	#content .right-content { width: 100% !important;margin-left: 0px !important;}
	.block-film .list-film .film-item {	width: 19%;	}
	.film-slide .film-item,.film-slide .film-item img{width:99%!important;}
	.block .fb_iframe_widget{padding-left: 5px !important;}
	.form-filter .filter-item .form-control {height: 30px;}
	.form-filter .btn {font-size: 14px;}
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
	.only-pc{display:none!important}
	.block-film .list-film .film-item{width:23%;margin:5px 1%!important;height:auto;}
	.film-info .multi-data {max-width: 360px !important;}
	#content .left-content { width: 100% !important;}
	#content .right-content { width: 100% !important;margin-left: 0px !important;}
	.film-slide .film-item,.film-slide .film-item img{width:99%!important;}
	.block-film .film-content p {font-size: 13px!important;}
	.episodes ul li a { padding: 4px 16px 4px 16px; }
	.list-film .film-item .current-status {top: 5px !important;}
	.block-film ul{margin-left: 0px !important;}
	.block .fb_iframe_widget{padding-left: 5px !important;}
	.form-filter .filter-item .form-control {font-size: 17px;height: 32px;}
	.form-filter .btn {font-size: 15px;}
	#overlay .overlay_content .overlay_wrapper {max-width: 480px !important;}
	#player-video .film-slide {padding-left: 3px;}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  	.only-pc{display:none!important}
	#content .left-content { width: 100% !important;}
	#content .right-content { width: 100% !important;margin-left: 0px !important;}
    #top-slide{height:140px;}
    #top-slide li img{height: 140px;}
	.film-info .poster{float:none!important; margin: 10px auto;display: table;}
    .film-slide .film-item{width: 150px!important;margin: 5px 0% !important;}
    .film-slide .film-item img{
        /*width: 150px !important;
        height: 190px !important;*/
    }
	.breadcrumbs a:first-child {padding-left: 12px !important;}
	.block-film .list-film .film-item{ width: 47%;}
	.film-slide .film-item,.film-slide .film-item img{width:98%!important;}
	.block-film .film-content p {font-size: 13px!important;}
	.episodes ul li a { padding: 4px 18px 4px 18px !important; }
	.list-film .film-item .current-status {top: 5px !important;}
	.block-film ul{margin-left: 0px !important;}
	.block .fb_iframe_widget{padding-left: 5px !important;}
	.form-filter .filter-item .form-control {font-size: 17px;height: 32px;}
	.form-filter .btn {font-size: 15px;}
	#overlay .overlay_content .overlay_wrapper {max-width: 320px !important;}
	#player-video .film-slide {padding-left: 5px;}
}

@media (max-width: 319px){
	.only-pc{display:none!important}
	.film-slide .film-item{width: 120px!important;}
    .film-slide .film-item img{width: 120px!important;height: 155px!important;}
	.film-info .poster{float:none!important; margin: 10px auto;display: table;}
	.block-film .list-film .film-item{ width: 45%;}
	.film-slide .film-item,.film-slide .film-item img{width:98%!important;}
	.block-film .film-content p {font-size: 13px!important;}
	.episodes ul li a { padding: 4px 18px 4px 18px !important; }
	.block-film ul{margin-left: 0px !important;}
	.form-filter .filter-item .form-control {font-size: 17px;height: 32px;}
	.form-filter .btn {font-size: 15px;}
	#overlay .overlay_content .overlay_wrapper {max-width: 300px !important;}
}