*{ max-width:  100%;}

#logo{
	position: absolute;
	left: 10px;
	padding: 0 6px;
	width: 180px;
	overflow: hidden;
	height: 30px;
	line-height: 28px;
	border: 0px solid white;
	text-align: left;
	margin-top: 7px;
}
#logo a{
	text-align: left;
	color: #e8e8e8;
	font-size: 10.2px;
	text-transform: uppercase;
	font-weight: 800;
	width: auto;
	height: 30px;
max- width: 90%; 		white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
} 
  

#navMain { width:100%;height:60px; position: fixed; left: 0px; top: 0px; background: #000;z-index:100;}
#logo{   top: 10px;  z-index:500; }
#logo strong {  font-size: 15px;}
#hamburger {  height:30px;  width:30px;position:fixed; top:16px;right:16px; z-index:500;transition:all 0.2s ease-in-out; }

#hamburger span{ height:2px; width:30px; 
position:absolute;left:0px;
display:block;   background:#fff;
-webkit-transition:all 0.2s ease-in-out 100ms; 
transition:all 0.2s ease-in-out 100ms;
} 
#hamburger.hamburgerOpen  {transform: rotate(90deg);}
#hamburger.hamburgerOpen span{ background:#fff;  }
#hamburger #bar1 { top:2px} 
#hamburger #bar2 {top: 12px}
#hamburger #bar3 { top:22px}

#navMain.navMainOpen #hamburger #bar1{ transform: rotate(45deg); top:12px; }
#navMain.navMainOpen #hamburger #bar2{ opacity:0 ;}
#navMain.navMainOpen #hamburger #bar3{ transform: rotate(-45deg); top:12px;} 

 #navMain ul#navMainUL {
height:100%;
overflow:auto;
position: fixed;
padding:80px 20px 50px 20px; top: 0px; 
left:-110%;
z-index:100;
display: block;
width: 100%; 
  background: #000;transition:all 0.2s ease-in-out;
}

#navMain.navMainOpen ul#navMainUL{ 
left:0px; 
}
#navMain ul, #navMain ul li  { margin: 0; padding: 0px; }
#navMain ul li { margin: 15px 0; }
#navMain ul li a {  display: block; color: #fff; letter-spacing: 0.2px; font-size: 18px; margin: 0; padding: 0px; text-transform: uppercase; font-weight: 500;	height: 24px;line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
#navMain ul li a:not(.mainCategory){ margin-left:18px}
 
#navMain .subCat{ display: none;transition:all 0.2s ease-in-out; margin: 0; padding: 0px 0 30px 0; }
#navMain .subCat li{ margin:0px 0; padding:0;padding:0px  0px; } 
#navMain .subCat a{font-size: 15px; margin: 0; padding:6px  0px; min-height: 30px; white-space:normal; opacity:0.85; }

#navMain li.maincatName ,#navMain  li#catEditorNav ,#navMain .subCat li#catEditorNavSpacer{ display: none}

#navMain ul  a.mainCategory span{
	margin: 0 10px  0 0 ;
	width: 8px;
	background-position:  0% 50%;
	background-repeat: no-repeat;
	height: 24px;
	display: block;
	float: left;
	position: relative;
	background-image: url(../images/icons/plusWhite.png);
	background-size: contain;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	opacity: 0.8;
}  

#navMain ul  li a span{ color: #fff}

#navMain ul li a#devAdmin, #navMain ul#navSubDEV li a { color: #FF6600}

#signOut{ display: none;}
#navMain ul li#signOutMob{ margin-top: 40px;height:44px; margin-left: 0px;   border: 0px solid white}
#navMain ul li#signOutMob a{ font-size: 12px;height:44px;line-height: 44px; display: block; padding-left: 0 }
#signOutMob span{float:left; display:block; width:20px; height:44px;background-image:var(--signOut) ; background-size:15px; background-repeat:no-repeat; background-position:0% 50%;border: 0px solid white } 
#navMain #numEnq{ display: inline; font:inherit; font-style: normal}


#wrapper{  width:100%; margin:80px auto; padding:0px 10px; position:relative;  z-index:1; min-height: 90vh;}

#wrapper h5.settingSections, #wrapper div.settingSections{ height:auto; border:none}
#wrapper div.settingSections p , #wrapper div.settingSections a  { float: none; width: 100%; max-width: 300px; clear: both; margin: 4px 0}

.divTableRow , .divTableRow p{ height:auto}
.mobile .sliders{ margin-left:6%; width:95%}

.floatLeft, .floatRight, .endColumn , .divTableRow p.endColumn{ float:none;}
.TAR{ text-align:left}