@media screen and (max-width: 1024px) {
	/**header and page styles**/
	header {min-width:920px;padding-top: 5px;}
	#pageTitle {float:left; min-width:640px; margin-top: -4px; margin-left: 0;}
	#pageTitle span {text-align:center; font-size: 48pt; width:700px;}
	#navItems {top:-68px; padding-bottom:0; margin-top: 0;}
	#menuBurger {display:inline-block;}
	#navItems {display:none;}
	.right {float: left;}
	
	/**Banner style**/
	h2{margin-top: 32px;}
	h3{font-size: 1.15rem;}
	#banner {min-width:920px; content: url("../images/banner4.jpg");}
	#bannerImg {min-width:988px;}
	.thumbnailInfo p {font-size: 0.95rem;}
	
	/**Back to Top button style**/
	
	#backtotopButton {width: 72px; height: 72px; margin-bottom: -12px;}
	#backtotopButton img {width:72px; height:72px;margin-left:1px;}
	#backtotopText{min-width: 72px;	margin-bottom: 4px;}
	
	/**Sample library pages style**/
	.shopLinks ul li {padding-bottom: 24px;padding-top: 4px;font-size:1.7rem;}
	.shopLinks ul li button {padding-bottom: 24px;padding-top: 4px;font-size:1.7rem;}

	.extLink::after {
		background-image: url('../images/icons/newTab.png');
		background-size:18px 18px;
		display: inline-block;
		margin-left: 6px;
		margin-bottom: 14px;
		width: 18px;
		height:18px;
		content:"";
	}
	a:hover .extLink::after {
		background-image: url('../images/icons/newTabHover.png');
	}

	.extLink:hover::after {
		background-image: url('../images/icons/newTabHover.png');
	}
}