/*@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
	#Themes p.moreTopics a span {
		display:none;
	}
}*/

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
	html {
		background:#000;
	}
	body {
		min-width:320px;
	}
	#categoryTitle {
		min-width:320px;
	}
	#Header {
		height:auto;
	}
	#Header h1 {
		float:none;
		width:auto;
		text-align:left;
		z-index:0;
		padding-top:40px;
		padding-top:2.5rem;
	}
	#SectionNavController {
		display:block;
		position:fixed;
		top:8px;
		right:8px;
		z-index:10;
	}
	#SectionNavController img {
		display:block;
		max-width:8em;
		color:#f80;
		font-size:12px;
		font-size:0.75rem;
		font-weight:600;
		text-align:right;
		text-shadow:1px 1px 0 #000;
	}
	
	#HeaderLinks {
		box-sizing:border-box;
		width:100%;
		overflow:hidden;
	}
	#HeaderLinks a {
		box-sizing:border-box;
		width:25%;
		float:left;
		text-align:left;
	}
	#TopNav {
		margin:0;
		padding-left:0;
	}
	
	#outerColumnContainer {
		border-left:0;
	}
	
	#innerColumnContainer {
		position:relative;
		padding-bottom:414px;
		padding-bottom:25.875rem;
	}
	
	#sideNav {
		position:absolute;
		bottom:0;
		float:none;
		margin:0;
		width:100%;
		background:#002e44;
	}
	#sideNav * {
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	#sideNav ul li ul {
		display:none;
	}
	#sideNav ul li.forStaff {
		border:0;		
	}
	#sideNav ul li.forStaff ul {
		display:block;
	}
	div#SkillsTopics {
		float:left;
		width:50%;
		background:transparent;
	}
	div#ResourceCollections {
		float:left;
		width:50%;
		background:transparent;
	}
	#sideNav a {
		background:transparent;

	}
	div#sideNav > div > h2 {
		border:0 !important;
	}
	
	#TourBox {
		display:none;
	}
	#IntroductionText {
		margin-right:0;
	}	
	#Themes ul.themeRow {
		display:block;
		float:none;
	}
	#Themes ul.themeRow li,
	#Themes #CollectionList ul.themeRow li {
		display:block;
		width:auto;
		margin-bottom:14px;
		border:0 !important;
	}
	#Themes ul.themeRow li:last-child {
		position:relative;
		left:0;
	}
}

@media only screen and (min-width: 801px) {
	#relatedContent	{
		display:block !important;
	}
}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
	#TopNav .mobileOnly {
		display:inline;
	}
	
	#mainContent .content01Wrap {
		overflow:visible;
	}
	
	/* Workshop calendar */
	#InfoTabs p.mobileOnly,
	#Timetable p.mobileOnly {
		display:block;
	}
	#InfoTabs iframe {
		display:none;
	}
	
	body {
		margin-bottom:0;
	}
	#InfoCol {
		margin-right:0;
	}
	#MediaCol {
		display:none;
	}
	
	#outerColumnContainer {
		border-right:0;
	}
	#RelatedContentController {
		display:block;
		text-align:center;
	}
	#RelatedContentController button {
		display:inline-block;
		cursor:pointer;
		margin:12px 0;
		margin:0.75rem 0;
		padding:8px 12px;
		padding:0.5rem 0.75rem;
		border:1px solid #888;
		border-color:#ccc #888 #888 #ccc;
		border-radius:3px;
		background:#eee;
		background:linear-gradient(to bottom, #fff 0%, #f8f8f8 33%, #eee 100%);
	}
	#RelatedContentController button:hover,
	#RelatedContentController button:active {
		border-color: #888 #ccc #ccc #888;
		background:#eee;
		background:linear-gradient(to top, #f8f8f8 0%, #eee 33%, #ddd 100%);
	}
	#relatedContent {
		display:none;
		float:none;
		width:auto;
		margin:0;
		padding:0;
	}
	#relatedContent .column3Box {
		text-align:center;
		/*margin:0 1em 1em;*/
	}
	#relatedContent .column3Box:last-child {
		margin-bottom:0;
	}
	
	/* footer */
	#footer {
		overflow:hidden;
		background:#046;
	}
	#LeedsBeckettHome {
		width:auto;
		margin-right:16px;
		margin-right:1rem;
	}
	#LeedsBeckettHome a {
		margin-top:0;
		padding:0 16px 0;
		padding:0 1rem 0;
	}
	#CopyrightStatement {
		margin-top:0;
		margin-left:0;
		padding-left:16px;
		padding-left:1rem;
	}
	#AccessibilityStatement {
		margin-left:0;
		padding-left:16px;
		padding-left:1rem;
	}
	
	#PodcastPlayer {
		background-size:auto 192px;
		background-size:auto 12rem;
	}
	#PodcastIntroduction {
		padding-right:192px;
		padding-right:12rem;
		height:192px;
		height:12rem;
	}
	#PodcastIntroduction p {
		font-size:16px;
		font-size:1rem;
		padding:12px 24px;
		padding:0.75rem 1.5rem;
	}
}
@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	
	#HeaderLinks a {
		width:auto;
	}
	
	/* Site map */
	#Col1.threeColumn,
	#Col2.threeColumn,
	#Col3.threeColumn {
		float:none;
		width:auto;
	}
	
	/* Contact forms */
	form.contactForm {
		width:auto;
	}
	form.contactForm input.tiny,
	form.contactForm textarea.tiny,
	form.contactForm select.tiny,
	form.contactForm input.small,
	form.contactForm textarea.small,
	form.contactForm select.small,
	form.contactForm input.medium,
	form.contactForm textarea.medium,
	form.contactForm select.medium,
	form.contactForm input.large,
	form.contactForm textarea.large,
	form.contactForm select.large {
		box-sizing:border-box;
		width:100%;
	}
	
	/* Podcast */
	#PodcastPlayer {
		float:none;
		width:auto;
	}
	#PodcastPlayer object {
		display:none;
	}
	#CurrentEpisode {
		margin-right:0;
	}
	#PodcastList .episodeWrapper {
		display:block;
	}
	#PodcastList .info,
	#PodcastList .downloadWrapper {
		display:block;
		width:auto;
	}
	#PodcastPlayer {
		background-size:auto 8rem;
	}
	#PodcastIntroduction {
		padding-right:128px;
		padding-right:8rem;
		height:128px;
		height:8rem;
	}
	#PodcastIntroduction p {
		font-size:14px;
		font-size:0.875rem;
		padding:8px 16px;
		padding:0.5rem 1rem;
	}
	
	/* Cat home */
	#LearningObjectList #column1,
	#LearningObjectList #column2 {
		float:none;
		width:auto;
		padding:0;
	}
	#LearningObjectList .outcomesLink {
		display:none;
	}
	
	/* New A to Z */
	#AzIndexLetters.azLetters li a,
	#AzIndexLetters.azLetters li span {
		widows:72px;
		width:4.5rem;
		height:72px;
		height:4.5rem;
	}
	
	#mainContent .loNavTop {
		overflow:visible;

		/*padding-top:32px;*/

	}
	#mainContent .loNavTop h1 {
		position:relative;
		padding-bottom:32px;
		padding-bottom:2rem;
		padding-left:8px;
		padding-left:0.5rem;
		padding-right:8px;
		padding-right:0.5rem;
	}
	#mainContent .loNavTop > p {
		padding-top:32px;
		padding-top:2rem;
		top:auto;
		bottom:0;
	}
}
@media only screen and (max-width: 520px), only screen and (max-device-width: 520px) {
	#InfoTabs {
		border:0;
		padding:0;
	}
	#InfoTabs .ui-tabs-nav,
	#WorkshopTabs .ui-tabs-nav {
		display:none;
	}
	#InfoTabs .ui-tabs-panel,
	#WorkshopTabs .ui-tabs-panel {
		display:block !important;
		border:0;
		padding:0;
	}
	/*#Themes .themeWrap {
		width:auto;
		float:none;
	}
	#Themes ul.themeRow {
		padding:0;
		border:0;
		background:#fff;
	}
	#Themes ul.themeRow:nth-child(2) {
		border-top:1px solid #ddd;
	}
	#Themes .themeRow li {
		padding:4px 8px;
		padding:0.25rem 0.5rem;
		border-bottom:1px solid #ddd;
		background:#fff;
	}
	#Themes .themeRow li:first-child {
		background:#f2f2f2;
	}*/
	#InfoTabs #Timetable:before {
		content:'Workshop Timetable';
		font-size:20px;
		font-size:1.125rem;
		font-weight:600;
	}
	
	/* General LO content */
	p.leftImg, p.rightImg, p.centerImg, p.normalImg, p.leftVid, p.rightVid, p.centerVid, p.normalVid {
		float:none;
		display:inline-block;
	}
	
	/* footer */
	#LeedsBeckettHome {
		float:none;
		margin-right:0;
	}
	#LeedsBeckettHome a {
		text-align:left;
	}
	
	/* A to Z */
	#AzContent #LeftCol,
	#AzContent #RightCol {
		float:none;
		width:auto;
	}
	
	/* Glossary */
	#GlossaryContent #LeftCol,
	#GlossaryContent #RightCol {
		float:none;
		width:auto;
	}
	
	/* Publications */
	#PublicationDetails .cover {
		float:right;
	}
	#PublicationDetails .details {
		margin-left:0;
	}
	#PublicationDetails .descriptionWrapper {
		height:auto !important;
		overflow:visible !important;
		border-bottom:0 !important;
	}
	#PublicationDetails .revealerWrapper {
		display:none;
	}
	#PurchasingInformation {
		display:block !important;
	}
	
	#PodcastPlayer {
		background-image:none;
	}
	#PodcastIntroduction {
		padding-right:0;
	}
	#PodcastIntroduction p {
		margin-right:0;
	}
	
	.tocBoxStyle #outcomes,
	.tocBoxStyle #contents {
		float:none;
		width:auto;
		padding:0;
	}
}

@media only screen and (max-width: 432px), only screen and (max-device-width: 432px) {
	/* New A to Z */
	#AzIndexLetters.azLetters li a,
	#AzIndexLetters.azLetters li span {
		font-size:20px;
		font-size:1.25rem;
	}
	#Themes p.moreTopics a span {
		display:none;
	}
}