@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/Bebas Neue.TTF');
    src: local("?"), url('../fonts/Bebas Neue.woff') format("woff"), url('../fonts/Bebas Neue.TTF') format("truetype");
}

html, body{font-family:"Open Sans", sans-serif, Calibri, Arial; color:#000; font-size:13px; line-height: 22px;}

a{color:#337ab7; text-decoration:none; transition:color 0.3s ease-in-out;}
a:hover{color:#23527c; text-decoration:none;}

.clearfix{width:100%;}

/* Back to top button */
.back-to-top{position:fixed; display:none; background:#5c727a; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:999;}
.back-to-top i{padding-top:12px; color:#fff;}


.header{/*background:rgba(255,255,255, 0.8);*/ background:#dc3545; box-shadow:0 0 10px #eee; margin:0; padding:0;}
.header-upper{background:#3f8bae; height:35px;}
.TopNav{float:right; margin-top:30px;}
.TopNav ul{margin:0; padding:0;}
.TopNav ul li{margin:0; padding:0; list-style-type:none; display:inline-block;}
.TopNav ul li a{color:#333; padding:5px 10px; font-size:13px;}
.TopNav ul li a:hover{text-decoration:none; color:#333;}

.logo{padding:10px 0; font-size:25px; font-weight:bold; display:inline-block;}
.logo a{color:#fff; text-decoration:none;}
.logo a:hover{color:#fff; text-decoration:none;}
.header-links-wrapper .header-top-right{float:right; width:auto; position:relative; margin-top:0 !important;}
.header-top-right ul li {float: left;}
.header-top-right ul li a{padding: 8px 10px 8px 10px; float: left; font-size: 14px; float: left; line-height: 18px; color: #fff; text-decoration: none; margin: 0; text-transform: capitalize;}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.top-navbg{ background:url(../images/nav-bg.png) repeat-x left; height:35px; margin:0;}
/* Desktop Navigation */
.main-nav, .main-nav * {margin:1px 0 0; padding:0; list-style:none; }
.main-nav > ul > li { position:relative; white-space:nowrap; float:left; margin:0;}
.main-nav a{display:block; color:#fff; position:relative; margin:0; padding:12px 20px; margin:0 2px; text-decoration:none; transition:0.3s; font-weight:normal; line-height:20px;}
.main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {color:#fff; background:#930f1b; text-decoration:none;}
.main-nav .drop-down ul {display:block; position:absolute; left:0; top:calc(100% + 30px); z-index:999; opacity 0; visibility:hidden; padding:0; background:#0469a4; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition:ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity:1; top:100%; visibility:visible;}
.main-nav .drop-down li {min-width:180px; position:relative;}
.main-nav .drop-down ul a {padding:10px 20px;font-size: 13px;color: #fff; border-right:none;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {color:#fff;}
.main-nav .drop-down > a:after {content:"\f107"; font-family:FontAwesome; padding-left:5px;}
.main-nav .drop-down .drop-down ul {top:0; left:calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity:1; top:0; left:100%;}
.main-nav .drop-down .drop-down > a {padding-right:35px;}
.main-nav .drop-down .drop-down > a:after {content:"\f105"; position:absolute; right:15px;}

/* Mobile Navigation */
.mobile-nav {position:fixed; top:0; bottom:0; z-index:9999; overflow-y:auto; left:-260px; width:260px; padding-top:18px; background:rgba(19, 39, 57, 0.8); transition:0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display:block; position:relative; color:#fff; padding:5px 10px; font-weight:500; font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color:#3f8bae; text-decoration:none;}
.mobile-nav .drop-down > a:after {content:"\f078"; font-family:FontAwesome; padding-left:10px; position:absolute; right:15px;}
.mobile-nav .active.drop-down > a:after {content:"\f077";}
.mobile-nav .drop-down > a {padding-right:35px;}
.mobile-nav .drop-down ul {display:none; overflow:hidden;}
.mobile-nav .drop-down li {padding-left:20px;}
.mobile-nav-toggle{position:absolute; right:0; top:25px; z-index:9998; border:0; background:none; font-size:24px; transition:all 0.4s; outline:none !important; line-height:1; cursor:pointer; text-align:right;}
.mobile-nav-toggle i {margin:10px 10px 0 0; color:#333;}
.mobile-nav-overly{width:100%; height:100%; z-index:9997; top:0; left:0; position:fixed; background:rgba(19, 39, 57, 0.8); overflow:hidden; display:none;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle i {color:#3f8bae;}

.master-wrapper-content{margin:10px 0; min-height:400px;}
.Main_header{text-align:center; padding: 0 5px; margin:0 0 10px; font-size:32px; font-weight: 700; padding:5px 0; color:#333;}


.nav-justified > .nav-link, .nav-justified .nav-item{margin: 0 2px;}

/*---------------------------- Start Login CSS ----------------------*/
.LoginSection{width:100%; height:auto; padding:20px 0;}
.FbLogin{width: 100%; height: auto; border: 1px solid #eee; vertical-align: top; padding:78px 50px; text-align:center; display: inline-block; box-shadow: 0 0 10px #999;}
.FbLogin img:hover {opacity: 0.8;}
.OR{width: 150px; margin: 110px 0; font-weight: bold; display: inline-block; text-align: center; text-transform: uppercase; color: #999; font-size:25px;}
.UserLogin{width: 100%; height: auto; border: 1px solid #eee; /*display:inline-block;*/ vertical-align: top; padding: 20px 50px; float: right; box-shadow: 0 0 10px #999;}

.UserLoginHead{font-size:20px; font-weight: bold; text-transform: uppercase; text-align: center; margin: 0 0 20px;}
.LoginTextfild{width:100%; height: auto; padding:5px; color: #555; outline: none; border: 1px solid #ccc; background: none; margin: 0 0 15px; outline: none;}
.UserLogin a{color: #3963af;}
.UserLogin a:hover{text-decoration: underline;}
.ChangePassword_Tips{margin:80px 0 0 0; line-height: 30px;}
/*---------------------------- End Login CSS ----------------------*/


.carousel-control-prev{right:70px; left:inherit;}
.carousel-control-next{right:40px;}
.carousel-control-prev, .carousel-control-next {top:inherit; bottom:50px; width:28px; background:#000;}

.btn-primary{color:#fff; background-color:#dc3545; border-color:#dc3545;}
.btn-primary:hover{color:#fff; background-color:#930f1b; border-color:#930f1b;}
.btn-primary:focus{color:#fff; background-color:#930f1b; border-color:#930f1b;}
.dropdown-item.active, .dropdown-item:active{color:#fff !important; text-decoration: none; background-color: #dc3545;}
/*-------------------- Start Home Page CSS ------------------------*/

.searchicon{position:absolute; right:13px; height:30px; width:30px; border-left:1px solid #ccc; text-align:center; top:0; line-height:30px; cursor:pointer;}
.shipping_section{background:#ddd; padding:40px 0;}

.item-icon{float:left; width:15%; color:#1ba2be; font-size:35px; margin:5px 0 0;}
.item-info-wrap{float:right; width:80%;}
.item-title{display:block; font-size:14px; font-weight:600; margin-bottom:4px;}
.item-info{font-size:13px;}

.Featured_Head{font-size:25px; font-weight:600; text-transform:uppercase; text-align:center;}
/*.Featured_Head:after{content: ""; width:38%; left: 0; bottom:32px; height: 1px; background: #e1e1e1; position: absolute;}
.Featured_Head:before{content: ""; width:38%; right: 0; bottom:32px; height: 1px; background: #e1e1e1; position: absolute;}*/

.ViewProduct_Link{font-size:18px; font-weight:600; text-transform:uppercase; text-align:center; margin:10px 0;}
.ViewProduct_Link a{color:#333;}
.ViewProduct_Link a:hover{text-decoration:none; color:#1ba2be;}
/*-------------------- Start Home Page CSS ------------------------*/

/*----------------------- Start Post Ad CSS ---------------------*/
.postad_section{border:1px solid #ccc; padding:0;}
.postpd_head {font-size:18px; font-weight:normal; color:#000; padding:5px 10px; border-bottom:1px solid #ccc; background:#eee; margin:1px;}

/*----------------------- End Post Ad CSS ---------------------*/


/*-------------------- Start View Details CSS --------------------*/
.Details_Price {padding:0; /*overflow: hidden;*/ color:#dc3545; font-weight:bold; font-size:20px; margin:10px 0 0;}
.OldPrice{color:#999; font-size:15px; font-weight:bold; margin:0px 0 0 10px; text-decoration:line-through;}
.Details_desc {height:auto; float:left; padding:0; margin:0;}
.Details_desc ul {height:auto; width:100%; margin:0; padding:0; text-decoration:underline;}
.Details_desc li {height:auto; width:100%; margin:0; padding:0; float:left; list-style-type:none; padding:2px 0 2px 0px; color:#666;}

.seller-dec-text a:hover {text-decoration:none;}
.seller-dec .ViewLink a {width:auto; height:auto; float:left; text-align:center; padding:3px 10px; background:#555; color:#fff; font-size:13px; font-weight:bold; text-decoration:none; transition:all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;}
.seller-dec .ViewLink a:hover {background:#1ba2be;}
.seller-dec .ViewLink {width:auto; margin:10px; float:right; margin:10px; float:left;}
.viewmore {width:100%; text-align:center; border-top:1px solid #ccc; font-weight:bold; font-size:16px; padding:5px 0 0;}
.viewmore a:hover {text-decoration:none;}
.Similarproducts_Box {width:100%; height:auto; padding:0; margin:5px 0 0; float:left;}
.Similarproducts_Box .ResustBox{width:100%; height:auto; background:#fff; border:1px solid #ccc; box-shadow:0 0 3px #ccc; margin:0px 1px 14px; float:left; position:relative; padding:0 0 15px;}
.Similarproducts_Box .ResustBox:hover .Product_Btn{display:block;}

.Similarproducts_Box .ResustBox .img-pad {padding:0px;}
.Similarproducts_Box .ResustBox img {width:100%; height:180px; margin:0; float:left; transition:all 0.30s ease-in-out; -webkit-transition:all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;}
.Similarproducts_Box .ResustBox:hover img{-webkit-transform:scale(1.08); -ms-transform:scale(1.08); -o-transform:scale(1.08); transform:scale(1.08);}
.Similarproducts_Box .ResustBox .Product_ID {color:#333; height:auto; margin:10px 10px 0 10px;}
.Similarproducts_Box .ResustBox .Title {color:#333; height:62px; margin:10px; float:left; width:90%;}
.Similarproducts_Box .ResustBox .Price {font-size:18px; font-weight:bold; margin:0 0 0 10px; color:#1ba2be; float:left;}
.Similarproducts_Box .ResustBox .OldPrice{color:#999; float:left; font-size:14px; font-weight:bold; margin:0px 0 0 10px; text-decoration:line-through;}
.Similarproducts_Box .ResustBox .BuyNow_btn {width: auto;float: right;margin: 10px;}
.Similarproducts_Box .ResustBox .BuyNow_btn a {width:auto; height:auto; float:left; text-align:center; padding:3px 10px;  background:#1ba2be; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; transition:all 0.30s ease-in-out; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; border-radius:5px;}
.Similarproducts_Box .ResustBox .BuyNow_btn a:hover {background:#1ba2be;}
/*.Similarproducts_Box .ResustBox a{color:#333;}
.Similarproducts_Box .ResustBox a:hover{color:#1ba2be;}*/

.table tr:nth-child(odd) {background-color:#f2f2f2;}
.table tr:nth-child(even) {background-color:#fff;}
/*-------------------- Start View Details CSS --------------------*/

/*------------------------ Start Scroll CSS ------------------------*/
.Similarproducts_Scroll{width:100%; margin:auto; float:left; margin:0 0 20px;}
.Similarproducts_Scroll ul{list-style:none; margin:0; padding:0;	}
.Similarproducts_Scroll ul li{ width:268px; float:left; margin-right:11px;}
.showcase{position: relative; height:340px; width:100%; overflow: auto; float:left;}
.left-arrow{width:32px; height:auto; display:block; margin-right:2px; float:right; top:0; position: relative;}
.right-arrow{width:30px; height:auto; display:block; margin-left:2px; float:right; top:0; position: relative;}
/*------------------------ Start Scroll CSS ------------------------*/


/*---------------------- Start Search Result CSS -----------------*/
.Product_Btn{width:100%; height:auto; position:relative; bottom:-17px; transition:all 0.30s ease-in-out; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; float:left;}
.Product_Btn a{background:#5c727a; padding:8px 0; text-align:center; width:50%; float:left; color:#fff; font-size:13px;}
.Product_Btn a:first-child{border-right:1px solid #ccc;}
.Product_Btn a:hover{background:#dc3545; color:#fff !important; text-decoration:none;}

.CatagoryHead{font-size:15px; font-weight:bold; text-transform:capitalize; padding:5px 10px; background:#eee; border-top:solid 1px #fff; border-bottom:solid 1px #e8e8e8; clear: both;}
.FilterBy{font-size:14px; padding:5px 10px 10px; margin:0 0 5px;}
.FilterBy ul{list-style-type:none; margin:0; padding:0; }
.FilterBy ul li{display:block; margin:0; padding:3px 0;}
.ui-widget-header{border:1px solid #dddddd; background:#3f8bae; color:#333; font-weight:bold;}	
.SearchResultSection {width:100%; height:auto; padding:10px; margin:0; display:block;}
.SearchResultSection .ResustBox{width:100%; height:auto; background:#fff; border:1px solid #ccc; box-shadow:0 0 3px #ccc; margin:0px 0 15px; display:inline-block; position:relative; padding:0; overflow:hidden;}
.SearchResultSection .ResustBox:hover .Product_Btn{display:block;}

.ResustBox .img-pad{position:relative; overflow:hidden;}
/*.SearchResultSection .ResustBox:last-child{margin:0;}*/
.SearchResultSection .ResustBox img{width:100%; height:180px; margin:0; display:block; transition:all 0.30s ease-in-out; -webkit-transition:all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;}
.SearchResultSection .ResustBox:hover img{-webkit-transform:scale(1.08); -ms-transform:scale(1.08); -o-transform:scale(1.08); transform:scale(1.08);}
.SearchResultSection .ResustBox .Product_ID {color:#333; height:auto; margin:10px 10px 0 10px;}
.SearchResultSection .ResustBox .Title { color:#333; height:62px; margin:10px 10px 0px 10px; overflow:hidden;}
.SearchResultSection .ResustBox .Price{color:#dc3545; float:left; font-size:18px; font-weight:bold; margin:0px 0 0 10px;}
.SearchResultSection .ResustBox .OldPrice{color:#999; float:left; font-size:14px; font-weight: bold; margin 0px 0 0 10px; text-decoration:line-through;}
.SearchResultSection .ResustBox .BuyNow_btn{width:auto; float:right; margin:0px 10px 5px 10px;}
.SearchResultSection .ResustBox .BuyNow_btn a{width:auto; height:auto; float:left; text-align:center; padding:3px 10px; background:#1ba2be; color:#fff; font-size:13px; font-weight:bold; text-decoration:none; transition: all 0.30s ease-in-out; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; border:none !important; border-radius:5px;}
.SearchResultSection .ResustBox .BuyNow_btn a:hover {background:#1ba2be;}
.SearchResultSection .ResustBox .BuyNow_btn span{width:auto; height:auto; text-align:center; padding:3px 10px; background:#555; color:#fff; font-size:16px; font-weight:bold; text-decoration:none; transition:all 0.30s ease-in-out; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out;}
.SearchResultSection .ResustBox .BuyNow_btn span:hover{background:#1ba2be;}
.SearchResultsSold{background:#f00; color:#fff; font-size:16px; font-weight:bold; z-index:99; position:absolute; padding:3px 10px; top:0;}
.adconfirm_box{margin:50px 0; box-shadow:0 0 5px #ViewLinkccc; font-size:16px; text-align:center; padding:15px;}

.AddtoCart_btn{width:100%; margin:20px 10px 10px 10px; text-align:center }
.AddtoCart_btn a{width:auto; height:auto; text-align:center; padding:10px 20px; background:#1ba2be; color:#fff !important; text-decorationnone; transition:all 0.30s ease-in-out; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; border:none !important; border-radius:5px;}
.AddtoCart_btn a:hover {background:#04839e; color:#fff; text-decoration:none;}

/*.SearchResultSection .ResustBox a{color:#333;}
.SearchResultSection .ResustBox a:hover{color:#1ba2be;}*/

.SmlAdd1{background:url(../images/add2.jpg); background-size: cover; padding:50px 30px; margin:0 0 15px;}
.SmlAdd2{background:url(../images/add3.jpg); background-size: cover; padding:50px 30px; margin:0 0 15px;}
.sml_OffPrice{font-size:30px; font-weight:bold; margin:0 0 40px; color:#fff; text-transform:uppercase;}
.add_text{font-size:20px; font-weight:bold; margin:0 0 40px; color:#fff; text-transform:uppercase; line-height:40px;}

.PriceRange{margin:0 0 30px;}

.ShoppingCart_Details{width:100%; height:auto;}
.ShoppingCart_Details a{color:#333;}
.ShoppingCart_Details a:hover{color:#0d6efd;}
.ShoppingCart_Details img{width:45px; height:45px; border:1px solid #ccc;}
.ShoppingCart_table{width:100%; border:1px solid #ccc;}
.ShoppingCart_table thead{background:#eee;}
.ShoppingCart_table thead th{padding:5px;}
.ShoppingCart_table tbody td{padding:5px; vertical-align:top;}
.ShoppingCart_table tr{border-bottom:1px solid #ccc;}

.ShoppingCart_table tfoot{background:#eee; padding:5px;}
.ShoppingCart_table tfoot td{padding:5px;}

.plusminus_btn{border:1px solid #3f484a; border-radius:5px; width:21px; height:21px; margin:7px; color:#fff; line-height:20px; text-align:center; padding:0; font-size:12px !important;background:#3f484a;}
.plusminus_btn:hover{color:#fff;}
/*---------------------- End Search Result CSS -----------------*/

.OrderSuccess{padding:70px 0 0; text-align:center;}
.AddressCols{width: 98%; padding: 10px; margin: 0 0 20px; border-bottom: 1px solid #eee;}
.AddressSection{width: 40%; height: auto; border-right: 1px solid #eee; padding: 0 30px 0 0; margin: 0 30px 0 0; display: inline-block; vertical-align: top;}
.AddressCols .Head{font-size: 18px; color:#52555c; font-weight: bold; margin: 0 0 10px;}
/*-------------Start Cart Css ---------------- */
.cartNo{background:#dc3545; width:15px; height:15px; font-size:10px; font-weight:bold; color:#fff; display:inline-block; text-align:center; border-radius:50%; position:relative; top:-5px; left:-3px; line-height:15px;}

.CartTable{width: 100%; display: table; border-collapse: collapse; margin: 0; color: #333; font-size: 14px;}
.CartTable .CartTbRow{background: #fcfcfc; border: 1px solid #bbb; margin: 0 0 5px; display: table-row;}
.CartTable .CartTbCell{padding: 5px; display: table-cell; vertical-align: top; font-size: 13px;}
.CartTable .CartTbCell .fa{margin:3px 2px 0 0 !important; float:left;}
.CartTableHead{background: transparent !important; color: #333; font-size: 14px !important; text-transform: uppercase; font-weight: bold; border: none !important;}
.CartImg {width: 92px; height: auto; float: left;}
.CartImg img{width: 92px; height: auto; border:1px solid #ccc;}
.CartDesc{width: auto; height: auto; margin: 0 0 0 10px; float: left;}
.ContinueShoping{background: #3963af; padding: 5px 20px; float: left; color: #fff; outline: none; margin: 5px 0 0; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}
.ContinueShoping:hover{background: #363636;}
.Order_Summary_Head{font-size:18px; text-transform: uppercase; text-align: center; margin:0; background:#3f484a; color:#fff; padding:10px;}

.CheckoutBtn{background: #3f8bae; border: none; border-radius: 0; margin: 10px 0; padding: 12px 0; outline: none; font-size: 15px; width: 100%; text-transform: uppercase; color: #fff; text-align: center; cursor: pointer; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}
.CheckoutBtn:hover{background: #363636;}
/*-------------End Cart Css ---------------- */

.form-check-input{width:1.1em; height:1.1em; margin-top:0.25em;}
.form-control-sm{font-size:13px;}
.form-select-sm{font-size:13px;}
.btn-sm, .btn-group-sm > .btn{font-size:13px;}
.quantity-input{height:25px; margin:5px 0 0; text-align:center;}

.mandatory{color:#cd1414;}
.error_msg{color:#cd1414; position:absolute; font-size:13px; margin:-5px 0 0;}

.dropdown-menu li{width:100%;}
.dropdown-menu li a{width:100%;}

.InvoiceDetails{width:100%;}
.ShippingAddressCols{width:100%; min-height:450px; height:auto; padding:20px; border:1px solid #ccc; display:inline-block; vertical-align:top;}
.ShippingAddressCols .Head{background:#e8e8e8; font-size:20px; color:#555; margin:0 0 20px; text-align:center; padding:10px;}

.delivered{background:#9dca45; width:10px; height:10px; border-radius:50%; display:inline-block;}
.cancelled{background:#ea4c4e; width:10px; height:10px; border-radius:50%; display:inline-block;}

/*---------------------------- Start Order Traking -------------------------*/
.Trakingbar{margin-bottom:30px; overflow:hidden; color:#455A64; padding-left:0px; margin-top:30px; text-align:center;}
.Trakingbar li{list-style-type:none; font-size:13px; width:25%; float:left; position:relative; font-weight:400;}
.Trakingbar .step:before{font-family:FontAwesome; content:"\f290"; color:#fff;}
.Trakingbar li:before{width:30px; height:30px; line-height:30px; display:block; font-size:13px; background:#9fa2b7; border-radius:50%; margin:auto; padding:0px;}
.Trakingbar li:after{content:''; width:100%; height:3px; background:#9fa2b7; position:absolute; left:0; top:15px; z-index:-1;}
.Trakingbar li:last-child:after{border-top-right-radius:10px; border-bottom-right-radius:10px; position:absolute; left:-50%;}
.Trakingbar li:first-child:after{border-top-left-radius:10px; border-bottom-left-radius:10px; position:absolute; left:50%;}
.Trakingbar li.active{color:#1ba2be; font-weight:bold;}
.Trakingbar li.active:before, .Trakingbar li.active:after{background:#1ba2be;}
.Trakingbar li.active:before{font-family:FontAwesome; content:"\f00c";}
/*---------------------------- End Order Traking -------------------------*/

.WishListDetails {width: 100%; height: auto; padding:5px 0; margin: 0 0 10px;}
.WishListDetails a{color:#333; cursor:pointer; text-decoration:none;}
.WishListDetails a:hover{color:#1ba2be;}
.WishListDetails .ResustBox{border: 1px solid #ccc;}
.WishListDetails .Image {width: 100%; height: 190px; padding:0; border-bottom: 1px solid #ccc; float: left; margin: 0;}
.WishListDetails .Image img {width: 100%; height: 100%; float: left;}
.WishListDetails .Description {width:100%; height: auto; padding: 0; float: left; margin: 0; color: #666; padding:10px;}
.WishListDetails .Description .Title {width: 100%; height:60px; overflow: hidden; color:#333; padding: 0 0 5px; margin: 0;}
.WishListDetails .Description .Desc {width:100%; height: auto; color: #666; font-size: 14px; padding: 0 0 10px; float:left;}
.WishListDetails .Description .Desc ul {margin:0px; padding:0; }
.WishListDetails .Description .Desc ul li {list-style-type: none; float: left; width: 100%;}
.WishListDetails .ResustBox .Price{color: #1ba2be; float: left; font-size: 16px; font-weight: bold; margin:0;}
.WishListDetails .ResustBox .OldPrice{color: #999; float: left; font-size:13px; font-weight: bold; margin: 0px 0 0 10px; text-decoration: line-through;}
.WishListDetails .BuyNow_btn{width: 100%; margin: 5px 0; text-align:right;}
.WishListDetails .BuyNow_btn a{font-size:13px; color:#fff; background:#1ba2be; padding:3px 15px; border-radius:3px; cursor:pointer; text-decoration:none;}
.WishListDetails .BuyNow_btn a:hover{opacity: 0.8;}

.profile-photo{width:150px; height:150px; overflow:hidden; border-radius:50%; border:3px solid #ccc; margin-bottom:15px;}
.profile-photo img{width:100%;}

/*---------------------- Start Tolltip CSS ----------------------*/
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1; 
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  text-align: center;
  min-width:120px;
  max-width: 120px;
  width:auto;
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {0
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .99;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .99;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}
/*---------------------- End Tolltip CSS ----------------------*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer-middle{background:#52555c; padding:15px;}
.footer-middle .title{font-size:22px; color:#fff; padding:0 0 5px; border-bottom:1px solid #ccc; margin:0 0 10px; font-weight:600;}
.footer-middle ul{margin:0 0 15px; padding:0;}
.footer-middle ul li{margin:0; padding:5px 0; list-style-type:none; display:block; color:#fff; text-decoration:none;}
.footer-middle ul li a{color:#fff; text-decoration:none; padding:5px 0;}
.footer-middle ul li a:hover{color:#dc3545; text-decoration:none;}

.footer-middle .sociallink{width:100%;}
.footer-middle .sociallink li{margin:0 5px 0 0; padding:5px 0; list-style-type:none; display:inline-block; color:#fff; text-decoration:none;}
.footer-middle .sociallink li a{color:#fff; text-decoration:none; padding:5px 0; font-size:30px;}
.footer-middle .sociallink li a:hover{color:#dc3545; text-decoration:none;}

.footer-container{background:#34373d; color:#fff; padding:40px 0 20px; width:100%; float:left; position:relative; z-index:999}
.copyright{font-size:12px; color:#ccc; text-align:center; border-top:1px solid #5d5f64; padding:10px 0; margin:10px 0 0;}

.Category_flip{display:none;}
.Category_Content{display:block;}

.Category_menu_flip{display:none;}
.Category_menu_Content{display:block;}


/*//Auto Complete CSS*/
.AutoSearch_popup{width:380px; position:absolute; z-index:991; background:#fff; display:none; white-space: nowrap; margin:0; box-shadow: 0 0 10px #999;}
.AutoSearch_popup table{width:100%; margin:0;}
.AutoSearch_TableScrl thead{background:#333; color:#fff;}
.AutoSearch_TableScrl{max-height:300px; overflow: auto;}
.AutoSearch_TableScrl::-webkit-scrollbar {width: 4px;height: 4px;}
.AutoSearch_TableScrl::-webkit-scrollbar-track {border-radius: 10px;background: transparent;}
.AutoSearch_TableScrl::-webkit-scrollbar-thumb{border-radius: 10px; background: #ccc;}
.AutoSearch_TableScrl::-webkit-scrollbar-thumb:hover {background: #bbb;}
.AutoSearch_TableScrl table tr td, th{border:1px solid #ccc; padding:3px;}
.AutoSearch_TableScrl table tbody tr td{cursor:pointer;}
.AutoSearch_TableScrl table tbody tr:hover{background:#1ba2be; text-decoration:none}
.AutoSearch_popup a{color:#555; padding:3px; width:100%; display:block;}
.AutoSearch_popup a:hover{color:#fff;}

.paginationDiv{float:left; width:100%; margin:5px 0;}
.pagination{text-align:center; display: inline-block; width:100%;}
.pagination li{-webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; border-radius:0; padding:0; font-size:14px; font-weight:normal; display:inline-block;}
.pagination li a{padding:.1em .60em !important; color: #333;}
.pagination li a.active{background-color: #5c727a; color: #fff !important;}

@media (max-width:860px){
.SearchResultSection .ResustBox {width: 31%;}
.ViewResultSection .ResustBox {width:31%;}
.nbs-flexisel-inner {width: 93%;}
}


@media (max-width: 768px){
.Category_flip{display:block; background: #eee; padding: 10px; font-size: 18px;}
.Category_Content{display:none;}
.Category_menu_flip{display:block; background: #eee; padding: 10px; font-size: 18px;}
.Category_menu_Content{display:none;}
.OR{width:100%; margin:30px 0;}
.FbLogin{padding: 30px 0;}
.ShoppingCart_Details{width:100%; overflow-x:scroll; overflow-y:hidden;}
.ShoppingCart_table{width:800px;}

.TopNav{float:right; margin:15px 0;}
.TopNav ul li a{padding:10px 5px; color:#f5f5f5;}
.TopNav ul li a:hover{text-decoration:none; color:#f5f5f5;}

.dropdown li a{color:#333 !important;}
.dropdown li a:hover{color:#333 !important;}
.mobile-topmenu{background:#dc3545; margin:5px 0;}
.CatagoryHead{display:none;}
}


@media (max-width:480px){
.SearchResultSection .ResustBox {width:100%;}
.ViewResultSection .ResustBox {width:100%;}
.AddressSection{width: 100%; border-bottom:1px solid #ccc;}
.Similarproducts_Scroll ul li{width:340px;}
.Similarproducts_Box .ResustBox img{height: 180px;}
.showcase{height:335px;}
.TopNav{float:right; margin:15px 0;}
.TopNav ul li a{padding:10px 3px; color:#f5f5f5;}
.TopNav ul li a:hover{text-decoration:none; color:#f5f5f5;}

.dropdown li a{color:#333 !important;}
.dropdown li a:hover{color:#333 !important;}

.SearchResultSection .ResustBox{width:100%; height:363px;}
.Product_Btn{float:left;}
}