#main-navbar{
	position: relative;	
	background-color: #fff;
}
#main-navbar #top-navbar a.open-sidenav{
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	display: block;
	width: 30px;
	height: 20px;ì
	cursor: pointer;
}

#main-navbar #top-navbar a.open-sidenav span {
	background-color: #000;
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 0;
}
#main-navbar #top-navbar a.open-sidenav span:nth-child(1) { top: 0px; }
#main-navbar #top-navbar a.open-sidenav span:nth-child(2) {	top: 10px; }
#main-navbar #top-navbar a.open-sidenav span:nth-child(3) { top: 20px; }
#main-navbar #navbar-right{
	margin-right: 0;
}

#main-navbar #navbar-right.nav .open>a, 
#main-navbar #navbar-right.nav .open>a:hover, 
#main-navbar #navbar-right.nav .open>a:focus{
	background-color: transparent;	
}
#main-navbar #navbar-right > li:last-child{
	padding-right: 6px;
}
#main-navbar #navbar-search{
	width: 450px;
	margin-top: 18px;
	background-color: #fff;
	position: relative;
}

#main-navbar #navbar-search form{
	position: relative;
}
#main-navbar #navbar-search #navbar-search-icon{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-52%);
	font-size: 16px;
}
#main-navbar #navbar-search #top-search{
	display: inline-block !important;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	padding-left: 24px;
	padding-right: 20px;
	font-weight: 400;
}

#main-navbar #navbar-search #top-search-results{
	background-color: #f5f5f5;
	max-height: 50vh;
	overflow-y: scroll;
	display: none;
}

#main-navbar #navbar-search:hover #top-search-results{
	display: block;
}
#main-navbar #navbar-search #top-search-results a{
	display: block;
	font-weight: 300;
	text-transform: uppercase;
	padding: 5px 10px;
}
#main-navbar #navbar-search #top-search-results a:hover{
	color: #fff;
	background-color: #000;
}

#main-navbar #navbar-search .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #444;
  opacity: 1; /* Firefox */
}
#main-navbar #navbar-search .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #444;
}
#main-navbar #navbar-search .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #444;
}

#main-navbar .flag img{
	border-radius: 50%;
}
@media( max-width: 991px ){
	
	#main-navbar #top-navbar{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
		height: 76px;
		overflow: hidden;
		background-color: #fff;
	}
	#main-navbar #top-navbar #logo-navbar{
		display: inline-block;
		margin-top: 13px;
		margin-left: 70px;
	}
	#main-navbar #top-navbar #logo-navbar img{
		height: 50px;
	}
	#main-navbar #navbar-search{
		margin-top: 0px;
		padding: 8px 15px 6px 15px;
		width: 100%;
		background-color: #000;
	}
	#main-navbar #navbar-search .form-control{
		border-bottom: none;
		color: #fff !important;
	}
	#main-navbar #navbar-search .form-control::placeholder { color: #fff; }
	#main-navbar #navbar-search .form-control:-ms-input-placeholder { color: #fff; }
	#main-navbar #navbar-search .form-control::-ms-input-placeholder { color: #fff; }
	#main-navbar #navbar-search #navbar-search-icon{
		color: #fff;
	}
	
	#main-navbar #navbar-search #top-search-results{
		position: absolute;
		left: 0;
		right: 0;
		z-index: 999999;
	}
	
	#main-navbar #navbar-right{
		float: none !important;
		text-align: center;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		background-color: #000;
	}
	.navbar-nav>li>a{
		padding: 5px 0;
	}
	.navbar-nav>li{
		float: none;
		display: inline-block;
	}
	#main-navbar #navbar-right > li{
		float: none;
		display: inline-block;
	    padding-top: 14px;
	    padding-bottom: 10px;
	}
	
	#main-navbar #navbar-right > li > a{
		color: #fff;
	}
	#main-navbar #navbar-right > li > a:hover,
	#main-navbar #navbar-right > li > a:focus{
		background-color: transparent;
	}
	
	#main-navbar #navbar-right > li.dropdown.open:before{
		content: ' ';
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: fixed;
		background-color: #000; 
	    opacity: 0.3;
	}
	#main-navbar #navbar-right > li.dropdown.open .dropdown-menu{
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: none;
		padding: 0;
		width: 300px;
	}
	#main-navbar #navbar-right > li.dropdown.open .dropdown-menu > li a{
		padding: 16px 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	#main-navbar #navbar-right > li.dropdown.open .dropdown-menu > li a.active{
		background-color: #000;
		color: #fff;
	}
	#main-navbar #navbar-right > li a{
	    padding-left: 22px;
		padding-right: 22px;
	}
	#main-navbar #navbar-right .btn-cart .cart-badge.visible {
		top: -5px;
	    width: 18px;
	    height: 18px;
	    line-height: 18px;
	    font-size: 10px;
	    right: 0;
    }
    #main-navbar #navbar-right > li a .caret{
	    display: none
    }
}
@media( min-width: 992px ){	
	#main-navbar{
		height: 76px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}
	#main-navbar #top-navbar{
		margin-left:  60px;
	}
	#main-navbar #top-navbar #logo-navbar {
		display: none;
	}
	#main-navbar #navbar-right{
		margin-right: 15px;
	}
	#navbar-right.nav>li>a{
		color: #000;
	}
	#main-navbar #navbar-search{
		float: left;
	}
	
	#main-navbar #navbar-right > li.dropdown.open .dropdown-menu > li a.active{
		background-color: #000;
		color: #fff;
	}
}
@media( min-width: 992px ) and (max-width: 1199px){	
	#main-navbar #top-navbar {
		float: left;
	}
	#main-navbar #top-navbar #logo-navbar img{
		height: 50px;
		margin-top: 13px;
	}
	#main-navbar #navbar-search{
		margin-left: 80px;	
	}
}
@media(min-width: 1200px){
	#main-navbar #top-navbar{
		display: none;
	}
	
	#main-navbar #navbar-search{
		margin-left: 15px;	
	}
}