.navbar .navbar-nav .nav-link {color:#fff; padding:12px 0px; font-size:15px; letter-spacing:.050em;}
.navbar-nav>li+li {margin-left:20px;}
.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:#35bacd; background:none;}
.navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link:focus, .navbar .nav-item .nav-link.active {color:#35bacd; background:none;}
.navbar-toggler:focus {box-shadow:none !important;}


.dropdown-menu {padding:0px; margin:0; min-width:13rem; background-color:#fff;}
.dropdown-item {color:#000!important; padding:4px 10px 4px 10px;font-size: 16px;text-transform: capitalize;font-weight: 500;}
.dropdown-item:focus, .dropdown-item:hover {background-color:#35bacd; color:#fff!important;}
.dropdown-menu li+li .dropdown-item {border-top:1px solid #ccc;}
.submenu.dropdown-menu {margin-top: 6px;}

@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 768px) and (max-width: 1199.98px) { }
@media (min-width: 768px) and (max-width: 991.98px) { }

@media (min-width: 991.98px) and (max-width: 1199.98px) { 
.navbar .navbar-nav .nav-link {font-size:14px;}
}

/********************************* Mobile Navigation ***********************/

@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
	


@media (max-width:991.98px) {
.dropdown-menu .dropdown-menu{margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;}
.navbar {justify-content:start;} 
	.collapse:not(.show){display:none !important;}	
	.mobile-nav-toggle {background: none!important;border: 0!important;cursor: pointer!important;outline: none !important;padding: 16px 30px 16px 5px!important;
        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!important;box-shadow: none !important;}

    .mobile-nav-active .mobile-nav-toggle.active {position: absolute;left: 230px;top:0px;}

    .mobile-nav-toggle span,.mobile-nav-toggle span:before,.mobile-nav-toggle span:after {
        cursor: pointer;height: 4px;width: 23px;background: #fff;position: absolute;display: block;content: '';transition: all 500ms ease-in-out;border-radius: 5px;}
    .mobile-nav-toggle span:before {top: -7px;width: 23px;}
    .mobile-nav-toggle span:after {bottom: -7px;width: 23px;}
    .mobile-nav-toggle.text-white span,.mobile-nav-toggle.text-white span:before,.mobile-nav-toggle.text-white span:after {background: #fff;}

    .mobile-nav-overlay {width: 100%;height: 100%;z-index: 1038;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.5);overflow: hidden;display: none;}
	
    .mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 1040;overflow-y: auto;left: -290px;width: 290px !important;
        padding: 15px;background: rgb(41 41 48 / 100%);transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
		
		
    .mobile-nav * {list-style: none;color: #fff !important;}
	.mobile-nav {height: auto!important;}

    .mobile-nav .dropdown-menu {position: static !important;transform: none !important;background: none !important;padding-left: 0px;}
    .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{border:none!important;}
	.mobile-nav ul > .nav-item:not(.list-inline-item) {padding:0px;width: 100%;}
	.mobile-nav ul > .nav-item > .nav-link {display: block;position: relative;color: #fff !important;padding:8px 0px !important;text-align: left !important;
		text-decoration: none !important;background: none;border: none;font-size:18px;font-family: 'Barlow Condensed', sans-serif;}
	.mobile-nav ul > .nav-item > .nav-link:hover {color:#35bacd !important;}
	
    .mobile-nav ul > .nav-item > button.nav-link {font-size: 16px;}
	.mobile-nav ul > .nav-item > button.nav-link.active span {color: #3DAA34 !important;}
	.mobile-nav ul > .nav-item > .nav-link > 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.active span:after {width: 23px;}
	.mobile-nav-active .mobile-nav-toggle.active span {background-color: transparent;}
    .mobile-nav-active .mobile-nav-toggle.active span:before,.mobile-nav-active .mobile-nav-toggle.active span:after {top: 7px;}
    .mobile-nav-active .mobile-nav-toggle.active span:before {bottom: 0px;background: #fff;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
	.mobile-nav-active .mobile-nav-toggle.active span:after {background: #fff;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
	.mobile-nav-active .mobile-nav.active {left: 0;}
	.mobile-nav-active .mobile-nav-toggle {margin-top: -14px;}
	.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
            

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

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

    .mobile-nav-active .mob-menu-btn {display: block;}
	.navbar{position:absolute; left:20px; top:20px;}
	.navbar-brand img {max-height:50px;} .navbar-nav>li+li {margin-left:0px;}
}

@media (max-width:575.98px) {
.navbar-brand img {max-height:40px;}.navbar{left:20px;top:9px;}
}