.ds-navbar{
	top:0;
	background-color:#fff;
    border-bottom: 1px solid #ccc;
}

.ds-navbar .navbar-header {
    float: none;
    text-align: center;
}
.ds-navbar .navbar-header .navbar-toggle{
	vertical-align:middle;
	float:left;
    /*margin-left: 23px;*/
    width: 45px;
    margin-right: 0;
}
 

.ds-navbar .navbar-header .navbar-toggle span.icon-bar{
	background-color:#545454;
    display: block;
    width: 25px;
    height: 2px;
    margin-bottom: 6px!important;
}

.ds-navbar .navbar-header .navbar-toggle span.icon-bar:last-child{
	
    margin-bottom: 0!important;
}


.ds-navbar .navbar-header .navbar-brand{
	float:left;
	vertical-align:middle;
	/*padding: 13px 0 13px 85px;*/
    padding: 12px 0 0 0;
}
.ds-navbar .navbar-header .navbar-brand img{
	max-width:250px;
    height: auto;
    max-height: 63px;
}
.ds-navbar .navbar-header .navbar-user {
	height: 50px; 
	padding: 15px 15px; 
	font-size: 18px;
	line-height: 20px;
	display:inline-block;
	vertical-align:middle;
	color:#545454;
}
.ds-navbar .navbar-header .navbar-user .fa-user  {
	font-size:95%;
}
.ds-navbar .navbar-header .navbar-user > a:link,
.ds-navbar .navbar-header .navbar-user > a:active,
.ds-navbar .navbar-header .navbar-user > a:hover,
.ds-navbar .navbar-header .navbar-user > a:visited {
        display: inline-block;
        vertical-align: middle;
        font-size: 25px;
        color: #545454;
}

@media (max-width: 767px){
    .ds-navbar .navbar-header .navbar-user > a {
        padding: 0 8px;
    }
}
.shopping-cart {
    margin-top: -1px;
    position: relative;
}

.shopping-cart i{
	position:relative;
      vertical-align: middle;
   
}
.shopping-cart .cart-count {
	background-color: #fc4604;
	color: #ffffff;
	border-radius: 100%;
	display: block;
	font-size: 10px;
	font-weight: 700;
	right: -10px;
	top: -10px;
	height: 16px;
	width: 17px;
	width: auto;
	position: absolute;
	text-align: center;
	z-index: 9;
    padding-right: 1px;
    line-height: 15px;
}

#shopping-cart .cart-subtotal {
    display: inline-block;
    margin:-2px 6px 0px 0px;
    vertical-align: text-top;
}


.ds-navbar .navbar-collapse{
	max-height: 340px;
   
}
.navbar-nav > li > a {
  color:#545454;
    border-bottom: 1px solid #e1e0de;
}

.navbar-collapse.collapse.in {
    border-top: 1px solid #e1e0de;
}


.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #eee;
    border-color: #c2c0c0;
}

.ds-navbar ul.dropdown-menu li:first-child > a {
    color:#545454;
   
}

.ds-navbar ul.dropdown-menu li > a {
    color:#545454;
     cursor: pointer!important;
}

.ds-navbar ul.dropdown-menu li > a:hover {
    background-color: transparent;
     cursor: pointer!important;
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.ds-navbar{
        position: relative;
		height:90px;
		display:block;
		top:0;
		padding:10px 30px;
		background-color:transparent!important;
	    border-bottom: none;
	}


    .ds-navbar .navbar-header {
    float: left;
        text-align: left;
    }
	.ds-navbar .navbar-brand .visible-white{
		display:none;
	}
	.ds-navbar-white{
		background-color:#fff;
	}
	.ds-navbar-white .navbar-brand .hidden-white{
		display:none;
	}
	.ds-navbar-white .navbar-brand .visible-white{
		display:block;
	}
	.ds-navbar .navbar-header .navbar-brand{
		padding: 0;
	}
	.ds-navbar .navbar-collapse{
		float:right;
	    margin-top: 15px;
	}
	.navbar-nav > li > a {
	  padding-top:6px;
	    text-transform:none;
	}
	.navbar-nav > li > a:hover , .navbar-nav > li > a:focus,.navbar-nav > li > a:active {
		background:none;
		text-decoration:underline;
	    background-color: transparent;
	}

	.navbar-nav > li > a i{
		font-size:22px;
	}
	.ds-navbar-white .navbar-nav > li > a {
	  	color:#545454;
	    text-transform:none;
	}
.navbar-nav > li > a {
    border-bottom: none;
}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }


/* MENU WE DOT IT */
.dks-navigation {
    position: relative;
    border-bottom: 1px solid #EEEEEE;
}

.dks-navigation .nav {
     padding: 0;

    }

.dks-navigation ul.navbar-nav {
    width: 100%;
    padding: 0;
    margin-top: 0;
}

.dks-navigation .navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    
    line-height: 59px;
}

.dks-navigation .navbar-nav > li.open {
    background-color: #fafeff;
    margin-top: 0;
    padding-top: 19px;
}

@media (max-width:480px){
    ds-navbar .navbar-header .navbar-toggle{
        width:40px;
    }
    .ds-navbar .navbar-header .navbar-brand{
        float:left;
    }
    .ds-navbar .navbar-header .navbar-user{
        padding:15px 7px;
    }
}


@media (max-width: 768px) {
    .slidebar {
        margin: 0;
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 1500;
        left: 0;
        background-color: rgba(0,0,0,0.7);
        overflow-x: hidden;
        max-height: 100% !important;
        transition: 0.3s;
    }

        .slidebar ul {
            width: 75%;
            position: absolute;
            left: 0;
            background-color: white;
            overflow-x: hidden;
            padding: 0px 4px;
            border-top: 1px solid #e1e0de;
        }

    .menu-btn {
        padding: 0;
        margin: 0;
    }
    .close-menu{
        display:none;
    }
    .close-menu::parent {
        padding: 0px !important;
    }
    .nav > .open > a:focus {
        background-color: #eee;
    }

    .nav > li > a:focus {
        background-color: white;
    }

}