/************************************************************************************
SCREEN SIZE < 570 iPHONE
*************************************************************************************/

@media screen and (max-width: 570px) {
	
	
	#leaderboard {
		margin-top: 0;
		
	}
	
			#top-bar {
		margin-bottom: 0px;
}

	
	#leaderboard-iframe {
		height: 65px;
		margin-top: 0px;
	}

.iframe-leaderboard-new {
		width: 100%;

}
	.leaderboard-gam {
}


#social-mobile {
}




	img.social-button {
	width: calc(100% / 12);
	margin: 13px calc(100% / 25) 0 0;
}

img.user-button {
	width: 24px;
	margin: 6px 3px;
}




	#mobile-logo {
	width: 325px;
			margin: 5px 0 0px 10px;

}

		img.office {
			float: none;
		width: 100%;
		margin: 1px 0 30px 0px;
	}


			img.gnitty-ipad {
		width: 100%; 
		float: none;
		margin: 0 0px 30px 0px;
		display: inline;
	}
	
	
		#grey-box {
	width: calc(100% - 20px);
	padding: 10px 10px 15px 10px;
}	

			.box-eyeplayer-wide {
	width: calc(100%);
	margin: 0px 0 15px 0;
}
	
img.eyeplayer-wide{
	width: calc(100%);
		margin: 10px auto 5px auto;
}

		#podcast-box {
	width: 100%;
}	
		#podcast-info {
display: none;
}	

 .cookieinfo {
	 padding: 20px 20px !important;
 }
 
 		
#top-stories {
	width: 90%;
	text-align: center;
}

 .gap-top {
	display: none;
}


img.blurb { 
width: 100%;
		margin: 10px 0 5px 0px; 
float: none;

}

.home-divider {
	width: 100%;
}
.blurb-show {
	display: none;
}

 
 	#only-mag-text {
	 float: none;
	padding: 20px 0px 0 0;
	margin: 10px auto;
	width: 90%;
	text-align: center;

}
		
		#only-mag-text-block {
	width: 90%;
	padding: 0;
	margin: 0 auto;
	float: none;
	text-align: center;
	
}

	.only-mag-block {
	width: 100%;
	float: none;
	margin: 10px auto;
	padding: 0px 0px;

	}
	
	.only-mag-line {
	width: 70%;
	margin: 0 auto;
	}
	img.only-mag-ad {
		width: 90%;
		margin: 10px auto;
float: none;
clear: both;
	}
	
	
	img.only-mag-cartoon {
		width: 70%;
		margin: 0px auto;
float: none;
clear: both;

	}
	
	
	.eyeplayer-home {
	}
	
	.caption{
		font-size: 22px; 
	}
	
		.iframe-only-mag-mpu {
					float: none; 
	width: 260px;
	margin: 10px;
	clear: both;
}
	
	
	img.podcast-listen {
	width:calc(50% - 20px);
	margin: 0 10px 10px 10px;
}

	#thumb-94 {
					width: 100%;
float: none;
	}
	
	
	.page-94-info {
		float: none;
				width: calc(100% - 40px);
		padding: 15px 20px 20px 20px;

	}



	#search-input {
    height: 18px;
	}
	
	#search-input:focus {
 	width: 18px;
}

	#search-button {
	 width: 18px;
}

	#sidebar {
	width: 280px;
}


	#boxes-shop {
	width: 100%;
}

	.box-shop {
	float: none;
	width: 75%;
	padding-right: 0px;
	margin: 0 auto;
	margin-bottom: 10px;
}

	.box-shop-info {
	width: 100%;
	padding-right: 0;
}

	img.box-shop-grfx {
	width: 100%;
}

	.widget-twitter {
	display: none;
}

	.twitter {
	display: none;
}

		.facebook {
	display: none;
}


	.facebook-240 {
	display: display;
}


	img.save-pounds {
	display: none;
}

	
		img.current-issue {
	width: calc(100% - 2px);
}

		.covers-home {
	width: 75%;
}


img.covers-home {
	height: 100%;
}	

#report-download {
float: none;
width: calc(100% - 40px);
margin: 0 0 20px 0px;
}

	#block-report {
float: none;
margin: 10px 0 20px 0;
width: 100%;
}


	img.eyeplayer-thumbs {
	float: none; 
	margin-right: 0px;
	width: 100%;
	height: auto;
}


	img.plus {
	margin: 20px auto;
	width: 100%;
	float: none;
}


		.extras-box {
	padding: 10px;
	width: calc(100% - 22px);
	margin-right: 0px;
	margin-bottom: 30px;
		float: none;

} 	

	.extras-box-right {
	padding: 10px;
	float: none;
	width: calc(100% - 22px);
	margin-bottom: 30px;
	
}


img.subscriber-gnitty {
	width: 60%;
	float: none;
	margin: 0 auto 30px auto;
}

/************************************************************************************
NAVIGATION
*************************************************************************************/

nav {
  
    margin: 15px 10px 0px 0px;

}


#nav-box-mobile {
	margin: 113px 0 0 0;
}

.nav-ipad {
		
		color: #003366; font-family: ff-scala, Merriweather, Georgia, serif; font-weight: 500; font-size: 18px; margin: 0 3px;
	}
	
	
	.nav-mobile {
		
		display: none;
	}

	
.nav-iphone {
		
display: none;	
}	


	


}



/************************************************************************************
SCREEN SIZE < 440 iPHONE
*************************************************************************************/

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


	#mobile-logo {
	width: 300px;
	max-width: calc(100% - 90px);
			margin: 10px 0 0px 10px;
			
	}		
			
			nav {
  
    margin: 15px 5px 0px 0px;

}

	

	.leaderboard-gam {
		width: 100%;
}

#nav-box-mobile {
	background-color: #ffffff;
	margin: 110px 0 0 0;
}



#menu
{
  margin: -105px 0 0 -350px;

}




}