body{ padding:0; margin:0;}
.mid-wrapper{ width:100%; float:left; min-height:600px;}
.mid-container{ margin-top:40px; width:100%; float:left}
.site-navbar .site-navigation .site-menu > li > a { font-size:14px!important;}
.container{ width:100%!important}
.form-control{ height:55px;}
.btn-circle { border-radius:15px;}
.text-white{ color:#FFFFFF}
.page-header{ width:100%; float:left; min-height:40px; padding-bottom:10px; border-bottom:1px solid #BFBFBF; font-size:22px; font-weight:bold; margin-bottom:20px;}
.form-sec-hd{ margin-top:25px; border-bottom:1px dashed #999999;  padding-bottom:10px; padding-top:10px; text-align:left!important; font-weight:bold;}
.topgap10{ margin-top:10px;}
.mylistBtn{ font-size:20px; cursor:pointer; margin-left:20px;}
.wishlist-fa-active{color:#FF0000 }

.swiper-next{ background-color:#FFFFFF; font-size:20px; border:0px; margin-left:10px;}
.swiper-prev{ background-color:#FFFFFF; font-size:20px; border:0px; margin-left:10px;}
.swiper-all{ font-size:14px; color:#666666; text-decoration:none}

.top-header-main {
  padding: 3px 50px!important;
  position: relative;
  background-color: #C5B358!important;
}

.header-main{background-color: #EFEFDE!important; }
.mobile-location-box { color:#333333!important}
.header-left-icon{ color:#333333!important}

.account-box a{ color:#FFF;}
.account-box a i{ color:#FFFFFF}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.table th, .table td{ padding: 0.45rem!important; font-size:15px;}
.table .form-select{ background-color:#FFFFFF!important; border:1px solid #CCCCCC; padding:5px; font-size:15px; border-radius:4px;}
.table-thead{ background-color:#666666!important; color:#FFFFFF!important}

.breadcrumb{ font-size:13px!important; font-family:Verdana, Arial, Helvetica, sans-serif!important}
.breadcrumb a{ font-size:13px!important; font-family:Verdana, Arial, Helvetica, sans-serif!important}

.edit-link{ padding:5px; color:#FFFFFF!important; background-color:#006699; margin:4px; border-radius:8px;}
.del-link{ padding:5px; color:#FFFFFF!important; background-color:#CC3300; margin:4px; border-radius:8px;}
.op-link{ width:auto; padding:5px; padding-left:8px; padding-right:8px; background-color:#666666; color:#FFFFFF!important; text-decoration:none; float:left; margin:4px;font-size:13px; border-radius:8px;}
.op-link:hover{ color:#FFFF00  }

.button
{
	width: auto;
	padding:10px;
	border-radius: 5px;
	border: none;
	outline: none;
	background:#21845F;
	color: #fff!important;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
	margin-bottom: 28px;
	transition: 0.3s ease;
}
.button-circle
{
	width: 200px;
	height: 32px;
	border-radius: 8px;
	border: none;
	outline: none;
	background:#21845F;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	cursor: pointer;
	transition: 0.3s ease;
}
.goBtn{ border:0px; background-color:#C5B358!important; color:#FFF!important; padding:8px; width:75px; height:55px; border-radius:4px;}
.search-sep{ width:100%; float:left; height:32px; line-height:32px;  font-size:16px; font-weight:bold; margin-top:15px;}
.contact-row{ width:100%!important;}
.sear{ padding:2px!important}
.container-ext{ width:100%!important}

.mid-banner{ width:100%; float:left; min-height:150px; background-color:#333333; text-align:center; background-position:center; background-attachment:fixed; background:100%;}
.mid-banner span{ font-size:32px; font-weight:bold; color:#FFFFFF; display: inline-flex; line-height:150px;}
.mid-banner h5{ color:#FFFFFF; line-height:150px; font-size:40px; text-shadow:6px 6px 6px #000; }
.breadcrumb{ background:none!important; padding-left:0px; margin-top:0px;}
.no-line-height{ line-height:normal!important; font-size:30px!important;}
.logo-main{ width: 100%;  height: auto; }

.rating-checked{ color:#FFCC00}
.rating{ font-size:14px;}

.mylist-btn{ width:180px; border:1px solid #E1E1E1; padding:7px; border-radius:15px; background-color:#F8F8F8; font-size:16px;}
.mylist-btn-active{ width:180px; border:1px solid #E1E1E1; padding:7px; border-radius:15px; background-color:#F8F8F8; font-size:16px;  }
.mylist-fa-active{ color:#FF0000; font-size:15px;}

.goBtn{ border:0px; background-color:#F2F2F2; color:#666666; padding:8px; width:75px; height:55px; border-radius:4px;}
.mylist-btn:hover{ background-color:#CCCCCC;}

#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#006633;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#topBtn:hover {
  background-color: #555;
}

.topgap{ margin-top:4px;}
.nopad{ padding:0px!important;}
.nopad-left{ padding-left:0px!important;}
.nopad-right{ padding-right:0px!important;}
.search-icon{ display:none;}

.search-panel input{ border-radius:15px;}
.search-panel select{ border-radius:15px;}
.search-panel button{ border-radius:15px;}

@media screen and (max-width: 800px) 
{
	.search-panel{ display:none;}
	.search-icon{ display:block; margin-bottom:20px;}
	
	.mid-banner{ min-height:75px;}
	.mid-banner h5{line-height:75px; font-size:30px;}
	.no-line-height{ line-height:normal!important}
	.logo-main{ max-height:200px;}
	.header-left-icon{ display:none!important} 
	.products-carousel{ margin-top:-50px;}
}