
@media only screen and (max-width: 1170px) {
	#Tellfriend {display: none;}
	.writer-box {margin-right: -90px;}
	
	main, nav {width: 100%; padding-left: 15px; padding-right: 15px;}
	
	.effectBox .box-1 {display: block; width: 59%; float: right; margin-left: 1%; overflow: hidden;}
	.effectBox .box-2 {display: block; width: 40%; float: right;}

	.mainCol2 {clear: both; float: right;
	    width: -moz-calc(100% - 312px);
	    width: -webkit-calc(100% - 312px);
	    width: calc(100% - 312px);
	}
	.rightCol {float: left; width: 300px;}
	
	.featured-news .next .pic {height: 120px;}
	.latest-news .item .pic {width: 120px; max-height: 80px;}

	.textbody {max-width: 100% !important;
		white-space: pre-wrap; /* css-3 */
	    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	    white-space: -pre-wrap; /* Opera 4-6 */
	    white-space: -o-pre-wrap; /* Opera 7 */
	    word-wrap: break-word; /* Internet Explorer 5.5+ */
	}
}

/* Tablet Portrait */
@media only screen and (max-width: 1000px) {
	/*html, body {zoom: 100%; font-size: 16px;}*/
	/*.container, main {width: 96%;}*/

	.mobile-show {display: inherit;}
	.mobile-hidden {display: none;}
	
	.idxmain .colbox-1 {margin-bottom: 10px; border: 0;}
	.idxmain .adsSideColumn {padding: 0 !important;}
		
	.col-main {float: right;
	    width: -moz-calc(100% - 285px);
	    width: -webkit-calc(100% - 285px);
	    width: calc(100% - 285px);
	}
	/*.col-1 {display: none;}*/
	.col-3 {width: 100%;}
	.col-3 .latest-video {width: 49%; float: right;}
	.col-3 .most-view {width: 49%; float: left;}
	
	.featured-news .next .pic {height: 150px;}
	.latest-news .item .pic {width: 150px; max-height: 80px;}

	.nav-left {display: none;}
	.topnav-2 {display: none;}
	/*
	.topnav-2 .nav-item {width: 600px; max-width: 100%;}
	.top-marquee {width: calc(100% - 62px);}
	*/
	
	#Div_Gallery p {float: left; width: 23%; height: 110px; margin: 7px 1%;}
	#Tellfriend {display: auto;}

	/* Header */
	.sitename h2 {font-size: 22px; margin-top: 10px;}
	.sitename p.slogan {padding: 3px 0 0 40px;}
	.sitedate {bottom: 20px;}

	/* Slide News */
	/*.slideNews {width: 450px;}
	.slideThumb {display: none;}
	*/
	
	

	/* Latest News - check responsive.js */
	.latestNews {
	    margin-left: 12px;
	}
	.ls-responsive .liquid-slider, .liquid-slider .ls-panel {width: 100%;}
	.panel-wrapper {margin-right: 3px;}

	/* Calendar and Ads */
	.calendar {display: none; width:0px;}
	.adsCalendar {display: none;}
	.adsCalendarBody {display: none; width:0px;}

	.mainCol {width: 100%;}
	.mainCol2 {width: 100%;}
	.rightCol {display: none;}

	/* Hide top menu and display mobile menu */
	.menu > ul > li:not(.home) {display: none;}
	.home {margin-left: 55px; z-index: 1001;}
	.mobileMenu {display: block; text-align: right; padding-right: 2px;}
	
	/* Article listing page */
	.mainCol1 {
	    width: -moz-calc(100% - 265px);
	    width: -webkit-calc(100% - 265px);
	    width: calc(100% - 265px);
	}
	
	/* Article viewing page */
	.print {font-size: 14px;}
	.print #Tellfriend, .print #Print {display: none;}
	.bottomCol-1 {width: 100%;}
	.bottomCol-2 {display: none;}
	
	/* Gallery */
	.gallery li {float: left; width: 29%; height: 186px; margin: 2px 2%; overflow: hidden; font-size: 13px;}
	.gallery li a {width: 100%; height: 140px; overflow: hidden;}
	
	.fmenu {padding: 10px 25px;}
	.copyright {padding: 0 25px;}
	
	.printingbar {border-bottom: 0; text-align: right;}
	.social span {display: block; padding-right: 0;}
	.social a {display: inline-block; padding: 3px 0 5px 10px;}
}

/* Cellphone */
@media only screen and (max-width: 750px) {
	/*html, body {zoom: 100%; font-size: 16px;}*/
	/* .body {overflow-x: scroll;} */
	/*.container, main {width: 96%;}*/
	
	/* Use display flex to make col-main showing on first position */
	main {padding-top: 0; display:flex; flex-direction: column;}
	.col-main {float: none; order: 1;
	    width: 100%;
	    width: 100%;
	    width: 100%;
	}
	.col-1 {width: 100%; float: none; order: 2;}
	.col-3 {float: none; width: 100%; margin-top: 15px; order: 3;}
	.col-3 .latest-video {width: 100%; float: none;}
	.col-3 .most-view {width: 100%; float: none;}

	.header-text h1, .header-text h1 a {font-size: 20px;}
	
	.top-marquee {display: none;}
	/*.btn-dropdown {float: right; margin-right: 0;}*/
	.btn-dropdown {position: absolute; margin-top: 4px; margin-right:46px; z-index: 8590; height: 27px; line-height: 27px;}
	
	.topnav-2 {height: 0 !important; min-height: 0 !important;}
	
	nav .menu {height: 31px !important;}
	.mobileMenu {width: 220px;}
	.mobileMenu img {max-height: 20px;}
	nav .menu .search {padding: 3px 8px;}
	nav .menu .search img {width: 20px; height: 20px;}
	
	.featured-news .next .pic {height: 150px;}
	.latest-news .item .pic {width: 150px; max-height: 80px;}
	
	.news-pic img {max-width: 100% !important;}

	nav .nav-row-2 {padding-right: 0;}
	/*.marquee-news {width: calc(100% - 142px);}*/
	.btn-tv2 {display: none;}


	.live-tv {height: 350px;}
	.liveVideo video, .liveVideo embed, .liveVideo object, .liveVideo iframe {height: 350px;}

	.top-nav, .sitedate, .adsBottom {display: none;}
	.sitename h2 {font-size: 18px; margin-top: 10px;}
	.sitename p.slogan {font-size: 14px;}
	
	nav .search_input {width: 60%;}

	.effectBox {display: none;}
	.mobileFeaturedNews {display: block;}
	
	.category article, .category div {width: 100%; padding-right: 12px;}
	.cat-hotnews .thumb {width: 400px; max-width: 100%; height: auto; overflow: auto;}
	.cat-hotnews .thumb img {width: 100%;}

	
	/* Article listing page */
	.mainCol1 {width: 100%;}
	.rightCol1 {display: none;}
	.normalNews img {width: 45%; margin: 5px 10px 2px 0;}

	/* Article viewing page */
	#Div_Video2 iframe {width: 100% !important;}
	#Div_Gallery p {float: left; width: 48%; height: 170px; margin: 7px 1%;}	
	.commentList .bar .name {font-size: 15px;}
	.commentList .bar .date {float: none; font-size: 14px;}
	#Captcha {font-size: 14px;}
	
	/* Archive */
	.archive span {display: block; margin-bottom: 5px;}
	ul.treecat {width: 100%; margin-left: 0;}

	/* Ads */
	.adsBottom, .adsArticle {display: none;}
	
	.hits {font-size: 12px;}
	
	/* Video */
	.videoBox {width: 100%; height: auto;}
	.videoBox video, .videoBox embed, .videoBox object, .videoBox iframe {width: 100% !important; height: 280px;}
	
	/* Web Links */
	.weblink {overflow: hidden;}
	.weblink .site, .weblink .link {width: 100%; float: none; text-align: left;}
	
	/* Site map */
	.sitemap {padding: 0;}
	
	/* Contact */
	.contact, .contact input {width: 100%;}
	.contact .imgCode input {width: 50%;}
	
	/* Gallery */
	.gallery li {width: 46%; height: 200px; margin: 5px 2%;}
	.gallery li a {width: 100%; height: 160px; overflow: hidden;}
	
	.galleryPic img {max-width: 100%;}
	
	.writer-block {width: 32%;}
	
	.featured-livetv .vbox {height: 300px;}
	.featured-livetv .vbox video {height: 100% !important;}
}

/* Cellphone portrait screen */
@media only screen and (max-width: 560px) {
	/*nav {height: 60px;}*/
	
	nav .menu .search_input {margin-top: 1px; height: 28px; width: 220px;}

	.header-text h1, .header-text h1 a {font-size: 18px;}

	.featured-news .next .pic {height: 120px;}
	.latest-news .item .pic {width: 120px; max-height: 70px;}
	
	#Div_Gallery p {float: left; width: 48%; height: 110px; margin: 7px 1%;}	

	.live-tv {height: 250px;}
	.liveVideo video, .liveVideo embed, .liveVideo object, .liveVideo iframe {height: 250px;}
	.videoBox video, .videoBox iframe {height: 250px;}

	.latest-news .item h2 {font-size: 14px;}
	.most-view2 .title {font-size: 14px;}
	.most-view .title {font-size: 14px;}
	.latest-video .title {font-size: 14px;}
	
	.featured-livetv .vbox {height: 200px;}
	.featured-livetv .vbox video {height: 100% !important;}
	.featured-livetv .vbox iframe {width: 200%; height: 200%;}
	.featured-livetv .vbox iframe {
	   zoom: 0.5;
	  -moz-transform: scale(0.5);
	  -moz-transform-origin: 100% 0;
	  -o-transform: scale(0.5);
	  -o-transform-origin: 100% 0;
	  -webkit-transform: scale(0.5);
	  -webkit-transform-origin: 100% 0;
	}
	.featured-livetv .vtitle {margin-top: 0;}
	.featured-livetv .vtitle2 {margin-top: 0;}

	/* Gallery */
	.gallery li {width: 46%; height: 150px; margin: 5px 2%;}
	.gallery li a {width: 100%; height: 100px; overflow: hidden;}
	
	.top-contact .left-nav {width: 100%; float: none; text-align: left;}
	.top-contact .left-nav a:nth-child(2) {padding-right: 0;}
	.top-contact .right-nav {width: 100%; float: none; text-align: right;}
	.top-contact .right-nav a:nth-child(2) {padding-left: 0;}

	.textbody table td {display: block; width: 100%; padding: 2px;}
	.textbody table tr td:first-child {padding-top: 10px;}
	.textbody input, .textbody textarea, .textbody select {max-width: 280px !important;}
	
	.writer-block {width: 45%;}
	.writer-box {margin-right: 0; right: 2%; width: 96%; height: auto; margin-top: -230px;}
	
	.videoBoxCol iframe {height: auto;}
	.videoBox embed, .videoBox object, .videoBox iframe {height: auto;}
	
	.most-view2 .first .pic {max-height: none;}
}


/* Cellphone portrait screen */
@media only screen and (max-width: 460px) {
	/*.featured-livetv .vbox {height: 180px;}*/
	.featured-livetv .vbox iframe {height: 180px;}	
	.featured-livetv .vbox iframe {width: 200%; height: 200%;}
	.featured-livetv .vbox iframe {
	   zoom: 0.5;
	  -moz-transform: scale(0.5);
	  -moz-transform-origin: 100% 0;
	  -o-transform: scale(0.5);
	  -o-transform-origin: 100% 0;
	  -webkit-transform: scale(0.5);
	  -webkit-transform-origin: 100% 0;
	}
	
	.videoBox video, .videoBox iframe {height: 180px;}
}