@media only screen and (max-width: 768px) {

.pull-right a.nav-expander 
{  display: block;color: #333;  font-size: 20px;  margin-right: 0;  padding: 1em 1.6em 2em;  position: absolute;  right: 0;  text-decoration: none;  text-transform: uppercase;  top: 0;  transition: right 0.3s ease-in-out 0s;  z-index: 12;  transition: right 0.3s ease-in-out 0s, background linear 0.3s;  -webkit-transition: right 0.3s ease-in-out 0s, background linear 0.3s;  -moz-transition: right 0.3s ease-in-out 0s, background linear 0.3s;  -o-transition: right 0.3s ease-in-out 0s, background linear 0.3s; padding-top: 23px;}

a.nav-expander:hover 
{  cursor: pointer;}
a.nav-expander.fixed 
{  position: fixed;}
.nav-expanded a.nav-expander.fixed 
{    right: 20em;}
nav 
{  
	background: #474747;
	display: block;
	height: 100%;
	overflow: auto;
	position: fixed;
	right: -200em;
	font-size: 15px;
	top: 0;
	width: 20em;
	z-index: 2000;
	transition: right 0.3s ease-in-out 0s;
	-webkit-transition: right 0.3s ease-in-out 0s;
	-moz-transition: right 0.3s ease-in-out 0s;
	-o-transition: right 0.3s ease-in-out 0s;
}
.nav-expanded nav 
{  
	right: 0;
}
body.nav-expanded 
{  
	margin-left: 0em;
	transition: right 0.4s ease-in-out 0s; 
	-webkit-transition: right 0.4s ease-in-out 0s;
	-moz-transition: right 0.4s ease-in-out 0s;
	-o-transition: right 0.4s ease-in-out 0s;
}

#nav-close 
{      
	font-weight: 300;  
	font-size: 15px;  
	padding-right: 15px;
	float: right; 
	padding-left: 15px;
	background-color: #fff; 
	padding-top: 10px; 
	padding-bottom: 10px;
	color: #000;
}
.main-menu 
{  padding-top: 20px;  list-style: none;  padding: 0;}.innerLinkWrapper{  display:block;  background-color: #3c3c3c;   padding: 10px;   padding-left: 15px;  }.ul-level-2 .innerLinkWrapper{  margin-left: 20px;}.ul-level-3 .innerLinkWrapper{  padding-left: 25px;}.innerLinkWrapper .icon{  float:right;}.main-menu li {   font-size: 16px;      margin-top: 10px;  margin-bottom: 10px;}.main-menu li.text-right{  background-color: transparent;    margin-bottom: 30px;  padding-top: 10px;  text-align: right;    }.main-menu li.text-right a#nav-close{  display:initial;  float:none;  margin: 15px;}.main-menu li a {  color: #fff;  text-decoration: none;    font-size: 15px;   display:block;}.main-menu li a:hover .innerLinkWrapper {  background-color: #313131}.main-menu li a:hover {   text-decoration: none;}.main-menu li .sub-nav {  border-bottom: 0px;  padding: 4px;}.main-menu a .caret {  width: 0;  height: 0;  display: inline-block;  vertical-align: top;  border-top: 4px solid #fff;  border-right: 4px solid transparent;  border-left: 4px solid transparent;  content: "";    margin-top: 8px;  display:none;}.main-menu a:hover .caret {  border-top-color: #4f5963;}.main-menu li.open > a > span.icon:before{  content: '\f106';  }.main-menu li.open > a > .caret {  border-top: none;  border-bottom: 4px solid #4f5963;  border-right: 4px solid transparent;  border-left: 4px solid transparent;}.main-menu li.open > a:hover > .caret {  border-bottom-color: #4f5963;}.icon:before {  font-family: 'FontAwesome';  font-style: normal;  font-variant: normal;  font-weight: normal;  line-height: 1;  text-transform: none;  content: '\f107';font-size: 16px;}.main-menu li > a > span.icon {  float: right;  margin: 0.1em 1.7em -0.1em 0;  opacity: 1;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;  margin-right: 0;}.main-menu li > a:hover > span.icon {  float: right;    opacity: 1;}.navbar-inverse{  background: transparent;}.navbar-fixed-top {top: 0;border-width: 0 0 0px;}.ul-level-2,.ul-level-3{  padding: 0;  list-style: none;}.ul-level-2 li,.ul-level-3 li{  margin-left: 0;  padding-right: 0;}.subPagesCount{  float:right;  font-size: 10px;  margin-right: 8px;}
	
}