@media screen and (max-width: 576px) { /* the official number used by bootstrap toolkit */
	
	.divPageBody {
		width: 98%;
		margin-top: 65px;
		}
	
	.notDisplayedOnMobile {display: none;}
	.divExplainRightColumn {display: none;}
	.divOpmlLink, .divFeedlistOpmlLink {display: none;}
	
	.trHeaderRow th {font-size: 15px;}
	
	
	.divMenubar .container { 
		width: 100%;
		}
	.divMenubar .brand {
		}
	.divMenubar #idMenuProductName {
		font-size: 24px;
		}
	.divMenubar .navbar .nav > li > a {
		font-size: 18px;
		padding-right: 0;
		}
	.divMenubar #idMainMenu {
		display: none;
		}
	.divMenubar #idMobileMainMenu {
		display: block;
		}
	.divMenubar #idToolsMenu {
		display: none;
		}
	.divMenubar #idCatsMenu {
		display: none;
		}
	.divMenubar #idDocsMenu {
		display: none;
		}
	.divMenubar .spShortUserName {
		display: none;
		}
	.divMenubar .navbar .nav.pull-right {
		margin-top: -2px;
		}
	.divMenubar .dropdown {
		}
	
	
	.divExplainText, .divFeedlistExplain {
		width: 100%;
		text-align: center;
		}
	.divExplainText h1, .divFeedlistExplain h1 {
		font-size: 30px;
		}
	.divExplainText p, , .divFeedlistExplain p {
		font-size: 15px;
		}
	
	.divFeedListContainer {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		}
	.divFeedListContainer .divFeedListExplain {
		margin-bottom: -5px;
		}
	.divFeedListContainer table {
		width: 100%;
		}
	.divFeedListContainer th {
		font-size: 15px;
		padding-left: 4px;
		padding-right: 4px;
		}
	.divFeedListContainer td {
		padding-left: 4px;
		padding-right: 4px;
		}
	.divFeedListContainer .tdWedge {
		padding-left: 2px;
		padding-right: 10px;
		padding-top: 9px;
		width: 15px;
		}
	.divFeedListContainer .tdWedge i {
		font-size: 22px;
		}
	.divFeedListContainer .tdFeedCheckbox {
		width: 20px;
		padding-left: 0;
		padding-right: 0;
		padding-top: 10px;
		}
	.divFeedListContainer .tdFeedNumber {
		width: 25px;
		padding-left: 0;
		padding-right: 0;
		}
	.divFeedListContainer .tdFeedTitle {
		width: 80px;
		min-width: 80px;
		max-width: 230px;
		font-size: 16px;
		white-space: nowrap;
		overflow: hidden;
		}
	.divFeedListContainer .tdFeedUpdated {
		font-size: 14px;
		}
	.divFeedListContainer .tdSubsCount {
		font-size: 16px;
		}
	.divFeedListContainer .trHeaderRow th {
		max-width: 80px;
		}
	.divFeedListContainer .tdInfoIcon {
		display: none;
		}
	.divFeedListContainer .tdSubsCount {display: none;}
	
	.divUsersList {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		}
	.divUsersList table {
		width: 100%;
		}
	.divUsersList .tdUserLink {
		max-width: 120px;
		font-size: 16px;
		white-space: nowrap;
		overflow: hidden;
		}
	.divUsersList .spUpdateableTime {
		font-size: 16px;
		}
	
	.divFeedViewerPage {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		}
	.tableForFeedPage {
		display: block;
		width: 100%;
		}
	.tableForFeedPage tr {
		display: block;
		}
	.tableForFeedPage td {
		display: block;
		font-size: 16px;
		border-top: none;
		padding-left: 0;
		padding-right: 0;
		}
	.tableForFeedPage .tdLabel {
		text-align: left !important;
		font-weight: bold;
		padding-bottom: 0;
		}
	.tableForFeedPage .tdValue {
		overflow: hidden;
		}
	
	.divOneCategoryRiverDisplayContainer {
		width: 90%;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 1px;
		}
	
	.divRiverContent {
		width: 95%;
		padding-left: 8px;
		}
	.divRiverDisplay {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
		}
	
	.divSubscriptionLogContainer {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
		}
	.divSubscriptionLog {
		}
	.divSubscriptionLog table {
		margin-top: 0;
		}
	.divSubscriptionLog .tdFeedTitle {
		font-size: 16px;
		max-width: 200px;
		overflow: hidden;
		}
	.divSubscriptionLog .tdFeedSubscriber {
		font-size: 16px;
		padding-left: 10px;
		}
	.divSubscriptionLog .tdFeedUpdated {
		display: none;
		}
	
	.divHotlistContainer .tdSubsCount {
		display: block;
		}
	
	.divNewsItemContainer {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		}
	.divNewsItemContainer p {
		font-size: 16px;
		line-height: 140%;
		}
	
	.divSearchBox input {
		font-size: 16px;
		height: 32px;
		}
	.divSearchBox button {
		height: 32px;
		}
	
	.divReadingLists {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		}
	.divReadingLists table {
		width: 100%;
		font-size: 16px;
		}
	.divReadingLists td { 
		}
	.divReadingLists .tdFeedTitle {
		}
	
	
	.divSignonDialog {
		width: auto;
		}
	
	
	.divAlertDialog {
		margin-left: 2.5%;
		width: 95%;
		left: unset;
		}
	
	
	.divConfirmDialog .modal {
		margin-left: 2.5%;
		width: 95%;
		left: unset;
		}
	.divAskDialog .modal {
		margin-left: 2.5%;
		width: 95%;
		left: unset;
		}
	.divAskDialog input {
		width: 100%;
		}
	.divPrefsDialog .modal {
		margin: 0 auto;
		width: 99.5%;
		left: unset;
		}
	.divPrefsDialog li a {
		font-size: 15px;
		}
	.divPrefsDialog .tab-content {
		font-size: 15px;
		}
	.divPrefsDialog label {
		text-align: inherit;
		}
	.divPrefsDialog .xlarge {
		width: 100%;
		font-size: 15px;
		}
	.divPrefsDialog label { 
		font-size: 15px;
		width: 0;
		}
	.divPrefsDialog .clearfix {
		margin-bottom: 10px;
		}
	
	.divOutlineDialog {
		margin-left: 2.5%;
		width: 95%;
		left: unset;
		}
	.divDataDialog .divOutlineDialog {
		margin-left: 2.5%;
		width: 95%;
		left: unset;
		}
	
	.divCategoriesDialog .modal {
		margin-left: 5%;
		width: 90%;
		left: unset;
		}
	
	.divSignupDialog .modal {
		width: 95%;
		margin-left: 2.5%;
		left: unset;
		}
	.divSignupDialog h3 {
		font-size: 15px;
		}
	.divSignupDialog .divPreamble {
		font-size: 13px;
		}
	.divSignupDialog .modal-body td {
		display: block;
		}
	.divSignupDialog .modal-body .spComment {
		display: none;
		}
	.divSignupDialog .xlarge {
		margin-left: 7px;
		}
	
	
	
	
	.divEditboxContainer {
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		padding: 3px;
		}
	.divEditboxContainer .divEditorSection { 
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		padding: 2px;
		}
	.divEditboxContainer .spLeadingQuestion { 
		font-size: 15px;
		}
	.divEditboxContainer .spSaveStatus { 
		font-size: 10px;
		margin-bottom: 2px;
		}
	.divEditboxContainer .divBodyEditor { 
		padding: 2px;
		font-size: 15px;
		}
	.divEditboxContainer .divUrlBox label.right { 
		text-align: left;
		}
	.divEditboxContainer .divUrlBox input[type="text"] {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		}
	
	
	}
