#Menu {padding-top:6px;  background-color: #eee;}
#MobileMenu {display:none;}
#Menu ul {float:left; margin-left:-28px;}
#Menu a {color:#1f5383; background-color:transparent; font-size: 18px;}

.navbar {background-color: transparent;border: none;border-radius: 0;margin: 0;}

.navbar-default .navbar-nav a {text-transform: uppercase;font-size:18px !important;color:#1f5383 !important;}

.navbar-default .navbar-nav a:hover {color:#ca162e !important;}

.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .active > a {background:none !important;}
#navigation .nav .dropdown-menu {margin-top: 0 !important; background-color: #eee; border:none; margin-left:40px;}

#navigation ul.nav li.dropdown:hover > ul.dropdown-menu {display: block !important; }

.nav > .active > a {color:#5c9dc3 !important;}

.navbar-collapse {padding-right: 0;padding-left: 0;border-top: 0 solid transparent;overflow: visible !important;}
.navbar-default .navbar-toggle {margin-top:0; margin-bottom:0;padding:0 0 !important;border-color: transparent;font-size:40px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:transparent !important;}
.navbar-default .fa {padding:0;color:#5c9dc3;}
.navbar-default .fa:hover {color:#ca162e; }

.caret {display:none;}
#Sub-menu {min-height:60px;background: #5c9dc3; padding: 20px 10px 0 10px;}
#Sub-menu ul {list-style: none; text-align: center; }
#Sub-menu li {display: inline; }
#Sub-menu a {padding: 0 30px; color: #fff;text-decoration: none !important;font-size: 18px; }

@media (max-width:1200px) {
    #navigation .nav .dropdown-menu {margin-left:20px;}
    .nav>li>a {padding: 10px 2px; font-size: 16px;}
    #Sub-menu a {font-size: 16px;}
}
@media (max-width:1023px) {
    #Menu, #Sub-menu {display: none;}
    #MobileMenu {display:block;width:100%;display:block; background:#eee; padding: 0 8px 0 6px; border-top: solid 1px #fff; }
    #MobileMenu .accordion-heading {background:transparent; padding: 8px 0;}
    #MobileMenu #accordionMenu {padding: 0 8px 0 10px;}
    #MobileMenu .panel-group {padding:0 0; margin:0 0;border-top:none; width:100%;}
    #MobileMenu .panel-default {border:none !important; margin:0;}
    #MobileMenu .panel {box-shadow:none;}
    #MobileMenu .panel-group .panel-heading+.panel-collapse>.panel-body {border-color:transparent; padding-left:6px;}
    #MobileMenu .panel-heading {background:#eee;padding: 0 15px 0 15px;}
    #MobileMenu .panel-title {padding: 8px 0;background: #eee; border-top:  solid 1px #fff;}
    #MobileMenu .panel-title:hover {background: #f1f1f1; border-top:  solid 1px #dedede; }
    #MobileMenu .panel-body {background:#eee; padding:0; margin:0; border-top-color: #fff;}
    #MobileMenu .panel-body ul {list-style:none; margin-left: -2px; margin-bottom: 0;border-left:  solid 15px #eee;background: #1f5383; }
    #MobileMenu .panel-body li {margin-left:-30px;border-top:  solid 1px #eee; border-bottom:  solid 1px #eee;text-align:left;line-height:2.9; background: #eee;}
    #MobileMenu .panel-body li:hover {background:#f1f1f1; border-top:  solid 1px #dedede; border-bottom:  solid 1px #fff;}
    #MobileMenu a {display: block; position: relative !important; color: #3f3f3f; padding-left: 4px; text-decoration:none !important;}
    #MobileMenu .fa-bars {display:block;margin: 8px 8px 0 6px; text-align:center;font-size:36px; color:#1f5383;}
    #MobileMenu .fa-bars:hover {color: #5c9dc3 !important; }
    #MobileMenu .fa-long-arrow-down {margin-top: -20px; color:#1f5383; font-size: 20px;}
    #MobileMenu a[aria-expanded="true"] .fa-long-arrow-down {transform: rotate(180deg);}
}
@media (max-width:767px) {
    #MobileMenu {position:fixed; bottom:0; z-index: 999;border-top:  solid 1px #dedede; }
}
@media (max-width:360px) {
        #MobileMenu #accordionMenu {padding: 0 8px 0 10px;}
}
@media (max-width:320px) {
}