/*----------- |-- Top header css --| ------------*/
.top-header { 
    background:var(--br-blue); 
    padding: 12px; }
.top-header ul { 
    display: flex;
    grid-gap:15px 30px;
    justify-content: flex-end;
    margin-bottom: 0px!important;
}
.top-header ul li a , .top-header ul li span { 
    color:#fff; font-size: 16px;
    font-weight: 400;
}
.tophead-ul ul li a img { margin-bottom:0px; }
.tophead-ul ul li a { 
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.navbar .container-fluid { overflow:visible!important; }


/*----------- |-- main header 2 css --| ------------*/
nav#main-nav { 
	background: transparent!important;
    padding: 20px 0;
    border-bottom: solid 2px #dbdbdb;
}
ul#main-menu li , .top-header ul li { padding-bottom: 0px; }
ul#main-menu li a.nav-link , ul#menu-sidebar-toggle-menu li a {
    color: var(--text);
	text-decoration:none;
	transition:0.3s all;
}
ul#main-menu li a.nav-link:hover , ul#menu-sidebar-toggle-menu li a:hover {
	color:var(--blue)
}
.navbar-expand-md .navbar-toggler {
    background:#000;
}


/*----------- |--Desktoo sidebar toggle css --| ------------*/
header#wrapper-navbar .container-fluid {
    display: flex;
    justify-content: space-between;
    width: 95%;
}
header#wrapper-navbar .container-fluid > div {
    flex-grow: 0;
}
.desk-toggale i { font-size:28px; }
.deskside-inner {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    height: 100vh;
    width: 400px;
    z-index: 111;
    transform: translateX(450px);
    visibility: hidden;
    transition: 0.4s all;
    box-shadow: 0px 10px 30px -15px #898989;
}
.deskside-inner.active { 
    transform: translateX(00px);
    visibility: visible;
    transition: 0.4s all; 
}
.deskside-inner i {
    color: #fff;
    padding: 16px 10px;
    background: var(--br-blue);
    line-height: 16px;
    margin: 10px 0 0 10px;
    border-radius: 10px;
}
.deskside-content { padding:30px; }

.dropdown-menu {
    top: 30px;
    padding: 0;
    margin: 0;
}
.dropdown-item {
    padding: 7px 15px;
}    
.sticky {
    position: fixed;
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    transition: 0.8s all;
    z-index: 111;
}



@media only screen and (min-width:768px) { 
    ul#main-menu li a.nav-link  {
        padding: 0;
        margin: 0 10px;
    }
}



@media only screen and (max-width:1024px) { 
	nav#main-nav {
		background: #FFF !important;
		margin-top:-1px;
	}
	.navbar-expand-md .navbar-toggler { display:block!important; }
		
	.navbar-collapse { 
		width:100%;
		position: absolute;
		left:0px;
		right:0;
		top:80px;
		z-index: 11;
		text-align: left;
		background: var(--bg-light);
		opacity:0;
		transition:0.4s;
		transform:none;
	}
	.navbar-collapse.show { 
		width:100%;     
		opacity:1;
		transform:none;
	}
	.navbar-collapse .navbar-nav {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column!important;
		flex-direction: column!important;
	}
	.navbar-nav.ml-auto { 
		margin-left: 0 !important; 
		display: block;
        padding: 10px 22px 15px;
	}
	ul#main-menu li { margin: 8px 0;  padding-left: 0px; }
	ul#main-menu li a { padding: 0; }
	
	/* 	.dropdown-menu {
        top: 0;
        padding: 0px 15px;
        margin: 5px 0px 15px 20px;
	} */
	
	.navbar-expand-md .navbar-nav .dropdown-menu {
        position: relative;
        padding: 0;
        background: transparent;
        border: 0;
		top: 0;
        padding: 0px 15px;
		height: auto !important;
        margin: 5px 0px 15px 10px;
    }
	.navbar-expand-md .navbar-nav .dropdown-menu li {
		margin: 0px 0 5px!important;
	}
	.navbar-expand-md .navbar-nav .dropdown-menu li a {
		font-size:16px;
	}
	
	
	
	.desk-toggale { display: none; }
	
	header#wrapper-navbar .container-fluid {
		width: 100%;  padding: 0 30px;
	}
	
}

@media only screen and (min-width:768px) and (max-width:992px) {
/*     ul#main-menu li a.nav-link {     
        font-size: 15px;
        padding: 0 6px; 
    } */

}

@media only screen and (max-width:768px) { 
    .desk-toggale { display:none; }
}

@media only screen and (max-width:640px) { 
	
	header#wrapper-navbar .container-fluid { padding: 0 20px; }
	.navbar-expand-md .navbar-toggler {
    	padding:6px;
    }
	
}


@media only screen and (max-width:575px) { 
    .tophead-ul ul li span { display:none; }
}