@media (max-width:1236px) {
   .headerMenu, .crumbContainer,
   .banner, .topmenu, 
	.footerInfo, .footerBase, 
	.middle, .middleHome, .middleWide, .middleNoPadding,
	.related	{width:100%;padding-left:1em;padding-right:1em;} 
}


@media (min-width:0) and (max-width:47.938em) { /* 767px */
	.banner 				{padding:0;}
	.headerMenuContainer {display:none;}
	.logo {padding:10px 0 16px 10px;width:100%;}
	#menu, .topnav 		{display:none;}
	.slicknav_menu			{display:block;}
	.mobileHeaderLinks	{display:block;}	
	.slicknav_btn {
		position:absolute;
		top:0;
		right:10px;
		padding-top: 0;
		margin: 113px 0 0;
		}
	.topRight {
		width: 100%;
		padding-top: 6px;
		padding-bottom: 6px;
		text-align: left;
		background-color:#2c3a92;
		}
	.icon-bars:after		{content: url('mobile-menu.png');}

	.phone {display:inline;padding-left:10px;margin:0;color:#ffffff;}
	.phone a	{display:inline-block;color:#ffffff;}
	.phone a:hover {color:#ffffff;}
	
	.mobileCart {
		display: block;
		position: absolute;
		right: 16px;
		margin-top: 30px;
		float: right;
	}
	.mobileCart #miniCart {font-size:0;}
	.mobileCart #miniCart a {padding-left:0;}
	.topRight #miniCart {display:none;}
	
	

}

@media (min-width:0) and (max-width:40.000em) { /* 640px */
   .footerInfo .sideBySide-Col2 {text-align:left;}
   .colourRow .sideBySide-Col1 {margin-bottom: 24px;}
   .colourRow .sideBySide-Col2 {float:left;}
}

@media (min-width:0) and (max-width:30.000em) { /* 480px */	
   .lastCrumb {display:none;}
}

@media (max-width:858px) {
	.bannerText h1 {padding-top:24px;}
}

@media (max-width:340px) {
	.logo {width: 240px;}
	.slicknav_btn {margin-top: 102px;}
	.mobileCart {margin-top: 26px;}
	.linkButton {padding: 9px 16px;min-width: 195px;text-align: center;}
}