.navbar{
   color: #000000; /* changes the Text color ---------------------------*/
}
.navbar {
	background-color: #ffffff!important; /* changes the Bar bg  ==============    Added Border---------------------------*/
	margin: 0px;
	padding: 0px;
	width:100%;
	margin: auto;
	border-bottom:1px solid;
	border-bottom-width: thin;
	border-color: rgba(0, 0, 0, 0.1); /* change nav border bottom */
}
.navbar-brand, navbar-nav{
	font-size: 16px;
	font-size: 1.6rem;
	color: #ccc;		/* changes the Line Color ---------------------------*/
	padding:2rem;
}
.nav-item a, .nav-link, .navbar-light .navbar-nav .nav-link{	
	color: #242526;		/* changes the Dropdown item Color ---------------------------*/
}
.nav-item{
	padding: 0;
}
.navbar-nav{
	padding: 0px;
	margin: 0px;
	}
#navbarNavDropdown .navbar-nav .nav-item .dropdown-menu > .nav-item, ul.navbar-nav{
	background-color: #ffffff; /* eee changes the no idea Color ---------------------------*/
	border: #ffffff solid 1px; /* 242526 changes the no idea Color ---------------------------*/
	border-width: 0 0 0 1px ;
	border-color: rgba(0, 0, 0, 0.1);
	color: #ccc;
	}
#navbarNavDropdown .navbar-nav .nav-item:hover{
	background-color: #cccccc; /*  changes the dropdown submenu hover Color  /* added bottom border here */
}
#navbarNavDropdown .navbar-nav .nav-item .dropdown-menu > .nav-item a, #navbarNavDropdown .navbar-nav > .nav-item a, .navbar-nav > .nav-item a{
	padding: 1em;
}
#navbarNavDropdown .navbar-nav > .nav-item, .navbar-nav > .nav-item{	
	border: 0 solid;
	border-width: 0 1px 0 0;
}
#navbarNavDropdown .navbar-nav > .nav-item:hover, .navbar-nav > .nav-item:hover{	
	background-color: #cccccc !important; /* 007bff changes the main hover Color ---------------------------*/
}
.dropdown-menu{
	padding:0px;
	z-index: 1;
}
.dropdown-menu a:hover, .dropdown-menu a:visited{
	background-color:#cccccc;
}

	/* ============ Customizing the hamburger color ============ */
.navbar-light .navbar-toggler-icon {
	background-image: url("https://www.bostonscientific.com/content/dam/bostonscientific/eu/drop-down-list-menu-arrow-symbol.png");
}
.navbar-toggler {
	border: 1px solid #000000;
	margin-right:20px;
}
.navbar .container {
	width: auto !important; 
	max-width: inherit; !important; 
    padding-left:0px;
}

/* ============ desktop view ============ */
@media all and (max-width: 992px) {
.dropdown-menu{
	position: relative;
	background-color: #eee;
	border: #ffffff solid 1px;
	border-width: 0 0 0 1px;
	border-color: rgba(0, 0, 0, 0.1);
	padding:0;
}
.dropdown-menu a{
	padding: 1em 2em !important;
}
.dropdown-menu a:hover{
	background-color: #cccccc;
}
#navbarNavDropdown .navbar-nav > .nav-item, .navbar-nav > .nav-item{	
	border: 0 solid;
	border-width: 0 0 1px 0;
}
ul.navbar-nav{
	width:100%;
}
.navbar button{
	top: 20px;
	right: 0;
	position: absolute;
	margin-right: 10px;
}
.navbar .container {
	padding-left:0px;
	width: 100% !important;
	max-width: inherit;
	margin: 0 auto;
}
}	

/* ============ Custom width - ========================   adjust starting of the custom menu ============ */
   @media (min-width: 992px){
.navbar-expand-lg .navbar-nav {
	width: max-content;
        }
.w-100 {
	width: 100% !important;
}}
	
/* ============ small devices ============ */
@media (max-width: 991px) {
    
.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}
}

/* ============ small devices .end// ============ */