.navbar{
	background-color: rgba(245,245,245);
	border-bottom: 1px solid gray;
}
.nav-link{
	color: black;
}
.dropdown-menu li{
	position: relative;
}
#submenu{
	left: auto;
	right: 100%;
}
.dropdown-toggle:after{
	display: none
}
.active .nav-link{
	color: blue;
}
@media(max-width: 992px) and (min-width: 767px){
	.navbar{
		padding-right: 8px; 
	}
	.navbar.col-lg-10{
		grid-column: span all;
	}
	.header{
		margin: 0px;
		padding: 0px;
	}
	.navbar-collapse, .dropdown-menu{
		font-size: 15px;
	}
}
@media(min-width: 767px){
	.dropdown:hover>.main-list{
		display: block;
	}
}
@media(max-width: 767px){
	.sticky-top{
		position: relative !important;
		top: 0px;
	}
	.navbar{
		margin: 0px;
		padding: 0px;
	}
	.header{
		margin: 0px;
		padding: 0px;
	}
	.navbar-brand{
		width: 100%;
		text-align: center;
		margin: 0px;
	}
	.navbar-toggler{
		border:none;
		margin-top: 15px;
		padding-top:10px;
		width: 100%;
		background-color: dimgray;
		text-align: left;
	}
	.toggler-icon{
	    width: 25px;
	    height: 25px;
	    border:none;
	}
	.toggler-icon .line{
	    width: 100%;
	    float: left;
	    height: 2px;
	    background-color: #fff;
	    margin-bottom: 6px;
	}
	.navbar-collapse{
		background-color: gainsboro;
	}
	.navbar-collapse ul li{
		border-bottom: 1px solid gray;
		text-align: center;
	}
	#submenu{
		margin: 0px;
		margin-left: 8px;
		margin-right: 8px;
		text-align: center;
		padding-top: 8px;
		padding-bottom: 8px;
		background-color: gainsboro;
	}
	.dropdown-menu{
		padding: 0px;
	}
	.dropdown:hover{
		
	}
	.dropdown-menu{
		display: ;
	}
}
@media(max-width: 450px){
	.navbar-collapse, .dropdown-menu{
		font-size: 14px;
	}
}