/*Styles for screen 650px and lower*/
@media screen and (max-width: 768px) 
{	
	.Top { height:auto; border-bottom:0; padding:0;}
	.mnTopBox { min-height:30px;}
	.mainContent, .cols3 { clear:both; padding:10px 2%; width:96%;}
	.Right { clear:both; width:100% !important;}
	#divRight { width:100%; margin-left:5px;}
	.mnTopSearch { width:100%; }
	.mnTop ul li { padding:10px 0; white-space:nowrap;}
	.breadcrumbs { clear:both; position:relative; height:auto; padding:3px;}
	.breadcrumbs .pnSearch { position:relative; clear:both; left:5px;}
	.cartHeader { display:none;}
	
	.mnTopSearch input[type="text"] { width:250px;}
	.Top .Support:before { clear:both; width:100%;}
	.Banner .Logo, .Banner .mnTopSearch, .Banner .Support { padding:5px 0; clear:both; width:100%; position:relative; top:0; left:0; text-align:center;}
	
	.mainContentF .mItem,.AItem, .mainContent .mItem { width:49%;}
	
	.leftBoxContainer { width:46%; float:left; margin:1%;}
	.FooterBox { width:100%;}
	.FooterCopyright { width:100%;}
	
	.newsItem img { width:27%;}
	.newsItem .title { width:70% ;padding-top: 0px;}
	.newsItem .desc {width:100% !important; clear:both;} 
	
	.FooterBox { width:100%;}
	.FooterCopyright { width:100%;}
	.FooterMenu { clear:both; height:auto;width:100%;}
	.FooterMenu ul { margin:0px; border:none;}
	.FooterMenu ul li { display:block; text-transform:uppercase; text-align:center; width: 46%;float: left;margin: 1px;border: 0px;padding: 5px;border-radius: 3px;}
	.foCopyright img { width:100%;}
	.foCopyright p { text-align:center !important;}
	
	.mnLeftTop1, .mnLeftContent1, .mnLeftBot1 { margin:auto;}
	
	.topmenu { display:block;}
	#topmenu { display:none;}
	.mnTop { height:auto; border-bottom:none;}
	
	nav { 
  		height: auto;
  	}
  	.mnTop ul{ display:none;}
  	nav a#pull {
		display: block;
		background-color: #0882c5;
		position: relative;
		padding:10px;
		color:White;
		font-size:10pt;
	}
	nav a#pull:after {
		content:"";
		background: url('../../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 35px;
		top: 5px;
	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 49%;
  		float: left;
  		position: relative;
  	}
  	
  	.nContent table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.nContent thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.nContent tr { border: 1px solid #ccc; margin-top:-1px; }
	
	.nContent td { 
		/* Behave  like a "row" border-bottom: 1px solid #eee; */
		border: none;
		
		position: relative;
		padding:10px;
	}
	
	.nContent td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		padding-top:5px;
		padding-bottom:5px;
	}
}