@media (max-width:1299px) {
    .container {
        /*width: 970px;*/
        width: 95%;
    }
    #searchModal .tt-search {
        /*width: 970px;*/
        width: 95%;
    }
    #searchModal .modal-header {
        /*width: 970px;*/
        width: 95%;
    }

    #searchModal .tt-search {
        /*width: 970px;*/
        width: 95%;
    }
    #searchModal .modal-header {
        /*width: 970px;*/
        width: 95%;
    }

    body.fixed-banner .theme-showcase {
        /*padding-top: 339px;*/
        margin-top: 20px;
    }

    .footer .footer-container {
        height: auto;
        margin: 0 auto;
    }

    .footer-more {
        margin-top: 0;
    }

    .footer .app-download {
        margin-left: 0;
        /*width: 210px;*/
        padding: 0;
        margin-left: 40px;
    }
    .footer .app-download .app-icon-all .all-app-m { width: 100% }

    .footer .footer-menu .footer-list {
        width: 25%;
        padding-right: 20px;
    }

    .footer .footer-container {
        /*width: 970px;*/
        width: 95%;
    }

    .footer-bottom .footer-bottom-container {
        /*width: 970px;*/
        width: 95%;
    }

    .footer-more .app-download {
        float: left;
    }

    .footer-more .subscribe-online {
        float: right;
    }

    /*.footer .footer-menu .footer-list:nth-child(1) {
        width: 170px;
    }

    .footer .footer-menu .footer-list:nth-child(2) {
        width: 180px;
    }*/

    .footer .footer-menu .footer-list.last {
        width: 200px;
        padding-right: 10px;
    }

    .footer .footer-menu .footer-list-items {
        padding-right: 0;
    }

    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 .thumbnail {
        height: auto;
    }

    .vod .vod-right .vod-desc {
        color: #a4a3a3;
        padding-bottom: 20px;
    }

    .vod .series-pop-des {
        margin-left: 12%;
    }

    .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: 45px;
    }

    .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%;
        display: none;
    }

    .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;
        display: flex;
        flex-wrap: wrap;
    }

    .nav-options .nav li.login-text {
        max-width: 120px;
    }
    body.fixed-banner.kidshome .home-show-kid-icon {
        width: 970px;
    }
    .navbar-nav > li {
        margin: 0 12px;
    }

    #downloadModal .app-download {
        text-align: center;
        width: 100%;
        margin: 0;
    }

    #downloadModal .app-download .app-left {
        float: none;
        /*! width: 175px; */
    }
    
    #downloadModal .app-download .app-left img {
        width: 100px;
        height: 100px
    }

    #downloadModal .dlapp-icon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        margin-top: 20px;
        justify-content:center;
    }
    #downloadModal .dlapp-icon .app-rt,
    #downloadModal .dlapp-icon .app-rb,
    #downloadModal .dlapp-icon .app-huawei {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .newepisodes-list-tn {
        width: 32.5%;
        margin-right: 1.25%;
    }
    .newepisodes-list-tn:nth-child(4n+4) {
      margin-right: 1.25%;
    }
    .newepisodes-list-tn:nth-child(3n+3) {
      margin-right: 0px;
    }
    .newdetail-style .banner-area .detail-content .sub-more-open {
        flex-direction: column-reverse;
    }
    .newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left,
    .newdetail-style .banner-area .detail-content .sub-more-open .sub-more-right {
        width: 100%;
        margin-right: 0;
    }
    .newdetail-style .nonlandscapeposter-banner.banner-area .onlyposter .nonimga-onlyposter {
        width: 55%;
    }
    .newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left .classification {
        max-width: 100%;
    }

    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
        font-size: 16px;
    }
    .navbar-nav > li {
      margin: 0 10px;
    }
}


/* Update 20240719 mobile css */
@media (max-width:1060px) {
    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
        font-size: 15px;
    }
    .nonlogin_btn_area .login_signup_btn a,
    .nonlogin_btn_area .login_subscribe_btn a {
        font-size: 13px !important;
        padding: 0 10px !important;
    }
    .mobile_no_log_profile .mobile_icon_profile_11 a {
        padding: 0 !important;
        margin-right: 16px;
        width: 28px;
        height: 28px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mobile_no_log_profile .mobile_icon_profile_11 a svg {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mobile_no_log_profile .mobile_icon_profile_11 a:hover svg {
        stroke:#F38E26;
    }
    .mobile_no_log_profile .mobile_icon_profile_11 a:focus svg {
        stroke:#F38E26;
    }
    .mobile_no_log_profile .mobile_icon_profile_11 {
        display: block;
    }
    .mobile_no_log_profile .website_icon_profile_11 {
        display: none;
    }
}

@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: 0;
    }
}



@media (min-width:992px) and (max-width:1199px) {
    .product-list .thumbnail {
        height: auto;
    }
}



@media (max-width:991px) {
    body {
        /*padding-top: 55px;*/
        padding-top: 69px;
    }

    html.fixed,body.body-fixed {
        overflow: hidden;
        /* position: fixed; */
    }

    .container {
        width: 100%;
    }

    .smartbanner-show body {
        padding-top: 69px;
        margin-top: 80px;
       -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }

    #searchModal .tt-search {
        width: 100%;
    }
    #searchModal .modal-header {
        width: 100%;
    }

    .banner-panda img {
        display: block;
        margin: 0 auto;
        /* width: 375px; */
        height: 197px;
    }

    body.fixed-banner .home-sldr-fixed {
        /*top: 69px;*/
    }

    .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 {
        position: relative;
        display: block;
        margin-top: 30px;
        padding-top: 0;
    }

    .navbar-nav {
        margin-top: 0px;
        margin-left: 0;
        margin-right: 0;
        float: none;
        margin-left: 30px;
        margin-right: 30px;
        overflow: hidden;
    }

    .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-inverse .navbar-collapse {
        border: 0;
    }

    .container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
        margin-left: 0;
        margin-right: 0;
        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);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .navbar-inverse .navbar-toggle span:nth-child(3) {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -2px;
    }

    .navbar-inverse .navbar-toggle span:nth-child(4) {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -2px;
    }

    .navbar-inverse .navbar-toggle {
        margin-top: 18px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .navbar-inverse .navbar-toggle.collapsed {
        margin-top: 10px;
    }

    .navbar-inverse .navbar-toggle.collapsed .icon-bar {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        margin-top: 4px;
    }

    .navbar-inverse .navbar-toggle span:nth-child(2) {
        margin-top: 0!important;
    }

    .navbar-inverse .navbar-toggle.collapsed {
        margin-top: 0px;
        width: 24px;
        height: 24px;
    }

    .navbar-inverse .navbar-toggle {
        margin-top: 0px;
        width: 24px;
        height: 24px;
        top: 17px;
    }

    .navbar.navbar-inverse.navbar-collapsed .navbar-brand {
        padding: 15px;
    }

    .navbar-brand img,.navbar.navbar-inverse.navbar-collapsed .navbar-brand img {
        height: 39px;
        width: 65px;
    }

    .navbar-toggle {
        float: left;
        margin-left: 0;
    }

    .navbar-brand {
        height: auto;
        padding: 15px;
    }

    .navbar-actionbar {
        display: block;
    }

    .navbar-actionbar ul {
        position: absolute;
        list-style: none;
        left: 22px;
        top: 22px;
        padding-left: 0;
    }

    .navbar-actionbar ul li {
        float: left;
        padding-right: 10px;
    }

    .navbar-actionbar ul li.chat {
        padding-right: 0;
    }

    .navbar-collapse.collapsing .nav-options,.navbar-collapse.collapse.in .nav-options {
        display: block;
    }

    .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-inverse .search-mobile.active .btn-cancel {
        display: block;
        right: 50px;
        top: 20px;
        position: absolute;
    }

    .navbar.navbar-inverse.shownav {
        min-height: auto;
        height: auto;
        background: rgba(25,25,25,1.0);
        bottom: 0;
        margin-bottom: 0;
    }

    .navbar.navbar-inverse.shownav .nav-options {
        float: none;
        margin-top: 0;
        border-top: 1px #504f4e solid;
        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: left;
        font-size: 20px;
        line-height: 27px;
        padding-left: 45px;
        width: 100%;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-livechat {
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-login-aera > a {
        font-size: 16px;
        color: #f89a1c;
        padding: 15px;
        margin: 0;
        padding-left: 0;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-login-aera > a::after {
        /*display: inline-block;
        content: url('../img/icon/arrow-r-orange.svg');
        width: 20px;
        height: 20px;
        position: absolute;
        margin-left: 5px;
        top: 20px;*/
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-home > a::before {
        display: inline-block;
        content: url('../img/icon/home-chevron.svg');
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        top: -4px;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-mynow > a::before {
        display: inline-block;
        content: url('../img/icon/my-now-chevron.svg');
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        top: -4px;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-ondemand > a::before {
        display: inline-block;
        content: url('../img/icon/watch-demand-chevron.svg');
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        top: -4px;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-rentnow > a::before {
        display: inline-block;
        content: url('../img/icon/rent-chevron.svg');
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        top: -4px;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-sportguide > a::before {
        display: inline-block;
        content: url('../img/icon/sportguide-chevron.svg');
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        top: -4px;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-channels > a::before {
        display: inline-block;
        content: url('../img/icon/channel-chevron.svg');
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        top: -4px;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-tvguide > a::before {
        display: inline-block;
        content: url('../img/icon/tvguide-chevron.svg');
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        top: -4px;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-setting > a::before {
        display: inline-block;
        content: url('../img/icon/setting-chevron.svg');
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        top: -4px;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-moreapp > a::before {
        display: inline-block;
        content: url('../img/icon/moreapp-chevron.svg');
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        top: -4px;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-help > a::before {
        display: inline-block;
        content: url('../img/icon/help-chevron.svg');
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        top: -3px;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-livechat > a::before {
        display: inline-block;
        content: url('../img/icon/chat-icon-orange.svg');
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        top: -4px;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-line a {
        border-bottom: 1px #545861 solid;
        margin-top: 30px;
    }

    .navbar-nav > li.menu-login-aera,.navbar-nav > li.menu-setting,.navbar-nav > li.menu-moreapp,.navbar-nav > li.menu-help,.navbar-nav>li.menu-livechat {
        display: block;
    }

    /*.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: 0;
    }

    .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: 0;
    }

    .navbar.navbar-inverse.shownav .navbar-nav>li.menu-rentnow>a,.navbar.navbar-inverse.shownav .navbar-nav>li.menu-rentnow>a:hover,.navbar.navbar-inverse.shownav .navbar-nav>li.menu-rentnow>a:focus {
        background: url("../img/menu/menu-rent.png") no-repeat left center;
        background-size: 18px;
        background: 0;
    }

    .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: 0;
    }*/

    .navbar.navbar-inverse.shownav .nav-options div.nav-profile {
        float: none;
        margin-left: 0;
        margin-top: 0;
    }

    .navbar.navbar-inverse.shownav .nav-options div.nav-profile .nav li {
        padding: 10px 0;
    }

    .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 {
        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: 0;
    }

    .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: 0;
    }

    .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: 0;
    }

    .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: 0;
    }

    .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;
    }

    .menu-livechat a .main-title {
        display: block;
        font-size: 20px;
        color: #f89a1c;
    }

    .menu-livechat a .sub-title {
        display: block;
        font-size: 12px;
        color: #f89a1c;
        line-height: 13px;
    }

    .modal-body.chat-body {
        margin-left: 20px;
        margin-right: 20px;
    }

    .chat-title {
        width: 100%;
        margin-top: 50px;
        text-align: center;
    }

    .chat-title .chat-logo {
        width: 70px;
        height: 70px;
    }

    .chat-title .chat-sub {
        display: block;
        color: #ef9727;
        font-size: 18px;
    }

    .chat-main {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }

    .chat-main .title {
        margin-bottom: 50px;
    }

    .chat-main .title span {
        color: white;
        font-size: 16px;
    }

    .chat-main.technical-support .title {
        margin-bottom: 30px;
    }

    .chat-main.technical-support .tnc-title {
        margin-bottom: 60px;
    }

    .chat-main.technical-support .tnc-title span {
        color: #fff;
        font-style: 16px;
    }

    .chat-main .ic-control.ic-subscribe {
        margin-top: 10px;
        height: 42px;
    }

    .product-list .product-item {
        width: 50%;
        float: left;
        margin-bottom: 0px;
    }

    .product-list .thumbnail {
        height: auto;
    }

    .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-more .app-download {
        float: left;
        margin-left: 0;
    }

    .footer-more .subscribe-online {
        float: right;
    }

    .container>.navbar-header {
        /*position: fixed;*/
        top: 0;
        left: 0;
        right: 0;
        /*height: 60px;*/
        z-index: 100;
        /*background: rgba(0,0,0,1.0);*/
    }

    .navbar.shownav {
        bottom: 0;
        margin-bottom: 0;
        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: 0px;
    }

    .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: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    .navbar.navbar-inverse.navbar-collapsed .nav-lang {
        height: auto !important;
    }

    .navbar.navbar-inverse.navbar-collapsed .navbar-nav li>a {
    }

    .nav>li {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .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;
        margin-top: 30px;
        padding-top: 0;
    }

    .navbar-nav>li {
        float: none;
    }

    .row-header .btn-seeall {
        
    }
    
    .row-header h2 , .title-advertisment p {
        /*padding: 0px 10px 0 0;*/
        padding-left: 15px
    }

    .row-header h2.logined ~ .allSubscribed {
        padding-left: 15px
    }

    .tt-search .row-header h2 {
        padding: 0
    }

    .slick-slider .slick-list {
        margin-left: 15px;
    }

    .tt-search .slick-slider .slick-list {
        margin-left: 0;
    }

    .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 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .vod {
        padding-left: 15px;
        padding-right: 15px;
    }

    .vod .vod-left {
        width: 22%;
        margin-right: 3%;
        /*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: 14px;
        min-height: inherit;
    }

    .guide-pop .vod-controls .ic-control>a>span {
        font-size: 20px;
        min-height: inherit;
    }

    .footer .footer-container {
        width: 100%;
        display: block;
    }

    .footer-bottom .footer-bottom-container {
        width: 100%;
    }

    .footer .sepa {
        width: 100%;
        height: 1px;
        background: #504f4e;
        float: left;
    }

    .footer .footer-menu {
        width: 90%;
        margin: 0 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 0;
        text-align: center;
        padding-top: 30px;
    }

    .footer-bottom .footer-bottom-container {
        width: 90%;
    }

    .footer .app-download {
        padding-left: 0;
    }

    .footer-bottom .footer-bottom-menu .footer-bottom-list {
        float: none;
        display: table;
        margin: 0 auto;
        padding-top: 10px;
    }

    .footer-bottom .footer-bottom-menu .footer-bottom-cr {
        padding-top: 10px;
    }

    .footer-bottom .footer-bottom-menu .footer-bottom-cr li {
        text-align: center;
        float: inherit;
    }

    #downloadModal .three-downlaod.footer-more { width: 100%; padding: 0 }

    .main-header {
        margin-left: 15px;
        margin-right: 15px;
    }

    .main-header h3 {
        font-size: 20px;
    }

    .main-header, .right-content-m .top-nav-watchlist {
        margin-left: 15px;
        margin-right: 15px;
        width: auto;
    }

    .row-header h2 {
        font-size: 18px;
    }

    .tt-search .row-header h2 {
        padding: 0
    }

    #FifterList {
        margin-left: 15px;
        margin-right: 15px;
    }

    .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: 1.9%;
    }

    .row-seeall-m.product-list .product-item:nth-child(6n+0) {
        margin-right: 1.9%;
    }

    .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: 1.9%;
    }

    .tv-guide-s-g .row-seeall-m.product-list .product-item:nth-child(4n+0) {
        margin-right: 0;
    }

    .filter-set {
        padding: 0 15px;
        text-align: left;
    }

    .filter-set .select {
        width: 100%;
    }

    .filter-set .select select {
        padding: .5em 2em .5em 0;
        margin: 0;
        text-align: left;
        width: 100%;
    }

    .filter-set .select .arr {
        right: 0;
    }

    .filter-set .select .arr:before {
        right: 0;
    }

    .npx-modal .dollar-balance.after-topup .enter-pass-m input {
        margin-bottom: 15px;
    }

    .theme-ondemand.premium-catalogs {
        padding-left: 15px;
        padding-right: 15px;
    }

    .premium-catalogs .product-list .product-item {
        width: 23.5%;
        margin-right: 2%;
    }

    .premium-catalogs .product-list .product-item:nth-child(6n) {
        margin-right: 2%;
    }

    .premium-catalogs .product-list .product-item:nth-child(4n) {
        margin-right: 0;
    }

    .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%;
        font-size: 24px;
    }

    #searchForm .btn-site {}

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

    .single-guide {
        padding: 0 15px;
    }

    .single-guide .left-area {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-right: 40px;
    }

    .single-guide .left-area .channel-logo {
        float: left;
        padding-top: 0;
        width: 150px;
        margin: 0;
        margin-right: 10px
    }

    .single-guide .left-area .channel-logo img { width: 150px }

    .single-guide .left-area .channel-info-m1 { /*width: auto; margin-right: 200px*/ }

    .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 .favorite-btn {
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translate(0,-50%);
    }
    .single-guide .left-area .favorite-btn a {
        display: block;
    }

    .single-guide .left-area .favorite-btn {
        width: 30px;
    }

    .single-guide .left-area .favorite-btn img {
        width: 100%;
        height: 100%;
    }

    .single-guide .left-area .vod-controls {
        /*position: absolute;
        right: 0;
        padding: 0;
        top: 50%;
        transform: translate(0,-50%);*/
    }

    .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: 0;
        color: #fff;
    }

    .navbar-nav>li>.dropdown-menu {
        position: relative;
        width: 100%;
        background: 0;
    }

    .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: 100%; padding:0 15px;
    }

    .add-resume .home-resume .btn-close { right: 15px }

    .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;
        /*width: 50%*/
    }

    .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;
        min-width: 180px;
    }

    .slick-slider.responsive {
        padding: 0 5px;
    }

    .theme-setting .right-content-m .min-height-m {
        min-height: 230px;
    }

    .navbar-nav>li {
        margin: 0;
    }

    .navbar.navbar-inverse.shownav .nav-options div.nav-profile {
        display: none;
    }

    #alreadysubModal .already-height-m {
        margin-top: 20px;
    }

    .tv-table {
        margin-top: 15px;
    }

    .filter-style-m {
        margin-top: 5px;
    }

    .row-header .btn-seeall {
        /*margin-top: 42px;*/
    }

    .container.premium-catalogs .row-header h2 {
        padding: 0;
    }

    .container.myondemand {
        padding-left: 15px;
        padding-right: 15px;
    }

    .l-nav ul {
        margin: 26px auto 0 auto;
    }

	.footer .footer-container { display: inherit; }
    .footer .footer-more { width: 90% }
    .footer .app-download .app-icon-all .all-app-m { justify-content: space-around; width: 340px; }

    /*.navbar-nav > li.menu-tvguide { padding-bottom: 30px; border-bottom: 1px #545861 solid;}*/
    .navbar-nav > li.menu-channels { padding-bottom: 30px; border-bottom: 1px #545861 solid;}
    .navbar.navbar-inverse.shownav .profile-text-mobile { display: none }
    .navbar-nav > li.menu-login-aera .addusernew {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction:column; justify-content: center;}
    .navbar-nav > li.menu-login-aera .addusernew .subtext1 { color: #fff; font-size: 18px; line-height: 18px; margin-bottom: 3px }
    .navbar-nav > li.menu-login-aera .addusernew .subtext2 { font-size: 11px; line-height: 14px }
    .navbar-nav > li.menu-login-aera .addusernew .subtext2.switch-text { color: #828280 }
    .navbar-inverse .lang-text-mobile {display: block; height: 25px}
    .navbar-inverse .profile-text-mobile { display: block;}
    .menu-setting .logout-mm { padding: 0 }
    .moves-out li.menu-tvguide { border:none; }
    .navbar-nav > li { margin: 0;}
    .navbar-nav > li > a {}
    .nav > li > a {position: relative;display: block;margin-top: 30px;padding-top: 0;}
    .navbar-nav {margin-top: 0px;margin-left: 0;margin-right: 0;float: none;margin-left: 15px;margin-right: 15px;overflow: visible}
    .navbar-nav {display: block;}
    .navbar-nav > li.menu-login-aera, .navbar-nav > li.menu-setting, .navbar-nav > li.menu-moreapp, .navbar-nav > li.menu-help, .navbar-nav > li.menu-livechat {display: flex;}
    .navbar-nav > li.seting-sub { display: block; }
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a {font-size: 15px;color:#f89a1c;padding: 15px;padding: 0;margin: 0; text-align: center;}
    .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: left;font-size: 20px;line-height: 27px;padding-left: 45px;width: auto;}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-home > a:before {display: inline-block;content: url('../img/icon/home-chevron.svg');width: 35px;height: 35px;position: absolute;left: 0;top: -4px;}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-mynow > a:before {display: inline-block;content: url('../img/icon/my-now-chevron.svg');width: 35px;height: 35px;position: absolute;left: 0;top: -4px;}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-sports > a:before {display: inline-block;content: url('../img/icon/sport-chevron.svg');width: 35px;height: 35px;position: absolute;left: 0;top: -4px;}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-kids > a:before {display: inline-block;content: url('../img/icon/kids-chevron.svg');width: 35px;height: 35px;position: absolute;left: 0;top: -4px;}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-ondemand > a:before {display: inline-block;content: url('../img/icon/watch-demand-chevron.svg');width: 35px;height: 35px;position: absolute;left: 0;top: -4px;}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-rentnow > a:before {display: inline-block;content: url('../img/icon/rent-chevron.svg');width: 35px;height: 35px;position: absolute;left: 0;top: -4px;}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-tvguide > a:before {display: inline-block;content: url('../img/icon/tvguide-chevron.svg');width: 35px;height: 35px;position: absolute;left: 0;top: -4px;}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-channels > a:before {display: inline-block;content: url('../img/icon/channel-chevron.svg');width: 35px;height: 35px;position: absolute;left: 0;top: -4px;}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-setting > a:before {display: inline-block;content: url('../img/icon/setting-chevron.svg');width: 35px;height: 35px;position: absolute;left: 0;top: -4px;}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-moreapp > a:before {display: inline-block;content: url('../img/icon/moreapp-chevron.svg');width: 35px;height: 35px;position: absolute;left: 0;top: -4px;}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-help > a::before {display: inline-block;content: url('../img/icon/help-chevron.svg');width: 35px;height: 35px;position: absolute;left: 0;top: -4px;}
    .navbar-nav > li.menu-login-aera .login-m { border-radius: 30px; border:1px #f89a1c solid; text-align: center; padding: 5px 20px }
    .navbar-nav > li.menu-login-aera .subscrible-m { border-radius: 30px; border:1px #f89a1c solid; text-align: center; padding: 5px 20px; background: #f89a1c }
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a.login-m { color: #f89a1c; margin-right: 5px; width: 150px}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a.subscrible-m { color: #fff; margin-left: 5px; width: 150px}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a:hover, .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a:focus { text-align: center;padding: 0; font-size: 15px; }
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a.subscrible-m:hover { background: #f89a1c }
    .navbar-nav > li > a { padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}

    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera.logined > a { text-align: left; }
    .navbar-inverse .lang-text-mobile a {font-size: 16px;color: #fff;}
    .navbar-inverse .navbar-toggle.collapsed {margin-top: 0;width: 24px;height: 24px;}
    .navbar-inverse .navbar-toggle {margin-top: 0;width: 24px;height: 24px; top: 17px;top: 50%;
    transform: translate(0%, -50%);}
    .navbar-inverse .navbar-toggle span:nth-child(2) {margin-top: 0 !important;}

    .navbar-nav > li.menu-login-aera.logined a { display: flex; justify-content: flex-start ; flex-direction: row}
    .navbar-nav > li.menu-login-aera.logined .mp-proile-icon { width: 35px; height: 35px ;color: #000; display: flex; justify-content: center; align-items: center; font-size:20px; font-weight: bold; margin-right: 10px; text-transform: uppercase;}
    .navbar-nav > li.menu-login-aera.logined .mp-proile-icon img { width: 100%; height: 100% }
    .navbar-nav > li.menu-login-aera.logined .profilename { color: #fff; font-size: 20px; margin-top: 5px; }
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera.logined > a { width: auto; }
    .navbar-nav > li.menu-login-aera.logined .addbtn {margin-left: 20px;margin-top: 3px;}
    .navbar-nav > li.menu-login-aera.logined .addbtn .addusers { background: #484848; color: #fff; border-radius: 30px; font-size: 14px; position: relative; padding: 4px 20px 4px 40px;}
    .navbar-nav > li.menu-login-aera.logined .addbtn .addusers:hover {background: #f89a1c }
    .navbar-nav > li.menu-login-aera.logined .addbtn .addusers:before {display: inline-block;content: url('../img/icon/adduser-chevron.svg');width: 20px;height: 20px;position: absolute;left: 12px; top: 4px}
    .navbar-nav > li.menu-login-aera.logined .addbtn .new { margin-left: 10px; margin-top: 4px;  color: #f89a1c; font-size: 14px}
    .navbar-nav > li.menu-login-aera.logined .addbtn .manageusers { background: #484848; color: #fff; border-radius: 30px; font-size: 14px; position: relative; padding: 4px 20px 4px 20px;}
    li a.outlink img { width: 20px; height: 20px; margin-left: 10px;margin-top: -6px; }
    .navbar-nav li ul li.allprofile a { display: flex; justify-content: flex-start ; flex-direction: row; margin-bottom: 20px}
    .allprofile { border-bottom: 1px #6a6a6a solid }
    .allprofile .mp-proile-icon { background: #f89a1c; border-radius: 30px; width: 35px; height: 35px ;color: #000; display: flex; justify-content: center; align-items: center; font-size:20px; font-weight: bold; margin-right: 10px;}
    .allprofile .profilename { color: #fff; font-size: 20px; margin-top: 8px; }
    .allprofile a:hover .profilename { color: #f89a1c;}
    .allprofile .manageusers { background: #484848; color: #fff; border-radius: 30px;font-size: 14px; position: relative; padding: 4px 20px 4px 20px;}
    .allprofile .manageusers:hover { background: #f89a1c;}
    .allprofile .addusers { background: #484848; color: #fff; border-radius: 30px;font-size: 14px; position: relative; padding: 4px 20px 4px 40px;}
    .allprofile .addusers:hover { background: #f89a1c;}
    .allprofile .addusers:before {display: inline-block;content: url('../img/icon/adduser-chevron.svg');width: 20px;height: 20px;position: absolute;left: 12px; top: 4px}
    .allprofile .new { margin-left: 10px; margin-top: 4px;  color: #f89a1c; font-size: 14px}
    .allprofile .addbtn {margin-top: 25px;margin-bottom: 30px;}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a {font-size: 15px; color: #f89a1c; padding: 15px;padding: 0; margin: 0; margin-right: 0px; text-align: center;}
    .navbar-nav > li.sublayer-1 { display: block }
    .navbar-nav > li.sublayer-2 { display: block }
    .navbar-nav li ul.sub1 { display: block; top: -50px; z-index: 9999 }
    .navbar-nav li ul.sub2 { display: block; top: -50px; z-index: 9999 }
/*    .navbar.navbar-inverse.navbar-collapsed .navbar-nav li > a {padding-left: 30px;}*/

    /*.row-header h2.logined { padding-left: 40px; }
    .row-header h2.logined::before {left: 15px;}*/
    .loading-home-m { width: 100% }
    .row-header.row-header-h2.recommended-rail h2 {
        padding-left: 15px
    }
    body.fixed-banner .theme-showcase{
        /*padding-top: 370px*/
        margin-top: 20px;
    }

    /*.newface-detail {
        margin-right: 10%
    }*/
    
    .navbar-nav li ul li a.outlink img {
        margin-top: 0px
    }

    body.fixed-banner.kidshome .home-show-kid-icon {
        width: 100%;
    }
    body.fixed-banner.kidshome .home-show-kid-icon .single-kids-icon-left {
        left: 15px;
    }
    body.fixed-banner.kidshome .home-show-kid-icon .single-kids-icon-right {
        right: -5px;
    }
    /*.vod-controls {
        margin-right: 10%;
    }*/
    .single-guide .vod-controls {
        /*margin-right: 45px;*/
    }
    .single-guide .left-area .vod-controls {
        padding: 0px;
    }
    .slick-slider.row-banner .slick-list {
        margin:0;
    }
    .right-content-m.sport-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar.navbar-inverse ul.navbar-nav {
        height: 100%;
        margin-top: 0;
    }
    .single-guide .group_single_button {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .single-guide .left-area .channel-info-m1 {
        width: auto;
    }
    
    .newdetail-style .banner-area .detail-content {
        padding: 0 15px 24px 15px;
    }
    .other-season-btn, 
    .newepisodes-list {
        margin-left: 15px;
        margin-right: 15px;
    }
    .newdetail-style .banner-area .detail-content .more-btn-less {
        width: 120px;
    }
    .newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left {
        margin-bottom: 10px;
    }
    .newdetail-style .banner-area .detail-content .more-btn-less {
        margin-bottom: 10px;
        margin-bottom: 10px;
        position: absolute;
        bottom: 0;
        right: 0;
        width: auto;
    }
    .newepisodes-list.recommended-list .os-poster-all {
        width: 23.5%;
        margin-right: 2%;
    }
    .newepisodes-list.recommended-list .os-poster-all:nth-child(6n+6) {
        margin-right: 2%;
    }
    .newepisodes-list.recommended-list .os-poster-all:nth-child(4n+4) {
        margin-right: 0;
    }
    .only-content-tt .onlytittle {
        margin-left: 15px;
        margin-right: 15px;
    }
    .newdetail-style .nonlandscapeposter-banner.banner-area .onlyposter .nonimga-onlyposter {
        width: 45%;
    }

    .newdetail-style .banner-area .detail-content .dcl-top {
        position: relative;
        bottom: inherit!important;
        margin-bottom: 20px;
        width: inherit;
    }
    .newdetail-style .banner-area .detail-content .detail-content-more {
        position: relative;
        top: inherit!important;
    }
    .newdetail-style .banner-area .detail-content .d2_text {
        padding-right: 15%;
        margin-right: inherit;
        width: inherit;
    }
    .mobilev-logo-a .detail-content-more-right {
        display: block;
    }
    .newdetail-style .banner-area .detail-content .detail-content-more .detail-content-more-left {
        width: 100%;
    }
    .newdetail-style .banner-area .detail-content .detail-content-more .detail-content-more-right {
        display: none;
    }
    .newdetail-style .banner-area .detail-content .detail-content-more {
        width: 100%;
    }
    .newdetail-style .banner-area .detail-content {
        padding-bottom: 34px;
    }
    .tvonly-view.newdetail-style .banner-area .detail-content .dcl-top,
    .moreondemanddetil.newdetail-style .banner-area .detail-content .dcl-top {
        bottom: -25px!important;
    }
    .moreondemanddetil.newdetail-style .banner-area .detail-content .detail-content-more,
    .tvonly-view.newdetail-style .banner-area .detail-content .detail-content-more {
        margin-top: 20px;
    }
    .newdetail-style .nonlandscapeposter-banner.banner-area .onlyposter {
        width: 100%;
        justify-content: center;
        top: 5%;
        right: inherit;
        z-index: 9999;
        width: 100%;
    }
    .newdetail-style .nonlandscapeposter-banner.banner-area .onlyposter .nonimga-onlyposter {
        width: 25%;
    }
    /*.btn-a-all.ifhave2ctabtn .underbtnprogress,
    .btn-a-all.ifhave2ctabtn .underbtnsubsciption {
        width: 48%;
        margin: 0;
        margin-right: 4%;
    }
    .btn-a-all.ifhave2ctabtn .underbtnsubsciption {
        margin-right: 0;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all.ifhave2ctabtn a {
        width: 100%;
    }*/

    .newdetail-style .banner-area .detail-content .btn-a-all.ifhave2ctabtn .group_btn_sub .btn-style2 {
        flex-direction: column;
        justify-content: center;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all.ifhave2ctabtn .group_btn_sub .btn-style2::before {
        margin-right: 0;
        margin-bottom: 4px;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all.ifhave2ctabtn .group_btn_sub {
        margin-left: 0;
        justify-content: space-around;
        /*width: 100%;*/
        /*margin-top: 32px;*/
    }
    .newdetail-style .banner-area .detail-content .btn-a-all.ifhave2ctabtn .group_btn_sub a {
        /*margin-right: 0;*/
        width: auto;
    }
    .newepisodes-list.recommended-list .no-content-m {
        font-size: 14px;
        min-height: 200px;
    }
    .container.theme-ondemand.results-s .slick-slider .slick-list {
        margin: 0;
    }

    /* Update 20240719 mobile css */
    .navbar-inverse .nonlogin_btn_main.mobile_siginin_login,
    .navbar-inverse .logined_btn_main.mobile_siginin_login {
        display: block;
    }
    .navbar-nav > li.menu-more-text-1 { 
        padding-bottom: 30px; 
        border-bottom: 1px #545861 solid;
    }
    .navbar-nav > li.menu-more-text-1 a,
    .navbar-nav > li.menu-more-text-t a {
        padding-left: 0!important;
        margin-top: 20px;
    }
    .navbar-nav > li.menu-more-mobile-tt {
        display: block;
    }
    .navbar-nav > li.menu-more-mobile-tt a {
        display: block;
        width: fit-content !important;
    }
    .profile-text-mobile.mobile_nonlogin {
        display: none;
    }
    .navbar.navbar-inverse ul.navbar-nav {
        margin-bottom: 20px;
    }
    .navbar-nav > li > a {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    /*.navbar-inverse .profile-text-mobile { 
        display: none;
    }*/
}

@media (max-width: 990px) {
  .l-nav ul, .l-nav.servicenotice ul, .top-nav-watchlist ul {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }
}

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



@media (max-width:768px) {
    .navbar-collapse {
        box-shadow: none
    }
    .row {
        margin-right: 0;
        margin-left: 0;
    }

    .row-header h2 {
        /*padding: 0 14px;*/
    }

    .carousel-inner>.item .caption p {
        width: 50% !important;
        padding: 4px 10px !important;
        font-size: 16px !important;
    }

    .home-sldr {
        padding: 0;
    }

    .home-sldr .controller {
        width: 100%;
        height: 368px;
        opacity: 1;
        display: none;
    }

    .home-sldr button.sldr-nav.prev {
        left: 0;
    }

    .home-sldr button.sldr-nav.next {
        right: 0;
    }

    .product-list .image .img-name {
        font-size: 18px;
    }

    .product-list .product-item .content .title,.ch-list .ch-item .content .title {
        font-size: 14px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .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: 0;
        display: block;
    }

    .navbar-actionbar ul li.chat span {
        display: none;
    }

    .row-header .btn-seeall {
        /*margin-top: 4px;
        padding: 18px 0 10px;*/
    }
    
    .vod .vod-right-content {
        width: 100%;
        border: 0;
        padding-right: 0;
    }

    .vod .vod-right .vod-ch {
        width: 100px;
    }

    .vod {
        padding-left: 15px;
        padding-right: 15px;
    }

    .vod .vod-left {
     	margin-right: 0;
     	padding-right: 0px;
     	float: none;
     	width: auto;
     	/*display: flex;
     	align-items: end;*/
   	}

    .vod .vod-left>img {
        width: 140px;
        float: left;
        margin-right: 20px;
    }
    
    /*.vod img#program_logo {
      	padding-top: calc((100% * 410 / 274 - 100% * 197 / 274) / 2);
        padding-bottom: calc((100% * 410 / 274 - 100% * 197 / 274) / 2);
   	}*/

    .vod .vod-left .vod-controls {
        float: left;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }
    
    #programModal .vod .vod-left .vod-controls {
        float: left;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: flex-start;
        width: 100%;
        flex-direction: column;
    }

    .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;
    }

    .vod-controls .ic-control {
        margin-bottom: 0;
        margin-right: 20px;
        float: left;
    }

    .vod-controls .ic-control:last-child {
        margin-right: 0;
    }

    .vod .vod-right .vod-infos .vod-info .param {
        width: 20%;
    }

    .vod .vod-right .vod-infos .vod-info .value {
        width: 80%;
        margin-top: 0;
    }

    .left-img-b img {
        width: 100%;
    }

    .left-img-b {
        /*width: 30%;*/
        width: 25%;
        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 .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;
    }

    .main-header h3 {
        float: inherit;
        text-align: center;
    }

    .l-nav {
        width: 100%;
    }

    .l-nav ul {
        margin-top: 20px;
        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%;
    }

    .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: 0;
    }

    .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: 0;
    }

    .l-nav,.l-nav.servicenotice {
        width: 100%;
    }

    .l-nav ul,.l-nav.servicenotice ul, .top-nav-watchlist 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: 8px auto;*/
	    display: block;
	    /*height: 50px*/
	}
	.main-header .filter-style-m { position: relative; }
	
	.myondemand .filter-style-m .dropdown-menu { /*width: 100%*/ }
	
	.filter-style-m .btn-primary {
	    /*width: 100%;*/
	    font-size: 16px;
	}
	
	.filter-style-m .dropdown-menu {
	    width: 100%;
	    margin-top: 10px;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    border-radius: 0;
	}
	
	.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;
	    position: relative;
	}
	
	.ic-control.ic-subscribe {
	    margin-right: 20px;
	}
	
	.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: calc(100% - 50px);
	    font-size: 24px;
	}
	
	#searchForm .btn-site {
	}
	
	.single-guide .right-area .all-data-day ul li .prograam-name {
	    width: 70%;
	}
	
	.single-guide .left-area .channel-logo {
	    float: left;
	    padding-top: 0;
	    width: 150px;
	}
	
	.single-guide .left-area .channel-logo img { width: 150px }
	
	.single-guide .left-area .channel-name {
	    /*float: left;*/
	    /*margin-top: 25px;*/
	    /*width: 50%;*/
	    width: 100%
	}
	
	.single-guide .left-area .channel-num {
	    /*float: left;*/
	    /*width: 50%;*/
	}
	
	.single-guide .left-area .vod-controls {
	    /*position: absolute;*/
	    /*right: 45px;*/
        padding:0; 
	}
	
	.guide-pop.vod .vod-left,.guide-pop.vod .vod-right {
	    float: left;
        /*padding-right: 20px*/
	}
	
	.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: 0;
	}
	
	.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;
	    max-width: 100%;
	}
	
	.add-resume .home-resume p.time {
	    font-size: 10px;
	    color: #909090;
	    font-style: italic;
	    line-height: 12px; margin-top: 0
	}
	
	.add-resume .home-resume .btn-close {
	    /*top: 5px*/
	}
	
	.add-resume .home-resume .resume-content a>img.poster {
	    width: 80px;
	    left: 0;
	}
	
	.add-resume .home-resume .resume-content a.resume-img { top: -70px; width: 80px; height: 120px}
	.add-resume .home-resume .re-con { margin-left: 90px; flex-direction: column; margin-top: -3px;width: 80%; margin-right: 50px; }
	
	.add-resume .home-resume .resume-content .play-btn {
	    /*top: -45px;*/
	    /*left: 18px;*/
	    width: 45px;
	}
	
	.date-button .filter-style-m {
	}
	
	.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;
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    align-items: center;
	}
	
	.ic-control.ic-watchlist.forweb {
	    display: none;
	}
	
	.vod-left-desc {
	    margin-top: 10px;
	    padding: 0;
	}
	
	.right-content-m .content-list ul li.edit-mm .right-content {
	    width: 70%;
	}
	
	.right-content-m .content-list .right-content {
	    /*width: 65%;*/
        padding-right: 10%;
	}
	
	.l-nav ul {
	    justify-content: flex-start;
	    padding-bottom: 0px;
	}
	
	body.fixed-banner .theme-showcase {
	   /* padding-top: 274px;*/
	}
	
	.main-header { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: center;flex-direction: column; margin-top: 20px;}
	.filter-style-m .dropdown-menu {position: absolute;left: 50%;transform: translate(-50%, 0); min-width: 480px;}
	.myondemand .filter-style-m .dropdown-menu {position: absolute;left: 50%;transform: translate(-50%, 0); min-width: 480px;}
	.filter-style-m .dropdown-menu>li>a { padding: 10px }
	.on-demand-m-t .filter-style-m { margin-top: 10px; transform: none; }
	.on-demand-m-t .left-img-b { margin-bottom: 0px }
	
	#downloadModal .three-downlaod.footer-more { width: 100%; padding: 0 20px }
	
	/*.vod .vod-title { margin-bottom: 0 }*/
	/*.vod .group-title { padding-bottom: 10px;}*/
	.vod .vod-left .vod-ch img {width: 70px;}
	.vod .vod-left .vod-controls { width: 100%}
	.info-right {display: table-cell;vertical-align: bottom;height: 208px;}
	.vod-left-desc { margin-top: 0; margin-right: 20px }
	/*.vod .vod-left .vod-controls .vod-left-desc { display: none }*/
	
	.npx-modal .modal-content {/*padding: 30px 30px 50px 30px;*/padding: 30px 15px 50px 15px}
	.filter-style-m { display: flex; justify-content: center;}
	.filter-style-m .btn-primary { width: auto; margin-bottom: 10px; }
	.modal-content .profile-user { justify-content: center; flex-wrap: wrap }
	.modal-content .profile-user.edit-p .content-mpu.choosecolor-m {width: 46%;}
	.modal.in .modal-dialog {overflow: auto; height: 100%}
	/*.modal.in .modal-dialog.mid {overflow: auto; height: auto; width: 300px; margin: 0 auto; top: 30%;}*/
    .modal.in .modal-dialog.mid {overflow: auto; height: 100%}
    .npx-modal .modal-dialog.mid .modal-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
	.navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a {font-size: 15px;color: #f89a1c;padding: 15px;padding: 0;margin: 0; margin-left: 0px;text-align: center;}
	.navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a.login-m { color:  #f89a1c; margin-right: 5px;width: 150px;}
	.navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a.subscrible-m {color: #fff;margin-left: 5px;width: 150px;}
	#searchModal .navbar-form {margin-top: 0px;}
    .librarylogo-m { width: 100% }

    .newface-detail {
        display: flex;
        align-items: flex-end;
    }

    .newface-detail .pic-border { width: 100%; /*margin-right: 20px*/ }
    /* .newface-detail .pic-border { width: 100%; margin-right: 20px } */
    .newface-detail {margin-right:0%}
    #login.npx-modal .modal-content {
        padding:30px 15px;
    }

    .modal-content .profile-user.edit-p .content-mpu .input-con {
        display: flex;
        flex-direction: column;
        margin-top: 40px;
        align-items: center;
    }

    .modal-content .profile-user.edit-p .content-mpu .input-con .input-field label {
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
    }

    .modal-content .profile-user.edit-p .content-mpu .input-con .input-field.has-value input ~ label {left: 50%; transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);}

    .modal-content .profile-user.edit-p .content-mpu .input-con .input-field input {
        text-align: center;
    }

    .modal-content .profile-user.edit-p .content-mpu .input-con .note {
        text-align: center;
    }

    .modal-content .profile-user.edit-p .content-mpu .changecolor-m {
        display: none;
    }

    .modal-content .profile-user.edit-p .changecolor-m.mobile {
        display: block;
    }
    .modal-content .profile-user.edit-p {
        flex-direction: column;
    }
    .modal-content .profile-user.edit-p .user-p {
        margin-right: 0
    }

    .checkkid {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .kids-checked-note {
        text-align: center;
    }

    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m {
        width: 100%
    }

    .choose-all-con {
        width: 52%;
    }

    #changecolor-1 .modal-content .profile-user.edit-p {
        flex-direction: row;
    }
    #changecolor-1 .modal-content .profile-user.edit-p .user-p {
        margin-right: 50px
    }

    .modal-content .profile-user.edit-p .content-mpu {
        width: 70%;
        margin: 0 auto;
    }

    #edituser-1 .single-kids-icon {
        top: 405px
    }

    #edituser-1 .single-kids-icon {
        top: 405px
    }

    .right-content-m.top-nav-watchlist-main ul {
        padding-top: 0;
        /*white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;*/
        /*\&: :-webkit-scrollbar{display:none};*/
    }
    
    .left-sidebar-m.l-nav ul,
    .right-content-m .top-nav-watchlist ul {
        white-space: nowrap;
        /*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-main ul:hover {
        overflow-x: auto;
        overflow-y: hidden;
        ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        \&: :-webkit-scrollbar{display:none};
    }*/
    .main-header.toptab.sport-newrail {
        margin-bottom: 20px;
    }
    .right-content-m.sport-content ul.sport-content-ul {
      margin-top: 20px;
    }
    .right-content-m.sport-content .content-list ul li.last-non-list {
        display: none;
    }
    
    .newepisodes-list-tn {
        width: 49%;
        margin-right: 2%;
    }
    .newepisodes-list-tn:nth-child(4n+4) {
      margin-right: 2%;
    }
    .newepisodes-list-tn:nth-child(3n+3) {
      margin-right: 2%;
    }
    .newepisodes-list-tn:nth-child(2n+2) {
      margin-right: 0px;
    }
    .btn-a-all.ifhave2ctabtn .underbtnprogress,
    .btn-a-all.ifhave2ctabtn .underbtnsubsciption {
        width: 48%;
        margin: 0;
        margin-right: 4%;
    }
    .btn-a-all.ifhave2ctabtn .underbtnsubsciption {
        margin-right: 0;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all.ifhave2ctabtn a {
        display: block;
        width: 100%;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all.ifhave2ctabtn .group_btn_sub .btn-style2 {
        flex-direction: column;
        justify-content: center;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all.ifhave2ctabtn .group_btn_sub .btn-style2::before {
        margin-right: 0;
        margin-bottom: 4px;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all.ifhave2ctabtn .group_btn_sub {
        margin-left: 0;
        justify-content: space-around;
        width: 100%;
        margin-top: 32px;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all.ifhave2ctabtn .group_btn_sub a {
        margin-right: 0;
        width: auto;
    }
    .newdetail-style .banner-area .detail-content .d2_text {
        font-size: 30px;
        line-height: 40px;
    }
    .cidlinkage.vod .vod-left {
        display: flex;
        align-items: flex-end;
    }
    .cidlinkage.vod .vod-left .popupmodal {
        width: 140px;
        float: left;
        margin-right: 20px;
    }
}



@media (min-width: 640px) and (max-width: 768px) {
    /*.modal-content .profile-user.edit-p .content-mpu.choosecolor-m {width: 52%;}*/
}


@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: 1.8%;
    }

    .tv-guide-s-g .row-seeall-m.product-list .product-item:nth-child(4n) {
        margin-right: 1.8%;
    }

    .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: 1.8%;
    }

    .row-seeall-m.product-list .product-item:nth-child(4n) {
        margin-right: 1.8%;
    }

    .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%;
    }

    .slick-dots {
        bottom: 10px;
    }

    .slick-dots li {
        width: 5px;
        height: 5px;
        margin: 0 2px;
    }

    .slick-dots li button::before {
        -webkit-transform: scale(0.5);
    }

    .premium-catalogs .product-list .product-item {
        width: 32%;
        float: left;
        margin-bottom: 20px;
        padding-right: 0;
        margin-right: 2%;
    }

    .premium-catalogs .product-list .product-item:nth-child(4n) {
        margin-right: 2%;
    }

    .premium-catalogs .product-list .product-item:nth-child(3n) {
        margin-right: 0;
    }

    .add-resume .home-resume .re-con { flex-direction: column; }
    .add-resume .home-resume p.time { margin: 0 }
    .add-resume .home-resume p.title { margin-right: 0;}
    .add-resume .home-resume p.title-name { margin-right: 0; width: 85%;  }

    /*.vod-controls .ic-control.ic-watchlist > a > span { display: none; }*/
    .vod-controls .ic-control.ic-watchlist a > img { /*margin-right: 0*/ }
    .single-guide .vod-controls .ic-control.ic-watchlist a > img { margin:0; margin-right: 3px }

    .modal-content .profile-user.edit-p {flex-direction: column;}
    .modal-content .profile-user.edit-p .user-p { margin: 0}
    .modal-content .profile-user.edit-p .changecolor-m.mobile { display: block }
    .modal-content .profile-user.edit-p .content-mpu .changecolor-m { display: none }
    .modal-content .profile-user.edit-p .content-mpu .input-con {display: flex;flex-direction: column;margin-top: 40px;align-items: center;}
    .modal-content .profile-user.edit-p .content-mpu .input-con .usernameinput {text-align: center; margin: 0 auto;}
    .modal-content .profile-user.edit-p .content-mpu .input-con.adderror .errormessage { text-align: center; }
    .modal-content .profile-user.edit-p .content-mpu .input-con .checkkid { margin-top: 40px }
    .modal-content .btn-area {align-items: center; flex-direction: column-reverse;}
    .modal-content .btn-area .border-btn.orange-btn { margin-bottom: 20px; width: 40%; text-align: center; }
    .modal-content .btn-area .border-btn:first-child { margin-bottom: 0 }
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m { width: 70%; margin: 0 auto; margin-top: 50px }
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m ul { justify-content: center; }
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m ul li { width: 57px; height: 57px; margin-bottom:30px }
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m ul li a { width: 57px; height: 57px; display: block;  border-radius: 50% }
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m ul li.select a { width: 45px; height: 45px }
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a.login-m { margin-right: 5%; width: 49%}
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a.subscrible-m { margin-left: 1%; width: 49%}
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m {justify-content: center;}
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer { width: 33.3%; height: 90px }
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer:last-child { display: none }
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer img { cursor: pointer; width: 57px; height: 57px}
    /*.modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer input[type="radio"]:checked  ~  .radiobtn { border-radius: 50px;width: 57px; height: 57px; }
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer input[type="radio"]:checked  ~  .radiobtn img { width: 47px; height:47px }*/
    .modal-content .profile-user.edit-p .content-mpu .input-con .usernameinput {width: 100%;}
    .modal-content .profile-user.edit-p .content-mpu .input-con .input-field.has-value input ~ label {left: 50%; transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);}
    .modal-content .profile-user.edit-p .content-mpu .input-con .input-field input { text-align: center; }
    .modal-content .profile-user.edit-p .content-mpu .input-con .input-field label {left: 50%; transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);}
    .right-sub-b .ic-control.ic-subscribe { margin:0; }
    .vod .vod-right .vod-infos .vod-info .value .value-more {
        margin: 0
    }

    .modal-content .vod-controls .ic-control.ic-watchlist > a > span {
        display: block
    }
    .modal-content .vod-controls .ic-control.ic-watchlist a > img {
        margin-right: 10px;
    }
    .guide-pop .vod-controls .ic-control.ic-watchlist > a > span {
        display: block
    }

    .modal-content .submessage {
        padding:0 60px; 
    }

    #changecolor-1 .modal-content .profile-user.edit-p {
        flex-direction: column;
    }
    #changecolor-1 .modal-content .profile-user.edit-p .user-p {
        margin-right: 0;
    }
    #changecolor-1 .choose-all-con {
        width: 100%;
    }
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid {
        width: 70%;
        justify-content: center;
        margin: 0 auto;
        margin-top: 30px;
    }
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid .checkcontainer {
        width: 33.3%;
        height: 90px;
    }

    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid .checkcontainer img {
        width: 50px; 
        height: 50px;
    }

    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid .checkcontainer input[type="radio"]:checked ~ .radiobtn img.checked-color {
        width: 70px;
        height: 70px;
    }
    .modal-content .profile-user.edit-p .content-mpu {
        width: 80%;
        margin: 0 auto;
    }

    .slick-slider.row-banner .slick-slide img.webimg {
        display: none;
    }
    .slick-slider.row-banner .slick-slide img.mobimg {
        display: block;
    }
    
    .newepisodes-list-tn {
        width: 100%;
        margin-right: 0%;
    }
    .newepisodes-list-tn:nth-child(4n+4) {
        margin-right: 0;
    }
    .newepisodes-list-tn:nth-child(3n+3) {
        margin-right: 0;
    }
    .newepisodes-list-tn:nth-child(2n+2) {
        margin-right: 0;
    }
    .newdetail-style .banner-area .detail-content .sub-more .cast {
        /*display: none;*/
    }
    .newdetail-style .banner-area .detail-content .sub-more-open .cast {
        display: flex;
    }
    /*.newdetail-style .banner-area .detail-content .sub-more .classification {
        width: 80%;
    }*/
    /*.newdetail-style .banner-area .detail-content .sub-more .more-btn {
        width: 12px
    }*/
    .newdetail-style .banner-area .detail-content .btn-a-all {
        flex-direction: column;
    }
    .underbtnprogress,
    .underbtnsubsciption {
        width: 100%;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .btn-style2 {
        flex-direction: column;
        justify-content: center;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .btn-style2::before {
        margin-right: 0;
        margin-bottom: 4px;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub {
        margin-left: 0;
        justify-content: space-around;
        width: 100%;
        margin-top: 32px;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub a {
        margin-right: 0;
        width: auto;
    }
    .newdetail-style .banner-area .detail-content .d-content {
        font-size: 14px;
    }
    .newdetail-style .banner-area .detail-content .sub-more {
        font-size: 12px;
        width: 100%;
    }
    .newdetail-style .banner-area .detail-content .sub-more .more-btn a {
        font-size: 14px;
    }
    .underbtnprogress .subtextsmall {
        font-size: 12px;
    }
    .main-header.toptab .l-nav ul li a {
      font-size: 16px;
    }

    .newepisodes-list-tn .group-t-1 {
        display: flex;
        flex-direction: column;
        width: 60%;
    }
    .newepisodes-list-tn .newepisodes-list-tn-all {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
    }
    .newepisodes-list-tn .tn-image-top {
        width: 40%;
        margin-right: 10px;
    }
    .newepisodes-list-tn .tn-image-top .tnimage-m {
        width: 100%;
    }
    .newepisodes-list-tn .tn-image-top .play-btn {
        width: 35px;
        height: 35px;
    }
    .newepisodes-list-tn .tn-image-top .play-btn img {
        width: 100%;
        height: 100%;
    }
    .newepisodes-list-tn .tn-des-text .des-text-title .group-t-1 {
        display: none;
    }
    .newepisodes-list-tn-all .des-ep {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        color: #F1F1F1;
        margin-right: 6px;
        text-transform: uppercase;
    }
    .newepisodes-list-tn-all .des-title {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        color: #F1F1F1;
        overflow: hidden;
        white-space: wrap;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .detail-newcon .l-nav ul li {
        padding: 0 14px;
    }
    .newdetail-style .banner-area .detail-content .d2_text {
        font-size: 24px;
        line-height: 40px;
    }
    .newdetail-style .banner-area .detail-content .d1_text {
        font-size: 14px;
    }
    .newepisodes-list.trailer-list .newepisodes-list-tn .tn-image-top {
        width: 100%;
        margin-right: 0
    }
    .newepisodes-list.trailer-list .newepisodes-list-tn .tn-des-text .des-text-title .group-t-1 {
        display: block;
    }

    .newepisodes-list.recommended-list .os-poster-all {
        width: 32%;
        margin-right: 2%;
    }
    .newepisodes-list.recommended-list .os-poster-all:nth-child(6n+6) {
        margin-right: 2%;
    }
    .newepisodes-list.recommended-list .os-poster-all:nth-child(4n+4) {
        margin-right: 2%;
    }
    .newepisodes-list.recommended-list .os-poster-all:nth-child(3n+3) {
        margin-right: 0;
    }
    .only-content-tt .onlytittle {
        font-size: 18px;
    }
    .newepisodes-list-tn .tn-des-text .des-text-t,
    .newdetail-style .banner-area .detail-content .sub_text_a .sub_t {
        font-size: 12px;
    }
    .newepisodes-list-tn .tn-des-text .des-endday {
        font-size: 11px;
    }
    .newepisodes-list-tn .tn-des-text .des-text-title .newtag-m {
        display: none;
    }
    .newdetail-style .banner-area .detail-content .more-btn-less a {
        font-size: 14px
    }
    .newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .btn-style2 {
        font-size: 14px;
    }
    .underbtnprogress,
    .underbtnsubsciption {
        margin-right: inherit;
    }
    #moremoreondemand .btn-a-all {
        align-items: flex-start;
    }
    #moremoreondemand .group_btn_sub {
        flex-direction: column;
        width: inherit;
        justify-content: flex-start;
    }
    #moremoreondemand .btn-style2 {
        flex-direction: row;
    }
    #moremoreondemand .btn-style2:before {
        margin-bottom: 0;
        margin-right: 10px;
    }
    #moremoreondemand .btn-style2 {
        font-size: 20px;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nwatchlist.active::before {
        width: 30px; 
        height: 30px;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub a .btn-style2:before {
        width: 30px; 
        height: 30px;
        margin-bottom: 10px;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub a .btn-style2:hover:before {
        width: 30px; 
        height: 30px;
        margin-right: 0;
    }
    .tvonly-view.newdetail-style .banner-area .detail-content .btn-a-all {
        margin-top: 0
    }
    #moremoreondemand .btn-a-all a {
        margin-bottom: 10px;
    }
    #moremoreondemand .btn-a-all a:last-child {
        margin-bottom: 0;
    }
    #moremoreondemand .group_btn_sub .btn-style2:before {
        width: 30px;
        height: 30px;
    }
    .btn-a-all.ifhave2ctabtn .underbtnprogress,
    .btn-a-all.ifhave2ctabtn .underbtnsubsciption {
        width: 100%;
        margin: 0;
    }
    .btn-a-all.ifhave2ctabtn .underbtnprogress {
        margin-bottom: 15px;
    }
    .mobilev-logo-a .detail-content-more-right {
        width: 15%;
    }
    .newdetail-style .banner-area .detail-content .d2_text {
      padding-right: 20%;
    }
    .only-content-tt .newepisodes-list-tn .tn-des-text .des-text-title {
        display: none;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub a .nrate::before {
      width: 30px;
      height: 30px;
      margin-bottom: 10px;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nrate::before {
        width: 30px;
        height: 30px;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nrate:hover::before {
        width: 30px;
        height: 30px;
        margin-right: 0;
    }
    .newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nrate.active:before {
        width: 30px;
        height: 30px;
        margin-right: 0;
    }
    .tippy-popper {
      left: 0px !important;
    }

    /* Update 20240719 */
    .modal-content .submessage {
        padding: 0;
    }
}

@media(max-width:600px) {
    .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;
    }

    .ic-control {
        margin-right: 0;
    }

    .single-guide .vod-controls .ic-control>a>span.subscr-btn_ondemand {
        display: block;
    }

    /*.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: 5px;
    }

    .footer .footer-container {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 0;
    }

    .footer .footer-menu {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .footer .footer-menu .footer-list {
        width: 100%;
        padding: 0 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: 0;
        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-bottom .footer-bottom-menu .footer-bottom-list li {
        float: none;
        padding-bottom: 4px;
        text-align: center;
    }

    .footer-bottom .footer-bottom-menu .footer-more-link li.sepa {
        display: none;
    }

    .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;
    }

    .home-sldr .sldr>ul>li {
        width: 400px !important;
    }

    .home-sldr .controller {
        display: none;
    }

    .home-sldr img {
        height: 200px;
        width: auto;
    }
    
    .row-banner img {
        zoom: 40%
    }

    .home-sldr .controller {
        height: 250px;
    }

    .home-sldr .selectors {
        height: 28px;
    }

    body.fixed-banner .theme-showcase {
        /*padding-top: 234px;*/
        margin-top: 20px;
    }

    .home-sldr div.skew>div.wrap>div.bk-cover {
        background: 0;
    }

    .footer-mobile-title {
        display: block;
    }

    .footer-bottom .footer-bottom-menu .footer-more-link {
        display: none;
    }

    .footer-bottom .footer-bottom-menu .footer-bottom-cr {
        padding-top: 20px;
    }

    .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;
        padding-bottom: 15px
    }

    /*.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 {
	}
	
	.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"] {
	    text-align: left;
	    font-size: 18px;
	    padding-right: 80px;
	}
	
	#searchForm .btn-site {
	    margin-top: 0;
	    font-size: 10px;
	    width: 60px;
	    height: 40px;
	}
	
	#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: 45px;*/
	}
	
	.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;
	    padding-bottom: 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-left: 0;
	}
	
	.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: 240px;
	}
	
	.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: 69px;*/
	}
	
	/*.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: 0;
	    margin-bottom: 20px;
	}
	
	#no-more-tables td {
	    border: 0;
	    border-bottom: 0;
	    position: relative;
	    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 {
	    margin-right: 10px;
	    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%;
	}
	
	.appdllayer .app-download .app-left {
	    width: 150px;
	}
	
	.dlapp-icon {
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    flex-direction: row;
	    margin-top: 20px;
	    justify-content: space-around;
	}
	
	.appdllayer .app-download .app-rt {
	    width: 150px;
	    margin-right: 10px;
	}
	
	.appdllayer .app-download .app-rb {
	    width: 150px;
	    margin-left: 10px;
	}
	
	.chat-main .ic-control.ic-subscribe {
	    width: 100%;
	}
	
	.single-guide .left-area .vod-controls {
	    right: 4 5px;
	}
	
	.vod-controls .ic-control.ic-watchlist a > img { margin: 0 }
    .single-guide .vod-controls .ic-control.ic-watchlist a > img { margin:0; margin-right: 3px }
	#programModal .vod-controls .ic-control.ic-watchlist a > img { margin-right: 10px; }
	
	.npx-modal .modal-body .des-detail .price { font-size: 20px; line-height: 20px }
	.modal-content .profile-user .user-p .submessage { font-size: 12px; line-height: 18px}
	.modal-content .profile-user.edit-p .content-mpu.choosecolor-m {justify-content: center;}
	.modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer { /*width: 90px; height: 90px*/ }
	
	
	/*.vod img.channel-bk-m {
	    padding-top: calc(12%);
	    padding-bottom: calc(12%);
	}*/
	
	.single-guide .left-area .channel-info-m1 { margin-right: 10px; /*width:40%;*/ /*margin-right: 80px*/ }
	.single-guide .left-area .channel-logo { width: 80px }
	.single-guide .left-area .channel-logo img { width: 80px }

    .vod img.channel-bk-m-none, 
    .vod img.channel-bk-m {
        width: 30%; margin-right: 15px
    }
    
    .guide-pop.vod .vod-left {
        padding:0;
    }
    .vod img.channel-bk-m-none, 
    .vod img.channel-bk-m {
        max-width: 140px;
        margin-right: 20px;
    }

    .main-header.toptab .l-nav ul li a {
        font-size: 18px;
    }
    .row-banner img.mobimg {
        zoom:100%;
    }

    .single-guide .subscr-btn_ondemand {
        padding: 3px 10px;
    }
    .newface-detail .pic-border {
        max-width: 140px;
        margin-right: 20px;
    }
    .newface-detail {
        padding-bottom: 15px;
        border-bottom: 1px #6a6a6a solid
    }
    .single-guide .right-area .all-data-day .channel-noContent {
        margin: 0;
        min-height: 200px;
        width: 100%;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
    }
    /*.vod img#program_logo {
        padding-top: calc((100% * 160 / 274 - 100% * 107 / 274) / 2);
        padding-bottom: calc((100% * 160 / 274 - 100% * 107 / 274) / 2);
    }*/
}


@media(max-width:540px) {
    .footer-more .app-download {
        /*width: 200px;*/
        margin: 0 auto;
        float: none;
    }

    .footer-more .subscribe-online {
        float: none;
        padding-top: 0;
        margin: 40px auto 0 auto;
        width: 70%;
    }
    .filter-style-m .dropdown-menu {min-width: 410px;}
    .myondemand .filter-style-m .dropdown-menu {min-width: 410px;}
    .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;
    }
    #downloadModal .three-downlaod .app-download .all-app-m { width: 350px; justify-content: space-around; }
    .vod .vod-right .vod-infos .vod-info .value .value-more {
        margin-left: 0px
    }

     /* Update 20240719 css*/
    .mup_list_all ul {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .navbar-inverse .mobile_siginin_login .nonlogin_btn_area .login_subscribe_btn a, 
    .navbar-inverse .mobile_siginin_login .logined_upgrade_btn.button_main_log a {
        height: 32px;
        min-width: 90px;
    }
}

@media (max-width:440px) {
    .navbar-inverse .search-mobile.active .input-search-m {
        width: 80%;
    }

    .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: 0;
        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 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: auto;
    }

    .filter-style-m .dropdown-menu {min-width: 290px;}
    .myondemand .filter-style-m .dropdown-menu {min-width: 290px;}

    .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%;
    }

    .tv-table .program {
        left: 30%;
        width: 70%;
        height: auto;
    }

    .tv-table .program .program-row {
        height: 75px;
        width: 100%!important;
    }

    .tv-table .channelbar .item {
        padding-left: 10px;
        height: 75px;
        background-size: 12px;
        position: relative;
    }

    .tv-table .program-item {
        height: 75px;
        position: relative;
        left: 0 !important;
        min-width: 100% !important;
        max-width: 100% !important;
        display: none;
    }

    .tv-table .program-item:nth-child(1) {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .tv-table .topbar .timeslot-item {
        border-right: none;
    }

    .tv-table .channelbar .item a {
        display: block;
        float: right;
    }

    .tv-table .timeslot {
        left: 120px;
    }

    .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: 80px;
    }

    .single-guide .left-area .channel-logo img { width: 80px; }

    .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;*/
        padding: 0;
    }

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

    .tv-table .timeslot {
        left: 30%;
    }

    .tv-table .realtime {
        left: 160px;
    }

    .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-s-g .row-seeall-m.product-list .product-item {
        width: 47.5%;
        float: left;
        margin-bottom: 20px;
        padding-right: 0;
        margin-right: 4.7%;
    }

    .tv-guide-s-g .row-seeall-m.product-list .product-item:nth-child(4n) {
        margin-right: 4.7%;
    }

    .tv-guide-s-g .row-seeall-m.product-list .product-item:nth-child(3n+0) {
        margin-right: 4.7%;
    }

    .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: 4.7%;
    }

    .row-seeall-m.product-list .product-item:nth-child(4n) {
        margin-right: 4.7%;
    }

    .row-seeall-m.product-list .product-item:nth-child(3n+0) {
        margin-right: 4.7%;
    }

    .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;
        width: 75%
    }

    .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;
    }

    .tv-table .free .free-t {
        bottom: 10px;
        left: 10px;
    }

    .tv-table .free .ch-num {
        margin: 0;
        top: 10px;
    }

    .tv-table .ch-logo {
        height: 45px;
        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;
    }*/

    .premium-catalogs .product-list .product-item {
        width: 47.5%;
        float: left;
        margin-bottom: 20px;
        padding-right: 0;
        margin-right: 5%;
    }

    .premium-catalogs .product-list .product-item:nth-child(3n) {
        margin-right: 5%;
    }

    .premium-catalogs .product-list .product-item:nth-child(2n) {
        margin-right: 0;
    }

    .right-content-m .content-list ul li.edit-mm .edit-checkbox {
        left: 0;
        width: 25px;
        height: 25px;
    }

    .right-content-m .content-list ul li.edit-mm .round label,.check-mao .round label {
        height: 25px;
        width: 25px;
    }

    .right-content-m .content-list ul li.edit-mm .round label::after,.check-mao .round label::after {
        left: 5px;
        top: 8px;
    }

    .right-content-m .content-list .right-content {
            padding-right: 15%;
    }

    .right-content-m .content-list ul li.edit-mm .right-content {
        width: 65%;
    }

    .single-guide .left-area .favorite-btn {
        position: absolute;
        right: 0;
    }

    .tv-table .channelbar .item img.favorite-icon {
        width: 15px;
        height: 15px;
    }
    
     #downloadModal .three-downlaod .app-download .all-app-m { width: 75% }

    .info-right { height: 179px }
    .vod .vod-title { font-size: 18px }
    .vod-controls .ic-control>a>span {display: none;}
    .btn-orange { padding: 4px 10px }
    .product-list .product-item .content .desc,
    .ch-list .ch-item .content .time,.ch-list .ch-item .content .desc,
    #searchModal .ch-list .ch-item .content .desc {
        font-size: 10px;
    }

    .modal-content .title { font-size: 24px; line-height: 30px }
    .modal-content .subcon { padding: 0 }
    .modal-content .subcon p { font-size: 12px; line-height: 18px }
    .modal-content .welcometitle { font-size: 24px }
    .modal-content .title { font-size: 20px; line-height: 26px }
    .modal-content .profile-user.delete-m .content-mpu .title-d { font-size: 26px }
    .modal-content .profile-user.delete-m .content-mpu .sub-t { font-size: 16px}
    .modal-content .welcometitle ~ .title { font-size: 26px}
    .npx-modal .close span, .npx-modal .back span {font-size: 14px;}
    .npx-modal .close span::before {top: 0;}
    .npx-modal .back span::before {top: 50%!important;}
    .npx-modal .back span {padding-left: 25px;}
    .npx-modal .back {margin-top: 3px;}
    .modal-content .profile-user.edit-p .content-mpu .input-con .note { font-size: 12px;text-align: center;}

    /*.newface-detail .pic-border {
        width: 30%
    }*/

    .modal-content .submessage {
        padding:0px; 
    }

    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid {
        width: 100%;
    }

    #downloadModal .dlapp-icon {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #downloadModal .dlapp-icon .app-rb {
        margin: 0;
    }

	.newdetail-style .banner-area .detail-content .sub_text_a .sub_t {
        display: block ruby;
    }
    .more-othertime-content .more-othertime-list ul li .channel-logo {
        width: 115px;
    }
    .npx-modal .back {
        margin: 0
    }
    .npx-modal .close span, .npx-modal .back a {
        font-size: 14px;
    }
    .npx-modal .close span::before {
        top: 50%!important;
    }
    #moremoreondemand.npx-modal .close {
        top: 15px;
    }
    .newdetail-style .banner-area .detail-content .d2_text {
        font-size: 20px;
        line-height: 30px;
    }
	
}



@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: 10px;
        margin-bottom: 10px;
    }

    .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: 30px;
        height: 30px;
        margin-right: 0px;
    }

    .ic-control a span.subscr-btn,.ic-control a span.subscr-btn .sub {
        width: auto;
        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"] {
        font-size: 16px;
    }

    #searchForm .btn-site {
        margin-top: 0;
        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: 60px;
    }

    .single-guide .left-area .channel-logo img { width: 60px }

    .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%;
    }

    .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 {}

    .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: 45px;
        /*width: 100%;*/
    }

    .add-resume .home-resume p.time {
        width: 100%;
        /*margin-left: 85px;*/
    }

    .add-resume .home-resume .btn-close {
    /*top: 15px;*/
        right: 15px;
        width: 20px;
    }

    .add-resume .home-resume .resume-content a>img.poster {
        width: 70px;
        left: 0;
        bottom: 0;
    }

    .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: 30%;
        display: block;
    }

    .tv-table .program {
        left: 35%;
        width: 65%;
    }

    .tv-table .timeslot {
        left: 30%;
    }

    .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 {}

    .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 {}
    .add-resume .home-resume .resume-content a.resume-img {top: -55px; width: 70px; height: 105px}
    .add-resume .home-resume .re-con {margin-left: 80px;}
    .footer-more .app-download { width: 100% }
    .footer .app-download .app-icon-all .all-app-m { width: 70% }
    #downloadModal .three-downlaod .app-download .all-app-m { width: 230px }
    
    .vod-controls .ic-control > a > span {font-size: 12px;}
    .subscr-btn_ondemand .sub img { width: 20px; height: 20px }
    .subscr-btn_ondemand { min-height: inherit; }
    .info-right { height: 149px }
    .vod .vod-title { margin-bottom: 0 }
    .vod .vod-left > img { margin-right: 15px }
    .ic-control.formobile a > img { margin-right: 10px }
    
    .newepisodes-list-tn .tn-image-top {
        width: 45%;
    }
    .newepisodes-list-tn .group-t-1 {
        width: 55%;
    }
}



@media (min-width: 320px)  and (max-width: 440px) {
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a.login-m { width: 100% }
    .navbar.navbar-inverse.shownav .navbar-nav > li.menu-login-aera > a.subscrible-m { width: 100% }
    .modal-content .profile-user .user-p { width: 50% }
    .modal-content .btn-area .border-btn.orange-btn {  width: 50%; }
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m { width: 100%; }
    .modal-content .profile-user.delete-m .content-mpu .sub-t {margin-left: 0px;margin-right: 0px;}
    .modal-content .other-btn a .icon-bk { width: 50px; height: 50px }
    .modal-content .other-btn a .icon-bk img {width: 25px; height: 25px;}
    .modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer { /*width: 80px; height: 90px*/ }
    .modal-content .colorface ul li { width: 19px; height: 19px; margin-left: 6px; margin-right: 6px }
    .modal-content .colorface ul li:nth-child(4) { width: 45px; height: 45px; margin-left: 10px; margin-right: 10px }
    .modal-content .colorface ul li:nth-child(4) img { width: 100%; height: 100% }
    /*.row-header h2{ width: 75%;}*/
    #welcomemessage_setting .modal-content .colorface ul li:nth-child(4) {
        width: 19px;
        height: 19px;
        margin-left: 6px;
        margin-right: 6px;
    }
}



@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;
    }

    .theme-setting .right-content-m .min-height-m {
        min-height: 160px;
    }

    .vod .series-list-num .series-epi~.content .series-pop-des {
        margin-left: 17%;
    }

    .tv-table .date-button {
        width: 35%;
    }

    .appdllayer .app-download .app-left {
        width: 120px;
    }

    .appdllayer .app-download .app-rt {
        width: 120px;
        margin-right: 10px;
    }

    .appdllayer .app-download .app-rb {
        width: 120px;
        margin-left: 10px;
    }
    .modal-content .profile-user.edit-p .content-mpu .input-con .input-field input { min-width: 100% }
}



@media screen and (max-device-width:768px) {
    .filter-style-m.open < .theme-tv-guide {
        display: none;
    }

    .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;
    }
    .guide-pop.vod .vod-left .vod-controls .ic-control { width: auto; }

    /*.right-content-m.top-nav-watchlist-main ul {
        overflow-x: auto;
        overflow-y: hidden;
        ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        \&: :-webkit-scrollbar{display:none};
    }*/
}

/*@media (hover: hover) {
    .right-content-m.top-nav-watchlist-main ul {
        overflow-x: auto;
        overflow-y: hidden;
        ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        \&: :-webkit-scrollbar{display:none};
    }
}*/

@media (max-device-height:550px) {
    .logined_h_acc_mup.login_firstMupUser .menu_sub_layer_style{
        overflow: scroll;
        height: 435px;
    }
}