/* responsive style */
@media (max-width: 1299px) {
	.container {
		width: 970px;
	}
	body.fixed-banner .theme-showcase {
		padding-top: 244px;
	}
	
	/* footer */
	.footer .footer-container {
		height: auto;
    	margin: 0px auto;
	}
	.footer-more {
		margin-top: 0px;
	}
	.footer .app-download {
		margin-left: 0px;
		/*padding-left: 20px;*/
		width: 210px;
		padding: 0; margin-left: 60px
	}
	.footer .footer-menu .footer-list {
		width: 25%;
    	padding-right: 20px;
	}
	.footer .footer-container {
		width: 970px;
	}
	.footer-bottom .footer-bottom-container {
		width: 970px;
	}
	.footer-more .app-download {
		float: left;
	}
	.footer-more .subscribe-online {
		float: right;
	}
	.footer .footer-menu {
    	/*width: 430px;*/
	}
	.footer .footer-menu .footer-list:nth-child(1) { width:200px}
	.footer .footer-menu .footer-list:nth-child(2) { width:150px}
	.footer .footer-menu .footer-list.last { width:200px; padding-right: 10px;}
	.footer .footer-menu .footer-list-items {
		padding-right: 0px;
	}
	
	ul.nav-profile li.welcome-text, ul.nav-profile li.search, ul.nav-profile li.world, ul.nav-profile li.fav, ul.nav-profile li.cart {
		display: none;
	}
	
	/* 	product list */
	.product-list .thumbnail {
		height: auto;
	}
	
	
	/* vod */
	/*.vod .vod-right {
    	width: 720px;
		float: right;
		position:relative
	}*/
	.vod .vod-right .vod-desc {
		color: #a4a3a3;
		padding-bottom: 20px;
		/*padding-right:20px*/
	}
	/*.vod .vod-right .vod-infos .vod-info .value {
		width: 480px;
    }*/
	/*.vod .vod-right-content { width:80%}*/
	.vod .series-pop-des { margin-left:12%}

	#searchForm .tt-search { width: 100% }
	.m-banner-a { width: 90%; margin-left: 5%; margin-right: 5% }

	.add-resume .home-resume .resume-content {width: 970px;}
	.add-resume .home-resume .re-con { margin-top: 16px; }
	.add-resume .home-resume p { display:inline-block; color: #fff; margin:0; }
	.add-resume .home-resume p.title { margin-left: 115px; font-size: 14px; margin-right: 15px }
	.add-resume .home-resume p.title-name { font-size: 14px; color: #909090; margin-right: 15px }
	.add-resume .home-resume p.time { font-size: 11px; color: #909090; font-style: italic }
	.m-banner-a, .text-ad { width: 90%;margin-left: 5%;margin-right: 5%;}
	.theme-setting .forwebsite .row { margin: 0 }
}
@media (min-width: 992px) {
	.navbar-inverse .navbar-collapse {
		display: block !important;
	}
	.npx-modal .dollar-balance.after-topup .enter-pass-m input { margin-bottom:15px}
}
@media (max-width: 992px) {
	.container .ch-list.slick-slider, .container .product-list.slick-slider { border: none }
}
@media (min-width: 992px) and (max-width: 1199px) {

	.product-list .thumbnail {
		height: auto;
	}
}
@media (max-width: 991px) {
	
	body {
	    padding-top: 55px;
	}
	html.fixed, body.body-fixed {
		overflow: hidden;
    	position: fixed;
	}
	
	.container {
		width: 100%;
	}
	
	/* home slider */
	body.fixed-banner .home-sldr-fixed {
		top: -15px;
	}
	
	/* nav */
	.navbar-nav > li.menu-livechat {
		display: block;
	}
	.navbar-nav > li.more-setting {display: block;}
	.navbar-nav > li.more-setting.help { float: left; }
	.nav-profile {
		float: left;
		margin-top: 20px;
		margin-left: 20px;
		margin-bottom: 20px;
	}
	.navbar-nav > li {
		width: 100%;
	}
	.navbar-nav>li>a {
		padding-top: 15px;
	}
	.navbar-nav {
		margin-top: 50px;
		margin-left: 0px;
		margin-right: 0px;
		float: none;
	}
	.navbar-collapse {
    	padding-right: 0px;
	    padding-left: 0px;
	}
	.navbar-inverse .navbar-collapse {
		border: 0px;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-left: 0px;
		margin-right: 0px;
    	position: relative;
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	    max-height: none;
	}
	.navbar-inverse .navbar-toggle span:nth-child(2)  {
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
		transform: rotate(45deg);
	}
	.navbar-inverse .navbar-toggle span:nth-child(3)  {
		-ms-transform: rotate(-45deg); /* IE 9 */
		-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
		transform: rotate(-45deg);
    	margin-top: -2px;
	}
	.navbar-inverse .navbar-toggle span:nth-child(4)  {
		-ms-transform: rotate(-45deg); /* IE 9 */
		-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
		transform: rotate(-45deg);
    	margin-top: -2px;
	}
	.navbar-inverse .navbar-toggle {
    	margin-top: 18px;
    	position: absolute;
    	right: 0px;
    	top: 0px;
	}
	.navbar-inverse .navbar-toggle.collapsed {
    	margin-top: 10px;
	}
	.navbar-inverse .navbar-toggle.collapsed .icon-bar {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
    	margin-top: 4px;
	}
	.navbar.navbar-inverse.navbar-collapsed .navbar-brand {
		padding: 15px;
	}
	.navbar-brand img, .navbar.navbar-inverse.navbar-collapsed .navbar-brand img {
		height: 39px;
		width: 65px;
    	/*margin-left: 10px;*/
	}
	.navbar-toggle {
    	float: left;
    	margin-left: 0px;
	}
	.navbar-brand {
		/*width: 100%;*/
		height: auto;
		padding: 15px;
    }
	/* actionbar  */
	.navbar-actionbar {
		display: block;
	}
	.navbar-actionbar ul {
		position: absolute;
    	list-style: none;
		left: 22px;
		top: 22px;
		padding-left: 0px;
	}
	.navbar-actionbar ul li {
		float: left;
		padding-right: 10px;
	}
	.navbar-actionbar ul li.chat {
		padding-right: 0px;
	}
	
	/* 	.nav-options */
	.navbar-collapse.collapsing .nav-options, .navbar-collapse.collapse.in .nav-options {
		display: block;
	}	
	.navbar-inverse .search-mobile.active .navbar-search {
		/*display: block;
		left: 14px;
		right: auto;*/
	}
	.navbar-inverse .navbar-search {
		display: block;
	}
	.navbar-inverse .navbar-search img { width: 25px }
	.navbar-inverse .lang-text-mobile { display: block}
	.navbar-inverse .lang-text-mobile a { font-size: 16px; color: #fff }
	.navbar-inverse .input-search-m {
		display: none;
	}
	.navbar-inverse .search-mobile.active  .input-search-m {
		display: block;
		right: 50px;
		left: 20px;
		width: 90%;
	}
	.navbar-inverse .btn-search-cancel {
		display: none;
	}
	.navbar > .container .navbar-brand.show-search {
		/*display: none;*/
	}
	.navbar-inverse .search-mobile.active .btn-cancel {
		display: block;
		right: 50px;
		top: 20px;
		position: absolute;
	}
	
	/* show menu */
	.navbar.navbar-inverse.shownav {
		min-height: auto;
		height: auto;
		background: rgba(25, 25, 25, 1.0);
		bottom: 0px;
    	margin-bottom: 0px;
	}
	.navbar.navbar-inverse.shownav .nav-options {
		float: none;
		margin-top: 0px;
		border-top:1px #504f4e solid;
		/*margin: 0 5%;*/
		position: absolute;
		z-index: 999;
		top:0
		right:60px;
		margin: 0
	}
	.navbar.navbar-inverse.shownav .nav-options .nav-lang {
		float: none;
		height: auto;
		display: none;
	}
	.navbar.navbar-inverse.shownav .nav-options .nav li {
		float: none;
	}
	.navbar.navbar-inverse.shownav .nav-options .nav li.sepa {
		display: none;
	}
	.navbar.navbar-inverse.shownav .navbar-nav > li > a,
	.navbar.navbar-inverse.shownav .navbar-nav > li > a:hover,
	.navbar.navbar-inverse.shownav .navbar-nav > li > a:focus {
	    text-align: center;
	    /*padding-left: 0;
	    margin-left: 0;*/
		font-size:20px; line-height:30px
	}
	.navbar.navbar-inverse.shownav .navbar-nav > li.menu-mynow > a,
	.navbar.navbar-inverse.shownav .navbar-nav > li.menu-mynow > a:hover,
	.navbar.navbar-inverse.shownav .navbar-nav > li.menu-mynow > a:focus {
	    background: url("../img/menu/menu-my-now.png") no-repeat left center;
	    background-size: 18px;
		background:none
	}
	.navbar.navbar-inverse.shownav .navbar-nav > li.menu-ondemand > a,
	.navbar.navbar-inverse.shownav .navbar-nav > li.menu-ondemand > a:hover,
	.navbar.navbar-inverse.shownav .navbar-nav > li.menu-ondemand > a:focus {
	    background: url("../img/menu/menu-vod.png") no-repeat left center;
	    background-size: 18px;
		background:none
	}
	.navbar.navbar-inverse.shownav .navbar-nav > li.menu-tvguide > a,
	.navbar.navbar-inverse.shownav .navbar-nav > li.menu-tvguide > a:hover,
	.navbar.navbar-inverse.shownav .navbar-nav > li.menu-tvguide > a:focus {
	    background: url("../img/menu/menu-epg.png") no-repeat left center;
	    background-size: 18px;
		background:none
	}
	/* menu profile */
	.navbar.navbar-inverse.shownav .nav-options div.nav-profile {
		float: none;
   		margin-left: 0px;
    	margin-top: 0px;
	}
	.navbar.navbar-inverse.shownav .nav-options div.nav-profile .nav li {
    	/*margin-left: 20px;*/
    	padding: 10px 0px;
	}
	.navbar.navbar-inverse.shownav .nav-options div.nav-profile .nav li a img {
		display: none;
	}
	.navbar.navbar-inverse.shownav .nav-options div.nav-profile .nav li a span {
    	font-size: 20px;
		display: inline;
	}
	.navbar.navbar-inverse.shownav .nav-options div.nav-profile .nav li a {
	    /*padding-left: 30px;*/
		text-align: center
	}
	.navbar.navbar-inverse.shownav .nav-options div.nav-profile .nav li.profile a {
	    background: url("../img/menu/menu-my-now.png") no-repeat left center;
	    background-size: 18px;
		background:none
	}
	.navbar.navbar-inverse.shownav .nav-options div.nav-profile .nav li.search a {
	    background: url("../img/menu/search.png") no-repeat left center;
	    background-size: 18px;
		background:none
	}
	.navbar.navbar-inverse.shownav .nav-options div.nav-profile .nav li.more a {
	    background: url("../img/menu/menu-more.png") no-repeat left center;
	    background-size: 18px;
		background:none
	}
	.navbar.navbar-inverse.shownav .nav-options div.nav-profile .nav li.chat a {
	    background: url("../img/icon/chat-chevron.svg") no-repeat left center;
	    background-size: 18px;
		background:none
	}

	.navbar.navbar-inverse.shownav ul.navbar-nav li.more-setting ul li { text-align: center; }
	.navbar.navbar-inverse.shownav ul.navbar-nav li.more-setting ul li a { font-size: 18px; line-height: 28px }
	.navbar.navbar-inverse.shownav ul.navbar-nav li.more-setting ul li.chat a span { font-size: 18px; }

	
	
	/* 	product list */
	.product-list .product-item {
		width: 50%;
		float: left;
		margin-bottom: 20px;
	}
	.product-list .thumbnail {
		height: auto;
	}
	
	
	/* slider */
	.carousel-inner > .item .caption {
		text-align: center;
		position: absolute;
		width: 100%;
		bottom: -4px;
		padding-top: 8px;
		font-size: 20px;
		text-transform: uppercase;
	}
	.carousel-inner > .item .caption p {
		background: #FFF;
		width: 40%;
		margin: 4px auto;
		padding: 10px 20px;
		font-size: 18px;
	}
	/* footer */
	.footer-more .app-download {
		float: left;
		margin-left: 0;
	}
	.footer-more .subscribe-online {
		float: right;
	}
	
	.container > .navbar-header {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		height: 60px;
		z-index: 100;
		background: rgba(25, 25, 25, 1.0);
	}
	.navbar.shownav {
		bottom: 0px;
		margin-bottom: 0px;
		overflow: scroll;
	}
	.navbar-nav {
		display: block;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-header {
    	float: none;
	}
	.navbar-collapse.collapsing{
		display: block;
	}
	.navbar-collapse.collapse {
		display: none;
	    padding-top: 20px;
	}
	.navbar-collapse.collapsing .navbar-nav, .navbar-collapse.collapse.in .navbar-nav, .navbar-collapse.collapsing ul.nav-profile, .navbar-collapse.collapse.in ul.nav-profile{
		display: block !important;
	}
	.navbar-inverse .navbar-collapse.collapse.in {
		bottom: 0px;
		top: 0px;
		left: 0px;
		right: 0px;
	}
	.navbar.navbar-inverse.navbar-collapsed .nav-lang {
		height: auto !important;
	}
	.navbar.navbar-inverse.navbar-collapsed .navbar-nav li>a {
    	padding-top: 12px;
	}
	.nav > li {
    	position: relative;
    	display: block;
	}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {
		background: #080808;
		box-shadow: none;
		color: #FFF;
	}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {
		background-image: -webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);
		background-image: -o-linear-gradient(top,#080808 0,#0f0f0f 100%);
		background-image: -webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f));
		background-image: linear-gradient(to bottom,#080808 0,#0f0f0f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
		background-repeat: repeat-x;
		-webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.25);
		box-shadow: inset 0 3px 9px rgba(0,0,0,.25);
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		line-height: 20px;
	}
	
	/* 	product list */
	.row-header .btn-seeall {
		margin-right: 15px;
	}
	.row-header h2 {
    	padding: 20px 15px 10px;
	}
	.slick-slider .slick-list {
		margin-left: 15px;
	}
	.tt-search .slick-slider .slick-list {
		margin-left: 0px;
	}
	.home-sldr .slick-slider .slick-list {
		margin-left: 0;
	}
	.product-list .image .img-name {
		font-size: 20px;
	}
	.product-list .product-item .content .title, .ch-list .ch-item .content .title{
		font-size: 14px;
	}
	.product-list .product-item .content .desc, .ch-list .ch-item .content .desc, .ch-list .ch-item .content .time  {
		font-size: 13px;
	}
	
	/* 	.breadcrumb */
	.breadcrumb {
		padding-left: 15px;
		padding-right: 15px;
	}
	/* vod */
	.vod {
		padding-left: 15px;
		padding-right: 15px;
	}
	.vod .vod-left {
		width: 25%;
		margin-right: 0px;
    	padding-right: 20px;
	}
	.vod .vod-left > img {
		width: 100%;
	}
	.vod .vod-right {
		width: 75%;
	}
	.vod .vod-right .vod-desc, .vod .series-list-all {
		width: 100%;
	}
	.vod .vod-right .vod-infos .vod-info .param { width:30%}
	.vod .vod-right .vod-infos .vod-info .value {
		width: 70%;
	}
	.vod-controls .ic-control > a > span { font-size:18px}
	
	/* 	footer */
	.footer .footer-container {
		width: 100%;
	}
	.footer-bottom .footer-bottom-container {
		width: 100%;
	}
	.footer .sepa {
		width: 100%;
		height: 1px;
		background: #504f4e;
		float: left;
	}
	.footer .footer-menu {
    	width: 90%;
    	margin: 0px auto;
    	float: none;
		margin-bottom:30px
	}
	.footer .footer-menu .footer-list {
		width: 25%;
	}
	.footer .footer-menu .footer-list:nth-child(1) { margin: 0 }
	.footer .footer-menu .footer-list:nth-child(1), .footer .footer-menu .footer-list:nth-child(2) { width: 33%;}
	.footer .footer-menu .footer-list.last { width:34%}
	.footer-more {
    	width: 210px;
		margin: 40px auto 0px;
		text-align:center; padding-top: 30px
	}
	.footer-bottom .footer-bottom-container {
		width: 90%;
	}
	.footer .app-download {
	    padding-left: 0px;
	}
	.footer-bottom .footer-bottom-menu .footer-bottom-list {
		float: none;
		/*width: 100%;*/
    	display: table;
		margin:0 auto
	}
	.footer-bottom .footer-bottom-menu .footer-bottom-cr {
		/*float: left;*/
    	padding-top: 10px;
	}
	
	.footer-bottom .footer-bottom-menu .footer-bottom-cr li { text-align:center; float:inherit}
	.main-header { margin-left:15px; margin-right:15px}
	.main-header h3 { font-size:24px}
	.row-header h2 { font-size:18px}
	#FifterList { margin-left:15px; margin-right:15px}

	/*.tv-guide-all .main-header { margin-top: 10px }
	.tv-guide-all .main-header h3 {float: left; text-align: left;}
	.tv-guide-all .filter-style-m { float: right; width: auto;}
	.tv-guide-all .filter-style-m .dropdown-menu { width: auto; }*/
	
	/* on demand */
	.demand-des { display:none}
	.theme-ondemand.seeall-style { padding-left:20px; padding-right:20px}
	.row-seeall-m.product-list .product-item { width:23.5%; margin-right:2%}
	.row-seeall-m.product-list .product-item:nth-child(6n+0) { margin-right:2%}
	.row-seeall-m.product-list .product-item:nth-child(4n+0) { margin-right:0}
	
	.theme-ondemand.seeall-style { padding-left:15px; padding-right:15px}
	.tv-guide-s-g .row-seeall-m.product-list .product-item {width: 23.5%;float: left;margin-bottom: 20px; padding-right:0; margin-right:2%;min-height: 190px;}
	.tv-guide-s-g .row-seeall-m.product-list .product-item:nth-child(4n+0) { margin-right:0}
	
	/* filter */
	.filter-set { padding:0 15px; text-align:left}
	.filter-set .select { width:100%}
	.filter-set .select select {padding: .5em 2em .5em 0em;margin: 0;text-align:left; width:100%}
	.filter-set .select .arr {right: 0}
	.filter-set .select .arr:before {right: 0px}
	.npx-modal .dollar-balance.after-topup .enter-pass-m input { margin-bottom:15px}
	.theme-ondemand.premium-catalogs { padding-left:15px; padding-right:15px}
	/*.theme-ondemand.premium-catalogs .col-md-2 { width:22.7%; padding-right:0; margin-right:3%; margin-bottom:3%}
	.theme-ondemand.premium-catalogs .col-md-2:nth-child(4n+0) { margin-right:0%}*/
	.premium-catalogs .product-list .product-item { padding-right:0; margin-right:2%; width:32%; margin-bottom:2%}
	.premium-catalogs .product-list .product-item:nth-child(4n+0) { margin-right:2%}
	.premium-catalogs .product-list .product-item:nth-child(3n+0) { margin-right:0}
	/*.npx-modal .modal-body .other-time .left-image {width: 155px;margin-right: 20px}*/
	
	.container.theme-mynow { padding-left:20px; padding-right:20px}
	.right-content-m .content-list.tv-recording .icon-play  { font-size:12px}
	.right-content-m .content-list h2 { margin-top:0}
	.right-content-m .remark_lg{ margin-top:220px}
	.theme-setting .right-content-m .content-m { margin-left:15px; margin-right:15px}

	#searchForm input[type="text"] { width: 100%; text-align: center; font-size: 35px; }
	#searchForm .btn-site { margin-top: 10px }

	.results-s .product-list { padding-left: 15px; padding-right: 15px }

	.single-guide { padding: 0 15px }
	.single-guide .left-area { width: 100%; }
	.single-guide .left-area .channel-logo { float: left; padding-top: 0 ; width: 150px}
	.single-guide .left-area .channel-name { float: left; margin-top: 30px; width: 60% }
	.single-guide .left-area .channel-num { float: left; width: 60%   }
	.single-guide .left-area .vod-controls { position: absolute; right: 15px }
	.single-guide .right-area { width: 100% }
	.single-guide .right-area .all-data-day ul { padding: 0 }

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #9d9d9d; line-height: 28px;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { background: none; color: #fff }
	.navbar-nav > li > .dropdown-menu { position: relative;; width: 100%; background: none}

	.tv-guide-s-g .product-list .product-item .content .desc { font-size: 16px; line-height: 20px}
	.tv-guide-s-g .guide-g-play .play-btn { width: 30px;}

	.add-resume .home-resume .resume-content {width: 97%;}

	.add-resume .home-resume .re-con { margin-top: 8px; }
	.add-resume .home-resume p { display:inline-block; color: #fff; margin:0; }
	.add-resume .home-resume p.title { margin-left: 115px; font-size: 14px; margin-right:0; width: 100% }
	.add-resume .home-resume p.title-name { margin-left: 115px;font-size: 14px; color: #909090; margin-right: 15px }
	.add-resume .home-resume p.time { font-size: 11px; color: #909090; font-style: italic }
	.add-resume .home-resume .btn-close { top: 5px}

	.date-button .filter-style-m .dropdown-menu { left:-10px; background:#000; margin-top:16px;min-width: 130px; }

	.slick-slider.responsive { padding: 0 5px }
	.tv-guide-s-g a.play-btn { }
	.theme-setting .right-content-m .min-height-m { min-height: 230px }
	.navbar-nav > li {margin: 0px;}	
	.navbar.navbar-inverse.shownav .nav-options div.nav-profile { display: none }
	#alreadysubModal .already-height-m { margin-top: 20px }
}

@media (max-width: 960px) {
	.bg-userguide .block-ugd.block-right .content { margin-left: 0 }

}
@media (min-width: 769px) and (max-width: 991px) {

}
@media (max-width: 768px) {
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
	.row-header h2 {
		padding: 0px 14px;
	}
	
	
	/* slider */
	.carousel-inner > .item .caption {
	}
	.carousel-inner > .item .caption p {
		width: 50% !important;
		padding: 4px 10px !important;
		font-size: 16px !important;
	}
	.home-sldr {
		padding: 0px;
	}
	.home-sldr .controller {
		width: 100%;
		height: 336px;
		opacity: 1;
		display: none;
	}
	.home-sldr button.sldr-nav.prev {
		left: 0px;
	}
	.home-sldr button.sldr-nav.next {
		right: 0px;
	}
	
	/* 	product list */
	.product-list .image .img-name {
		font-size: 18px;
	}
	.product-list .product-item .content .title, .ch-list .ch-item .content .title {
		font-size: 14px;
		/*height:40px;*/ overflow:hidden
	}
	.product-list .product-item .content .desc, .ch-list .ch-item .content .time, .ch-list .ch-item .content .desc {
		font-size: 12px;
		margin-bottom: 0;
	}
	.navbar-actionbar ul li {
		float: left;
		padding-right: 10px;
		display: none;
	}
	.navbar-actionbar ul li.chat {
		padding-right: 0px;
		display: block;
	}
	.navbar-actionbar ul li.chat span {
		display: none;
	}
	.row-header .btn-seeall {
    	margin-top: 4px;
	    padding: 18px 0px 10px;
	}
	
	/* vod */
	.vod .vod-right-content { width:100%; border:none; padding-right:0}
	.vod .vod-right .vod-ch { width:100px}
	.vod {
		padding-left: 15px;
		padding-right: 15px;
	}
	.vod .vod-left {
		margin-right: 0px;
		padding-right: 20px;
		float: none;
		width: 100%;
	}
	.vod .vod-left > img {
		width: 140px;
		float: left;
		margin-right: 20px;
	}
	.vod .vod-left .vod-controls {
		float: left;
	}
	.vod-controls { padding-top:20px;}
	
	.vod .vod-right {
		float: none;
		width: 100%;
		padding-top: 20px;
	}
	.vod .vod-right .group-title {
		display: none;
	}
	.vod .vod-right .vod-ch {
		float: none;
		display: none;
	}
	.vod .vod-right .vod-desc, .vod .series-list-all {
    	width: 100%;
	}
	.vod .vod-right .vod-infos .vod-info .value {
		width: 100%;
		margin-top:5px
	}
	.vod .vod-left .group-title, .vod .vod-left .vod-ch {
		display: block;
	}
	.vod .vod-title {
        color: #FFF;
        font-size: 20px;
        padding-bottom: 0; margin-bottom: 10px
	}
	.vod .vod-sub-title {
        color: #FFF;
        font-size: 16px;
        padding-bottom: 0;
	}
	
	.ic-control {
		height: auto;
		width: auto;
		/*margin-right:20px*/
	}
	.ic-control a span {
		/*display: none;*/
	}
	.ic-control a span.subscr-btn, .ic-control a span.subscr-btn .sub {
		/*display:block; float:left*/
	}
	
	.vod-controls .ic-control { margin-bottom:0; margin-right: 20px}
	.vod-controls .ic-control:last-child { margin-right: 0px}
	.vod .vod-right .vod-infos .vod-info .param { width:20%}
	.vod .vod-right .vod-infos .vod-info .value { width:80%; margin-top:0}
	
	/* ondemand */
	.left-img-b img { width:100%}
	.left-img-b { width:30%; margin-right:0}
	.right-sub-b { float:right; margin-top:7%}
	.main-header.on-demand-m-t .filter-box { margin-top:10px}
	
	.filter-box .nice-select .list { width:100%; left:0}
	.npx-modal .modal-dialog { width:100%; margin:0}
	.npx-modal .modal-content { padding:15px}
	.npx-modal .modal-body, .npx-modal .dollar-balance { padding:20px 0}
	.npx-modal .dollar-balance .price { right:0; top:23px}
	/*.npx-modal .modal-body .left-image { width:100px;}
	.npx-modal .modal-body .right-text { width:68%}*/
	.npx-modal .modal-body .des-detail h2 { width:100%; padding-right:40px}
	.npx-modal .top-up-dollars h2 { padding-left:0}
	
	.theme-ondemand.premium-catalogs { padding-left:15px; padding-right:15px}
	/*.theme-ondemand.premium-catalogs .col-md-2 { margin-right:16px}
	.theme-ondemand.premium-catalogs .col-md-2:nth-child(3n+0) { margin-right:0}*/
	.premium-catalogs .product-list .product-item { padding-right:0; margin-right:4%; width:48%; margin-bottom:4%}
	.premium-catalogs .product-list .product-item:nth-child(4n+0) { margin-right:4%}
	.premium-catalogs .product-list .product-item:nth-child(3n+0) { margin-right:4%}
	.premium-catalogs .product-list .product-item:nth-child(2n+0) { margin-right:0}
	.main-header h3 { float:inherit; text-align:left}
	/*.npx-modal .modal-body .des-detail h2 { padding-right:0}*/
	
	
	.l-nav { width:100%}
	.l-nav ul { margin-top: 20px;/*border-bottom: 1px #6a6a6a solid;*/float: left;width: 100%;padding-bottom: 20px;}
	.left-sidebar-m { position:relative; top:0}
	.l-nav ul li { margin-right:20px; margin-bottom:0}
	.theme-mynow .right-content-m { width:100%}x
	.right-content-m .content-list .left-img { width:20%}
	.right-content-m .content-list { margin-top:20px}
	.right-content-m .content-list ul li { width:100%; border-top:1px #545961 solid; border-right:none}
	.right-content-m .content-list ul li:nth-child(2) {border-top:1px #545961 solid}
	.right-content-m .content-list ul li:nth-child(1) { border-top:none}
	.right-content-m .content-list .right-content {width: 63%; margin-right: 7%;}
	
	.l-nav, .l-nav.servicenotice { width:100%}
	.l-nav ul, .l-nav.servicenotice ul {width:100%; overflow-x: auto;overflow-y: hidden;ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch; white-space: nowrap;&::-webkit-scrollbar {display: none;} }
	.l-nav ul li { float:none; display:inline-flex}
	
	.filter-box { width:100%; margin-bottom:10px}
	.filter-box .nice-select .current { width:100%}
	.filter-box .nice-select .list { right:0}
	.subscr-btn img { margin-right:5px; width: 15px; height: 15px}
	.filter-style-m { float:inherit; margin-top: 8px; width:100%;margin-bottom: 10px;}
	.filter-style-m .btn-primary { width:100%; font-size:16px}
	.filter-style-m .dropdown-menu { width:100%; margin-top:10px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
	.filter-style-m .dropdown-menu > li > a { font-size:16px; padding:10px}
	.filter-style-m .dropdown-menu > li > a > span { font-size:14px}
	.on-demand-m-t .filter-style-m { float:right; margin-top:14px;}
	.ic-control.ic-subscribe { margin-right:0}
	.right-content-m .content-list .icon-play img { width:40px}
	.right-content-m .rec-bk {background: url('../img/hdd_2.png') no-repeat 50% 110px;}
	.right-content-m .title {font-size: 24px}
	.right-content-m .sub_title {font-size: 16px;}
 	.right-content-m .remark_lg{ font-size:16px;margin-top:250px}
	.right-content-m .topsider { width:80%;}
	.right-content-m .content-list .icon-play { right:0}

	#searchForm input[type="text"] { width: 100%; text-align: center; font-size: 30px; }
	#searchForm .btn-site { margin-top: 10px }

	.single-guide .right-area .all-data-day ul li .prograam-name  { width: 50% }
	.single-guide .left-area .channel-logo { float: left; padding-top: 0 ; width: 150px}
	.single-guide .left-area .channel-name { float: left; margin-top: 25px; width: 50% }
	.single-guide .left-area .channel-num { float: left; width: 50% }
	.single-guide .left-area .vod-controls { position: absolute; right: 15px }

	.guide-pop.vod .vod-left, .guide-pop.vod .vod-right { float: left } 
	.guide-pop.vod .vod-left .vod-ch { display: none }
	.guide-pop.vod .vod-left .group-title { display: none }
	.guide-pop.vod .vod-right .group-title { display: block }
	.guide-pop.vod .vod-left > img { margin-right: 0; width: 100% }
	.guide-pop.vod .vod-right { padding-top: 0px }

	.other-time-con .time-desc ul li .syn-name { width: 60% }

	.add-resume .home-resume .re-con { margin-top: 8px; }
	.add-resume .home-resume p { display:inline-block; color: #fff; margin:0; }
	.add-resume .home-resume p.title { margin-left: 95px; font-size: 12px; margin-right:0; width: 100% }
	.add-resume .home-resume p.title-name { margin-left: 95px;font-size: 12px; color: #909090; margin-right: 15px }
	.add-resume .home-resume p.time { font-size: 10px; color: #909090; font-style: italic }
	.add-resume .home-resume .btn-close { top: 5px}
	.add-resume .home-resume .resume-content a > img.poster { width: 80px; left: 0px}
	.add-resume .home-resume .resume-content .play-btn { top: -45px; left: 18px; width: 45px }

	.date-button .filter-style-m { margin-top: 5px }
	.date-button .filter-style-m .btn-primary { width: auto; }
	.modal-dialog {height: 100%; margin: 0 auto;padding: 0;}
	.modal-dialog .modal-content {min-height: 100%;height: auto;}

	.theme-setting .appicon-m { width: 25% }
	.theme-setting .content-mm{ width: 75% }

	.ic-control.ic-watchlist.formobile { display: block; margin-bottom: 10px; float: left; width: auto; }
	.ic-control.ic-watchlist.formobile a { color: white }
	.ic-control.ic-watchlist.forweb { display: none }

	.vod-left-desc { margin-top: 10px; padding: 0 }
}


@media (max-width: 640px) {
	.tv-guide-s-g .row-seeall-m.product-list .product-item {width: 32%;float: left;margin-bottom: 20px; padding-right:0; margin-right:2%}
	.tv-guide-s-g .row-seeall-m.product-list .product-item:nth-child(4n) { margin-right: 2%}
	.tv-guide-s-g .row-seeall-m.product-list .product-item:nth-child(3n+0) { margin-right:0}

	.row-seeall-m.product-list .product-item {width: 32%;float: left;margin-bottom: 20px; padding-right:0; margin-right:2%}
	.row-seeall-m.product-list .product-item:nth-child(4n) { margin-right: 2%}
	.row-seeall-m.product-list .product-item:nth-child(3n+0) { margin-right:0}
	.series-list-num { padding: 20px 15px }
	.vod .series-name { width: 70% }
	.vod .series-epi { width: 14% }
	.vod .vod-right .vod-desc {font-size: 14px;}
	.vod .series-list-num .series-epi ~ .content .series-pop-des { margin-left: 14% }
}

@media (max-width: 600px) {
	/* nav */	
	.navbar-inverse .search-mobile.active .input-search-m {
		width: 85%;
	}
	
	.vod .vod-left {
		padding-right:0
	}
	.vod-controls .ic-control { margin-right:10px}
	.vod-controls .ic-control > a > span.subscr-btn { display:block;}
/*	.vod-controls .ic-control > a > span { display:none}*/
	.ic-control { margin-right:0}

	.single-guide .vod-controls .ic-control > a > span.subscr-btn_ondemand { display: block; }
	.single-guide .vod-controls .ic-control > a > span > span.sub { display:none}
	.single-guide .subscr-btn_ondemand { padding: 2px 5px; margin-top: 5px }
	
	.vod .vod-right .vod-infos .vod-info .param { width:100%}
	.vod .vod-right .vod-infos .vod-info .value { width:100%; margin-top:10px}

	/* 	footer */
	.footer .footer-container {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 0px;
	}
	.footer .footer-menu {
		width: 100%;
    	margin: 0px auto;
	}
	.footer .footer-menu .footer-list {
		width: 100%;
		padding: 0px 15px;
	}
	.footer .sepa {
		display: none;
	}
	.footer-more { margin: 0 auto 10px;}
	.footer-more .app-download {width: 210px;margin: 0 10% 0 0;float: left;}
	.footer-more .subscribe-online {float: left;padding-top: 0px;width: 50%;}
	.footer-more .subscribe-online img { width: 100% }
	.footer-bottom .footer-bottom-container {
		height: auto;
	}
	.footer-bottom .footer-bottom-menu .footer-bottom-list {
		width: 100%;
	}
	.footer .footer-menu .footer-list div.title {
		font-size: 14px;
		padding-top: 4px;
		border-bottom: 1px solid #333;
		cursor: pointer;
    	background: url("../img/arrow_r.png") no-repeat right;
	}
	.footer .footer-menu .footer-list li {
		padding-bottom: 4px;
	    padding-left: 10px;
	}
	.footer .footer-menu .footer-list li a {
		font-size: 14px;
		padding-bottom: 4px;
	}
	.footer .footer-menu .footer-list.last {
		padding-right: 15px;
	}
	.footer .footer-menu .footer-list-items {
		display: none;
		padding-top: 12px;
	}
	.footer-bottom .footer-bottom-menu .footer-bottom-list li {
		float: none;
		padding-bottom: 4px;
		text-align: center;
	}
	.footer-bottom .footer-bottom-menu .footer-bottom-list li.sepa {
		display: none;
	}
	.ch-item .image img {
		/*width: 100%;*/ 
	}
	.ch-item .image { /*height: 80px*/ }
	

	/* home slider */
	.home-sldr .sldr > ul > li {
		width: 400px !important;
	}
	.home-sldr .controller {
		display: none;
	}
	.home-sldr img {
		height: 200px;
		width: auto;
	}
	.home-sldr .controller {
		height: 200px;
	}
	.home-sldr .selectors {
	    height: 28px;
	}
	body.fixed-banner .theme-showcase {
		padding-top: 145px;
	}
	.home-sldr div.skew > div.wrap > div.bk-cover {
		background: none;
	}
		
	.footer-mobile-title {
		display: block;
	}
	.footer-bottom .footer-bottom-menu .footer-bottom-list {
		padding-top: 10px;
		display: none;
	}
	.footer-bottom .footer-bottom-menu .footer-bottom-cr {
		padding-top: 40px;
	}
	
	.npx-modal .modal-body .other-time ul li h3, .npx-modal .top-up-dollars h2 { font-size:14px}
	.npx-modal .modal-body .des-detail h2 { font-size:16px}
	.npx-modal .modal-body .other-time ul li .channel, .npx-modal .dollar-balance  { font-size:12px}
	.vod .vod-right .vod-infos .vod-info { padding-right:0}
	.right-content-m .top-nav-watchlist ul {overflow-x: auto;overflow-y: hidden;ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch; white-space: nowrap;&::-webkit-scrollbar {display: none;}}
	.right-content-m .top-nav-watchlist ul li.active a, .right-content-m .top-nav-watchlist ul li.active a:hover {-webkit-border-radius: 20px;
-moz-border-radius: 20px;border-radius: 20px;}
	.right-content-m .top-nav-watchlist ul li { font-size:14px}
	.right-content-m .top-nav-watchlist ul li a {padding: 4px 20px}
	
	.footer .footer-menu .footer-list:nth-child(1), .footer .footer-menu .footer-list:nth-child(2), .footer .footer-menu .footer-list.last { width:100%}
	.row-seeall-m.product-list .product-item { min-height:200px}
	
	.right-content-m .rec-bk {background: url('../img/hdd_2.png') no-repeat 50% 100px;}
	.right-content-m .title {font-size: 20px}
	.right-content-m .sub_title {font-size: 14px;}
 	.right-content-m .remark_lg{ font-size:14px;margin-top:250px}
	.right-content-m .topsider { width:100%;}
	.theme-setting .appicon-m { padding:0}
	#searchForm input[type="text"] { width: 85%; text-align: left; font-size: 14px; margin-top: 12px; float: left} 
	#searchForm .btn-site { margin-top:0px;padding: 5px;font-size: 10px;width: 75px; position: absolute;; right: 15px }
	#searchForm .btn-site span { display: none }
	#searchForm .btn img { width: 25px; height: 25px }

	.single-guide .right-area .top-date-7 ul li { width: 14.28%;}
	.single-guide .right-area .all-data-day ul li { padding-left: 0; padding-right: 0 }
	.single-guide .right-area .all-data-day ul li .prograam-name  { width: 72% }

	.single-guide .left-area .vod-controls .ic-control a > img { padding: 0 }
	.single-guide .left-area .vod-controls .ic-control { margin: 0 }
	.single-guide .left-area .vod-controls { right: 0 }

	.guide-pop.vod .vod-left, .guide-pop.vod .vod-right { width: 100% }
	.guide-pop.vod .vod-left > img { margin-right: 5%; width: 30% }
	.guide-pop.vod .vod-left .vod-ch { display: none }
	.guide-pop.vod .vod-left .group-title { display: block; float: left; width: 59%; margin-bottom: 15px }
	.guide-pop.vod .vod-right .group-title { display: none }
	.guide-pop.vod .vod-left .vod-controls .ic-control > a > span { display: block }
	.guide-pop.vod .vod-left .vod-controls { width: 59%; float: left; padding-top: 0}
	.guide-pop.vod .vod-left .vod-controls .ic-control { width: 100%}
	.guide-pop.vod .vod-left .vod-controls .ic-control a > img { float: left }
	.guide-pop.vod .vod-left .vod-controls .ic-control > a > span { float: left; margin-top: 2px; }
	.guide-pop.vod .vod-left, .guide-pop.vod .vod-right { padding-top: 0 }

	.other-time-con .time-desc ul li .syn-name { width: 65% }

	.add-resume.fixed-banner .theme-showcase { padding-top: 265px;}
	.add-resume .home-resume { top: 200px }

	.add-resume .home-resume .resume-content a > img.poster { width: 80px; margin-left: 5px}
	.add-resume .home-resume .resume-content .play-btn { left: 22px }
	.guide-pop.vod .vod-right {padding-top: 20px;}
	body.fixed-banner .home-sldr-fixed {top: 15px; }
	.vod-controls .ic-control > a > span { display: none }
	.vod-controls .ic-control.ic-watchlist > a > span, .vod-controls .ic-control.ic-subscribe > a > span { display: inline-block; }
	.vod-controls .ic-control.ic-watchlist > a > span { display: none }

	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#no-more-tables tr { border:none; margin-bottom: 20px }
	#no-more-tables td { 
		border: none;
		border-bottom: none; 
		position: relative;
		/*padding-left: 50%; */
		display: flex;
		border-bottom: none !important;
	}
	#no-more-tables td:nth-child(1) {background: #4f5052}
	#no-more-tables td:last-child { border-bottom: 1px #6a6a6a solid !important; }
	#no-more-tables td:before { 
		/*position: absolute;
		top: 4px;
		left: 6px;
		width: 45%;*/ 
		margin-right: 10px; 
		/*white-space: nowrap;*/
		text-align:left;
		font-weight:normal; display: inline-block; width: 65%; border-right: 1px #6a6a6a solid
	}
	#no-more-tables td:before { content: attr(data-title); }
	.npx-table-faq { padding: 0; border:none!important; width: 92%; }



	
}
@media (max-width: 540px) {
	.footer-more .app-download {width: 200px;margin: 0 auto;float: none;}
	.footer-more .subscribe-online {float: none;padding-top: 0px;margin: 40px auto 0 auto; width: 70%;}
}
@media (max-width: 440px) {
	/* nav */
	.navbar-inverse .search-mobile.active .input-search-m {
		width: 80%;
	}

	/* vod */
	.vod .vod-left > img {
    	width: 120px;
	}
	.vod .vod-left .vod-ch > img {
		width: 70px;
	}
	.vod .vod-left {
		padding-right:0
	}
	.npx-modal .table-list { font-size:13px}
	.table-list.radio .top-header th.title-l { padding-left:40px}
	.npx-modal .table-list label { padding-left:10px; width:150px}
	.npx-modal .table-list .top-header th, .npx-modal .table-list .list-detail td { padding:4px}
	
	.npx-modal .modal-body .right-text { width:100%}
	.npx-modal .modal-body .other-time .left-image { width:100%; margin-right:0; margin-bottom:20px; max-width:inherit; position:relative}
	.npx-modal .modal-body .other-time .left-image img { margin-bottom:0; margin-right:5%; float:left; width:30%;}
	.npx-modal .modal-body .other-time .des-detail h2 { width:65%; float:left; position:absolute; bottom:0; left:35%}
	
	.right-content-m .content-list h2 { font-size:14px; margin-top: 0px;line-height: 18px; max-height:38px}
	.right-content-m .content-list .demand-name { font-size:12px}
	.right-content-m .content-list .re-text { font-size:11px}
	.right-content-m .content-list .right-content {margin-right: 20%;width: 50%;}
	.right-content-m .content-list ul li { padding:0; padding-top:15px; padding-bottom:15px}
	.right-content-m .recrding-head { font-size:14px}
	.product-list .product-item .content .title { height:20px}
	
	.filter-style-m .dropdown-menu > li > a { font-size:14px; padding:10px; white-space:inherit}
	.filter-style-m .dropdown-menu > li > a > span { font-size:12px}
	.right-content-m .content-list .icon-play img { width:30px}
	
	.right-content-m .rec-bk {background: url('../img/hdd_2.png') no-repeat 50% 120px; background-size: contain, cover;}
	.right-content-m .remark_lg{ font-size:14px;margin-top:200px}
	.theme-setting .right-content-m .title { font-size:18px}
	.theme-setting .right-content-m p.dec { font-size:13px}
	
	.right-content-m .content-list ul li.edit-mm .right-content { width:38%}
	#search input[type="search"] { font-size: 30px }
	#search .btn { top: 160px }
	#search .tt-search { top: 250px }


	.tv-table { min-height: auto;max-height: auto;margin-bottom:0; }
	.tv-table .channelbar { width: 30%; display: block}
	.tv-table .channelbar .item { width: 100%;display: block }
	.tv-table .program { left: 30%;width: 70%; height: auto; }
	.tv-table .channelbar .item { padding-left: 10px; height: 70px; background: url(../img/icon/arrow-r.svg) no-repeat right 50px; background-size: 12px; position: relative;}
	.tv-table .program-item { height: 70px; padding: 10px }
	.tv-table .channelbar .item a { display: block; float: right; margin: 5px 5px 0 30px }

	.tv-table .date-button { width: 120px ; padding: 0 10px;}
	.tv-table .timeslot { left: 120px }
	/*.tv-guide-all .footer, .tv-guide-all .footer-bottom { display: none }*/

	.single-guide .right-area .all-data-day ul li .prograam-name  { width: 65% }

	.single-guide .left-area .channel-logo { float: left; padding-top: 0 ; width: 100px}
	.single-guide .left-area .channel-name { float: left; margin-top: 10px; width: 50% }
	.single-guide .left-area .channel-num { float: left; width: 50% }
	.single-guide .left-area .vod-controls { position: absolute; top: 5px; padding: 0 }

	/*.guide-pop.vod .vod-left .vod-controls .ic-control > a > span { display: none }
	.guide-pop.vod .vod-left .vod-controls .ic-control { width: auto;}
	.guide-pop.vod .vod-left .vod-controls .ic-control a > img { padding: 0; width: 35px }
	.guide-pop.vod .vod-right { padding-top: 20px }*/

	.other-time-con .time-desc ul li .syn-name { width: 58% }
	.tv-table .timeslot { left: 30% }
	.tv-table .realtime { left: 160px}

	.tv-guide-all .breadcrumb, .tv-guide-all .footer, .tv-guide-all .footer-bottom { display: none }
	.tv-table { max-height: inherit;padding: 0; }
	.tv-guide-all .tv-table .tv-data { height: auto; }
	.tv-guide-all .main-header { margin-top: 10px }
	.tv-guide-all .main-header h3 { display: none }

	.tv-table .program-item, .tv-table .topbar .timeslot-item { display: none }
	.tv-table .program-item:nth-child(1), .tv-table .topbar .timeslot-item:nth-child(1) { width: 100%; display: flex; }

	.tv-guide-s-g .row-seeall-m.product-list .product-item {width: 47.5%;float: left;margin-bottom: 20px; padding-right:0; margin-right:5%}
	.tv-guide-s-g .row-seeall-m.product-list .product-item:nth-child(4n) { margin-right: 5%}
	.tv-guide-s-g .row-seeall-m.product-list .product-item:nth-child(3n+0) { margin-right:5%}
	.tv-guide-s-g .row-seeall-m.product-list .product-item:nth-child(2n+0) { margin-right:0}

	.row-seeall-m.product-list .product-item {width: 47.5%;float: left;margin-bottom: 20px; padding-right:0; margin-right:5%}
	.row-seeall-m.product-list .product-item:nth-child(4n) { margin-right: 5%}
	.row-seeall-m.product-list .product-item:nth-child(3n+0) { margin-right:5%}
	.row-seeall-m.product-list .product-item:nth-child(2n+0) { margin-right:0}

	.add-resume .home-resume .re-con { margin-top: 8px; }
	.add-resume .home-resume p { display:inline-block; color: #fff; margin:0; }
	.add-resume .home-resume p.title { margin-left: 95px; font-size: 12px; margin-right:0; width: 100% }
	.add-resume .home-resume p.title-name { margin-left: 95px;font-size: 12px; color: #909090; margin-right: 15px }
	.add-resume .home-resume p.time { font-size: 10px; color: #909090; font-style: italic }
	.add-resume .home-resume .btn-close { top: 5px}
	.add-resume .home-resume .resume-content a > img.poster { width: 80px;}
	.add-resume .home-resume .resume-content .play-btn { top: -45px; left:22px; width: 45px }

	.tv-table .ch-num { margin:0; position: absolute;; top: 5px; left: 10px }
  	.tv-table .free .free-t { bottom: 10px; left: 10px}
  	.tv-table .free .ch-num { margin: 0 }
  	.tv-table .ch-logo { height: 55px; max-width: inherit; margin: 0 }

  	.date-button .filter-style-m .dropdown-menu > li > a { padding-bottom: 5px 10px }
  	.tv-table .program-item .name { width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  	.footer-more .subscribe-online { width: 80%;}
  	.theme-setting .right-content-m .min-height-m { min-height: 180px }
  	.ic-control a > img { margin-right: 5px }
  	.vod-controls .ic-control > a > span {font-size: 16px;}
}

@media (max-width: 374px) {
		body { font-size:12px}
		.npx-modal .modal-body .right-text { width:50%}
		.npx-modal .modal-body .des-detail h2 { font-size:14px}
		.npx-modal .modal-body .des-detail p, .npx-modal .exp-date { font-size:12px!important}
		.npx-modal .modal-body .des-detail p.thanks-text  { font-size:16px!important}
		.npx-modal .modal-body .right-text { width:58%}
		.npx-modal .modal-body .des-detail .vod-cert { width:20px; margin-top:20px; margin-bottom:20px}
		.npx-modal .modal-body .des-detail .vod-cert img { width:20px}
		.npx-modal .modal-body .other-des p.remark, p.remark { font-size:11px}
		.vod .vod-left > img { width:100px}
		.vod .vod-title { font-size:16px; margin-bottom: 10px}
		.guide-pop.vod .vod-right .group-title .datetime, .guide-pop.vod .vod-left .group-title .datetime { font-size:12px}
		.guide-pop.vod .vod-right .group-title .live, .guide-pop.vod .vod-left .group-title .live{ font-size:12px}
		.ic-control a { font-size:14px}
		.ic-control a > img { width:35px; height: 30px; margin-right: 5px}
		.ic-control a span.subscr-btn, .ic-control a span.subscr-btn .sub { width:auto}
		.ic-control a span.subscr-btn, .ic-control a span.subscr-btn .sub { padding-top:5px; font-size: 14px;}
		.left-img-b { width:40%; margin-right:0}
		.vod .series-list-all ul li { padding-left:0; padding-right:0}
		.vod .series-btn { right:0}
		
		.right-content-m .rec-bk {background: url('../img/hdd_2.png') no-repeat 50% 120px; background-size: contain, cover;}
		.right-content-m .title {font-size: 17px}
		.right-content-m .sub_title {font-size: 13px;}
 		.right-content-m .remark_lg{ font-size:13px;margin-top:150px}
		.vod .series-epi, .vod .series-name { font-size:13px}
		.vod .series-epi { width:17%}
		.vod .series-pop-des { margin-left:17%; font-size:12px}

		#searchForm input[type="text"] { width: 75%; text-align: left; font-size: 14px; margin-top: 12px; float: left} 
		#searchForm .btn-site { margin-top: 0px;padding: 5px;font-size: 10px;width: 75px;}
		#searchForm .btn img { width: 25px; height: 25px }
		#searchForm .tt-search { padding: 0 }

		.single-guide .left-area { width: 100%; margin-bottom: 10px }
		.single-guide .left-area .channel-logo { width: 30% }
		.single-guide .left-area .channel-name { float: left; width: 55%; font-size: 14px }
		.single-guide .left-area .channel-num { float: left; width: 55%;font-size: 12px   }
		.single-guide .left-area .vod-controls .ic-control { padding: 0; margin: 0}
		.single-guide .left-area .vod-controls .ic-control a > img { padding: 0 }
		.single-guide .right-area .all-data-day ul li .prograam-name  { width: 58% }

		/*.guide-pop.vod .vod-left .vod-controls .ic-control a > img { padding: 0; width: 30px }*/

		.other-time-con .time-desc ul li .syn-name { width: 54% }
		.tv-guide-s-g .product-list .product-item .content .desc { font-size: 14px; line-height: 16px }
		.tv-guide-s-g .product-list .product-item .content .channel { font-size: 12px;}
		.row-seeall-m.product-list .product-item.tv-guide-all { min-height: 150px }


		.add-resume .home-resume .re-con { margin-top: 3px; }
		.add-resume .home-resume p.title { margin-left: 85px; }
		.add-resume .home-resume p.title-name { margin-left: 85px; margin-right: 10px; width: 100% }
		.add-resume .home-resume p.time { width: 100%; margin-left: 85px}
		.add-resume .home-resume .btn-close { top: 15px;right: 5px;width: 20px;}
		.add-resume .home-resume .resume-content a > img.poster { width: 70px; left: 0px; bottom: 0px}
		.add-resume .home-resume .resume-content .play-btn { top: -25px; left: 18px; width: 45px }

		.date-button .filter-style-m .dropdown-menu {min-width: 130px;text-align: center;}

		.tv-table .channelbar { width: 35%; display: block}
		.tv-table .program { left: 35%;width: 65%; }
		.tv-table .timeslot { left: 35% }
		.footer-more .subscribe-online { width: 100%;}
		.btn-orange {padding: 4px 10px; min-height: 20px }
		.vod-controls .ic-control > a > span {font-size:14px }
		.guide-pop.vod .vod-left .vod-controls .ic-control > a > span { margin-top: 4px }
		.vod .vod-right .vod-desc { font-size: 14px }
		.subscr-btn_ondemand .sub::before { width: 25px; height: 25px }

		.tv-guide-s-g .row-seeall-m.product-list .product-item { min-height: 190px }
}

@media (min-width: 320px) and (max-width: 373px){
	.tv-table .channelbar { width: 35%; display: block}
	.tv-table .program { left: 35%;width: 65%; }
	.tv-table .timeslot { left: 35% }
	.tv-table .ch-logo { height: 50px}
	.tv-table .channelbar .item a { display: block; margin: 8px 5px 0 30px }
	.tv-guide-s-g a.play-btn { }
	.theme-setting .right-content-m .min-height-m { min-height: 160px }
	.vod .series-list-num .series-epi ~ .content .series-pop-des { margin-left: 17% }
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 768px){
	.slick-next, .slick-prev { opacity: 0!important;}
	.product-list:hover > .slick-next, .product-list:hover > .slick-prev, .ch-list:hover > .slick-next, .ch-list:hover > .slick-prev, .slick-dotted.slick-slider:hover > .slick-next, .slick-dotted.slick-slider:hover > .slick-prev { opacity: 0!important;}

}