/* RESPONSIVE CSS FOR MOBILE LAYOUT */
/*----------------------------------*/

@media only screen and (min-width:1200px) {
	.dis-mobile { display: none; }
}

@media only screen and (max-width:1440px) {
	.cd-tower { display: none; }
}

@media only screen and (max-width:1199px) {

	.ads{ width:100%; }
	#logo-nation svg { width: 75px; }

	/* CARD */
	/*------------------------------------------------------------------------------------*/
	.card-update-news .head .viewmore { margin-top: 5px; }
	.card-columnist .head{width:100%; clear: both; float: left;}
	.card-columnist .head .profile{margin-top:40px;}
	.card-columnist .head .cate{position: absolute; right:0px; padding: 0;}
	.holoscope{ margin: 20px 0 0; }
	.card-horoscope .title{font-size: 23px; line-height: 38px;}
	.card-horoscope .title span{} /*font-size: 58px;*/
	.card-horoscope .content{} /*margin-top:-48px;*/


	/* SECTION */
	/*------------------------------------------------------------------------------------*/
	.live{padding:40px 0 40px; }
	.live .container .bg-dot-white{ height:398px; width:87%; left:18px; } /*bottom:-15px;*/
	.live .right{ position: relative; float: left; right: 0px; top: 0px; }
	.live .schedule{ margin: 0; margin-top: 30px; padding: 0 15px; }
	.live .schedule h1{ font-size:74px; margin:-10px 0 10px; margin-left: 2px; margin-bottom: 30px; line-height: 55px;}
	.live .schedule .current{ line-height: 1.4; font-size: 34px; padding:20px; }
	.live .schedule .current span{}
	.live.desktop .live-button{}
	.live .schedule .next ul li{ margin: 20px 0 5px 0; }
	.live .live-button span{padding: 5px 20px; font-size: 24px; float: right; } /*top: 25px;*/
	.live .live-button span i{vertical-align: middle; display: inline-block;}

	.dailynews .bg-highlight-top-left{margin:-20px 0 0 -20px;}
	.dailynews .header .title h1 {}
	.dailynews .header .viewmore { font-weight: bold;}
	.dailynews .header .viewmore span{position:absolute; top: 45px; right:0; letter-spacing: 1px; white-space: nowrap; font: bold 14px/14px 'Prompt','Tahoma','Arial','sans-serif'; font-weight: 400; }
	.dailynews .header .viewmore span i{font-size:16px;}
	.dailynews .bx-wrapper .bx-pager { bottom: -20px; }

	.columnist .header .viewmore{ right: 18px; white-space: nowrap; }
	.columnist .container{width:85%;}

	.hot-topic .border-red{ padding:15px 0 0; } /*border:none;*/
}

@media only screen and (max-width: 1024px){

	header #top-left { margin-top: 19px; margin-left: 20px; }
	.slogan { margin-top: 0; }

	/* CARD */
	/*------------------------------------------------------------------------------------*/
	.card.card-news {} /*min-height: 250px;*/
	.card-update-news .head .viewmore { margin-top: 6px; }
	.card-tv-program .head .profile .name p { margin-top: -5px; }
	.card-horoscope .content .description {} /*padding-top: 90px; margin-top: 110px;*/
	.card-horoscope .content .readmore { top: -10px; }
	.card-social-contact.nation .com-address { font-size: 11px; }
	.card-social-contact.nation .contact span { font-size: 30px; }

	/* SECTION */
	/*------------------------------------------------------------------------------------*/
	.live .container .bg-dot-white { width: 94%; } /*bottom: 85px;*/
	.live .schedule { padding: 0; margin-top: 0; }
	.live .schedule .next ul li { width: 100%; float: none; }
	.live .live-button span i { top: 0; }
	.live .schedule .current { height: auto; max-height: 114px; }

	.dailynews .header .viewmore { top: 6px; }

	.update-news .bg-highlight-top-left { width: 228px; }

	.mostview .section-content .card.card-news { height: auto; }

	.hot-clip .section-header h1 {}

	.hot-topic .pr-none { padding: 0; }

	.news-main .leadcard { margin-bottom: 60px; }
	.news-main .zone-ads .bg-highlight { height: 310px; }

	.news-cate-crime .news-second .header .title h1, .news-cate-foreign .news-second .header .title h1 { font-size: 43px; }

	/* SIDEBAR */
	/*------------------------------------------------------------------------------------*/
	.information .section-header h1 {}
	.information .section-content { height: 371px; }
	.information .card-information { min-height: 250px; }

	.sidebar .mostview-sidebar.columnist .content .card-columnist.mostview { min-height: 350px; }
	.sidebar .mostview-sidebar.columnist .content .card-columnist.mostview .head .cate { right: 1px; }

	/* PAGE */
	/*------------------------------------------------------------------------------------*/

	/* news */
	.news-category .news-cate-politics .card.card-news { margin-bottom: 30px; }

	.news-detail .sidebar .mostview-sidebar .content .card { height: 250px; }
	.news-detail .sidebar .mostview-sidebar .viewmore { margin-top: 20px; }

	/* tv program */
	.tv-program .header .title h1 span {}

	/* OTHER */
	/*------------------------------------------------------------------------------------*/
	.news-category .news-cate-royal { margin-bottom: 30px; }
	.news-main .header .bg-highlight { width: 60%; }
	.news-cate-politics .news-third .header .bg-highlight { width: 54%; }
	.news-cate-sport .news-forth .header .bg-highlight { width: 80%; }
	.news-cate-lifestyle .news-main .header .bg-highlight { width: 67%; }
	.news-cate-royal .news-forth .header .bg-highlight { width: 54%; }

	.news-list .news-list-main { margin-bottom: 30px; }
	.news-list .news-list-main .bg-highlight { height: 310px; top: -31px; bottom: unset; }
	.news-list .news-list-main .zone-ads { margin-top: 0px; }
	.news-list .news-list-main .pull-down { padding-top: 30px; }

	.news-today-list .news-list-main .zone-ads { margin-top: 0px; }
	.news-today-list .news-list-main .pull-down { padding-top: 30px; }

	.hot-topic .section-content .card.card-news { min-height: 350px; margin-bottom: 0; }
	.hot-topic .border-red { padding-top: 50px; }
	.filter { top: 0px; }

	.news-popular-list .news-list-main .zone-ads { margin-top: 0px; }
	.news-popular-list .news-list-main .pull-down { padding-top: 30px; }
	.news-popular-list .news-list-viewmore .card.card-news { min-height: 400px; }

	.card-columnist-profile-ads { padding-top: 20px; }

	.card-columnist .head .profile .columnist-profile-right { width: 78%; }
	.card-columnist .head .profile .columnist-profile-right .name { width: 100%; word-wrap: break-word; }
	.columnist-popular-list .card-columnist.caption { min-height: 500px; }
	.colunmist-category-list .columnist-page-header .filter .dropdown ul li { padding-right: 20px; }
	.colunmist-category-list .columnist-page-header .filter { top: 0px; right: unset; float: left; margin-top: 15px; }

	.program-list .zone-ads { padding: 30px 0; }

	.newsstand .content .description {  margin-top: 60px; }
	.newsstand .content .description .caption {  padding-left: 28px; }
	.newsstand .content .list {  margin-top: 30px;   margin-bottom: 30px; }

	.mobile-app .content .description .caption {    padding-left: 28px; }
	.mobile-app .content .list {  margin-top: 30px; }
}

@media only screen and (max-width:991px) {

	.truehits { position: absolute; top: 32px; right: 140px; }
	#top-left { margin-top: 17px; }
	#top-date { margin-left: 21px; }
	.our-website, #menu-footer { float: none; margin: auto; }

	/* CARD */
	/*------------------------------------------------------------------------------------*/
	.leadcard .card .title{ height: auto; min-height: unset; }
	/*.card-columnist-profile .desc .author { font-size: 28px; }*/

	/* SECTION */
	/*------------------------------------------------------------------------------------*/
	.live.desktop .left,.live.desktop .right{right: auto; position:relative; left: auto;}
	.live.desktop .left{clear: both; float: left;}
	.live.desktop .right{clear: both; float: left; right:auto;}
	.live.desktop .container{padding: 0 20px !important;}
	.live.desktop .container .bg-dot-white{bottom:34px;}
	.live.desktop .schedule{clear: both; float: left; width:100%; margin:30px 0 30px;}
	.live.desktop .schedule .next{display: none;}
	.live.desktop .schedule h1{font-size:55px; line-height: 55px;}
	.live.desktop .live-button{position: absolute; bottom:10px; right:15px; width:auto; height: 40px;}
	.live.desktop .live-button span{top:0;}
	.live.desktop .schedule .current{line-height: 12px; font-size:30px; padding: 20px 20px 50px 20px;}

	.live .schedule .next ul li { width: 50%; float: left; padding-right: 10px; }

	.dailynews .header .viewmore span{}
	.dailynews .header .viewmore span i{font-size:16px;}
	.dailynews .bg-highlight-top-left{ width: 60%; height: 241px;}
	.dailynews .header .title h1{}
	.dailynews .header .title span{font-size:12px;}

	.update-news .card .head .cate{position: static; float: left; padding: 0 15px;}
	/*.update-news .header .viewmore{ top:-80px; }*/
	.update-news .header .news-list .viewmore{float: right;}
	.update-news .card .head .cate span{font-size:14px;}

	.columnist .section-content .outside{}

	.mostview .header .title h1{ max-width: 100%; font-size: 42px; width: 380px; text-align: center; }

	.hot-topic .col-md-4{text-align: center;}
	.hot-topic .border-red{ border:6px solid #ff4545; display: inline-block; padding: 20px 20px 0; }
	.hot-topic .header .viewmore{ top: 18px; }
	.hot-topic .header .viewmore span{ top: 0; background:#fff; }
	.hot-topic .section-content{padding: 25px 0 0;}

	.otv-music .header .viewmore{margin:15px 0 0;}
	.otv-music .header .viewmore ul{margin:0}

	.news-main .header .viewmore{top:-73px;}
	.news-main .card-news{padding-bottom: 40px;}
	.news-main .leadcard{margin-bottom:0;}
	.news-main .leadcard .card-news{padding-bottom:0;}

	/* SIDEBAR */
	/*------------------------------------------------------------------------------------*/

	/* PAGE */
	/*------------------------------------------------------------------------------------*/

	/* OTHER */
	/*------------------------------------------------------------------------------------*/
	.viewmore-bottom i{font-size:14px;}
	/*.mostview .header .viewmore-top{display: none;}*/
	/*.viewmore-bottom{
		font:bold 22px/1.15 'pslkandamodern','Tahoma','Arial','sans-serif';
		letter-spacing: 2px; z-index: 1; display: block;
		display: block; background: #fff;
		border: 2px solid #274b99; text-align: center;
		padding: 5px 30px; width:150px; margin:20px auto 20px auto;
	}*/

	.mostview .section-content .card.card-news { min-height: 350px; }
}

@media only screen and (min-width:768px) {
	.display-only-mobile { display: none; }
	.display-only-descktop { display: block; }
}

@media only screen and (max-width:768px) {

	/* CARD */
	/*------------------------------------------------------------------------------------*/
	.dailynews .card.card-news { min-height: 350px; } /*20180126*/

	/* SECTION */
	/*------------------------------------------------------------------------------------*/

	/* SIDEBAR */
	/*------------------------------------------------------------------------------------*/

	/* PAGE */
	/*------------------------------------------------------------------------------------*/

	/* OTHER */
	/*------------------------------------------------------------------------------------*/

	.slogan img { margin-top: 2px; }
	.card.card-news { min-height: 350px; }
	.live .schedule h1 { margin-top: 10px; }
	.hot-topic .bg-highlight { width: 500px; }
	.coming-soon .content { padding-top: 250px; }
	.card-columnist .head .profile { margin-top: 50px; }
	.card-update-news .head .viewmore { margin-top: 11px; }
	.hot-clip .section-content { height: 695px; }
	.tv-program .header .viewmore ul li { margin-right: 15px; }
	.information .card-information { min-height: 300px; }
	.card-social-contact.nation .description { font-size: 15px; }
	.card-social-contact.nation .contact { margin-bottom: 20px; }
	.card-social-contact.nation .contact span { margin-top: 0; font-size: 25px; }


	.social-share-sticky.mobile { background: #fff; width: 100%; height: auto; top: auto !important; left: 0 !important; right: auto !important; bottom: 0 !important; z-index: 40; padding: 20px 0; }
	.social-share-sticky.mobile .count-share { float: left; margin-top: 0px; margin-left: 20px; }
	.social-share-sticky.mobile .count-share span { display: inline; margin-left: 10px; font-size: 30px; }
	.social-share-sticky.mobile .social-share { float: right; margin-top: 0px; }
	.social-share-sticky.mobile .social-share ul li { float: left; margin-top: 0; margin-right: 20px; }

	.news-detail .description .right { padding-left: 0px; padding-right: 0px; }

	.sidebar .mostview-sidebar.columnist .content .card-columnist.mostview { height: 410px; }
	.sidebar .mostview-sidebar.columnist .content .card-columnist.mostview .head .cate { right: 1px; }
	.news-detail .sidebar .mostview-sidebar .content .card { min-height: 300px; height: auto; }

	.news-category .news-main .zone-ads { padding-bottom: 0; }
	.news-category .news-main .leadcard { margin-bottom: 30px; }
	.news-category .news-main .header .viewmore { top: 27px; }
	.news-category .news-main .zone-ads .bg-highlight { top: -20px; height: 290px; }
	.news-category .news-main .card.card-news { padding-bottom: 0; }
	.news-category .news-cate-social .news-main { margin-bottom: 0px; }
	.news-category .news-cate-sport .card.card-news { min-height: 260px; margin-bottom: 0; }
	.news-category .news-cate-lifestyle { margin-bottom: 30px; }
	.news-category .news-cate-agricultural .news-main-bg .header .title h1 { font-size: 50px; }
	.news-category .news-cate-agricultural .news-main-bg .header .viewmore span { top: 10px; }
	.news-category .news-cate-royal .card.card-news { min-height: 270px; margin-bottom: 0px; }
	.news-category .news-cate-royal { margin-bottom: 60px; }
	.news-category .news-cate-politics .pr-none { padding-left: 0px; margin-bottom: 30px; }
	.news-category .mostview .header .title h1 { width: 350px; }

	.live .scrolldown { top: -10px; }
	.lives .live .scrolldown { top: 20px; }
	.update-news .header .title h1 { margin-bottom: 20px; }
	.tv-program .header .title h1 { padding-left: 15px; margin-left: -15px; }
	.hot-topic .header .viewmore { top: 13px; }
	.columnist-detail .page-header .caption .tag a:last-child { float: left; }

	.mostview .section-content .card.card-news { min-height: 350px; }

	.news-main .header .bg-highlight { width: 50%; }
	.news-cate-crime .news-second .header .title h1, .news-cate-foreign .news-second .header .title h1 { font-size: 50px; }
	.news-cate-crime .news-second .header .bg-highlight { width: 50%; }
	.news-cate-foreign .news-second .header .bg-highlight { width: 53%; }
	.news-cate-politics .news-third .header .bg-highlight { width: 60%; }
	.news-cate-sport .news-forth .header .bg-highlight { width: 74%; }
	.news-cate-lifestyle .news-main .header .bg-highlight { width: 58%; }
	.news-cate-social .news-main .zone-ads, .news-cate-lifestyle .news-main .zone-ads { padding-top: 30px; padding-bottom: 0px; }
	.news-cate-agricultural .news-main-bg .header .title h1 { width: 490px; }
	.news-cate-royal .news-forth .header .bg-highlight { width: 41%; }

	.photo-gallery-detail .feature .adszone-300x250 { margin: 30px auto;  }

	.photo-gallery-list .bg-highlight { top: -30px; width: 100%; padding-top: 50px; margin-top: unset; }
	.photo-gallery-list .adszone-300x250 { margin-top: 30px; margin-bottom: 30px;}
	.photo-gallery-list .photo-gallery-viewmore .card-photo-gallery .imgthumb .content .title , .photo-gallery-viewmore-2 .card-photo-gallery .imgthumb .content .title { max-height: 60px; font-size: 22px; }


	.news-today-list .news-list-viewmore .card.card-news { min-height: 400px; }
	.hot-topic .section-content .card.card-news { margin-bottom: 30px; }
	.hot-topic .border-red { padding-top: 50px; }
	.card-columnist.mostview { margin-bottom: 30px; }
	.columnist-page-header .title h1 { font-size: 30px; }

	.filter .dropdown.open .dropdown-menu { left: unset; right: 0; min-width: 140px; }
	.filter .dropdown.open ul li { padding-right: 20px; }

	.news-list .news-list-viewmore .card.card-news { min-height: 410px; }

	.program-page-header .bg-highlight { top: -15px; min-height: 150px; }
	.program-page-header .title h1 { top: -15px; }
	.card .imgthumb .is_vdo { padding-top: 23%;  }
	.colunmist-category .list .empty .content { margin-bottom: 30px; }
	#menu-top li .sub-menu-1 { min-width: 165px; }

	.newsstand .content .description { margin-top: 40px; }
	.newsstand .content .list { margin-bottom: 30px; }

	.mobile-app .content .list { margin-top: 30px; margin-bottom: 30px; }
	.mobile-app .content .description { margin-top: 20px; }
	.mobile-app .content .thumbnail { margin-top: 30px;	}
}

@media only screen and (max-width:767px) {

	#logo-kom, .slogan { display: none; }
	#logo-nation svg { width: 55px; }
	.truehits a img { width: 1px; height: 1px; display: none !important; }

	.page-header .title{clear: both; float: left;  width:100%; height: auto; margin-bottom: 40px;}
	.page-header .menu-list{clear: both; position: static; margin: 20px auto; display:inline-block;  float: none;}
	.news-main .header .title h1{font-size: 50px; line-height: 45px;}

	.news-main .zone-ads .bg-highlight{right: -20px; width:150%;}

	/* ADS LAYOUT */
	.dis-mobile { display: block; }
	.cd-overlay { display: none; }
	.cd-overlay.adszone-overlay { display: block; padding-top: 150px; }
	.cd-overlay.adszone-overlay .overlay { width: 300px; height: 250px; }
	.adszone-tower.cd-tower, .adszone-billboard { display: none; }

	body{padding-top: 78px;}


	/* INDEX COLUMNIST */
	/*.mostview .header .viewmore{display: none;}*/

	.card-columnist .head{margin-left:0px;}
	.card-columnist .head .profile .img{padding: 0;}

	.columnist .header{padding: 0; margin-bottom:30px;}
	.columnist .header .viewmore{top:40px;}
	.columnist .header .title h1{font-size: 45px; line-height: 24px; padding:15px 20px; box-sizing: border-box; text-align: left; top:-10px; float: left; width:auto;}
	.columnist .header .title h1 span{font-size: 10px; padding:0 0 5px; line-height: 12px;}
	.columnist .section-content{padding: 20px;}
	.columnist .section-content .outside .control-slider{margin-top:35%;}
	.columnist .section-content .outside .control-slider.left{left:-50px;}
	.columnist .section-content .outside .control-slider.right{right:-50px;}
	.columnist .bx-controls.bx-has-pager { display: block; }

	.columnist.mobile .header .title { height: auto; }
	.columnist.mobile .header .viewmore { top: 16px; right: 0px; }
	.columnist.mobile .section-content { margin-top: 0; }
	.columnist.mobile .bx-wrapper .bx-pager.bx-default-pager a.active { background: #3ce45c; }

	.columnist-profile-right{margin: 0; padding: 0;}


	/* INDEX HOT TOPIC */
	.hot-topic .col-md-8, .hot-topic .col-md-4{clear: both; float: left; width:100%;}
	.hot-topic .section-content{}
	.hot-topic .section-content{margin: 0; }
	.hot-topic .pl-none{padding: 0;}
	.hot-topic .section-content .col-xs-12{margin:0; padding: 0;}

	/* INDEX UPDATE NEWS */
	.update-news .header .title h1{font-size: 50px; line-height:40px;}
	.update-news .bg-highlight-top-left{ height: 100px; width:auto; min-width:165px; }
	.update-news .section-header{padding:0; margin-top: 0;}
	/*.update-news .section-content{margin: 15px 0 0;}*/
	.update-news .header .viewmore{top: -50px;}

	/*INDEX INSTAGRAM */
	/*.update-news .section-content{margin-top:-25px;}*/

	/* INDEX TV PROGRAMS */
	.tv-program .header{float: left; padding-bottom:55px;}
	.tv-program .header .viewmore{float: left; height: auto;}
	.tv-program .header .viewmore ul{float: left; margin: 0;}
	.tv-program .header .title{height: 70px;}
	.tv-program .nopadding{ /*padding:0 15px !important;*/ }

	/* OTV MUSIC VDO */
	.card-otv-music .title{max-height: 52px;}
	.otv-music .header .title{height: auto;}
	.otv-music .header .title h1{font-size: 50px; text-align: left; padding: 10px 20px; margin:0; width:200px; white-space: nowrap; display: block; line-height: 28px;}
	.otv-music .header .title h1 span{font-size:10px; padding:5px 0 0 0;}

	/* MOST VIEW */
	.mostview .header .title h1{width:auto; font-size:40px; height: 60px; z-index: 0;}
	.mostview .section-content{margin: 0px; padding: 0 10px; padding-top: 40px; margin-top: -30px; }
	.mostview .card .imgthumb{} /*top:-10px;*/
	.mostview.mobile .section-content{ padding-top: 30px; margin-top: -30px; }

	/* SOCIAL CARD */
	.card-facebook, .card-twitter{display: none;}

	.news-detail .description .content { font-size: 16px !important; }

	.news-detail .page-header .title h1 { padding-top: 10px; margin-left: 0px; font-size: 40px; }
	.news-detail .page-header .caption .view:before { content: ""; }
	.news-detail .page-header .caption .view ul { float: left; }
	.news-detail .page-header .caption .view ul li.web, .news-detail .page-header .caption .view ul li.share { font-size: 18px; margin-right: 10px; }
	.news-detail .page-header .caption .view ul li.web i { font-size: 26px; }
	.news-detail .page-header .caption .view ul li.web i:before {  }
	.news-detail .page-header .caption .view ul li.share i { font-size: 26px; }
	.news-detail .page-header .caption .view ul li.share i:before {  }
	.news-detail .page-header .caption .view ul li:before { margin-right: 10px; }
	.news-detail .page-header .caption .view ul li:first-child:before { padding: 0px; margin: 0px; }
	.news-detail .page-header .caption .view ul li.web span {}
	.news-detail .description .right { padding-left: 0px; }

	.section-header .header .title h1 { padding-top: 0px; margin-top: 7px; padding-left: 0px; font-size: 60px; text-align: left; }
	.section-header .header .title h1 span { padding-left: 0px; margin-bottom: 10px; font-size: 10px; text-align: left; }
	.header h1 { padding-left: 0px; font-size: 45px; text-align: left; }
	.header h1 span { padding-left: 0px; margin-top: 10px; font-size: 10px; text-align: left; }

	.bx-wrapper .bx-pager { padding-top: 0px !important; padding-bottom: 0px !important; bottom: -20px !important; }

	.live .live-container { background: #fff; } /* FIXED LAYOUT : remove on production */

	.home .live.mobile {}
	/*.home .live.mobile .nopadding { padding-left: 15px !important; padding-right: 15px !important; }*/
	.home .live.mobile .schedule { margin-top: 15px; }
	.home .live.mobile .schedule .next { display: none; }
	.home .live.mobile .live-button { margin-top: -25px; }
	.home .live.mobile .live-button span { top: 0; right: 0; float: right; padding: 8px 30px; }
	.home .live.mobile .live-button span i { top: -2px; }

	.lives .live.mobile .nopadding { padding-left: 15px !important; padding-right: 15px !important; }
	.lives .live.mobile .schedule { margin-top: 15px; }
	.lives .live.mobile .schedule .next ul li { margin-top: 15px; }
	.lives .mostview.mobile { margin-top: 30px; }
	.lives .tv-program.mobile .header .viewmore ul li:first-child { display: none; }

	.search.mobile {}
	.search.mobile .sidebar .title h1 { padding: 20px 0px; }

	.news-category.mobile {}
	.news-category.mobile .header {}
	.news-category.mobile .header .viewmore span { top: 0; }
	.news-category.mobile .header .title {}
	.news-category.mobile .header .viewmore { top: 0px; margin-top: 60px; }
	.news-category.mobile .page-header .title { padding: 10px; }

	/* TEMPALTE NO: 1 */
	.news-category.mobile .news-main {}
	.news-category.mobile .news-main .header .bg-highlight { width: 120px; right: -15px; }
	.news-category.mobile .news-main .zone-ads { margin-top: 60px; }

	/* TEMPALTE NO: 2 */
	.news-category.mobile .news-second { margin-bottom: 60px; }
	.news-category.mobile .news-second .header { height: 130px; }
	.news-category.mobile .news-second .header .viewmore {} /* margin-top: 80px; */
	.news-category.mobile .news-second .header .bg-highlight { width: 120px; right: -15px; }

	/* TEMPALTE NO: 3 */
	.news-category.mobile .news-main-bg {}
	.news-category.mobile .news-main-bg .header { height: 130px; }
	.news-category.mobile .news-main-bg .header .title h1 { padding-top: 35px; padding-left: 15px; margin-left: 0px; }
	.news-category.mobile .news-main-bg .header .viewmore { right: 15px; margin-top: 110px; }

	/* TEMPALTE NO: 4 */
	.news-category.mobile .news-third { margin-bottom: 60px; }
	.news-category.mobile .news-third .header { height: 130px; }
	.news-category.mobile .news-third .header .viewmore { margin-top: 80px; }
	.news-category.mobile .news-third .header .bg-highlight { width: 120px; right: -15px; }

	/* TEMPALTE NO: 5 */
	.news-category.mobile .news-forth { margin-bottom: 60px; }
	.news-category.mobile .news-forth .header { height: 130px; }
	.news-category.mobile .news-forth .header .viewmore { margin-top: 80px; }
	.news-category.mobile .news-forth .header .bg-highlight { width: 120px; right: -15px; }

	.news-category.mobile .mostview.mobile .header .viewmore-top { top: 400px; }

	.news-list.mobile .page-header .title {} /*padding-bottom: 15px;*/
	.news-list.mobile .page-header .title .filter { position: relative; }
	.news-list.mobile .page-header .title .filter .dropdown { width: 100%; margin-top: 0px; float: none; } /* margin-top: 30px;*/


	.dailynews.mobile .holoscope { margin-top: 80px; }

	.update-news.mobile { padding-bottom: 10px; }
	.update-news.mobile .bg-highlight-top-left { margin-top: 0; }
	.update-news.mobile .section-header { margin-bottom: 0px; }
	.update-news.mobile .header { margin-bottom: 20px; }
	.update-news.mobile .header .title { padding-top: 15px !important; }
	.update-news.mobile .header .viewmore { top: 0px; right: 15px; }
	.update-news.mobile .header .viewmore span { top: 40px; }
	.update-news.mobile .head-subsection .cate span { font-size: 12px; }
	.update-news.mobile .head-subsection .viewmore { top: 2px; }
	.update-news.mobile .card-update-news .head .viewmore { top: 4px; }

	.mostview.mobile .header .title h1 { font-size: 35px; padding-top: 15px; padding-left: 0px; text-align: center; }
	.mostview.mobile .header .viewmore-top { display: block; position: absolute; top: 443px; width: 100%; }
	.mostview.mobile .header .viewmore-top a { position: relative; display: block; text-align: center; width: 100%; }
	.mostview.mobile .header .viewmore-top a span { width: 138px; float: none; margin: auto; top: 0; }
	.mostview.mobile .viewmore-bottom { display: none; }
	.mostview.mobile .section-content { height: 450px; }

	.hot-clip.mobile .section-content { height: 380px; padding: 0px; margin: 0px; margin-top: -25px; overflow: scroll; }

	.hot-topic.mobile .border-red { width: 100%; padding: 15px 0 0; }
	.hot-topic.mobile .header .title h1 { padding-left: 0; font-size: 35px; }
	.hot-topic.mobile .header .viewmore { margin-top: 0px; }

	.columnist.mobile { position: relative; }
	.columnist.mobile .card-columnist .title {}
	.columnist.mobile .bx-pager.bx-default-pager { bottom: -20px; }

	.columnist-page-header.mobile {}
	.columnist-page-header.mobile .bg-highlight { display: none; }
	.columnist-page-header.mobile .title { margin-top: -130px; }
	.columnist-page-header.mobile .title h1 { font-size: 30px; padding-left: 50%; margin-left: -10%; }
	.columnist-page-header.mobile .title .filter { width: 100%; top: 0; margin-top: 90%; float: none; }
	.columnist-page-header.mobile .title .filter .dropdown { float: none; }
	.columnist-page-header.mobile .title .filter .dropdown .dropdown-menu { left: 0%; width: 100%; }
	.columnist-page-header.mobile .caption { top: 0; padding: 15px; font-size: 14px; } /*margin-top: 140px;*/
	.columnist-page-header.mobile .detail { top: 0; padding: 15px; }
	.columnist-page-header.mobile .social { height: 50px; }

	.colunmist-category.mobile {}
	.colunmist-category.mobile .page-header .title { margin-bottom: 60px; } /* padding-bottom: 15px;*/
	.colunmist-category.mobile .page-header .filter { position: relative; width: 100%; }
	.colunmist-category.mobile .page-header .menu-list .dropdown { float: none; margin: auto; margin-top: 15px; }

	.columnist-detail.mobile { position: relative; }
	.columnist-detail.mobile .page-header {}
	.columnist-detail.mobile .page-header .title { margin-bottom: 15px; }
	.columnist-detail.mobile .page-header .title h1 { padding-top: 10px; margin: 0px; margin-top: 10px; font-size: 40px; }
	.columnist-detail.mobile .page-header .caption {}
	.columnist-detail.mobile .page-header .caption {}
	.columnist-detail.mobile .page-header .caption .profile {}
	.columnist-detail.mobile .page-header .caption .profile .author {}
	.columnist-detail.mobile .page-header .caption .profile .date {}
	.columnist-detail.mobile .page-header .caption .tag {}
	.columnist-detail.mobile .page-header .caption .tag a { float: left; }
	.columnist-detail.mobile .page-header .caption .view { margin-top: 10px; }
	.columnist-detail.mobile .page-header .caption .view ul { float: left;  }
	.columnist-detail.mobile .page-header .caption .view li:first-child:before { display: none; }
	.columnist-detail.mobile .page-header .caption .view li.web {}
	.columnist-detail.mobile .page-header .caption .view li.share {}
	.columnist-detail.mobile .columnist-profile { position: relative; padding: 15px; margin: 0px; }
	.columnist-detail.mobile .columnist-profile .bio { margin: 0px; }
	.columnist-detail.mobile .columnist-profile .bio .author { margin-left: 120px; }
	.columnist-detail.mobile .columnist-profile .left { position: absolute; z-index: 2; width: 150px; height: auto; margin-left: -15px; }
	.columnist-detail.mobile .columnist-profile .bio .caption { margin-top: 70px; }
	.columnist-detail.mobile .card-horizontal-related .title {}
	.columnist-detail.mobile .card-horizontal-related .date, .columnist-detail.mobile .card-horizontal-related .title { margin-left: 0px; margin-right: 0px; margin-bottom: 10px; }
	.columnist-detail.mobile .card-horizontal-related.columnist .view ul li:first-child:before { display: none; }
	.columnist-detail.mobile .sidebar .mostview-sidebar.columnist { padding: 0px; }
	.columnist-detail.mobile .sidebar .mostview-sidebar.columnist .content { padding: 15px; padding-top: 50px; }
	.columnist-detail.mobile .sidebar .mostview-sidebar.columnist .content .card-columnist.mostview .head .profile { margin-top: 15px; }
	.columnist-detail.mobile .sidebar .mostview-sidebar.columnist .content .card-columnist.mostview .head .profile .img a img { width: 45px; height: auto; }
	.columnist-detail.mobile .sidebar .mostview-sidebar.columnist .content .card-columnist.mostview .head .cate { right: 0px; }
	.columnist-detail.mobile .sidebar .mostview-sidebar.columnist .content .card-columnist.mostview .imgthumb .is_vdo img { margin: auto; }
	.columnist-detail.mobile .description .content { padding-left: 15px; padding-right: 15px; }
	.columnist-detail.mobile .description .content p { line-height: 1; }
	.columnist-detail.mobile .card-horizontal-related.columnist .profile .img { width: 50px; }
	.columnist-detail.mobile .card-horizontal-related.columnist .profile .img a img { width: 40px; }
	.columnist-detail.mobile .card-horizontal-related.columnist .profile .bio .name a {}
	.columnist-detail.mobile .card-horizontal-related.columnist .profile .bio .tag a { font-size: 11px; }
	.columnist-detail.mobile .card-horizontal-related.columnist .date { margin-bottom: 0px; }
	.columnist-detail.mobile .card-horizontal-related.columnist .title { margin-top: 10px; margin-bottom: 10px; }
	.columnist-detail.mobile .card-horizontal-related.columnist .title a { letter-spacing: 0px; }
	.columnist-detail.mobile .card-horizontal-related.columnist .date { font-size: 11px; }
	.columnist-detail.mobile .card-horizontal-related.columnist .profile { padding-right: 0px; }


	.columnist-recent.mobile { padding-bottom: 60px; }
	.columnist-recent.mobile .section-header .title {} /*height: 60px;*/
	.columnist-recent.mobile .section-header .header .title h1 { width: 295px; padding-top: 0; padding-left: 30px; font-size: 40px; } /* text-align: center;*/

	.columnist-mostview.mobile {}
	.columnist-mostview.mobile .section-header {}
	.columnist-mostview.mobile .section-header .header {}
	.columnist-mostview.mobile .section-header .header .title { width: 80%; }
	.columnist-mostview.mobile .section-header .header .title h1 { text-align: center; }
	.columnist-mostview.mobile .section-header .header .viewmore { display: block; position: absolute; width: 100%; top: 450px; }
	.columnist-mostview.mobile .section-header .header .viewmore a { position: relative; display: block; width: 100%; text-align: center; }
	.columnist-mostview.mobile .section-header .header .viewmore a span { width: 185px; float: none; margin: auto; top: 0; }
	.columnist-mostview.mobile .section-content { height: 500px; margin-top: -20px; }
	.columnist-mostview.mobile .bx-wrapper .bx-pager.bx-default-pager a.active { background: #3ce45c; }

	.columnist-popular-list.mobile {}
	.columnist-popular-list.mobile .header {}
	.columnist-popular-list.mobile .header .page-header {}
	.columnist-popular-list.mobile .header .page-header .title { padding-bottom: 15px; }
	.columnist-popular-list.mobile .header .page-header .title span {}
	.columnist-popular-list.mobile .header .page-header .title h1 { text-align: center; }
	.columnist-popular-list.mobile .card-columnist.caption .cate { right: 1px; }

	.lifestyle.mobile { position: relative; }
	.lifestyle.mobile .section-header {}
	.lifestyle.mobile .section-header .header {}
	.lifestyle.mobile .section-header .header .title {}
	.lifestyle.mobile .section-header .header .title h1 { padding-left: 0px; margin-top: 0; text-align: center; }
	.lifestyle.mobile .section-header .header .viewmore { display: block; position: absolute; top: 450px; width: 100%; }
	.lifestyle.mobile .section-header .header .viewmore a { width: 100%; }
	.lifestyle.mobile .section-header .header .viewmore a span { float: none; top: 0; width: 185px; margin: auto; }
	.lifestyle.mobile .section-content { height: 450px; }
	.lifestyle.mobile .section-content  ul.mobileswipe {}
	.lifestyle.mobile .section-content  ul.mobileswipe li {}
	.lifestyle.mobile .section-content  ul.mobileswipe li .card {}

	/*.tv-program.mobile { height: 650px; }*/
	.tv-program.mobile { height: auto; padding-bottom: 20px; }
	.tv-program.mobile .section-header {}
	.tv-program.mobile .section-header .header { padding-bottom: 0px; margin-bottom: 30px; }
	.tv-program.mobile .section-header .header .title { height: 30px; }
	.tv-program.mobile .section-header .header .title h1 { top:-10px; width: 180px; padding-top: 5px; padding-left: 15px; }
	.tv-program.mobile .section-header .header .title h1 span { top: 0px; padding-left: 0px; }
	.tv-program.mobile .section-header .header .viewmore { margin-top: 20px; }
	.tv-program.mobile .section-header .header .viewmore ul li { padding: 0px; }
	.tv-program.mobile .section-header .header .viewmore ul li:first-child { width: 50%; padding-right: 0px; }
	.tv-program.mobile .section-header .bg-highlight { width: 50%; right: 0px; }
	.tv-program.mobile .section-content {}
	.tv-program.mobile .section-content ul li { padding: 0px; margin-bottom: 15px; }
	.tv-program.mobile .section-content .card-tv-program {}

	.program-category.mobile {}
	.program-category.mobile .page-header .title { padding-bottom: 15px; }
	.program-category.mobile .card.card-tv-program-nothumb { margin-left: -15px; margin-right: -15px; }
	.program-category.mobile .card-tv-program-nothumb { min-height: 100px; }
	.program-category.mobile .card-tv-program-nothumb .title { margin: 0; margin-bottom: 10px; margin-left: -10px; }
	.program-category.mobile .card-tv-program-nothumb .caption { margin: 0; margin-bottom: 10px; margin-left: -10px; }
	.program-category.mobile .card-tv-program-nothumb .onair { margin-top: 0;  margin-left: -10px; }

	.program-list.mobile {}
	.program-list.mobile .bg-dot-blue { margin-top: 70px; }
	.program-list.mobile .program-page-header { margin-top: -50px; }
	.program-list.mobile .program-page-header .bg-highlight { top: 80px; right: -10px; height: 285px; }
	.program-list.mobile .program-page-header .title { height: 80px; }
	.program-list.mobile .program-page-header .title h1 { top: -10px; font-size: 40px; }
	.program-list.mobile .program-page-header .caption { top: -2px; margin-bottom: 25px; }

	.program-detail.mobile {}
	.program-detail.mobile .page-header {}
	.program-detail.mobile .page-header .title h1 { padding-top: 10px; padding-bottom: 0; margin-left: 0; margin-right: 0; font-size: 40px; }
	.program-detail.mobile .page-header .caption { margin-bottom: 30px; }
	.program-detail.mobile .page-header .caption .view ul { float: left; }
	.program-detail.mobile .page-header .caption .view ul li:first-child:before { display: none; }

	.schedule .page-header.schedule .title { padding-bottom: 15px; }

	.photo-gallery.mobile {}
	.photo-gallery.mobile .bg-highlight { right: 0px; }
	.photo-gallery.mobile .header {}
	.photo-gallery.mobile .header h1 { width: 290px; height: 140px; font-size: 60px; text-align: left; }
	.photo-gallery.mobile .header h1 span { font-size: 10px; text-align: left; }
	.photo-gallery.mobile .header .viewmore { top: 110px; }
	.photo-gallery.mobile .header .viewmore a {}
	.photo-gallery.mobile .header .viewmore a span {}
	.photo-gallery.mobile .header .viewmore a span i {}
	.photo-gallery.mobile .content { margin-top: 170px; }
	.photo-gallery.mobile .push-down { margin-top: 100px; }
	.photo-gallery.mobile .pull-top { margin-top: -70px; }
	.photo-gallery-list.mobile .page-header .title .filter { position: relative; }
	.photo-gallery-list.mobile .page-header .title .filter .dropdown { width: 100%; margin-top: 0px; float: none; }

	.information.mobile {}
	.information.mobile .section-header {}
	.information.mobile .section-header h1 {}
	.information.mobile .section-header span {}
	.information.mobile .section-header span i {}
	.information.mobile .section-content { height: 320px; margin-top: -25px; }
	.information.mobile .section-content ul.mobileswipe {}
	.information.mobile .section-content ul.mobileswipe .card-hot-clip {}

	.update-news.mobile .section-content { height: 550px; padding-top: 15px; margin-top: -30px; }

	.hot-clip.mobile { margin-left: -15px; margin-right: -15px; }
	.update-news.mobile .section-content { height: 570px; }

	.lifestyle.mobile .section-header .header .title h1 { padding-top: 10px; font-size: 40px; }
	.lifestyle.mobile .section-header .header .viewmore { top: 660px; }
	.lifestyle.mobile .section-content { height: 660px; }

	/*.tv-program.mobile { height: 950px; }*/
	.tv-program.mobile { height: auto; padding-bottom: 20px; }
	.tv-program.mobile .section-header .header .title h1 { width: 220px; padding-top: 25px; }
	.tv-program.mobile .section-header .header .title h1 span { top: -80px; }
	.tv-program.mobile .section-header .header { float: none; }
	.tv-program.mobile .section-header .header .viewmore { margin-top: 50px; }
	.tv-program.mobile .section-header .header .viewmore ul { width: 100%; }
	.tv-program.mobile .section-header .header .viewmore ul li { width: 48%; float: left; margin-left: 5px; margin-bottom: 30px; }
	.tv-program.mobile .section-header .header .viewmore ul li:first-child { width: 99%; }
	.tv-program.mobile .section-header .header .viewmore ul li:last-child { margin-bottom: 50px; }
	.tv-program.mobile .card-tv-program .head .profile .name { margin-top: 43px; }

	.photo-gallery.mobile .header h1 span { top: 0; }
	.photo-gallery.mobile .card-photo-gallery .imgthumb.rat1x1 img { max-width: 200%; margin-left: -50%; }

	.information.mobile .section-header h1 { font-size: 40px; }
	.information.mobile .section-content { height: 520px; padding-top: 0; margin-top: -15px; }


	.news-detail.mobile .page-header .title h1 { padding: 15px; padding-bottom: 0px; }
	.news-detail.mobile .page-header .caption .view ul li.web span { top: 0px; }
	.news-detail.mobile .page-header .caption .view ul li.web i { top: 3px; }

	.related.columnist h1 { left: -10px; }
	.columnist-detail.mobile .description .content { padding: 15px; padding-top: 20px; }
	.columnist-detail.mobile .description .content p { line-height: 1.5; }

	.display-only-mobile { display: block; }
	.display-only-descktop { display: none; }
}

@media only screen and (max-width:479px) {

	/* CARD */
	/*------------------------------------------------------------------------------------*/
	.leadcard .card .title { max-height: 55px; font-size: 20px; }
	.card-columnist .head .profile { margin-top: 40px; }
	.card-horizontal-related .title { max-height: 42px; margin-top: 5px; font-size: 16px; }
	.card-horoscope .title span { font-size: 48px; }


	/* SECTION */
	/*------------------------------------------------------------------------------------*/
	.page .page-header .title h1 { font-size: 50px; }
	.page-header .title{padding-bottom:50px;}
	.page-header .menu-list{position: absolute; bottom:0; left:0; top: auto; margin: 0;}
	.page-header .menu-list .dropdown{width:55%; margin: 0; text-align: left;}
	.page-header .menu-list .dropdown:last-child{width:42%; float: right;}
	.page-header .menu-list .dropdown button{width:100%;}
	.news-category.mobile .page-header .title { padding: 0; }

	.live .container .bg-dot-white { width: 90%; } /*bottom: 20px;*/
	/*.live .schedule .current { padding-bottom: 50px; }*/
	.live .schedule .current span { font-size: 14px; }
	.live .live-button span { font-size: 18px; }

	.news-main .header .title{margin:0 0 55px;}

	.dailynews .header .title h1 { font-size: 50px; }
	.dailynews .header .title span { top: 10px; }
	.dailynews .header .viewmore { top: 3px; }
	.dailynews .header .viewmore span { top: 40px; }
	.dailynews .leadcard .card-news { top: 0; }
	.dailynews .leadcard .card .title { min-height: auto; height: auto; max-height: 55px; font-size: 20px; }
	.dailynews .leadcard .bx-wrapper { margin-top: -30px; }
	.dailynews .card-horoscope .title span { font-size: 48px; }
	.dailynews.mobile .leadcard .bx-pager { margin-top: 30px; }

	.update-news.mobile .section-header .header .title h1 { height: auto; padding-top: 5px; padding-left: 0px; margin-top: 6px; font-size: 45px; }
	.update-news.mobile .section-header .header .viewmore { top: 37px; }
	.update-news.mobile .section-header .header .viewmore span { top: 0; }
	.update-news.mobile .bg-highlight-top-left { width: 180px; }

	.mostview.mobile .header .title h1 { height: auto; font-size: 30px; }
	.mostview.mobile .header .viewmore-top { top: unset; margin-top: 365px; }
	.mostview.mobile .section-content { height: 450px; margin-top: -50px; }
	.mostview.mobile .bx-wrapper .bx-pager { margin-bottom: 45px; }

	.columnist .section-header .header .title h1 span { top: 2px; }

	.columnist-recent .section-header .header .title h1 {  }
	.columnist-recent .header .title h1 { font-size: 35px; }
	.columnist-recent .section-content { margin-top: -10px; padding-top: 0; }
	.columnist-recent.mobile { min-height: 500px; padding-bottom: 30; }

	.hot-topic.mobile .bg-highlight { width: 100%; }

	.hot-clip.mobile .section-content { height: 390px; }

	.lifestyle.mobile .section-header .header .title { width: 280px; }
	.lifestyle.mobile .section-header .header .title h1 { width: 100%; padding-top: 15px; margin: 0; font-size: 40px; }
	.lifestyle.mobile .section-header .header .viewmore { top: 450px; }
	.lifestyle.mobile .section-content { height: 445px; }
	.lifestyle.mobile .card.card-news { margin-bottom: 30px; }

	.related .card .imgthumb .is_vdo img { width: 30px; height: 30px; }
	.related.columnist.mobile .content { overflow: inherit; height: auto; padding: 15px; padding-top: 20px; }
	.related.columnist.mobile .content .card-columnist.mostview { height: 400px; }
	.related.columnist.mobile .content .card-columnist.mostview .head { padding-top: 30px; }

	.news-main .header .title h1 { font-size: 40px; }
	.news-main-bg .header .title h1 { font-size: 40px; }
	.news-second .header .title h1 { font-size: 40px; }
	.news-third .header .title h1 { font-size: 40px; }
	.news-forth .header .title h1 { font-size: 40px; }

	/* SIDEBAR */
	/*------------------------------------------------------------------------------------*/
	.mostview-sidebar.columnist .content { height: 490px; }
	.mostview-sidebar.columnist .content .bx-wrapper .bx-pager { margin-bottom: 40px; }
	.mostview-sidebar.columnist .content .card-columnist.mostview .head { padding-top: 45px; }

	.information.mobile .section-header h1 { font-size: 30px; }
	.information.mobile .section-content { height: 380px; }

	/* PAGE */
	/*------------------------------------------------------------------------------------*/
	.home .live.mobile .live-button span i { top: 0; font-size: 24px; }
	.lives .live .container .bg-dot-white { top: 135px; }

	/* news */
	.news-category .news-main .zone-ads .bg-highlight { top: 215px; right: -15px; height: 290px; }
	.news-category .news-main .card-horoscope .content .description {} /*padding-top: 70px; margin-top: 120px;*/
	.news-category .news-cate-politics .pull-down { margin-top: 0; }
	.news-category .news-cate-politics .pr-none { padding-left: 0px; margin-bottom: 30px; }
	.news-category .news-cate-sport .mobile .bx-wrapper .bx-pager { margin-bottom: -20px; }
	.news-category .news-cate-lifestyle { margin-bottom: 60px; }
	.news-category .news-cate-lifestyle .news-main .zone-ads .bg-highlight { top: 165px; display: block; }
	.news-category .news-cate-agricultural .news-main-bg .header .title h1 { font-size: 40px; }
	.news-category .news-cate-agricultural .news-main-bg .header .viewmore { top: -25px; }
	.news-category .news-cate-agricultural .news-main-bg .header { height: 120px; }
	.news-category .news-cate-royal .mobile .bx-wrapper .bx-pager { margin-bottom: -10px; }
	.news-category .mostview.mobile .bx-wrapper .bx-pager { margin-bottom: 10px; }
	.news-category.mobile .page-header .title { padding-top: 20px; }
	.news-category.mobile .page-header .title h1 {}
	.news-category.mobile .news-second { margin-bottom: 10px; }
	.news-category.mobile .news-second .header .title { padding-left: 0; }
	.news-category.mobile .news-third { margin-bottom: 10px; }
	.news-category.mobile .news-third .header .viewmore { margin-top: 70px; }
	.news-category.mobile .news-forth  { margin-bottom: 30px; }
	.news-category.mobile .news-forth .header .viewmore { margin-top: 70px; }
	.news-category.mobile .news-cate-social .news-main .header .title h1 {}
	.news-category.mobile .news-cate-social .bx-wrapper .bx-pager { margin-bottom: -20px; }
	.news-category.mobile .news-cate-crime .news-second .header .title h1, .news-cate-foreign .news-second .header .title h1 { font-size: 40px; }
	.news-category.mobile .news-cate-crime .news-second .header .viewmore, .news-cate-foreign .news-second .header .viewmore  { margin-top: 70px; margin-right: -15px; }
	.news-category.mobile .news-cate-politics .news-third .header .viewmore { margin-top: 70px; }
	.news-category.mobile .news-cate-agricultural .news-main-bg .header .title h1 { width: auto; }
	.news-category.mobile .news-cate-agricultural .news-main-bg .header .viewmore span { top: 70px; }
	.news-category.mobile .news-cate-agricultural .news-main-bg .bx-wrapper { margin-top: 60px; }
	.news-category.mobile .mostview.mobile .bx-wrapper .bx-pager { margin-bottom: 50px; }
	.news-category.mobile .mostview.mobile .header .viewmore-top { top: 127px; }

	.news-detail .page-header .title { margin-top: 20px; }
	.news-detail .page-header .title h1 { font-size: 30px; }
	.news-detail .page-header .breadcrumb ul li { margin-bottom: 0px; }
	.news-detail.mobile .description .content { padding: 0; }
	.news-detail.mobile .related h1 { margin-left: 0px; }
	.news-detail.mobile .related .content { padding: 15px; padding-top: 20px; }
	.news-detail.mobile .sidebar .mostview-sidebar .content { padding-top: 30px; }
	.news-detail.mobile .sidebar .mostview-sidebar.mobile .content { padding-top: 50px; }

	/* COLUMNIST */
	.columnist .section-content .outside .control-slider{margin-top:62%;}
	.columnist.mobile .section-header .header .title h1 { padding-left: 15px; margin-left: -15px; }
	.columnist.mobile .header .viewmore { top: 94px; }
	.columnist.mobile .section-content { padding-bottom: 40px; margin-top: 7px; }
	.columnist.mobile .bx-pager.bx-default-pager { margin-bottom: -10px; }

	.columnist-detail .description .right { padding-left: 0px; }
	.columnist-detail.mobile .related { margin-left: -15px; margin-right: -15px; }
	.columnist-detail.mobile .description .content { padding: 0px; }
	.columnist-detail.mobile .sidebar .mostview-sidebar.columnist .content .card-columnist.mostview .head .profile { padding: 0; margin: 0; }
	.columnist-detail.mobile .page-header .title { margin-top: 30px; }
	.columnist-detail.mobile .page-header .title h1 { font-size: 30px; }
	.columnist-detail.mobile .columnist-recent .header .title h1 { width: 260px; margin-top: 0px; }
	.columnist-detail.mobile .columnist-recent.mobile .bx-wrapper .bx-pager { margin-bottom: -20px; }
	.columnist-detail.mobile .columnist-recent .section-header .header .title h1 { width: 295px; font-size: 40px; }
	.columnist-detail.mobile .description .related.columnist .content { padding: 20px; }
	.columnist-detail.mobile .description .sidebar .ads .content { padding-top: 50px; }

	/* HOT TOPIC */
	.hot-topic .section-content { margin-top: 30px; }
	.hot-topic .header .viewmore{top:0px;}
	.hot-topic .border-red{ padding: 0; } /*border:none;*/
	.hot-topic .pr-none{padding:0;}
	.hot-topic.mobile .bg-highlight-top-left { height: 91px; }
	.hot-topic.mobile .header .viewmore { margin-top: 65px; }
	.hot-topic.mobile .border-red { padding-top: 0px; }

	/* TV PROGRAMS */
	.tv-program .header .viewmore ul{width: 100%; text-align: center;}
	.tv-program .header .viewmore ul li{width:47%; display: inline-block;}
	.tv-program .header .viewmore ul li:first-child{width:100%; display: block; margin: 0 0 20px 0;}
	.tv-program .header .viewmore ul li:last-child{float: right;}
	.tv-program .header .viewmore a{width:100%; display: block;}
	.tv-program .header .viewmore span{width:100%; display: block;}

	/* OTV MUSIC VDE */
	.otv-music .header .viewmore{margin: 45px 0 0;}
	.otv-music .header .title h1{margin: 0 0 20px;}
	.otv-music .section-content{margin-top:5px;}

	/* TV PROGRAM */
	.tv-program.mobile { height: auto; padding-bottom: 20px; }
	.tv-program.mobile .section-header .header .title h1 { width: 254px; top: -15px; left: 15px; padding-top: 20px; padding-right: 15px; font-size: 50px; }
	.tv-program.mobile .section-header .header .title h1.style-default {}
	.tv-program.mobile .section-header .header .title h1.style-1 {}
	.tv-program.mobile .section-header .header .title h1 span { top: -80px; }
	.tv-program.mobile .section-header .header .viewmore ul li { width: 46%; }
	.tv-program.mobile .section-header .header .viewmore ul li:first-child { width: 97%; margin-left: 6px; }
	.tv-program.mobile .card-tv-program .head .profile .name { margin-top: 15px; }
	.tv-program.mobile .section-header .header .viewmore { margin-top: 40px; }
	.tv-program.mobile .card-tv-program .head .profile .name p { margin-top: -11px; }

	.program-list .leadcard .card .title { min-height: 55px; }

	.program-category .tv-program.mobile .section-header .header .viewmore ul li:first-child { width: 50% !important; }
	.program-category .tv-program.mobile .section-header .header .title h1 { width: 320px; padding: 20px 15px 0 15px; }

	.program-detail .tv-program.mobile .section-header .header .viewmore ul li:first-child { width: 50% !important; }
	.program-detail.mobile .right { padding-left: 0px; }
	.program-detail.mobile .related h1 { margin-left: 0; }
	.program-detail.mobile .related .content { padding: 15px; padding-top: 20px; }
	.program-detail.mobile .page-header .title h1 { font-size: 30px; }
	.program-detail.mobile .tv-program.mobile .section-header .header .title h1 { width: 260px; }

	.photo-gallery-list .card-photo-gallery .imgthumb .content .title , .card-photo-gallery .imgthumb .content .title { max-height: 49px; font-size: 18px; }
	.photo-gallery-list .photo-gallery-viewmore .card-photo-gallery .imgthumb .content .title , .photo-gallery-viewmore-2 .card-photo-gallery .imgthumb .content .title { max-height: 49px; font-size: 18px; }
	.photo-gallery-list .bg-highlight { width: 92%;  right: 17px; }

	.photo-gallery-detail .page-header .title h1 { padding: 10px; font-size: 30px; }
	.photo-gallery-detail .page-header .title { margin-bottom: 0px; }
	.photo-gallery-detail .photo-gallery-viewmore .card-photo-gallery .imgthumb .content .title, .photo-gallery-detail .photo-gallery-viewmore-2 .card-photo-gallery .imgthumb .content .title { max-height: 49px; font-size: 18px; }

	/* PHOTO GALLERY */
	.photo-gallery.mobile .header h1 { padding-top: 30px; }
	.photo-gallery.mobile .header h1 { width: 320px; font-size: 45px; }
	/*.page-header .photo-gallery-detail .title h1 { margin-left: 0px; }*/

	/* OTHER */
	/*------------------------------------------------------------------------------------*/
	.social-share-sticky.mobile { padding: 10px 0; }

	.social-contact.mobile { padding-top: 30px; }
	.social-contact.mobile .bx-wrapper .bx-pager { margin-bottom: -10px; }

	#relateBox { margin-left: -30px; margin-right: -30px; }
	.coming-soon .content { padding-top: 210px; margin-top: 30px !important; margin-bottom: 30px !important; }

	/*------------------------------------------------------------------------------------*/
	.news-cate-lifestyle .news-main .bx-wrapper .bx-pager { margin-bottom: -20px; }
	.news-category .news-cate-royal { margin-bottom: 30px; }
	.news-popular-list.mobile .page-header .title h1 { line-height: 1.2; }
	/*.mobile .page .page-header .title { padding-bottom: 50px; }*/
	.news-popular-list.mobile .page .page-header .title { padding-bottom: 50px; }

	.columnist-page-header.mobile .title { margin-top: 0px; }
	.columnist-page-header.mobile .title h1 { top: 0px; max-width: 110%; padding-left: 135px; padding-right: 20px; margin-top: -120px; margin-left: -15px; font-size: 24px; }
	.columnist-page-header.mobile .caption { margin-top: 0px; }
	.columnist-page-header.mobile .display { display: block; position: relative; width: 300px; margin: auto; margin-left: -15px; }
	.columnist-page-header.mobile .filter.bottom { float: none; width: auto; top: 0; left: 0; right: unset; margin-top: 10px; }
	.columnist-page-header.mobile .filter.bottom .dropdown { float: none; margin: auto; }
	.columnist-page-header.mobile .filter.bottom .dropdown.open .dropdown-menu { width: 100%; }

	.colunmist-category-list .bg-dot-blue { margin-top: 30px; }

	.columnist-mostview.mobile .section-header .header .title h1 { font-size: 30px; }
	.columnist-mostview.mobile .section-content { height: 560px; padding-left: 15px; padding-right: 15px; }
	.columnist-mostview.mobile .section-header .header .viewmore { top: 575px; margin-top: 0; }
	.columnist-mostview.mobile .bx-wrapper .bx-pager { margin-bottom: 50px; }
	.columnist-mostview.mobile .card-columnist.mostview { min-height: 450px; }

	.columnist-recent.mobile .bx-wrapper .bx-pager { margin-top: 30px; margin-bottom: unset; }

	.card-columnist-profile-ads { padding-top: 34px; }

	.card-columnist.caption.ads { min-height: unset; padding-bottom: 30px; }
	.columnist-detail.mobile .description .related.columnist .content { padding: 20px; }

	.program-list.mobile .program-list-main .bg-dot-blue { margin-top: 0; }

	.leadcard .card .imgthumb .is_vdo { padding-top: 23%; }
	.leadcard .card .imgthumb .is_vdo img { width: 50px; height: 50px; }

	.news-detail .sidebar .adszone-sidebar .content { padding: 15px; padding-top: 50px; }

	.photo-gallery-list .photo-gallery-viewmore .fontsize-upper .card-photo-gallery .imgthumb .content .title { max-height: 16px; font-size: 12px; }

	.search .text-search form input[type=text] { width: 85%; }
	.card-horizontal.search .date { min-height: 15px; margin-top: 0px; margin-bottom: 0px; }
	.card-horizontal.search .title { max-height: 42px; margin-top: 0px; font-size: 16px; }

	/* SERVICE MOBILE APPLICATION */
	/*------------------------------------------------------------------------------------*/
	.mobile-app {}
	.mobile-app a {}
	.mobile-app .title {}
	.mobile-app .title h1 { margin-left: 0px; }
	.mobile-app .content {}
	.mobile-app .content .thumbnail {}
	.mobile-app .content .thumbnail img {}
	.mobile-app .content .description {}
	.mobile-app .content .description .img { padding: 0px; }
	.mobile-app .content .description .caption { margin-top: 30px; }
	.mobile-app .content .list { margin-top: 30px; margin-bottom: 30px; }
	.mobile-app .content .list ul {}
	.mobile-app .content .list ul li {}
	.mobile-app .content .list ul li a {}
	.mobile-app .content .list ul li i {}
	.mobile-app .content .list ul li span {}
	.mobile-app .content .list .services {}

	.newsstand {}
	.newsstand a {}
	.newsstand .title {}
	.newsstand .title h1 { margin-left: 0px; }
	.newsstand .content {}
	.newsstand .content .thumbnail {}
	.newsstand .content .thumbnail img {}
	.newsstand .content .description {}
	.newsstand .content .description .img { padding: 0px; }
	.newsstand .content .description .caption { margin-top: 30px; }
	.newsstand .content .list { margin-top: 30px; margin-bottom: 30px; }
	.newsstand .content .list ul {}
	.newsstand .content .list ul li {}
	.newsstand .content .list ul li a {}
	.newsstand .content .list ul li i {}
	.newsstand .content .list ul li span {}
	.newsstand .content .list .services {}

	/* 20190122: decrease page spacing */
	body { padding: 0; }
	header { position: relative !important; }
	#top-right { display: none; }
	.news-detail .page-header .title { padding-top: 0; margin-top: 0; margin-bottom: 0; }
	.news-detail .page-header .title h1 { padding: 0 !important; padding-top: 15px !important; font-size: 21px; font-weight: 500; margin-bottom: 30px; }
	.news-detail .page-header.mb-30 { margin-top: 0 !important; margin-bottom: 15px !important; }
	.news-detail .description .content .quote { font-size: 16px; }
	.news-detail .description .content .quote.mt-30.mb-30 { margin-top: 15px !important; margin-bottom: 15px !important; }

	/* OTHER */
	.mobile-hide { display: none; }
	.mobile-show { display: block; }
}

@media only screen and (max-width:375px) {
	.coming-soon .content { padding: 130px 0; }
	.home .live.mobile .live-button { margin-top: 6px; }
}

/* style for otv-music */
/*----------------------------------*/
/*@media only screen and (min-width: 769px){
	section.otv-music, iframe#otv-section { height: 710px; overflow: hidden; }
}
@media only screen and (max-width: 768px){
	section.otv-music, iframe#otv-section { height: 509px; overflow: hidden; }
}
@media only screen and (max-width: 425px){
	section.otv-music, iframe#otv-section { height: 315px; overflow: hidden; }
}*/
