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

/*******************************Dropdown Menu*****************************************/
.dropdown-menu {padding:0px !important; margin:0; border-radius:0px; background-color:#fff; font-size:14px;}
.dropdown-menu li+li .dropdown-item {border-top:1px solid #ccc;}
.dropdown-menu .dropdown-item  {color:#000;}
.dropdown-item:focus, .dropdown-item:hover {color:#ee3135 !important; background-color:#fff !important;}

@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative;}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; 
	}
	.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// ============ */


@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 768px) and (max-width: 1199.98px) {.navbar-brand {width:190px !important;}}

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

/********************************* Mobile Navigation ***********************/
@media (max-width:991.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:1038; 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:1040; overflow-y:auto; left:-330px; width:330px; padding:20px; background:rgb(255 255 255 / 100%);
transition:0.4s;
-moz-transition:0.4s;
-webkit-transition:0.4s;}
.mobile-nav * {margin:0; padding:0; 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:#ee3135;}
.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:#fff;}

.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:#fff;}

.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.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-brand {width:120px !important;} .navbar-nav>li+li {margin-left:0px !important;} .navbar .navbar-nav .nav-link{text-align:left !important;}

.mobile-nav-toggle {position:absolute; right:0px; top:10px;}
.dropdown-menu {border:none;}

}

@media (max-width:575.98px) {.mobile-nav-toggle {position:absolute; right:0px; top:-40px;}
}