#nav-item-top {
    display: none;
}

.navbar a {
font-size: 18px;
}

#navbar-top {
background-color: #fff;
}

#jfcc {
background-color: #d58429;
}

#navbar-bottom {
background-color: #272b68;
height: 56px;
}

.dropdown-menu {
background-color: #272b68;
}

.dropdown-menu .dropdown-item-navbar {
	background-color: unset !important;
}

.dropdown-item {
color: #fff;
}

.nav-link {
color: #d9d9d9 !important;
}

.nav-link:hover {
color: #fff !important;
}

.dropdown-item {
transition: color 0.3s, background-color 0.3s;
}

.dropdown-item:hover {
background-color: #fff;
color: #272b68;
}

.dropdown-menu li {
position: relative;
}
.dropdown-menu li:hover > .dropdown-submenu {
display: block;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}

@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: #FFF}
	.dropdown-menu > li:hover > .dropdown-item{ color :#272b68}
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	

@media (max-width: 991px) {
    #navbar-bottom {
    display: none;
    }
    #nav-item-top {
    display: block;
    }
    #navbar-bottom {
    display: none;
    }

    .ul-bg {
    /* height: 100vh; */
    background-color: #272b68;
    }

    .navbar-nav {
    height: 100vh;
    }
}

@media (min-width: 992px) {
.navbar {
    padding-left: 3em;
    padding-right: 3em;
    }
}

@media (max-width: 450px) {
.navbar .navbar-brand img {
    max-width: 200px !important;
    }
}

@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: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.9rem; margin-right:0.9rem; margin-bottom: .5rem;
  }
  .dropdown-menu {
    border: transparent;
    margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}