/* Layout Medium Screens */
.header { 
  height: 72px; 
}
  .header a.logo { 
	width: 164px; 
	height: 52px; 
	top: 10px; 
	left: 20px; 
	background-position: 0 -73px; 
  }

.page, 
.footer, 
.container,
.product .blueBanner,
.product .oneColumn,
.product .twoColumns,
.product .threeColumns,
.product .promo_container,
.product .fourColumns {
  width: auto;
}
.promo_container { 
  padding: 20px 0 15px 20px; 
}
  .promo_container .promo .content { 
	padding: 110px 20px 0px 0px; 
  }

.footerContainer { 
  min-width: 0; 
}

/* Menu */
.product-list {
  margin: 45px 5px 0 0;
}
  .product-list ul li div.products-show {
	width:80%;	
	right:0;
  }
  .product-list > ul > li > a {
	padding-bottom: 6px;
  }

/* Banner */
.banner .content {
  background: url("../images/shield-big.png") no-repeat; 
}
.banner .content h3 { 
  font-size: 20px;
  margin-bottom: 5px;  
}
  .banner.japan .content h3  { 
	font-size: 16px; 
  }
  
.banner .content p.topCopy { 
  font-size: 13px; 
  line-height: 18px; 
  margin: 20px 5px 10px 0px; 
}
.banner .content p.longCopy { 
  font-size: 12px; 
  line-height: 17px; 
  margin: 0 20px 0 0; 
}
.banner.zero .cta a { 
  background-size: 6px 15px;
}
.banner.three .content,
.banner.five .content { 
  margin-top: 0px; 
}
.banner .cta { 
  margin-top: 20px;
}
  .banner .cta a { 
	font-size: 15px; 
	padding: 5px 30px 3px 15px;
	background-size: 6px 15px;
  }
.banner .buttons a { 
  width: 100px; 
  height: 30px; 
}
  .banner .buttons a.appleButton {
	background-position: 0 -90px; 
  }
  .banner .buttons a.googleButton { 
	background-position: 0 -122px; 
  }
  
  
/* Product Page Styles */
.product .blueContainer,
.product .whiteContainer,
.product .grayContainer,
.product .darkContainer {
  padding: 30px 0;
} 
.product .blueBanner .half,
.product .half.diagram {
  float: none;
  width: 100%;
} 
  .product .half.diagram img {
	float: none;
	width: 100%;
	margin-top: 30px;
  } 
.product .blueBanner .half {
  text-align: center;
}  
.product .blueBanner .half img { 
	width: 70% 
  }
  
.product .promo_container { 
  padding: 20px 0 15px 20px; 
}
.product .promo_container .promo .content { 
	padding: 80px 20px 0px 0px; 
  }
.product .whiteContainer .compatible h4,	  
.product .whiteContainer .compatible p,
.product .whiteContainer .compatible ul {     
  margin-left: 30px;
}  



/* Berserk Styles */
.product.berserk .blueContainer h1 {
	padding-top: 0;
	font-size: 45px;
}
.product.berserk .blueBanner .half {
	width: 65%;
  	text-align: left;
	float: left;
} 	
.product.berserk img.diagram {     
	 margin: 0px auto;
	 width: 80%;
	 display: block;
	 padding-top: 10px;
	 padding-bottom: 20px;
	}
.product.berserk img.berserkShield {     
	 float: right;
	 margin-left: 10px;
	 margin-bottom: 10px;
	}
	
#tabs {
	display: block;
	width: 100%;
}
#tabs li {
	display: block;
	margin: 0;
}

/*Brightcove*/
.BrightcoveExperience {
  width: 100%;
}
.product .half h1 {
  margin-top: 20px;
}