.cart-bar {
	line-height:40px;
	width:100%;
	position:fixed;
	bottom:0;
	left:0px;
	z-index:99999;
}
.quick-cart-box {
	display:none;
	bottom:40px;
	left:40%;
	padding:10px 0;
	background-color: #fff;
	position: fixed;
	box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
	width: 500px;
	margin-top: 36px;
	z-index: 22;
}

.quick-cart-wrapper {
    max-height:300px;
    overflow-y:auto;
}
.quick-cart-box h4 {
    font-size:17px;
    margin:0; 
    padding:0 10px 10px 10px;
    border-bottom:rgba(0,0,0,0.1) 1px solid;
}
.quick-cart-box a {
    display:block;
    padding:15px 10px;
    border-bottom:rgba(0,0,0,0.04) 1px solid;
}
.quick-cart-box a:hover {
    background-color:rgba(0,0,0,0.03);
}
.quick-cart-box a>.fa,
.quick-cart-box a>img {
    float:left;
    margin-right:10px;
}
.quick-cart-box a h6 {
    margin:0; 
    padding:4px 0 0 0;

    text-overflow:ellipsis; 
    white-space: nowrap;
    overflow:hidden;
}
.quick-cart-box a.btn {
    background-color:#151515;
    border:0; margin:0;
    padding-top:6px;
    padding-bottom:4px;
}
.quick-cart-footer {
    padding:10px 10px 0 10px;
}
.quick-cart-footer>span {
    display:inline-block;
    padding-top:3px;
    background-color:rgba(0,0,0,0.05);
    padding: 4px 3px;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

@media only screen and (min-width: 992px) { /* min-width */
    .quick-cart-box {
        bottom:40px;
    }
    .quick-cart-wrapper {
        max-height:300px;
        overflow-y:auto;
    }
}

@media only screen and (max-width: 992px) { /* max-width */
    .quick-cart-box {
        margin-top:18px;
    }
}
@media only screen and (max-width: 769px) {
    .quick-cart-box {
        position:fixed;
        width:100%;
        left:0; right:0;
        bottom:40px;
        margin-top:0;
        border:rgba(0,0,0,0.08) 1px solid !important;
    }
    #header.dark li.quick-cart-box {
        border:rgba(255,255,255,0.08) 1px solid;
    }
    .quick-cart-wrapper {
        max-height:200px;
        overflow-y:auto;
    }
    
    /** 
        Quick Cart & top Search Fix (if #topBar exists).
        .has-topBar - added by Javascript
    **/
    #header ul.has-topBar>li.quick-cart-box,
    #header ul.has-topBar>li.search .search-box {
        top:98px !important;
    }
}