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

.mobile-menu {padding: 0px;margin: 0px;line-height: 1.5em}
.mobile-menu a {text-decoration: none;}
.mobile-menu:after {clear: both;content: " ";display:block;font-size:0;height:0;visibility: hidden;}
    
#top-menu.center {text-align: center;width: 100%}    
#top-menu.center .mobile-menu{list-style: none;display: inline-block;text-align: center;}

.mobile-menu >li {list-style: none;float:left;text-align: left;}

.mobile-menu > li > a {text-decoration: none;display: block;color: #fff;padding: 8px 8px 6px;margin: 8px 16px 0;font-weight: 600;border-bottom: 2px solid transparent;}

.mobile-menu > li > a:hover, .mobile-menu > li.current > a,.mobile-menu > li.active > a, .mobile-menu > li > a.active {color: #FF0000;background: none;border-bottom: 2px solid #FF0000;}

.mobile-menu > li:hover > ul {max-height: 600px; visibility: visible;-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}

.mobile-menu > li > ul{max-height: 0; display:inline;visibility:hidden;position:absolute;padding: 8px 0 6px;background:#666;z-index:1000000;-webkit-opacity:0;-moz-opacity:0;opacity:0;margin-left:3px;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-ms-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear}

.mobile-menu > li > ul > li{list-style: none;text-align: left;}

.mobile-menu > li > ul > li > a {padding: 4px 12px;font-size: 14px;color:#fff;}

.mobile-menu > li.active.parent > ul > li > a {text-decoration: none;}    
.mobile-menu > li.current.active.parent > ul > li > a {text-decoration: none!important;}
.mobile-menu > li.current.active.parent > ul > li > a:hover {text-decoration: underline!important;}

.mobile-menu > li > ul > li a:hover, .mobile-menu > li.current > ul > li > a, .mobile-menu > li > ul > li.current > a,.mobile-menu > li.active.parent > ul > li.current > a{text-decoration: underline!important;}
    
.item-110 > ul {width: 96px;}
}


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

.nav-collapse{position: fixed;top: 0;bottom: 0;width: 50%;left: -50%;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 #FF0000;} 

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


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

#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: 50%;right: -50%;position:fixed;}
  
.page-link {width: 100%; height: 100%;}  

}