.navbar .navbar-nav .nav-link {color:#4a4a4a; padding:10px 21px; border-radius:6px; font-size:14px; background:none; letter-spacing:.1em; border:solid 1px transparent;}
.navbar-nav>li+li {margin-left:4px;}
.navbar .navbar-nav .active > .nav-link, .navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link.show, .navbar .navbar-nav .show > .nav-link, .navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover {color:#3c81b8; background:none;border-bottom:solid 1px #3c81b8;}
.navbar .menu-item .nav-link:hover, .navbar .menu-item .nav-link:focus, .navbar .menu-item .nav-link.active {color:#3c81b8; background:none;border:solid 1px #3c81b8;}
.navbar-toggler:focus {box-shadow:none !important;}
#Header .menu-item.active .nav-link, #Header.nav-link:hover {
color:#3882bd; border:solid 1px #3c81b8;}
.mobile-menu {
    display: none;
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {.navbar .navbar-nav .nav-link {
    color: #4a4a4a;
    padding: 10px 11px;
    border-radius: 6px;
    font-size: 14px;
    background: none;
    letter-spacing: .1em;
    border: solid 1px transparent;
}}
@media (min-width: 768px) and (max-width: 1199.98px) {
.navbar-brand {width:200px !important; padding:10px 0px;} 
.navbar-nav>li+li {margin-left:2px;}
.navbar .navbar-nav .nav-link {padding:10px 18px; letter-spacing:.050em;}
	
	.navbar .navbar-nav .nav-link {
    color: #4a4a4a;
    padding: 10px 4px;
    border-radius: 6px;
    font-size: 13px;
    background: none;
    letter-spacing: .1em;
    border: solid 1px transparent;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {.navbar-nav>li+li {margin-left:1px;}.navbar .navbar-nav .nav-link {padding:8px 18px;letter-spacing:.010em;}

.navbar .navbar-nav .nav-link {
    color: #4a4a4a;
    padding: 10px 6px;
    border-radius: 6px;
    font-size: 12px;
    background: none;
    letter-spacing: .1em;
    border: solid 1px transparent;
}
}

/********************************* Mobile Navigation ***********************/
@media (max-width:767.98px) {
.mobile-nav-toggle {background:none; border:0; cursor:pointer; outline:none !important; padding:16px 30px 16px 5px; transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
z-index:9999;
margin-left:5px;}

.mobile-nav-active .mobile-nav-toggle {}
.mobile-nav-toggle span,
.mobile-nav-toggle span:before,
.mobile-nav-toggle span:after {cursor:pointer; height:2px; width:23px; background:#000; position:absolute; display:block; content:''; transition:all 500ms ease-in-out;}
.mobile-nav-toggle span:before {top:-7px; width:23px;}
.mobile-nav-toggle span:after {bottom:-7px; width:23px;}
.mobile-nav-overlay {width:100%; height:100%; z-index: 99; top:0; left:0; position:fixed; background:rgba(0,0,0, 0.8); overflow:hidden; display:none;}
.mobile-nav {position:fixed; top:0; bottom:0; z-index:100; overflow-y:auto; left:-280px; width:280px; padding:20px; background:rgb(255 255 255 / 100%);
transition:0.4s;
-moz-transition:0.4s;
-webkit-transition:0.4s;}

.mobile-nav * {margin:0; padding:40px 0 0 0px; list-style:none; color:#fff;}
.mobile-nav .dropdown-menu { position:static !important; transform:none !important; background:none !important; padding-left:25px;}
.mobile-nav .dropdown-menu .dropdown-item-text {margin:5px 0px; padding:2px 10px;}
.mobile-nav .dropdown-menu .dropdown-item {margin:10px 0px;}
.mobile-nav .dropdown-menu .dropdown-item .fa {display:none;}
.mobile-nav .dropdown-menu .dropdown-item:before {content:"\00BB";  margin-right:5px; font-size:20px; line-height:1;}
.mobile-nav > ul > li {padding:3px 5px;}
.mobile-nav > ul > li > a {display:block; position:relative; color:#000; padding-top:5px; padding-bottom:5px; font-weight:500; font-size:15px; text-transform:uppercase; text-align:left !important; text-decoration:none !important;}
.mobile-nav > ul > li > a:hover{color:#309c32;}
.mobile-nav > ul > li > a > img {width:20px; margin-right:10px;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active #Header {background-color:transparent !important; z-index:1040;}
.mobile-nav-active #Header a {visibility:hidden;}
.mobile-nav-active .mobile-nav-toggle span:after {width:23px;}
.mobile-nav-active .mobile-nav-toggle span {background-color:transparent;}
.mobile-nav-active .mobile-nav-toggle span:before,
.mobile-nav-active .mobile-nav-toggle.active span:after {top:7px;}
.mobile-nav-active .mobile-nav-toggle span:before {
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
bottom:0px; background:#000;}

.mobile-nav-active .mobile-nav-toggle span:after {
transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
background:#000;}

.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle { margin-top:-15px;}
.mobile-nav-active .mobile-nav-toggle i {color:#fff;}
.mobile-nav ul.navbar-nav > li.menu-item > .megamenu, .mobile-nav ul.navbar-nav > li.menu-item > .sub-menu {font-size:15px; font-weight:400; position:static; background:none; color:#fff; padding:0px; border:none; display:none;}

.mobile-nav ul.navbar-nav > li.menu-item > .megamenu a,
.mobile-nav ul.navbar-nav > li.menu-item > .sub-menu > li > a {display:block; padding:10px 20px; color:#fff;}

.mobile-nav ul.navbar-nav > li.menu-item > .megamenu a:before,
.mobile-nav ul.navbar-nav > li.menu-item > .sub-menu > li > a:before {display:inline; content:"\00bb"; margin-right:5px;}

.mobile-nav-active .mob-menu-btn {display:block;}
.navbar-nav>li+li {margin-left:0px !important;}
.navbar-brand {width:200px !important; padding:10px 0 0 0px;}
.navbar{position:absolute; right:0px; top:20px;}
.desktop-menu {
    display: none;
}
.mobile-menu {
    display: block;
}
	.navbar-menu {
		display: contents;
	}
.navbar-contact {
    text-align: center;
    margin-top: 12px;
}
.float-md-end.ms-2.ms-md-4.TopLink {
    display: inline-flex !important;
}
#Header .TopLink a {
    padding: 5px;
}
	.mobile-nav-toggle span, .mobile-nav-toggle span:before, .mobile-nav-toggle span:after {z-index: 999 !important;}



}

@media (max-width:575.98px) {
.navbar-brand {width:150px !important; padding:10px 0 0 0px;}
.navbar{position:absolute; right:0px; top:10px;}
	
.float-md-end.ms-2.ms-md-4.TopLink {
    display: inline-flex !important;
}
#Header .TopLink a {
    padding: 5px;
}
}