body { font-size: 100%; }

/**  RETINA IMAGES **/
@media all and (-webkit-min-device-pixel-ratio: 2) {}


@media screen and (max-width: 1400px) {
	body { max-width: 1400px; }	
	div#MainContent { width: 85%; }
	
	body#RDRM .flex-container,
	body#MSS .flex-container
	{
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media screen and (max-width: 1300px) {
	body { max-width: 1300px; }	
	div#MainContent { width: 95%; }
}

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

	/* 
	   Remove column D, topnav becomes slidernav, make containers responsive to 1000px. 
	   These style apply to screens 1000px or less, and work in addition to
	   the media queries for smaller devices further down this page. 
	*/
	
  	body
	{
		max-width: 1000px;
	}

	body#RDRM div#MainContent, 
	body#MSS div#MainContent
	{
		width: 100% !important;
	}
	
	.narrow { width: 85%; } 
	
	a.eventButtonSmall { width: 50%; }
		
	#bannerandbodycopy,
	#eskeptic_wholepage
	{
		width: 80% !important;
	}
	
	div#NewsColumnD
	{
		/* width: 80% !important; */
	}
	
	body#RDRM .flex-container,
	body#MSS .flex-container
	{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
		
	div#bodycopy iframe,
	div#bodycopy object,
	div#bodycopy embed,
	div#bodycopy video
	{ 
		width: 100% !important;
	}
	
	#sub_navigation { display: none; }
	
	.quickLinks
	{
		display: block;
		padding: 1em;
		font-family: Lato, Verdana, sans-serif !important;
		font-size: 0.9em;
	}
	
	#headerBanner, .cd-main-header { width: 100%; }
	
	div#NewsColumnABCD
	{
		width: 98%;
		padding: 2% 1% 2% 1%;
	}
	
	div#NewsColumnAB
	{
		float: none;
		width: 100%;
		margin: 0;
	}
	
	div#NewsColumnC
	{
		float: none;
		width: 100%;
	}
	
	.cd-search
	{
		width: 100%;
	}
	
	.gsc-control-cse { padding: 20px 10px !important; }
	.gsc-input-box { height: 4em; }
	.gsc-input-box table { padding: 0.7em; }
	
	div#footer
	{	
		display: none;
	}

}


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

	/* 
	  Set containers to full-width for devices 768px and smaller
	*/
	
	body
	{
		max-width: 768px;
	}
	
	.hideOnMobile { display: none; }
	.hideOnDesktop { display: block; }
	
	div#MainContent { width: 100%; }
	
	#bannerandbodycopy,
	#eskeptic_wholepage
	{
		float: none;
		width: 100% !important;
	}
	
	.narrow { width: 100%; } 
	
	body#RDRM .flex-container,
	body#MSS .flex-container
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	#eSkepticDate { display: none; }
	
	div#store_navigation p#storeNavMessage
	{
		font-size: 0.9rem;
	}
	
	h3,
	.byline
	{ 
		text-align: left;
	}
	
	div.Story .byline,
	#bodycopyNoPadding h3 { text-align: center; }
	
	div.skepInvestigatesBorder
	{
		width: 115%;
		margin-left: -45px;
	}

	div.Story h4
	{
		margin-right: 0;
		margin-left: 0;
	}

	iframe#twitter-widget-0.twitter-timeline-rendered
	{
   	width: 100% !important;
	}
	
	div.backissuelisting
	{
		width: 100%;
	}
	
	div#shareThisArticle div#shareButtons
	{
		float: none;
		margin: 0;
	}

	div.imageclearall,
	div.imageclearall img
	{
		width: 98.5% !important;
	}
	
	.imagefloatleft,
	.alignleft,
	.imagefloatright,
	.alignright,
	div.productad 
	{
		float: none;
		margin: 0 0 20px 0;
		max-width: 100%;
	}
	
	.imagefloatleft p.caption,
	.alignleft p.caption,
	.imagefloatright p.caption,
	.alignright p.caption,
	div.productad p.caption
	{
		text-align: left !important;
	}
	
	img.play, img.thumb, .found_in
	{
		float: none !important;
	}
	
	.digitalEditions
	{
		float: none;
		width: 90%;
		margin: 1em 0;
	}
	
	img.google
	{
		float: none;
		width: 100%;
	}
	
/* 
	div.NewsItem
	{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
 */
	
	div#NewsColumnAB,
	div#NewsColumnABC
	{
		float: none;
		width: 100%;
	}
		
	/*  "NewsColumnA" and "NewsColumnB" fit inside of "NewsColumnAB" */
	div#NewsColumnA,
	div#NewsColumnB,
	div#NewsColumnC,
	div#NewsColumnD,
	div#NewsColumnAB_JrS
	{
		float: none;
		width: 100%;
		margin: 0;
	}
	
	div.NewsImageSkepticCover
	{
		float: none;
		width: 100%;
	}
	
	div.NewsDescriptionCover
	{
		float: none;
		width: 100%;
	}
	
	div.divider
	{
		width: 100%;
	}
	
	div#share .addthis_sharing_toolbox { display: none; }
	
	div#share p.shareMessage { display: none; }
	
	/* store */
	
	#ship-to,
	#bill-to,
	#login-details
	{
		width: 93%;
	}

	#basket-contents .basket-charges .charge-description,
	#basket-contents .basket-charges .formatted-charge
	{
		white-space: normal;
	}
	
	#storebuttons { max-width: 465px; }
	
	
	#SUBSpage { width: 100%; }
	#subscribePrint, #subscribeDigital { width: 100%; float: none; }
	
	#product_attributes { width: 100%; } 
	
	#subscribeDigital h3 { margin-top: 3em; }
	
	p.price
	{	 
		text-align: left;
		margin: 5px 5px 10px 5px;
	}
	
	#social-icons { float: none; margin-bottom: 1em; }
	
	.productDescription table { width: 100% !important; }
	
	input[type=submit],
	.button,
	form input .button
	{
		/* margin: 0.5em 0 1em 1.5em; */
		padding: 0.8em 2em;
	}
	
	div.backissuelisting img
	{
		width: 90%;
	}
	
}



/* For screen sizes 580px or smaller */

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

	div#columnA,
	div#columnB
	{
		float: none !important;
		width: 100% !important;
		margin-right: 0 !important;;
	}
	
	div.skepInvestigatesBorder
	{
		margin-left: -35px;
	}
	
	div#magimage img
	{
		width: 96%;
	}
	
	.cd-main-header { height: 3.2em; }
	
	.ORDL .section { float: none; width: 45%; height: auto; }
	.section.grey-border-right { border: none; }
	
	aside,
	div.sidebar
	{
		float: none;
		width: 90%;
		margin: 2% 0 0 0;
		padding: 5%;
	}
	
	.endorsementsColumn
	{
		float: none !important;
		padding-right: 0;
		border-right: none !important;
	}
}

/* For screen sizes 525px or smaller */

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

	.bio img.authorphoto { float: none; }
	div.prev-next a { padding: 0.5em 1em; }
	.productDescription table { font-size: 0.8em; line-height: 1.3em; }
	#alsobought table { font-size: 0.85em; line-height: 1.3em; }
	#storeproductdisplay #basket-contents .basket-qty-input { display: block; }
	
	div.skepInvestigatesBorder
	{
		margin-left: -32px;
	}
	
}