.mobile-menu li a.fa-home:before {margin-right: 8px;}

@media only screen and (min-width: 1024px) {

.mobile-menu {padding: 0px;margin: 0px;}
.mobile-menu:after {clear: both;content: " ";display:block;font-size:0;height:0;visibility: hidden;}
.mobile-menu, .mobile-menu li {}

.mobile-menu li {list-style: none;display:inline-block;}

.mobile-menu li a {text-decoration: none;display: block;color: #fff;padding: 4px 8px 4px;margin: 0 3px;font-size:1.25em;}

.mobile-menu li.current > ul > li a {color:#fff;}

.mobile-menu li a:hover, .mobile-menu li.current a {color: #000;}

.mobile-menu li:hover > ul {visibility: visible;-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;}

.mobile-menu li ul{visibility:hidden;position:absolute;padding: 8px 0 6px;background:#008fbf;z-index:1000000;-webkit-opacity:0.25;-moz-opacity:0.25;opacity:0.25;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}

.mobile-menu li ul li{float: none;display:block;text-align:left;}

.mobile-menu li ul li a {padding: 4px 12px;font-size: 1em;}

.mobile-menu li ul li a:hover, .mobile-menu li ul li.current a, .mobile-menu > li.active.parent > a, .mobile-menu > li.active > a {text-decoration: none;color: #000;}

}


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

.nav-collapse{position: fixed;top: 0;bottom: 0;width: 60%;left: -60%;height: auto;overflow-y:scroll; background: #333;-webkit-transition-property: left, right, position;transition-property: left, right, position;-webkit-transition: 200ms ease;-moz-transition: 200ms ease;-o-transition: 200ms ease;transition: 200ms ease;}
  
.nav-collapse.open {left:0;-webkit-transition-property: left, right, position;transition-property: left, right, position;-webkit-transition: 200ms ease;-moz-transition: 200ms ease;-o-transition: 200ms ease;transition: 200ms ease;} 
  
.mobile-menu {position: relative;padding: 8px 4px 8px 0;}

.mobile-menu li {float: none;width: 100%;text-align: left;box-sizing: border-box;border-top: 1px solid #444;}
.mobile-menu li:last-child {border-bottom: 1px solid #444;}
.mobile-menu li ul li:last-child {border-bottom: none;}

.mobile-menu li a{width: 100%;padding: .75em 1em;display:inline-block;color: #fff;text-decoration:none;border-left: 3px solid transparent;}  

.mobile-menu li.current a,
.mobile-menu li ul li.current a {background: #222;border-left: 3px solid #008fbf;} 

.mobile-menu li.current ul li a {background:none;border-left: 3px solid transparent;}


.mobile-menu li ul li a {padding: 0.5em 3em;}
.mobile-menu li ul li ul li a {padding: 0.5em 4em;}

#page {left: 0;right: 0;position: absolute;-webkit-transition-property: left, right, position;transition-property: left, right, position;-webkit-transition: 200ms ease;-moz-transition: 200ms ease;-o-transition: 200ms ease;transition: 200ms ease;}

#page.open {left: 60%;right: -60%;position:fixed;}
  
.page-link {width: 100%; height: 100%;}  


}