/************************************************************************************
SCREEN SIZE < 600 iPHONE
*************************************************************************************/

@media screen 
    and (max-width: 600px) {
	
        
    #top-bar {
	padding: 0;
margin: 0;
	width: 100%;
  z-index: 10000;
        
         
}
		#empty-box {
			display:none;
		}
		    #top-bar-sticky {
    position: sticky;
top: 0px;   
 z-index: 10000;
				            height: 90px;
				border-bottom: 1px solid #dddddd;
}
        

	#mobile-logo {
	width: 300px;
			margin: 10px 0 0px 55px ;

 
}
        
        #leaderboard-float-right {
  height: auto;
		width: 100%;
		margin: 0;	
}
        
        
    #leaderboard {
	
		height: auto;
		width: 100%;
		margin: 0;	
}
		.leaderboard-gam {
      		width: 100%;
height: auto;
}

#sub-nav-box-wide {
		margin: 0;
			
			padding: 0;
						
	}
		
		#sub-nav-box {
		margin-top: 0px;
		margin-bottom: 0px;
			
			padding: 10px 10px 10px 10px;

	}
        

#nav-box-mobile {
    display: none;
        }
		
			#story {
		margin-top: 0px;
		padding-top: 0;
	}
		
		.mobile-nav-sub {
		}
		
			.gap-tiny-mobile {
}
		
		.gap-iphone {
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
}	
		
	#page-wide {
	width: 100%;
	}
    
	#page-wide-94 {
	width: 100%;
	}
	
	#page-wide-covers {
	width: 100%;
	}	
		
		
       
        
        
#social-mobile {
}

	#caption-cartoon {
	margin: 0px auto 20px auto;
        float: none;
        width: 100%;
      position: sticky;
top: 0px;
}

	img.top-story {
	width: 100%;
		margin: 0 0 20px 0px; 
float: none;
}
        
   img.cartoon-home {
	display: block;
	width:260px;
	margin: 0 auto;
	margin-top: 5px;	
	margin-bottom: 40px;
       float:none;
}

	

	img.lookalike-home {
	width:240px;
	display: block;
	margin: 0 auto;
	margin-top: 10px;	
	
	margin-bottom: 120px;	
}     
	img.social-button {
	width: calc(100% / 12);
	margin: 13px calc(100% / 25) 0 0;
}

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




		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;
}	

		


		#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: noneX;
}

 
 	#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.page-94-listen {
	width: calc((100% / 2) - 40px);
	float: left;
	margin: 0px 20px 15px 20px;
}
    img.square {
	margin: 0px;
	margin-bottom: 20px;
	float: none;
	max-width: 100%;
}    
        
	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%;
}	
		
		
		.covers-mags-new {
	
	margin: 0px 8px 20px 8px;
	width: calc(50% - 18px);
		
}
		 .covers-mags-newest {
	width: calc(50% - 15px);
}

.covers-gap-vertical {
	width: 30px;
}
		
		
			#block-covers-menu-new { 
	height: 90px;

}
			.block-covers-menu-new-title {

			margin-bottom: 15px;
}
		
		#covers-viewing-new { 
	padding: 10px 0 22px 0;
	text-align: center;
}
		#previous-next {
	
	float: none;
			width: 100%;
	text-align: center;
	display: block;
			margin-top:10px;
}
		

img.arrow-left {
	width: 30px;
	margin: 0 5px 0 0;
}



img.arrow-right {
	width: 30px;
	margin: 0 0 0 5px;
}		
		
		.gap-wide {
width: 20px;height: 20px; 
}


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

	#block-report {
float: none;
margin: 10px 0 20px 0;
width: 100%;
}
	#block-home-cartoons {
	width: 100%;
		float: none;
        text-align: center;
}

#block-home-lookalikes {
	width: 100%;
	float: none;
    text-align: center;
}

	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 {
  background-color: #ffffff;
    margin: 12px 10px 0px 0px;

}

#menu
{

  margin: -120px 0px 0px -340px;
  padding: 160px 25px 10px 25px;
 width: 340px;
	  transform-origin: 0% 0%;
  transform: translate(0, -200%);
	transition: transform 0s cubic-bezier(0.77,0.2,0.05,1.0);
	
}
		
        
  #menuToggle span
{
  background: #444444;
        }
        
#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;	
}	


		img.home-box {
		margin: 0px 0px 20px 0px;
	padding: 0;
			float: none;
	width: calc(100% - 0px)
}
        
        
            #page-94-box {
	width: 100%;
float: none;
        
}	


#page-94-container {
        	width: 100%;
float: none;

}
		
		
		#page-94-subscribe {
				width: 100%;
		float: none;
margin: 20px 0 0px 0;

	}



		
		img.page-94-gnitty {
		width: 100%;
		float: none;
		margin: 0px 0px 10px 0;
	}
		
		
		
	#page-94-info {
        	padding: 20px 25px 20px 25px;
        	width: calc(100% - 52px);
float: none;
margin-bottom: 40px;
	}	
        
        

        .thumb-box {
        width: calc(50% - 10px);
	}
    .gap-2-vertical {
        width: 20px;
}
    .gap-2-horizontal {
        height: 30px;

}
        
        
           		#eyeplayer-header {

	text-align: center;

}
img.page-94-logo {
			

    height: 42px;
	}
		
 img.page-94-logo-mobile {

    height: 45px;
	}
	
	img.eyeplayer-logo {

    height: 45px;
	}

	#nav-box-eyeplayer {
		width: 100%;
	float: none;
	overflow: hidden;
	position: relative;
        bottom: auto;
        right: auto;
        padding: 5px 0px;
        border-top: 1px solid #c4d1e5;
        text-align: center;
        margin-top: 4px;
}
		
		
			.contact-box {
		
		float: none;
		width: calc(100% - 55px);
		margin: 0 0 25px 0;
		padding: 15px 25px 20px 25px;
		
	

		}
		
	
	.contact-box-gap {
		display: none;
	}
	
		.contact-gap {
		width: 100%;
		height: 10px;
		overflow: hidden;
	}

        
        
}



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

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


 #top-bar-sticky {

	 height: 75px;

}
	#empty-box {
			display:none;
		}
	
	#hamburger {
			display:none;
		}
	
	#top-bar {

	 height: auto;

}
    #leaderboard {
		width: auto;
		margin: 0;	padding: 0;
		
}
		.leaderboard-gam {
      		width: 100%;
margin: 0;	padding: 0;
			
}

#nav-box-mobile {
	    display: none;

}
	


    
	#mobile-logo {
	width: 245px;
					margin: 10px 0 0px 35px ;

	}		
			
			nav {
  
    margin: 7px 15px 0px 0px;
height: 45px;
width: 45px;

}
#menu
{
  margin: -85px 0px 0px -300px;
  padding: 110px 25px 00px 25px;
 width: 300px;
	  transform-origin: 0% 0%;
  transform: translate(0, -100%);
	transition: transform 0s cubic-bezier(0.77,0.2,0.05,1.0);
	
}
  

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







  .thumb-box {
        width: 100%;
      margin: 0 0 65px 0;
      float: none;
	}
    .gap-2-vertical {
        display: none;
}
    .gap-2-horizontal {
        display: none;

}
    
    .box-eyeplayer-thumb{
	margin: 0 0px 15px 0px;
	width: calc(100%);
        float: none;
}
	img.eyeplayer-thumb-logo {
	width: 45px;
	float: right;
	margin: 5px 0px 5px 5px;
}
    
    
    
    

}