.container {
    width: 100%;    
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    background-color: #FFF;
    max-width: 1200px;
}
.container-fluid {
    width: 100%;     
    margin-right: auto;
    margin-left: auto
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.space-around{
    justify-content: space-around;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}
.col-100p{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}
.col-192{
    -ms-flex: 0 0 192px;
    flex: 0 0 192px;   
}
.col-200{
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;   
}
.col-220{
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    max-width: 220px;
}
.col-260{
    -ms-flex: 0 0 260px;
    flex: 0 0 260px;
    max-width: 260px;
}
.col-300{
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
}
.col-478{
    -ms-flex: 0 0 478px;
    flex: 0 0 478px;
    max-width: 478px;
}
.col-637{
    -ms-flex: 0 0 637px;
    flex: 0 0 637px;
    max-width: 637px;    
}
.col-612{
    -ms-flex: 0 0 612px;
    flex: 0 0 612px;
    max-width: 612px;   
    width: 612px;
}
@media only screen and (max-width: 1220px) {
    .container{
        width: 100%;
        padding: 0 16px;
    }
    .navbar-nav > li> a{
        font-size: 13px;
    }
    .quick-links .tv-broadcast {
        font-size: 13px;
        margin-top: 7px;
    }
    #corp-line{
        display: none;
    }
    .top-articles .top-article{
        width: 50%;
    }
    .top-articles{
        width: calc(100% - 320px);
        gap: 20px;
    }
    .navbar-nav > li{
        margin-left: 12px;
    }
    .submain-articles,
    .sponsored-articles,
    .gallery-box{
        width: calc(100% - 320px);
    }
    .submain-articles ul{
        gap: 20px;
    }
    .submain-articles ul li{
        width: 31%;
    }
    .article-photo img{
        max-width: 100%;
        height: auto;
    }
    .sponsored-articles ul{
        column-count: 1;
    }
    .sponsored-articles li{
        width: 100%;
    }
    .gallery-box li{
        width: 50%;
    }
    .gallery-box li:first-child, .gallery-box li:nth-child(2){
        width: 48%;
    }
    .shows-box ul,
    .reports-box ul{
        gap: 20px;
        flex-wrap: nowrap;
    }
    .shows-box li{
        width: 25%;
    }
    .reports-box li{
        width: 33%;
    }
    .three-articles-box{
        width: calc(50% - 12px);
        margin-right: 12px;
    }
    .one-articles-box{
        width: calc(50% - 12px);
        margin-left: 12px;
    }
    .horoscope-box{
        width: 100%;
    }
    .press-box{
        width: 100%;
    }
    .colum-left-860{
        width: calc(100% - 320px);
    }
    .news-box-listing .article-photo{
        width: 300px;
    }
    .shows-box.article-more-category li{
        width: 33%;
    }
    .focus-box ul{
        gap: 20px;
    }
    .last-articles-btn{
        display: none;
    }
}
@media (max-width:1024px) {
    .quick-links{
        display: none;
    }
    .top-articles, 
    .submain-articles, 
    .sponsored-articles, 
    .gallery-box,
    .colum-left-860{
        width: 100%;
    }
    .top-articles .article-title{
        font-size: 20px;
    }
    .nav.navbar-nav{
        display: none;
    }
    .nav.navbar-nav.open{
        display: block;
    }
    .nav.navbar-nav{
        background-color: #2190E2;
        position: absolute;
        width: 100%;
        left: 0;
        top: 190px;
        padding: 20px 0;
        z-index: 999;
    }
    .search-form{
                margin-top: 142px;
        position: relative;
        z-index: 999;
        background-color: #2190E2;
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
        padding: 24px;
        padding-bottom: 10px;
        padding-top: 20px;
    }
    .search-form input[type="text"]{
        border: 1px solid #C4D3E5;
        border-radius: 8px;
        width: 100%;
        padding: 18px;
        padding-right: 30px;
    }
    .search-form input[type=submit]{
        position: absolute;
        right: 34px;
        top: 26px;
    }
    .search-form.open{
        display: block !important;
    }
    .search-form .close-seach{
        display: none;
    }
    .navigation .logo,
    .navigation .logo img{
        width: 80px;
    }
    .navigation .logo{
        left: 16px;
        z-index: 222;
    }
    .menu-container{
        width: 100%;
        margin-left: 0;
        height: 72px;
    }
    .top-articles .article-photo img{
        width: 100%;
    }
    .aside-cpm{
        margin-bottom: 24px;
        width: 100%;
        text-align: center;
        margin-top: 0;
    }
    .submain-articles .article-title{
        font-size: 16px;
    }
    .col-300{
        width: 100%;
        max-width: 100%;
        flex: none;
    }
    .last-read-box,
    .rss-box{
        width: 100%;
    }
    .search-box{
        display: none;
    }
    header > .row{
        margin-left: -16px;
        margin-right: -16px;
    }
    header .navigation{
        background: #2190e2;
        position: relative;
    }
    #menu-toggle{
        margin-top: 0px;
        display: block;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        z-index: 500;
    }
    .mobile-live-btn{
        display: block;
        float: right;
        height: 44px;
        line-height: 44px;
        padding: 0 14px;
        border-radius: 4px;
        position: absolute;
        right: 76px;
        z-index: 60;
        background: #1D5D8F;
        text-transform: uppercase;
        color: #FFF;
        margin-top: 15px;
        font-size: 14px;
    }
    .mobile-live-btn a{
        color: #FFF;
    }
    .mobile-live-btn img{
        margin-top: -3px;
    }
    .menu-toggle-wrap{
        display: block;
    }
    .navbar-nav > li{
        width: calc(100% - 24px);
        margin-left: 24px;
    }
    .navbar-nav > li> a{
        line-height: 40px;
        font-size: 16px;
    }
    .dropdown-menu{
        position: static;
        display: block;
        border-top: 0;
        margin-top: 0;
        width: calc(100% - 24px);
    }
    .dropdown-btn{
        display: none;
    }
    .dropdown-menu li{
        font-size: 16px;
        padding: 8px 0;
    }
    .dropdown-menu li a{
        font-size: 16px;
    }
    .mobile-quick-btns{
        display: block;
        width: 100%;
        background: #2190E2;
        position: absolute;
        top: 72px;
        font-size: 12px;
        display: none;
        z-index: 999;
    }
    .mobile-quick-btns.open{
        display: block;
    }
    .mobile-quick-btns ul{
        display: flex;
        border-bottom: 1px solid #D4DFE7;
        border-top: 1px solid #D4DFE7;
    }
    .mobile-quick-btns ul li{
        width: 33%;
        border-right: 1px solid #D4DFE7;
        text-align: center;
        height: 68px;
        display: flex;
        list-style: none;
        align-items: center;
        justify-content: center;
    }
    .mobile-quick-btns ul li img{
        margin-bottom: 8px;
    }
    .mobile-quick-btns ul li:last-child{
        border-right: 0;
    }
    .mobile-quick-btns a{
        color: #FFF;
    }
    header{
        position: relative;
        z-index: 9999;
    }
    #div-gpt-ad-2,
    #div-gpt-ad-4{
        width: 100% !important;
    }
    .article-wrap{
        display: flex;
        flex-wrap: wrap;
    }
    .article-wrap .order-1{
        order: 0;
    }
    .article-wrap .order-2{
        order: 10;
    }
    .article-wrap .order-3{
        order: 20;
    }
    .article-wrap .order-4{
        order: 30;
    }
    .article-share .mobile-messanger{
        display: inline-block;
    }
    .article-share .desktop-messanger{
        display: none;
    }
    .last-articles-btn-mobile{
        display: block;
        position: absolute;
        z-index: 222;
        right: 210px;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        align-items: center;
    }
    .last-articles-btn-mobile h1{
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: 500;
        color: #FFF;
        text-transform: uppercase;
        line-height: 1;
    }
    .last-articles-btn-mobile a{
        font-size: 12px;
        font-weight: 500;
        color: #FFF;
        text-transform: uppercase;
        line-height: 1;
    }
}
@media (max-width:1000px) {
    .report-comment{
        display: block !important;
    }
    .comments .comment-content{
        padding-right: 0;
    }
    .comments .report-comment {
        width: auto;
        height: auto;
        background: none;
        font-size: 13px;
        position: static;
        float: right;
        margin-top: 10px;
    }
    .comments .report-comment a {
        text-indent: inherit;
        overflow: auto;
        font-style: initial;
        width: auto;
        height: auto;
    }
    .article-view .statia-content{
        width: 100%;
    }
    .inarticle-text img {
        max-width: 100% !important;
        height: auto !important;
    }
    #div-gpt-ad-2{
        margin-bottom: 30px;
    }
    .statia-content.series-listing:before{
        height: 74px;
    }
    .article-list-grid .series-listing .news-box-listing{
        float: left;
        width: 100%;
    }
    .series-listing .news-box-listing .article-photo{
        width: 35%;
        float: left;
        margin-right: 0;
    }
    .article-list-grid .series-listing .article-listing-text{
        float: left;
        box-sizing: border-box;
        width: 65%;
    }
    .series-listing .article-listing-text .article-title{
        margin-top: 0;
    }
    .series-listing .article-listing-text .article-time{
        margin-bottom: 0;
    }
    .series-listing .article-listing-text .article-intro{
        font-size: 14px;
        line-height: 20px;
    }
    .series .series-cover{
        background-size: cover;
    }

}
@media (max-width: 768px) {
    .article-view-container h1{
        font-size: 24px;
    }
    .article-view-container .article-sub-title{
        font-size: 14px;
    }
    .comments{
        padding: 24px;
    }
    .shows-box.article-more-category li{
        width: 100%;
    }
    .shows-box ul, .reports-box ul{
        flex-wrap: wrap;
    }
    .shows-box .box-title span{
        font-size: 32px;
    }
    .footer-logo{
        margin-left: 32px;
    }
    .follow-us span{
        font-size: 18px;
        width: 100%;
        margin-bottom: 16px;
    }
    .follow-us{
        margin-left: 32px;
        margin-top: 20px;
    }
    .footer-nav{
        column-count: 1;
    }
    .footer-links{
        flex: none;
        width: 100%;
                margin-left: 0;
        padding: 0 32px;
        border-top: none;
    }
    .copyrights{
        text-align: left;
        padding-left: 0;
        padding-right: 0;
    }
    .news-box-listing .article-photo{
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px;
    }
    .news-box-big .article-title{
        font-size: 18px;
    }
    .news-box-listing .article-title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .article-listing-text .article-time{
        margin-top: 10px;
    }
    .top-articles{
        flex-wrap: wrap;
    }
    .top-articles .top-article{
        width: 100%;
    }
    .submain-articles ul{
        gap: 16px;
    }
    .submain-articles ul li{
        width: calc(50% - 8px);
    }
    .focus-box ul{
        flex-wrap: wrap;
        gap: 0;
    }
    .focus-box li{
        width: 100%;
        margin-bottom: 16px;
        margin-right: 0;
    }
    .box-title ins{
        display: none !important;
    }
    .gallery-box .box-title span{
        width: 80%;
        font-size: 32px;
    }
    .gallery-box li:first-child, .gallery-box li:nth-child(2){
        width: 100%;
    }
    .gallery-box ul{
        padding: 16px;
        gap: 16px;
    }
    .gallery-box li{
        width: calc(50% - 8px);
    }
    .shows-box li,
    .shows-box .article-photo img{
        width: 100%;
    }
    .reports-box .box-title:before{
        font-size: 46px;
        right: -5px;
    }
    .reports-box ul{
        gap: 16px;
    }
    .reports-box li{
        width: calc(50% - 8px);
    }
    .reports-box li:first-child{
        width: 100%;
    }
    .reports-box .box-title span{
        z-index: 2;
        position: relative;
    }
    .three-articles-box{
        width: 100%;
        margin-right: 0;
    }
    .one-articles-box{
        width: 100%;
        margin-left: 0;
    }
    .home-magazine-box{
        width: 100%;
    }
    .home-box-radio{
        width: 100%;
        margin-left: 0;
    }
    .horoscope-box ul{
        flex-wrap: wrap;
    }
    .horoscope-box li{
        width: 100%;
        margin-bottom: 24px;
    }
    .horoscope-box .hot-title ins{
        display: none;
    }
    .press-box ul{
        gap: 16px;
        padding: 16px;
    }
    .press-box li{
        width: calc(50% - 8px);
    }
    .press-box .article-title{
        font-size: 16px;
    }
    .press-box .box-title span{
        width: 80%;
    }
    .press-box li:first-child{
        width: 100%;
    }
    .press-box li:first-child .article-title{
        font-size: 18px;
    }
    .press-box li:first-child .article-photo img{
        width: 100%;
    }
    .one-articles-box .article-photo{
        margin-right: 0;
    }
    .submain-articles .article-photo img{
        width: 100%;
    }
    .gallery-box .article-photo img,
    .reports-box .article-photo img,
    .one-articles-box .article-photo img,
    .one-articles-box .article-photo{
        width: 100%;
    }
    .program-month{
        display: none !important;
    }
    .program-list .program-day-title{
        font-size: 18px;
    }
    .row-listing{
        flex-wrap: wrap;
    }
    .article-list-grid .news-box-listing{
        width: 100%;
    }
    #div-gpt-ad-4{
        width: 100% !important;
    }
    .live-watch .tv-program-box{
        flex-wrap: wrap;
    }
    .box-now,
    .box-next-program{
        width: 100%;
    }
    .footer-nav li{
        margin-bottom: 10px;
    }
    .team-box .article-title{
        font-size: 16px;
    }
    .team-box ul{
        gap: 16px !important;
    }
    .team-box ul li{
        width: calc(50% - 8px);;
    }
    .article-view .statia-content iframe{
        max-width: 100% !important;
    }
}
@media (max-width:700px) {
    .series-listing .news-box-listing .article-photo{
        width: 100%;
        margin-bottom: 20px;
    }
    .video-list h3{
        width: 100%;
    }
    .article-list-grid .series-listing .article-listing-text{
        padding-left: 0;
        width: 100%;
    }
    .series-list ul li{
        width: 100%;
    }
    .series .series-cover h1{
        font-size: 20px;
    }
    .series .series-cover .series-title{
        min-height: 0;
    }
    .series .series-cover{
        height: 210px;
    }
    .series:before{
        height: 261px;
    }
    .video-list ul{
        width: 100%;
    }
    .video-list .video-right-banner{
        width: 100%;
        margin: 20px 0;
        text-align: center;
    }
    .article-view-container h1 {
        font-size: 20px;
        line-height: 25px;
    }
    .video-list{
        margin-top: 0;
    }
    .video-list ul li .article-photo {
        float: left;
        width: 180px;
        margin-right: 16px;
    }
    .video-list ul li{
        margin-bottom: 20px;
    }
    .video-list h3{
        font-size: 18px;
    }
    .article-time-sorce > span.article-time{
        margin-right: 14px;
    }
    .liveEvent{
        width: auto;
        margin-left: -16px;
        margin-right: -16px;
    }
}
/* Sticky the banner */
@media only screen and (max-width: 640px) {

    #div-gpt-ad-1, #div-gpt-ad-3{
        display: block;
        position: sticky;
        top: 0;
        z-index: 2000;
        background: #FFF;
        width: 100%;
    }

}
@media only screen and (max-width: 468px) {
    .top-megaboard {
        min-height: 160px;
    }
    .sponsored-articles .article-photo{
        width: 140px;
    }
    .article-share{
        float: left;
        margin-bottom: 10px;
    }
    .mobile-live-btn img{
        display: none;
    }
    .navigation .logo{
        left: 5px;
    }
    .menu-toggle-wrap{
        right: 8px;
    }
    .mobile-live-btn{
        padding: 0 10px;
        right: 61px;
    }
    .last-articles-btn-mobile{
        right: 160px;   
    }
}
@media only screen and (max-width: 380px) {
    .reports-box .article-title{
        font-size: 14px;
    }
    .sponsored-articles .article-title{
        font-size: 14px;
    }
    .sponsored-articles .article-photo{
        margin-right: 8px;
    }
    .home-magazine-box .magazine-cover{
        display: flex;
    }
    .last-articles-btn-mobile a{
        font-size: 11px;
    }
    .mobile-live-btn{
        font-size: 12px;
        padding: 0 5px;
    }
    .last-articles-btn-mobile {
        right: 140px;
    }
}