@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"); 
}

html, body{font-family:Poppins-Regular, 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: underline;}

.clearfix{width:100%;}

/* Back to top button */
.back-to-top{position:fixed; display:none; background:#3f8bae; 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:11;}
.back-to-top i{padding-top:12px; color:#fff;}


.header{/*background:rgba(255,255,255, 0.8);*/ background:#3f8bae; box-shadow:0 0 10px #eee; margin:0; padding:5px 0;}
.header-upper{background:#3f8bae; height:35px;}

.logo{padding:10px 0; font-size:25px; font-weight:bold;}
.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:10px 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:#006199; 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:0; 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:540px;}
.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:50px 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;}
/*---------------------------- End Login 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: #226ba8; font-weight: bold; font-size: 20px; margin:10px 0 0;}

.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: #006199;}
.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;}
.Similarproducts_Box .ResustBox .img-pad {padding: 0px;}
.Similarproducts_Box .ResustBox img {width: 100%; height: 130px; margin: 0; float: left;}
.Similarproducts_Box .ResustBox .Title {color: #333; height: 62px; margin: 10px; float:left; width:90%;}
.Similarproducts_Box .ResustBox .Price {font-size: 16px; font-weight: bold; margin:0 0 0 10px; color: #006199; float: left;}
.Similarproducts_Box .ResustBox .OldPrice{color: #999; float: left; font-size:13px; 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: #006199; 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: #006199;}


.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:213px; float:left; margin-right:12px;}
.showcase{position: relative; height:290px; 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 -----------------*/

.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;}
.ResustBox .img-pad{padding: 0px; position:relative; border-bottom: 1px solid #ccc;}
/*.SearchResultSection .ResustBox:last-child{margin:0;}*/
.SearchResultSection .ResustBox img{width: 100%; height: 180px; margin: 0; display:block;}
.SearchResultSection .ResustBox .Product_ID {font-size: 13px; color: #333; height: auto; margin: 10px 10px 0 10px;}
.SearchResultSection .ResustBox .Title {font-size: 13px; color: #333; height: 62px; margin: 10px 10px 0px 10px; overflow: hidden;}
.SearchResultSection .ResustBox .Price{color: #006199; float: left; font-size: 16px; font-weight: bold; margin: 0px 0 0 10px;}
.SearchResultSection .ResustBox .OldPrice{color: #999; float: left; font-size:13px; 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: #006199; 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: #006199;}
.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: #006199;}
.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: 10px 10px 10px 10px; text-align:center }
.AddtoCart_btn a{width: auto; height: auto; text-align: center; padding: 3px 10px; background: #006199; color: #fff !important; font-size: 13px; 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;}
.AddtoCart_btn a:hover {background: #006199; color:#fff;}

.SearchResultSection .ResustBox a{color:#333;}
.SearchResultSection .ResustBox a:hover{color:#006199;}

.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:60px; height:60px; 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 .price{font-size: 15px; font-weight: bold;}
.ShoppingCart_table tfoot{background:#eee; padding:5px;}
.ShoppingCart_table tfoot td{padding:5px;}

/*---------------------- 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: #3f8bae; font-weight: bold; margin: 0 0 10px;}

.cartNo{background:#dc3545; width:17px; height:17px; font-size:13px; font-weight:bold; color:#fff; display:inline-block; text-align:center; border-radius:50%; position:relative; top:-5px; left:-3px;}
/*-------------Start Cart Css ---------------- */
.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: 20px; font-weight: bold; text-transform: uppercase; text-align: center; margin: 0 -10px 20px; background:#3f8bae; color:#fff; padding:5px;}

.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;}


.form-check-input{width: 1.3em; height: 1.3em; margin-top: 0.1em;}
/*-------------End Cart Css ---------------- */

.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;}
	

.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:#006199;}
.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: #006199; 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:#006199; padding:3px 15px; border-radius:3px; cursor:pointer; text-decoration:none;}
.WishListDetails .BuyNow_btn a:hover{opacity: 0.8;}


/*---------------------- 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-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;}

@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;}
}


@media (max-width:480px){
.SearchResultSection .ResustBox {width:95%;}
.ViewResultSection .ResustBox {width: 90%;}
.AddressSection{width: 100%; border-bottom:1px solid #ccc;}
.Similarproducts_Scroll ul li{width:340px;}
.Similarproducts_Box .ResustBox img{height: 180px;}
.showcase{height:335px;}
}