@media only screen 
and (min-width : 768px) and (max-width : 1023px) {
	body				{	
		font-size: 90%;
	}
	.fa-5x				{	
		font-size: 4em;
	}
	.homeBox	{ padding:10px; margin: 5px; }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 767px) {
/* Styles */
	body				{	
		font-size: 80%;
	}
	/*	Main Site Content Panel Styles	*/
	
	#siteContainer									{	width: 100%;	margin: 0 auto 20px auto;	padding: 0;	background-color: #FFFFFF;	border: 0; border-radius: 0;	}
	#siteContainerLiner							{	padding: 0;	}
	
	#siteCloseoutLiner 							{   padding: 5px ;	}
	
	#mainContentPanel								{	width: auto;	float: none;	}

	#homePanel										{	margin: 0;	}
	#homePanelWide									{	margin: 0;	}
	#homePanelWideLeft							{	margin: 0;	}
	#homePanelFull									{	margin: 0;	}

	#pagesPanel										{	margin: 0;	}
	#pagesPanelWide								{	margin: 0;	}
	#pagesPanelFull								{	margin: 0;	}

	#orderPanel										{	margin: 0;	}

	#mainPanels										{	margin: 0;	}

	section#leftBlocks							{	display: none;	}
	section#leftBlocksWide						{	display: none;	}
	section#rightBlocks							{	display: none;	}
	section#rightBlocksWide						{	display: none;	}

	#pagesPanelForProduct						{	margin: 0;	}
	#pagesPanelForProducts						{	margin: 0;	}
	#pagesPanelForProductFull					{	margin: 0;	}
	#pagesPanelForProductsFull					{	margin: 0;	}
	#pagesPanelForProductWide					{	margin: 0;	}
	#pagesPanelForProductsWide					{	margin: 0;	}

	#preBanner										{	display: none;	}

	#preBanner										{	display: none;	}
	
/*	div#siteBanner													{	margin: 0; padding: 0;background-color: #7C4889;border-bottom:2px solid #7C4889; 	}
	div#siteBannerContainer										{	border-bottom:1px solid #FFF; 	}
	div#siteBannerLeft											{	width: 50%; float: left; text-align: center;display: block; background-color: #FFF;	}
	div#siteBannerLeft img										{	width:100%;max-width:125px; margin: 0 auto;	}
	div#siteBannerRight											{	display: none;	}
	div#siteBannerCentre											{	display: none;	}
	div#siteBannerMobile											{	width: 50%; float: right; text-align: center;	}*/

	div#siteBanner													{	margin: 0; padding: 0;background-color: #FFF;border-bottom:0; 	}
	div#siteBannerContainer										{	border-bottom:0; 	}
	div#siteBannerLeft											{	width: 50%; float: left; text-align: center;display: block; background-color: #FFF;	}
	div#siteBannerLeft img										{	width:100%;max-width:125px; margin: 0 auto;	}
	div#siteBannerRight											{	display: none;	}
	div#siteBannerCentre											{	display: none;	}
	div#siteBannerDesktop										{	display:none;	}
	div#siteBannerMobile											{	display:block;	}
	div#siteBannerMobileLeft									{	width: 100%; float: none; text-align: center;display: block;	}
	div#siteBannerMobileLeft img								{	width:100%;max-width:125px; margin: 0 auto;display:block;	}
	div#siteBannerMobileRight									{	width: 100%; float: none; text-align: center;display: block;	}
	
	#homePanelLiner, 
	#homePanelWideLiner,
	#homePanelWideLeftLiner,
	#homePanelFullLiner, 
	#pagesPanelLiner, 
	#pagesPanelWideLiner, 
	#pagesPanelFullLiner, 
	#orderPanelLiner,
	#pagesPanelForProductLiner,
	#pagesPanelForProductsLiner,
	#pagesPanelForProductFullLiner,
	#pagesPanelForProductsFullLiner,
	#pagesPanelForProductWideLiner,
	#pagesPanelForProductsWideLiner,
	#leftBlocksLiner, 
	#leftBlocksWideLiner, 
	#rightBlocksLiner, 
	#rightBlocksWideLiner								{	margin: 0;	}
	
	footer#mainSiteFooter 										{  margin: 0;  padding: 10px 0 0 0;	}
	#siteFooters													{	margin: 0; font-size: 100%; padding: 10px 0;	}
	#siteFooters #footersTop 									{  margin: 0 0 10px 0;  padding: 10px;	}
	#siteFooters #footersMid 									{  margin: 0 0 10px 0;  padding: 10px;	}
	#siteFooters #footersMid img.scaledHW					{  width: 100%; display: block;	}
	#siteFooters #footerColumns 								{  margin: 0;  padding: 5px 0; }
	#siteFooters #footerColumns #footerColumnsCol1,
	#siteFooters #footerColumns #footerColumnsCol2		{	margin: 0 0 10px 0;	padding: 0;	width: 50%;	float: left; text-align: left;	}
	#siteFooters #footerColumns #footerColumnsCol3,
	#siteFooters #footerColumns #footerColumnsCol4		{	margin: 0 0 10px 0;	padding: 0;	width: auto;	float: none; text-align: center;	}
	#siteFooters #footerColumns #footerColumnsCol3		{	clear: both;	}
	#siteFooters #footerSubscribe 							{  margin: 0;  padding: 5px 0;	}
	
	div#slidesContainer								{	margin: 0 5px;	}
	
	
	div#productFilterPanel 	{    margin: 5px 0;    width: auto;    float: none;}	
	div#productListings	 	{    margin: 5px 0;    width: auto;    float: none;}	
	form#UserControls1 #UserControlSorts{width:50%;float:right;text-align:right;}
	form#UserControls1 #UserControlFiltersToggle {width:50%;float:left; margin: 0;}
	
div#randomProductPanel1List > .highlightContainer2Up,
div#randomProductPanel2List > .highlightContainer2Up,
div#randomProductPanel3List > .highlightContainer2Up,
div#randomProductPanel4List > .highlightContainer2Up,
div#randomProductPanel5List > .highlightContainer2Up,
div#randomProductPanel6List > .highlightContainer2Up	{ flex: 1 1 80%;margin: 0 5px 10px 5px; }
div#randomProductPanel1List > .highlightContainer,
div#randomProductPanel2List > .highlightContainer,
div#randomProductPanel3List > .highlightContainer,
div#randomProductPanel4List > .highlightContainer,
div#randomProductPanel5List > .highlightContainer,
div#randomProductPanel6List > .highlightContainer	{ flex: 1 1 80%; margin: 0 5px 10px 5px; }
div#randomProductPanel1List > .highlightContainer4Up,
div#randomProductPanel2List > .highlightContainer4Up,
div#randomProductPanel3List > .highlightContainer4Up,
div#randomProductPanel4List > .highlightContainer4Up,
div#randomProductPanel5List > .highlightContainer4Up,
div#randomProductPanel6List > .highlightContainer4Up	{ flex: 1 1 40%; margin: 0 5px 10px 5px; }
	
	form.buyit														{	margin: 20px;	}
	
	div.productRight												{	width: auto; float: none; margin: 0 5px; }
	div.productLeft												{	width: auto; float: none; margin: 0 5px; }
	div.productRightR												{	width: auto; float: none; margin: 0 5px; }
	div.productLeftR												{	width: auto; float: none; margin: 0 5px; }
	div.productReview												{	width: auto; float: none; margin: 0 5px; }
	div#productReviews div.c0									{	margin: 0 0 20px 0;	}
	div#productReviews div.c1									{	margin: 0 0 20px 0;	}
	form#reviewForm div.checkoutNotes,
	form#customer_detail div.checkoutNotes 				{	float: none;	margin: 10px 0; width: auto; line-height: normal; clear: both;	}
	form#reviewForm div.checkoutNotes p,
	form#customer_detail div.checkoutNotes p 				{	margin: 0;	color: #666666;	}
	form#UserControls1											{	width: auto; float: none;	}	
	form#UserControls1 .hideNarrow							{	display: none;	}
	
div.brandRecord		{	width: 33.33%;}
div.brandRecord:nth-child(3n+1)		{	clear: left;}
div.brandRecordLiner	{	margin: 0 5px 20px 5px;}
div.brandRecord img	{	width: 90%;}

article#brand													{	margin: 0 5px 20px 5px;	}
article#brand div.brandLogo								{	width:90%;margin: 0 auto;	}
article#brand div.brandLogo img							{	width:100%; max-width:400px; display:block; margin: 0 auto;	}
	
	nav#dtNav 														{	display: none;	}
	ul#primaryNav													{	display: none;	}
	div#primaryNavDD												{	display: block;	}
	div#mNavToggle													{	display: block;	}
	div#mNavToggle img											{	width: 100%; max-width: 37px; 	}
	div#mobileSearch												{	display: block;	}
	div#mobileBasket												{	display: block;	}
	div#mobilePhone												{	display: block;	}
	
	
	div.masterCategoryEntry			{	width: 50%; float: left; margin: 0 0 10px 0;	}
	div.masterCategoryWrapper		{	margin: 0 5px 10px 5px; 	}
	div.masterCategoryDetail h2 a	{	padding: 10px; margin: 0;	}

	
	div.masterCategoryImage img								{	width: 100%;	}
	
	div.offerCategoryHeader			{	margin: 0 5px;	}

div#productTabs												{	margin: 20px 5px;	}
div.tabHeader													{	font-size: 80%;	}
	

div.productDisclaimer										{margin: 20px 5px;	}	
div.activeTabHeading 										{	width:30%;	}
div.activeTabHeading div.tabLiner						{	margin: 0 10px 0 0; padding: 10px; border-top-right-radius: 5px; border-top-left-radius: 5px;}
div.inactiveTabHeading										{	width:30%;	}
div.inactiveTabHeading div.tabLiner						{	margin: 0 10px 0 0; padding: 10px; border-top-right-radius: 5px; border-top-left-radius: 5px;}
div.inactiveTabHeading div.tabLiner:hover				{	margin: 0 10px 0 0; padding: 10px;}
	
	section.pricing											{	margin: 0;	}
	
	article.productListingC1 div.productListing1,
	article.productListingC2 div.productListing2,
	article.productListingC3 div.productListing3,
	article.productListingC4 div.productListing4,
	article.productListingC5 div.productListing5,
	article.productListingC2 div.productListing1,
	article.productListingC3 div.productListing1, article.productListingC3 div.productListing2,
	article.productListingC4 div.productListing1, article.productListingC4 div.productListing2, article.productListingC4 div.productListing3,
	article.productListingC5 div.productListing1, article.productListingC5 div.productListing2, article.productListingC5 div.productListing3, article.productListingC5 div.productListing4
																	{	margin: 0 5px 10px 5px; padding: 5px 0 0 0;	}
	div.subCatProductImage									{	margin: 0; border: 0; border-radius: 0; background-color: #FFFFFF; }
	div.productListingBrand									{	padding: 0 5px; }
	div.productListingModel									{	padding: 0 5px; }
	
	div#offerRecords div.offerProductWrapper			{	margin: 0 5px 10px 5px; padding: 5px 0 0 0; }
	div#offerRecords div.offerProductImage				{	margin: 5px; border: 5px solid #FFFFFF;	}

	form#productPMRForm										{	margin: 10px;	padding: 0; }
	form#productPMRForm fieldset							{	margin: 10px 0;	padding: 5px; }

	div#offerRecords div.offerProduct					{		}
	div#offerRecords div.offerProductWrapper			{	margin: 0 5px 10px 5px; padding: 5px 0 0 0;	}
	div.offerCategory											{	width: auto; float:none;	}
	div.offerCategoryWrapper								{	margin: 0 5px 10px 5px;	}
	div.offerCategory,
div.offerCategoryCondensed										{	width: auto; float:none;	}
	
div.offerRecordsSubcategory									{	grid-template-columns: 50% 50%	}
div.offerRecordsSubcategory h2								{	grid-column-end: 3;	}
	
	
div.masterCategoryEntry									{	width:auto; float:none;	}

	div.masterCategoryPageBrand						{	width: 25%;	}
	div.masterCategoryPageBrand img					{	width: 100%;	}
div.masterCategoryPageSubCategory										{	width:auto; float:none;	}
div.masterCategoryPageSubCategory a										{	margin:0 5px; padding: 5px 10px; 	}
div.masterCategoryPageSubCategory:nth-of-type(2n+1)					{	clear:left;	}

	
div#cpLeft																		{	width: auto; float: none; margin:0 0 20px 5px;	}
div#cpRight																		{	width: auto; float: none;	}
div.siteContactsForm,
div.siteContactsText	{
	width: auto; float: none; margin:0 0 20px 0;
}

h1.heroH1			{ font-size: 2em;}
h2.heroH2			{ font-size: 1em;}


/*	.halfWidth				{	width: 100%; float: none;	}
	.thirdWidth				{	width: 50%; float: left;	}
	.thirdWidth.toFull				{	width: 100%; float: none;	}
	.halfWidth .thirdWidth	{	width: 33.33%;	}
	.quarterWidth			{	width: 50%;	}
	.eighthWidth			{	width: 25%;	}
.twoFifthsWidth		{	width: 50%;	}
.threeFifthsWidth		{	width: 100%;	}
*/
	.mt0r0b20l0				{	margin: 0 0 10px 0;	}
.p0						{	padding: 0;	}
.p010						{	padding: 0 5px;	}
.p1010					{	padding: 5px;	}
.p2020					{	padding: 10px;	}
.p100						{	padding: 5px 0;	}
.m0						{	margin: 0;	}
.mt20r0b0l0				{	margin: 10px 0 0 0;	}
.mt0r0b20l0				{	margin: 0 0 10px 0;	}
.mt20						{	margin-top: 10px;	}
.mr20						{	margin-right: 10px;	}
.mb20						{	margin-bottom: 10px;	}
.ml20						{	margin-left: 10px;	}
.mt10						{	margin-top: 5px;	}
.mr10						{	margin-right: 5px;	}
.mb10						{	margin-bottom: 5px;	}
.ml10						{	margin-left: 5px;	}
.mt0r20b20l0			{	margin: 0 10px 10px 0;	}
	
	div.liner					{	margin: 0 5px;	}
	
	div.hpTabActive		{	width: 30%; font-size: 80%;	}
	div.hpTabInActive		{	width: 30%; font-size: 80%;	}
	
	div.rpModel																		{	min-height: 3em; }

	div.newsStoryWrapper 									{ width: 50%;float: left; margin: 20px 0 0 0;}
	div.newsStoryWrapper:nth-child(2n+1)				{ clear:left;}
	
	.productHeaderButton {
    	margin: 2px;
	}

}

@media only screen 
and (max-width : 320px) {
/* Styles */
	body				{	
		font-size: 70%;
		line-height: 160%;
	}
}

@media only screen 
and (min-width : 768px) {
/* Styles */
	
}

@media only screen 
and (max-width : 1080px) {
/* Styles */
	nav#dtNav ul.primaryNav li a { padding: 0 5px; font-size: 85%;	}
	nav#dtNav ul.primaryNav li a span { display:none;	}
}

@media only screen 
and (max-width : 1280px) {
/* Styles */
	.productHeaderButton {
    	padding: 0.5rem;
    	font-size: 80%;
	}
}