@media only screen and (max-width : 992px) {

	/* Global */
	#wrapper, #main, #sideCol { float: none; width: auto; margin: 0; }
	#wrapper { width:740px; margin: 0 auto; }
	#logo img { width: 300px; height: auto; }
	#topic-list ul li { width: 31%; float: left; margin: 4px 0px; }
	#nav ul li a { /* min-width: initial; */ }
	
	/* Subpages */
	#box-banner img { border: solid 1px #e1e1e1; }
	#box-alltopic ul.cleanListStyle li { width: 30%; }
	#sideCol #topic-list ul.cleanListStyle li { width: 31%; }
	
	/* Podcasts */
	#box-podcasts div.container { width: 750px; }
	/*
	div.item-podcastBox a { width: 365px; height: 150px; }*/
	div.item-podcastBox .pod-pic { height: 150px; width: 150px; }
	div.item-podcastBox .pod-title { /* font-size: 15px; */ padding-top: 10px; padding-bottom: 5px; }
	div.item-podcastBox .pod-detail { height: 100px; line-height: 1.6em; /* font-size: .85em; */ }
	
	
	/* Home */
	#nav { right: 0px; top: 90px; }
	#nav ul li a { /* padding: 8px 20px; width: auto; */ }
	#header { width: inherit; /* height: 290px;*/ background-position: 0px 0px; }
	#prog-list { width: 100%; }
	#prog-list a.prog-item .prog-id { display: flex; flex-direction: column; justify-content: center; background: white; padding-top: 0; color: black; padding: 5px; line-height: 1.4em; height: 90px; margin-left: 0px; text-align: center; font-weight: bold; }
	/* #prog-list  a#prog9.prog-item { width:126px; } */
	#prog-list  a.prog-item { width: 11.1%; flex: 0 0 11.1%; text-decoration: none;  }
	#feature.box-topic { width: inherit; height: auto; }
	#feature.box-topic .coverimage { float: none; width: auto; padding-right: 6px; }
	#feature.box-topic .topic-head { float: none; width: auto; padding-bottom: 0px; }
	#feature.box-topic .desc { float: none; width: auto; padding: 10px 10px 0px 10px; max-height: none;}
	#sidefeature { width: 100%; /* need more than required */}
	#sidefeature .box-topic { flex: 0 0 calc(50% - 4px); }
}

@media only screen and (max-width : 767px) {
	
	/* Global */
	#wrapper { min-width: 320px; width: 100%; padding-top: 55px; margin: 0px 0px; }
	#header { min-width: 320px; position: fixed; top: 0;left: 0; z-index: 20; width: 100%; height: 55px; border-bottom: solid 1px #CCC; }
	#footer { width: auto; margin: 8px; }
	.home #footer { margin: 0px; }
	#logo { padding: 5px; height: 55px; width: inherit; text-align: center; background: white; }
	#logo img { /* height: 45px; */ width: 170px; margin: 0px auto; }
	#rthklogo { display: none; }
	#sharing  { top: 8px; right: 8px; }
	#sharing .btn-share { visibility: visible; }
	#sharing .gh-share-options { visibility: hidden; width: 75px; height: 40px; background-size: 75px 40px; }
	#sharing .gh-share-options a { width: 25px !important; height: 25px !important; }
	#sharing .gh-share-options a#icon-twitter { left: 43px; top: 7px; }
	#sharing .gh-share-options a#icon-facebook { left: 8px; top: 7px; }
	.btn-menu { cursor: pointer; visibility: visible; }
	
	/* Home */
	#main.home { width: auto; z-index: 10; padding: 8px; }
	#prog-list, #nav, #box-banner { display: none; }
	.box-topic { margin-right: 0px; }
	#box-article, #box-comment, #box-fb-comment, #box-related { margin: 8px 8px 0px 8px; }
	#box-related ul.cleanListStyle li { flex: 0 0 100%; }
	#feature.box-topic .title { margin-top: 0px; margin-bottom: 0px; }
	#sidefeature { width: inherit; }
	#sidefeature .box-topic { flex: 0 0 100%; width: 100%; height: auto; margin-right: 0px; }
	#sidefeature .box-topic .title { height: auto; }
	
	/* Detail */
	#sideCol { display: none; }
	#fm_feedback { width: 280px; }
	#fm_feedback textarea { width: 200px; }
	#captchapic { margin-left: 60px; }
	
	/* Subpages */
	#box-alltopic , #box-podcasts  { /* padding: 8px 8px 0px 8px;*/ }
	#box-alltopic div.content { margin: 8px; }
	#box-alltopic .title, #box-podcasts .title { line-height: 45px; font-size: 1.1em; margin: 8px 8px 0px 8px; }
	#box-related  ul.cleanListStyle { width: 100%; padding: 0px; }
	#box-related  ul.cleanListStyle li { width: 98%; }
	#box-related  ul.cleanListStyle li a { width: inherit; }
	.box-content { padding: 10px 15px 15px 15px; }
	ul.photoListStyle { margin: 0px; }
	ul.photoListStyle li { margin: 0px 5px 10px 0px; width: 45%; }
	ul.photoListStyle li img { /* width: 125px; height: 84px; */ width: 100%; height: auto; }
	
	/* Podcasts */
	#box-podcasts div.container { width: auto; margin: 0px 8px 0px 8px; }
	div.item-podcastBox { width: 100%; flex: 0 0 100%; }
	/*
	div.item-podcastBox a { width: inherit; height: 130px; margin-right: 0px; }
	div.item-podcastBox div.info { position: absolute; left: 130px; top: 0px; }*/
	div.item-podcastBox .pod-pic { height: 130px; width: 130px; }
	div.item-podcastBox .pod-title { /* font-size: 15px; */ width: auto; padding: 10px; padding-bottom: 5px; }
	div.item-podcastBox .pod-detail { /* font-size: 12px; */ height: auto; width: auto; padding: 0 10px 10px 10px; line-height: 1.4em; }
	
	#topic-list { display: none; }
	/* All Topics */
	#box-alltopic ul.cleanListStyle { /* margin-left: 5px; */ }
	#box-alltopic ul.cleanListStyle li { /* width: 44%;*/ flex: 0 0 50%; }
	#box-alltopic ul.cleanListStyle li a { font-size: 15px; }
	.content { padding: 15px; }
	
	/* Slidebars */
	.sb-slidebar { box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1); }
	#sb-slidebar { padding: 0px; background-color: white; border-right: solid 1px #eae8dc; }
	#mobile-main-nav { padding: 10px; }
	#mobile-main-nav select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-size: 15px; font-weight: bold; border-radius: 3px; padding: 5px; background-color: #b49e55; color: white;  }
	#mobile-topic-list { padding:0; }
	#mobile-topic-list h4 { color: #755f25; padding: 8px 10px; font-size: 1em; border-left: solid 8px #d8cfa8; border-top: solid 1px #eae8dc; border-bottom: solid 1px #eae8dc; }
	#mobile-topic-list ul.cleanListStyle { margin: 0; padding: 0px;}
	#mobile-topic-list ul.cleanListStyle li { font-size: 15px; flex: 0 0 100%; background-image: none; margin: 0; padding: 0px;width: 100%; float: none; border-bottom: solid 1px #eae8dc; }
	#mobile-topic-list ul.cleanListStyle li a { padding: 8px 10px; display: block; padding-left: 18px; }
	#mobile-topic-list ul.cleanListStyle li a:hover { color: #755f25; text-decoration: none; background-color: #fff5d2; }
}
/* For Retina Display @2x
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	
	div.prog-item-title { background-image: url('../images/icon_radio@2x.png'); background-size: 18px 17px; }
	a.btn-more { background-image: url('../images/btn_more@2x.png'); background-size: 58px 30px; }
	#sharing { background-image: url('../images/btn_share@2x.png'); background-size: 57px 30px; }
	#wrapper { background-image: url('../images/bg_repeat@2x.gif'); background-size: 1007px 141px; }
	#header { background-image: url('../images/bg_header@2x.gif'); background-size: 1007px 141px; }

}
@media only screen
and (max-width : 480px) and (-webkit-min-device-pixel-ratio: 1.5) {
	#wrapper { background-image: url('../images/bg_repeat@2x.gif'); background-size: 1007px 180px; }
	#header { background-image: url('../images/bg_header@2x.gif'); background-size: 1007px 180px; }
}
/*