/*.navbar-brand{ float:left;}
.menu-link { display: none;}
.menu { float: left;-webkit-transition: all 0.3s ease;   -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.menu ul { padding: 0px; margin-top: 0px; list-style: none;position: relative; display: inline-table;}
.menu > li > ul.sub-menu {min-width: 10em;padding: 4px 0;background-color: #f4f4f4;border: 1px solid #CCC;}
.menu ul li { padding: 0px; }
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none; color: #000; font-size: .9em; }
.menu ul li > a { height:45px; padding: 12px 12px; }
.menu ul ul { display: none; position: absolute; top:100%;min-width: 160px;background-color: #f4f4f4; border: 1px solid #CCC;}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; }
.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #f4f4f4; }
.menu ul ul > li a:hover { background-color: #0f86e0; color: #fff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }
@media all and (max-width: 768px) {
#header {position:inherit !important;z-index:1000;width:100%;top:0;}
#main-slider .carousel .item {background-position: 50% center; background-repeat: no-repeat; background-size: cover;display: block !important; height: 450px; left: 0 !important; margin-top: 0px !important; opacity: 0; position: absolute; top: 0; transition: opacity 500ms ease-in-out 0s; width: 100%;}
.example-header .container { width: 100%; }
a.menu-link { display: block; vertical-align:top; color: #fff; background: #fff url(../images/mobile-menu.png) center center no-repeat; float: right; text-decoration: none; padding: 18px 42px 18px 42px;}
 .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f3f3f3; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu li.has-submenu > a:after { content: '+'; position: absolute; top: 0;right: 0;display: block;font-size: 1.5em;padding: 0.55em 0.5em; }
.menu li.has-submenu > a.active:after { content: "-";}.menu ul ul > li a { background-color: #e4e4e4; height:45px; padding: 12px 12px; }.menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}*/
.navbar-brand{ float:left;}
.menu-link { display: none;}
.menu { float: left;-webkit-transition: all 0.3s ease;   -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.menu ul { padding: 0px; margin-top: 0px; list-style: none;position: relative; display: inline-table;}
.menu > li > ul.sub-menu {min-width: 10em;padding: 4px 0;background-color: #f4f4f4;border: 1px solid #CCC;}
.menu ul li { padding: 0px; }
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none; color: #000; font-size: .9em; }
.menu ul li > a {  padding: 8px 12px; }
.menu ul ul { display: none; position: absolute; top:100%;min-width: 160px;background-color: #f4f4f4; border: 1px solid #CCC;}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; }
.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #f4f4f4; }
.menu ul ul > li a:hover { background-color: #e11f27; color: #fff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }
@media all and (max-width: 767px) {
#header {position:inherit !important;z-index:1000;width:100%;top:0;}
#main-slider .carousel .item {background-position: 50% center; background-repeat: no-repeat; background-size: cover;display: block !important; height: 450px; left: 0 !important; margin-top: 0px !important; opacity: 0; position: absolute; top: 0; transition: opacity 500ms ease-in-out 0s; width: 100%;}
.example-header .container { width: 100%; }
a.menu-link { display: block; vertical-align:top; color: #fff; background: #fff url(../images/mobile-menu.png) right center no-repeat; float: right; text-decoration: none; padding: 18px 0px 18px 42px;}
 .menu { clear: both; min-width: inherit; float: none; }
   .menu, .menu > ul{ margin-top:50px; width:100%;}
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f3f3f3; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu li.has-submenu > a:after { content: '+'; position: absolute; top: 0;right: 0;display: block;font-size: 1.5em;padding: 0.55em 0.5em; }
.menu li.has-submenu > a.active:after { content: "-";}.menu ul ul > li a { background-color: #e4e4e4; padding: 8px 12px; }.menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}