/* Mobile */
@media all and (max-width: 768px) {

	/* Typography */
	h1,h2,h3,h4,h5,h6 { font-size: inherit !important; padding: 0 0 10px 0 !important; margin: 0 !important;  text-transform: uppercase !important; }
	h1 { font-size: 16px !important; }
	/*h2 { background: #444 !important; color: white !important;}*/
	body, p, li, a, span, td, div { font-size: 13px !important; }
	strong { font-size: 14px !important; }

	img { max-width: 100%; }
	input { max-width: 100%; }
	textarea { max-width: 100%; font-size: 13px !important; }
	div { max-width: 100%; }
	table { width: 100% !important; border:0 !important; }
	a { color: #00b3f0; }
	iframe { width: 100%; }
	/*br { display: none; }*/

	#frame {width:100%;}
	#content {margin-bottom:0!important;}
	#dashboard { padding: 10px; }
	#login-form-container {display:none;}
	#loginSlideToggle {display:none;}
	#sideCol-wrapper { margin-top: 0 !important; }
	#frmSearch {display:none;}
	#uvTab {display:none;}
	#home-panels {text-align:left;}
	#home-panels .home-panel {width:100%;  margin:0; margin-bottom:10px;}
	#recent-members {background:#eee; padding:10px;}
	#recent-members div {float:none !important; width:100% !important;}
	#logo-user-info {height:auto; width:100%; padding:10px; display:block !important;}
	#user-info {display:block; float:none; position:inherit!important; margin-top: 10px !important; font-size: 0.8em !important;}
	#profile-tabs {border:0 !important;}
	#upload-file-box {margin: 10px 0 10px 0 !important;}
	#copyright {padding:10px 20px !important; margin: 0 !important;}
	#video iframe {width:100%;}
	#user-info a {font-size: 12px !important;}
	#user-photo-wrapper {display: none;}
	#whats-on-message {display: none;}

	#wrapper {width: 100% !important;}
	#carousel-wrapper {width: 100% !important;}

	#logo {display:block; float:none; width:100%; text-align:center; margin:15px 0; background: #fff !important; }

	#toggles {font-size: 8px !important;}
	#filters {font-size: 8px !important;}

	#footer {padding:5px;}
	#footer dl {border:0 !important; float: none !important; width: 100% !important; padding: 5px !important; }
	#footer dl {padding: 0 !important;}
	#footer .footer-col-wider {display:none;}

	/* Classes */
	.article-detail-header, .article-detail-header h1 { margin: 0 !important; padding: 5px !important; }
	.standard-table tbody td { border: none !important; }
	.login-box { width:100%; }
	.article-detail { overflow:auto; }
	.text-padding {margin:0 !important; }
	.nav-breaker { height: 55px; }
	.tab-nav { padding: 0 10px 10px 10px; background: white; }
	.tab-nav li a , #profile-tabs li a { background: #00b3f0; color: white; }
	.product-desc { margin:0; }
	.note-box { padding: 5px; font-size: 12px; }
	.articleLister a { color: #00b3f0 !important; }
	.hide { display: none; }
	.sub-text  { font-size: 11px; }
	.portal-box { width: 100%; }
	.portal-box a { font-size: 18px !important; }
	.box-selector { float: none !important; margin: 10px auto !important; min-height: 250px !important; }
	.cpd-summary { display: none; }
	.grid-box { width: 100% !important; }
	.pagination { width: 100% !important; overflow: hidden; }
	.people-wrap { padding: 10px; }
	.hero { padding:0; }
	.sideCol { padding: 10px !important; margin-top: 0 !important; }

	.padded-box-5 { padding: 5px;}
	.padded-box-10 { padding: 10px;}
	.padded-box-15 { padding: 10px;}
	.padded-box-20 { padding: 10px;}
	.padded-box-30 { padding: 10px;}
	.padded-box-40 { padding: 10px;}
	.padded-box-50 { padding: 10px;}
	.padded-tb-5 { padding: 5px 0;}
	.padded-tb-10 { padding: 10px 0;}
	.padded-tb-15 { padding: 10px 0;}
	.padded-tb-20 { padding: 10px 0;}
	.padded-tb-40 { padding: 10px 0;}
	.padded-tb-30 { padding: 10px 0;}
	.padded-tb-50 { padding: 10px 0;}
	.padded-lr-5 { padding: 0 5px;}
	.padded-lr-10 { padding: 0 10px;}
	.padded-lr-15 { padding: 0 10px;}
	.padded-lr-20 { padding: 0 10px;}
	.padded-lr-30 { padding: 0 10px;}
	.padded-lr-40 { padding: 0 10px;}
	.padded-lr-50 { padding: 0 10px;}


	/* Divs */
	div[class^='left-'] { width:100%; float:none !important; }
	div[class^='right-'] { width:100%; float:none !important; }
	div[class^='middle-'] { width:100%; float:none !important; margin: 0 !important; }

	/* Layout */
	.row {  }
	.row h5 { display: none; }


	/* Tables */
	table {
		width: 100%;
		border-collapse: collapse;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) {
		/*background: #eee;*/
	}
	th {
		background: #444;
		color: white;
		font-weight: normal;
		text-align: left !important;
	}
	td, th {
		padding: 6px;
		text-align: left !important;
		width: auto !important;
	}

	td:empty {display: none;}

	/* Make tables responsive */

	table, thead, tbody, th, td, tr {
		display: block;
	}

	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	/*tr { border: 1px solid #ddd; margin-bottom: 5px; }*/

	td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		/*padding-left: 50%;*/
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}


	/* Inputs */
	input, select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	input[type=text] { width: 100% !important; }

	select { width: 100% !important; }


	/* Lists */
	ul { margin: 0 !important; padding: 0 !important; }
	li { margin: 0 !important; display: inherit !important; float: none !important; line-height: inherit !important; }
	li a { display: block !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; font-weight: normal !important; }
	li .current, li .profile-selected, li .selected { background: #444 !important; color: white !important; }

	/* Boxes */
	.featured-box img { width: 100%; }
	.item-box { width: 100% !important; margin: 0 5px 10px 0; }
	.item-box img { width: 100% !important; }

}

@media all and (max-width: 320px) {

	h1,h2,h3 { text-align: center; }

	img { max-width: 100%; }
	input { max-width: 100%; }
	div { max-width: 100%; }
	table { display: none; }

	#frame {width:100%;}
	#login-form-container {display:none;}
	#loginSlideToggle {display:none;}
	#frmSearch {display:none;}
	#uvTab {display:none;}
	#home-panels {text-align:left;}
	#home-panels .home-panel {width:100%;  margin:0; margin-bottom:10px;}
	#recent-members {background:#eee; padding:10px;}
	#recent-members div {float:none !important; width:100% !important;}
	#logo-user-info {height:auto; width:100%; padding:10px; display:block !important;}
	#user-info {display:block; float:none; position:inherit!important; text-align:center;}
	#video iframe {width:100%;}

	#wrapper {width: 100% !important;}
	#carousel-wrapper {width: 100% !important;}

	#nav {display:none;}
	#nav li {display:block; float:none !important;}
	#nav .nav-drop {display:none;}

	#subnav {height:auto !important;}
	#subnav li {display:block; float:none!important;}

	#mobile-nav {display:block;}

	#logo {display:block; float:none; width:100%; text-align:center; margin:15px 0;}

	#sideCol-wrapper {display:none;}


	#footer {padding:5px;}
	#footer .footer-col-wider {display:none;}

	.login-box { width:100%; }
	.article-detail {overflow:auto;}
	.hide { display: none; }
	.portal-box a { width: 100%; font-size: 18px !important; }
}