:root{
  --main-color:#00b976;
  --light-yellow:#ffd200;
  --light-black:#2a3746;
  --dark-black:#000;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #666;
  font-size: 14px;
  letter-spacing: 0.4px;
  line-height: 20px;
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  color: #444;
}

/* Override the bootstrap defaults */
h1 {
  font-size: 33px;
}

h2 {
  font-size: 27px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 15px;
}

h5 {
  font-size: 12px;
}

h6 {
  font-size: 10.2px;
}

hr:not([size]) {
    height: 0.5px;
}

[class^="ri-"], [class*=" ri-"] {
	vertical-align: middle;
	font-size: 16px;
}

a {
  color: var(--dark-black);
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: var(--main-color);
}

.form-select:focus,.accordion-button:focus{
  box-shadow: none;
  border-color: var(--main-color);
}

.accordion-button:not(.collapsed){
  color: var(--main-color);
}

.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus,
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.form-control:focus{
  box-shadow: none;
  border-color: var(--main-color);
}

.form-control,.form-select{
  font-size: 14px;
}

.btn-outline-primary {
    background: rgba(105,105,115,1);
    border-color: rgba(105,105,115,1);
    color: #fff;
}

.btn-outline-primary:hover,.btn-danger:hover{
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

/* Chrome border line */
button:focus {
  outline: none !important;
}

.btn-check:focus + .btn, .btn:focus{
  box-shadow: none;
}

legend {
  font-size: 18px;
  padding: 7px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

label {
  font-size: 12px;
  font-weight: normal;
}

.list-unstyled a {
  text-decoration: none;
}

.nav-tabs {
  margin-bottom: 15px;
}

div.required .col-form-label:before, div.required .form-label:before {
  content: "* ";
  color: #F00;
  font-weight: bold;
}

@media (min-width: 768px) {
  .col-form-label {
    text-align: right;
  }
}

#alert {
  z-index: 1200;
  position: fixed !important;
  right:0 !important;
  top:0 !important;
}

#alert .alert {
  min-width: 360px;
  position: relative;
}

/* top */
#top {
  border-bottom: 1px solid #e5e5e5;
  background-color: #F8F8F8;
  line-height: 0;
  margin: 0;
  position: relative;
  clear: both;
}

#top .nav > .list-inline > .list-inline-item, #top .nav > .list-inline .list-inline-item > a, #top .nav > .list-inline .list-inline-item .dropdown > a {
  color: #fff;
}

#top .btn-link {
  color: #888;
  text-decoration: none;
}

#top .btn-link:hover {
  color: #444;
}

#top a {
    font-size: 13px;
    text-decoration: none;
    color: #666;
}

#top .dropdown-toggle{
    cursor: pointer;
}

#top a:hover{
    color: var(--main-color);
}

.dropdown-item.active, .dropdown-item:active,.dropdown-item:hover{
  background-color: transparent;
  color: var(--main-color);
}

.top-right li.list-inline-item{
  margin: 0;
  margin-left: 35px;
}

.top-bar{
  clear: both;
}

footer a {
  font-size: 1.1em;
  text-decoration: none;
}

/* logo */
#logo img {
  max-width: 200px;
}

/* search */
#search .form-control-lg {
  height: 40px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
}

#search .btn-lg {
  font-size: 20px;
  line-height: 18px;
  padding: 0.57rem 20px;
  border-radius: 0 5px 5px 0;
  height: 45px;
  fill: #fff;
}

/* cart */
#header-cart .box-cart > .btn {
  font-size: 12px;
  line-height: 18px; 
}

#header-cart .box-cart .btn-lg {
  padding: 0.65rem 1rem;
}

#header-cart.open .box-cart > .btn {
  background-image: none;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  color: #666;
  box-shadow: none;
  text-shadow: none;
}

#header-cart.open .box-cart > .btn:hover {
  color: #444;
}

#header-cart .box-cart .dropdown-menu {
    z-index: 1001;
    min-width: 100%;
}

#header-cart .box-cart .btn-link.remove-item{
  color: red;
}

#header-cart .box-cart .dropdown-menu table {
  margin-bottom: 10px;
}

#header-cart .box-cart .dropdown-menu li {
  min-width: 340px;
  padding: 0 10px;
  font-size: 12px;
}

#header-cart .box-cart .dropdown-menu li p {
  margin: 20px 0;
}

@media (max-width: 478px) {
  #header-cart .box-cart .dropdown-menu {
    width: 100%;
  }

  #header-cart .box-cart .dropdown-menu li > div {
    min-width: 100%;
  }
}

#header-cart .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}

#header-cart .table > :not(caption) > * > * {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    border-bottom: 1px solid #eee;
}

#header-cart .pro-name{
  font-size: 14px;
  color: var(--main-color);
}

/* menu */
.ri-arrow-down-s-line {
    vertical-align: middle;
}

.submenu-title {
    font-weight: 600;
    font-size: 14px !important;
    letter-spacing: 1px;
    line-height: 22px;
    position: relative;
    margin: 0 0 5px;
    padding: 4px 0;
}

.enangle {
    position: relative;
    top: 3px;
}

#menu .nav > li > a, .view_morechomeapp a {
    color: #000;
    padding: 10px 10px 10px 10px;
    background-color: transparent;
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
}

#menu .nav > li > a:hover,.view_morechomeapp a:hover{
  color: var(--main-color);
}

#menu .dropdown-inner {
  display: table;
}

#menu .dropdown-inner ul {
  display: table-cell;

}
#menu .dropdown-inner a {
  min-width: 160px;
  display: block;
  padding: 3px 20px;
  clear: both;
  line-height: 20px;
  color: #333333;
  font-size: 14px;
  direction: ltr;
}

#menu .dropdown-inner li a:hover {
  color: var(--main-color);
}

#menu .see-all {
  display: block;
  margin-top: 0.5em;
  border-top: 1px solid #DDD;
  padding: 3px 20px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 3px 3px;
  font-size: 12px;
}

#menu .see-all:hover, #menu .see-all:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
}

#menu #category {
  float: left;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    padding: 0;
}

#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
  color: #222;
  background-color:transparent;
}

.btn.active, .btn:active{
  box-shadow: none; 
}

.menu-img img {
    max-width: 28px;
    margin-right: 5px;
}

@media(min-width: 767px){
  #menu .dropdown-menu {
    display: block !important;
    webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    visibility: hidden;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.35s ease-out 0s;
    -o-transition: all 0.35s ease-out 0s;
    transition: all 0.35s ease-out 0s;
    min-width: 230px; 
    background-color: #fff;
    padding: 0px;
    border-radius: 0px; 
    border-bottom: 3px solid var(--main-color);
    left: 100%;
    top: 0;
  }
  
  #menu .dropdown:hover .dropdown-menu{
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  #menu .dropdown-inner a{
    border-bottom: 1px dashed #dedede;
    padding: 10px 18px;
    color: #272727;
    text-transform: capitalize;
  }
  #menu .dropdown-inner{
    display: block; 
  }
}

@media (min-width: 768px) {
  .navbar-nav .dropdown-menu{
      position: absolute;
  }

  #menu .dropdown:hover .dropdown-menu {
    display: block;
  }
}

@media (max-width: 767px) {
  #menu {
    border-radius: 4px;
  }

  #menu div.dropdown-inner > ul.list-unstyled {
    display: block;
  }

  #menu div.dropdown-menu {
    margin-left: 0 !important;
    padding-bottom: 10px;
    background-color:#fff;
  }

  #menu .dropdown-inner {
    display: block;
  }

  #menu .see-all {
    margin-top: 0;
    border: none;
    border-radius: 5px;
    color: #222;
    display: none;
  }
}

@media (max-width: 767px) {
  #menu {
    border-radius: 4px;
  }

  #menu div.dropdown-inner > ul .list-unstyled {
    display: block;
  }

  #menu div.dropdown-menu {
    margin-left: 0 !important;
    padding-bottom: 10px;
    background-color: #fff;
    border: none;
    padding-top: 0;
  }

  #menu .dropdown-inner {
    display: block;
  }

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

  #narbar-menu .nav-item {
    margin: 0;
    display: block !important;
    text-align: left;
    padding: 0 0;
  }
  
  #menu .dropdown-menu ul li a :hover {
    background: rgba(0, 0, 0, 0.1);
  }

  #menu .see-all {
    margin-top: 0;
    border: none;
    border-radius: 0;
  }
}

/* content */
#content {
  min-height: 600px;
}
/* footer */
footer {
  margin-top: 50px;
  padding-bottom: 1px;
  background-color: #fff;
  color: #666;
}
footer hr {
  border-top: none;
  border-bottom: 1px solid #666;
}
footer a {
    color: #8C8C8C;
    font-size: 13px;
}
footer a:hover {
  color: var(--main-color);
}
footer ul li{
  line-height: 32px;
}
footer h5 {
    color: #222;
    cursor: pointer;
    font: 500 20px/24px "Poppins",Helvetica,sans-serif;
    letter-spacing: 1px;
    margin: 0 0 20px;
    text-transform: capitalize;
    position: relative;
}
footer h5::before {
	content: "";
	height: 2px;
	position: absolute;
	top: 35px;
	width: 40px;
	z-index: 3;
}
footer h5::before {
	background-color: var(--main-color);
}
.foot-top {
	background-color: var(--main-color);
	padding: 15px 20px;
	margin-bottom: 40px;
	border-radius: 4px;
}
.inspire-newsletter h3 {
	color: #fff;
	font-size: 22px;
	letter-spacing: 1px;
	margin: 8px 0;
	text-align: left;
	text-transform: capitalize;
	width: 100%;
	background: none;
  font-weight: 500;
}
.insp-news-desc {
	margin-bottom: 0;
	color: #fff;
}
.foot-top .button-submit {
	display: table-cell;
	vertical-align: top;
	padding-left: 5px;
}
.foot-top .form-group {
	margin-top: 17px;
	display: table-cell;
	vertical-align: top;
	width: 100%;
}
.inputNew {
	height: 40px;
	border-radius: 4px;
}
.foot-top .button-submit .btn {
	background-color: var(--dark-black);
	border: 1px solid var(--dark-black);
	height: 40px;
  color: #fff;
  min-width: 4.2em;
}
/* breadcrumb */
.breadcrumb {
    margin: 0 0 20px 0;
    padding: 10px 0;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb i {
  font-size: 15px;
}
.breadcrumb > li.breadcrumb-item {
  text-shadow: 0 1px 0 #FFF;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumb > li.breadcrumb-item > a {
  text-decoration: none;
}
.breadcrumb > li.breadcrumb-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
    width: 9px;
    height: 9px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.breadcrumb > li:last-child::after {
    border-bottom: 0;
    border-right: 0;
}
.breadcrumb > li.breadcrumb-item + li:before {
  content: "";
  padding: 0;
}
.pagination {
  margin: 0;
}
/* buttons */
.btn-light {
  color: #ffffff;
  background-color: var(--main-color);
  border-color: var(--main-color);
  font-size: 14px;
  padding: 4px 10px;
}
.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .btn-light.disabled, .btn-light[disabled] {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  background-position: 0;
}
.btn-primary {
  color: #ffffff;
  background-color: var(--main-color);
  border-color: var(--main-color);
  font-size: 14px;
  padding: 4px 10px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  background-color: var(--dark-black);
  border-color: var(--dark-black);
  color: #fff;
}
.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: none;
	background-color: rgba(221, 14, 28, 1);
	background-image: none;
	border-color: rgba(221, 14, 28, 1);
	font-size: 14px;
	padding: 4px 10px;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  box-shadow: none;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
  color: #ffffff;
  background-color: var(--main-color);
  border-color: var(--main-color);
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  background-color: var(--light-black);
  border-color: var(--light-black);
  color: #fff;
}
.btn-link {
  border-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  color: #23A1D1;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  box-shadow: none;
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  background-color: #222222;
  background-image: linear-gradient(to bottom, #333333, #111111);
}
.product-thumb{
  border: 1px solid #ededed; 
  position: relative;
  border-radius: 6px;
}
.product-thumb h4 {
    color: var(--light-black);
    transition: all .3s ease;
    font-weight: 500;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.product-thumb h4 a{
  color: var(--light-black);
  transition: all .3s ease-in-out;
  letter-spacing: 0;
  font-size: 15px;  
}
.product-thumb h4:hover a{
 color: var(--main-color);
}
.product-thumb .image {
  text-align: center;
  position: relative;
}
.product-thumb .image img{
  border-radius: 5px;
}
.product-thumb .description {
  text-align: center;
}
.product-thumb .content {
	padding: 12px 5px;
}
.product-thumb .button-group {
  /* display: flex;
  border-top: 1px solid #ddd; */
  background-color: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 33%;
  border: none;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  transition: all 400ms ease-in-out 0s;
}
.button-group button, .button-group a {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    border: none;
    border-radius: 50%;
    padding: 10px 7px;
    width: 38px;
    height: 38px;
    cursor: pointer;
    vertical-align: middle;
    transition: all 500ms ease 0s;
    transform: scale(1);
    fill: #303b41;
    display: inherit;
    text-align: center;
    display: inline-block;
    font-size: 18px;
}
.product-thumb .button-group button:hover {
  background-color: var(--main-color);
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
.product-thumb:hover .button-group button{
  opacity: 1;
}
.pro-d-none {
    display: none;
}
.product-list .pro-d-none{
  display: block;
}
 #product-list .product-thumb {
    margin-bottom: 15px
  }
@media (min-width: 768px) {
  .product-list .product-thumb {
    display: flex;
  }
 
  .product-list .product-thumb .image {
    flex-direction: column;
    margin-bottom: 0px;
  }
  .product-list .product-thumb .content {
    flex-direction: column;
    flex: 75%;
    position: relative;
  }
  .product-list .product-thumb .button-group {
    position: unset;
    bottom: 0px;
    width: auto;
    text-align: left;
    padding: 0 15px;
    margin-top: 20px;
    display: inline-block;
  }
  
  .product-list .product-thumb .homeadd {
    display: inline-block !important;
  }
  .product-list .homeadd.d-block.text-center.mt-3 {
    text-align: left !important;
    padding-left: 0;
    margin-left: -13px;
  }
  .product-list .product-thumb .button-group button, .product-list .product-thumb .button-group .bquickv {
    transition: all 500ms ease 0s;
    transform: scale(1);
    opacity: 1;
  }
  .product-thumb .button-group button, .product-thumb .button-group .bquickv {
    transition: all 500ms ease 0s;
    transform: scale(0.8);
    opacity: 0;
  }
  .product-thumb:hover .button-group button, .product-thumb:hover .button-group .bquickv {
    transform: scale(1);
    opacity: 1;
}
  .product-list .product-thumb .description {
    padding-left: 15px;
    text-align: left;
  }
  .product-list .p_option {
    text-align: left;
    padding-left: 15px;
    max-width: 200px;
  }
}
.rating {
  padding-bottom: 8px;
}
.rating .fa-stack {
    width: 16px;
}
.rating.fa-star {
  color: #999;
  font-size: 15px;
}
.rating .fa-star {
    color: #FC0;
    font-size: 13px;
    line-height: 13px;
}
.rating .fa-star + .fa-star {
  color: #E69500;
}
/* product list */
.price {
  color: var(--main-color);
  letter-spacing: 0;
  font-size: 1.25rem;
}
.price-new {
  font-weight: 600;
  letter-spacing: 0;
}
.price-old {
    color: #999;
    text-decoration: line-through;
}
.price-tax {
  color: #999;
  font-size: 12px;
  display: block;
}
/* BS4 Changes */
.navbar-light .navbar-toggler {
  font-size: 15px;
  font-stretch: expanded;
  color: #FFF;
  padding: 6px 12px;
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border-color: #1f90bb #1f90bb #145e7a;
}
.form-check .form-check-input {
  margin-top: 0.25rem;
}
/* Theme Custom CSS */
/* header */
@media(min-width: 1200px){
  .container {
      width: 1170px;
  }
}
.header-social .socials-block ul li:first-child a {
    border-left: 1px solid #e5e5e5;
}
.header-social .socials-block ul li a {
    display: block;
    width: 36px;
    padding-top:9px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
    height: 31px;
    color: #666;
}
.header-social .socials-block ul li a:hover {
  color: var(--main-color);
}
.header-social ul li{
  display: inline-block;
  list-style: none;
}
.header-social ul {
  padding: 0;
  margin-bottom: 0;
}
.header-social .socials-block ul li a i {
	font-size: 16px;
	line-height: 13px;
}
.lang-cur .dropdown .dropdown-menu, .lang-cur .dropdown .dropdown-menu.show{
  left: auto !important;
  right: 0 !important;
}
.lang-cur .dropdown .dropdown-menu li{
  margin: 0;
  display: block !important;
  text-align: left;
}
.lang-cur .dropdown .dropdown-menu li i {
	margin-right: 5px;
	font-size: 16px;
	vertical-align: middle;
}
#header-cart .box-cart .dropdown-menu {
	z-index: 1001;
	min-width: 100%;
	inset: unset !important;
	transform: none !important;
	right: 0 !important;
	width: unset !important;
}
.lang-cur .dropdown .dropdown-menu li a{
  color: var(--dark-black);
}
.lang-cur .dropdown .dropdown-menu li a:hover{
  color: var(--main-color);
}
.lang-cur{
  margin-bottom: 0;
}
.lang-cur .lang-cur{
  margin: 0;
}
#header-cart .box-cart li.list-inline-item{
  margin: 0 40px;
}
.middel-header {
    padding: 18px 0;
}
.cart-top i {
    font-size: 24px;
    color: var(--dark-black);
}
#top-links ul li {
    padding: 0 20px;
    border-left: 1px solid #e5e5e5;
    line-height: 30px;
    display: table-cell;
    font-size: 13px;
}
#top-links ul {
    text-align: -webkit-right;
}
#top-links ul li:last-child {
    border-right: 1px solid #e5e5e5;
}
.cartco {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 7px;
}
/* Inspire Serch */
.speech {
    width: 10%;
    float: left;
    border: 1px solid #eee;
    border-right: 0px;
    align-items: center;
    display: flex;
    height: 45px;
    position: absolute;
    left: 150px;
    right: unset;
    z-index: 2;
}
.speech img {
    width: 20px;
    position: relative;
    margin: auto;
    cursor: pointer;
}
#search .input-lg {
    height: 45px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 5px;
    width: 95%;
    border-color: #eee;
}
#inspire-search-category {
    float: left;
    width: 150px;
    border-radius: 5px 0 0 5px;
    border: 1px solid #eee;
    height: 45px;
    padding: 10px;
    -moz-appearance: none;
    background: #fff url(../../../image/catalog/Arrow.png);
    background-position: right 10px bottom 20px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    z-index: 3;
    position: relative;
}
#search_block_top .input-group-btn{
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
}
/* result */
.inspire-search-result .searchbr{
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #eee;
    margin: 15px 0;
    float: left;
    width: 100%;
}
.inspire-search-result .product-thumb {
    border: none;
    margin-bottom: 0;
    position: relative;
    border-radius: 0;
}
.inspire-search-loader{
  position: absolute;
  z-index: 110;
  height: 300px;
  background-color: white;
  border: 1px solid #eee;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.inspire-search-result {
  left: 0;
  top: 100%;
  right: 0;
  box-shadow: none;
  background-color: #fff;
  border-radius: 0;
  position: absolute;
  z-index: 99;
  max-height: 530px;
  overflow-y: auto;
  margin-top: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.inspire-dis h4{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0
}
.inspire-dis .inspire-des {
    font-size: 12px;
    color: #777;
    text-transform: capitalize;
    color: #282828;
    margin: 0 0 10px 0;
    max-height: 40px;
    overflow: hidden;
}
.inspire-search-result p{
  margin: 5px 15px;
}
.inspire-search-loader .loaders {
    position: absolute;
    top: 35%;
    z-index: 4;
    background: url('../../../../../image/catalog/loader.gif') 50% 50% no-repeat;
    width: 60px;
    height: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.inspire-search-result .searchbr {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #eee;
    margin: 15px 0;
    float: left;
    width: 100%;
}
#search_block_top .input-group{
  position: unset;
}
/*cart */
span.cartcount {
    background-color: var(--main-color);
    color: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    position: absolute;
    left: 3px;
    bottom: -20px;
}
#header-cart .box-cart button.dropdown-toggle {
    cursor: pointer;
    padding: 0;
    background-color: transparent;
    border: none;
    transition: all 0.2s ease-in-out;
}
.cart-top {
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
}
/* menu */
.allmenu {
    border-bottom: 1px solid #f2f2f2;
    background-color: #f2f2f2;
    margin-bottom: 20px;
    height: 50px;
}
#wr-menu button {
    /* background: #ffd200; */
    background: var(--main-color);
    border-color: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 15px;
    height: 50px;
    border-radius: 0 0 0 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#wr-menu button h2{
    color: #fff;
    font-size: 14px;
    display: inline-block;
}
#menu ul.navbar-nav li.nav-item{
    display: block;
    width: 100%;
}
@media(min-width: 768px){
  .catbe{
      display: none;
  }
  .home-page #all-menu {
      display: block !important;
  }
  #menu li a:hover .enangle {
    transform: rotate(-90deg);
  }
  .enangle {
    float: right;
    transition: all 0.3s ease 0s;
    margin-top: 2px;
  }
  .static-menu li {
    padding-top: 14px;
    margin: 0 15px;
    display: inline-block;
  }
  .static-menu li a {
    color: #333;
    font-size: 15px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
  }
  .static-menu li a:hover{
    color: var(--light-yellow);
  }
}
#all-menu {
    z-index: 9;
    border: 1px solid #eee;
    border-radius: 0 0 4px 4px;
    left: 0;
    right: 0;
    background-color: #fff;
    position: relative;
}
#menu .nav > li > a {
    color: #2a3746;
    padding: 9px 20px;
    font-size: 14px;
    background-color: transparent;
    text-transform: capitalize;
    border-bottom: 1px solid #eee;
    width: 100%;
}
.view_more.my-menu {
  color: #2a3746;
  cursor: pointer;
  font-size: 14px;
  background-color: transparent;
  border-top: 1px solid #f1f1f1;
  padding: 10.2px 20px;
}
/* slider */
@media(min-width: 768px){
    .slide-padding {
        padding: 0 5px;
    }
}
.slide-padding button{
    color: #fff;
    font-size: 20px;
    margin: 5px;
    padding: 7px 0;
    background: #1a1a1a;
    display: inline-block;
    cursor: pointer;
    border-radius: 25px;
    border: 2px solid #1a1a1a;
    transition: all 0.3s ease 0s;
    /*opacity: 0;*/
    width: 40px;
    height: 40px;
    text-align: center;
    top: 45%;
}
.slide-padding button span{
    text-shadow: none;
    font-size: 14px;
}
.slide-padding button:hover span{
    color: #fff;
}
.slide-padding button:hover{
    background: var(--main-color);
    border: 2px solid var(--main-color);
}
#menu{
    padding-bottom: 0;
}
.carousel-indicators{
  bottom: 0;
}
.slider{
  overflow: hidden;
}

.firstbanner .banner-effect:first-child, .secondbanner .banner-effect:first-child {
	margin-bottom: 10px;
}
.cbanner {
    padding: 0;
}
.topbanner {
    margin-top: 50px;
}
.topbanner img, .carousel-banner-0 img,.sliderightbanner img{
  border-radius: 5px;
}
/* prdocuct */
.nav-item {
    display: inline-block;
    float: none;
}
.pro-tab-title.nav-tabs .nav-link.active {
    color: var(--main-color);
}
.pro-tab-title.nav-tabs .nav-link {
    color: var(--dark-black);
    text-transform: capitalize;
    border: none;
    font-size: 16px;
    padding: 0;
    letter-spacing: 0.5px;
    font-weight: 500;
    margin: 0 15px;
}
.tab-pro {
    margin-top: 50px;
    margin-bottom: 30px;
    border-bottom: 2px solid #eee;
    position: relative;
}

.tab-pro-title h3 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 0px;
    text-transform: capitalize;
    font-family: 'Pattaya', sans-serif;
}
.pro-tab-title.nav-tabs {
    border: none;
}
.pro-tab-title.nav {
    text-align: right;
    margin-right: 100px;
}

.pro-tab-title.nav {
    display: block;
}
/* services */
.inspire-bg-1{
	margin-top: 20px;
}
.both ul.ship-1{
    background: #fffdcd none repeat scroll 0 0;
    border: 1px solid #e0db69 !important;
    padding: 10px 10px;
}
.both ul.ship-2{    
    background: #e2fbfd none repeat scroll 0 0;
    border: 1px solid #a8e0e4 !important;
    padding: 10px 10px;
}
.both ul.ship-3{    
    background: #ffebf5 none repeat scroll 0 0;
    border: 1px solid #e6b9cf !important;
    padding: 10px 10px;
}
.sb-theme-free-ship{
    padding-top: 10px;
    color: #aaa;
    font-size:13px;  
}       
.sb-theme-free-ship i{
    font-size: 18px;
}
.shipping-inner {
    overflow: hidden;
    font-size: 13px;
    text-align: left;
    color: #333;
    line-height: 1.4em;
    font-weight: normal;
    text-transform: uppercase;
    padding:15px 0px;
}
.shipping-inner i {
    border: 1px #00b9f5 solid;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    font-size: 20px;
    color: #00b9f5;
    text-align: center;
    line-height: 38px;
    margin-top: 0px;
    float: left;
}
.shipping-inner h3 {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 1px;
    margin-top: 5px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.shipping-inner .content {
    text-align: left;
    text-transform: none;
    color: #999;
    font-size: 12px;
    letter-spacing: 0.5px;
}
.deliveryinfo ul {
    margin: 0;
    padding-left: 0;
    border-right: 1px solid #dcdcdc;
}
.deliveryinfo ul li {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
}
.deliveryinfo ul li h4{
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0;
}
.deliveryinfo ul li p{
  margin-bottom: 0;
}
.deliveryinfo:last-child ul{
border:none;
}
.shipping{
background-image: url(../../../image/catalog/ship/free.png);
background-position: center;
width: 60px;
height: 60px;
content: '';
z-index: 0;
position: relative;
top: 0;
clear: both;
margin: 0 auto;
border-radius: 100%;
}
.both ul:hover .shipping{
    background-image: url(../../../image/catalog/ship/free-1.png);
}
.black{
    background-image: url(../../../image/catalog/ship/bag-1.png);
    background-position: center;
width: 60px;
height: 60px;
content: '';
z-index: 0;
position: relative;
top: 0;
clear: both;
margin: 0 auto;
border-radius: 100%;
transition: all 400ms ease-in-out 0s;
}
.both ul:hover .black{
    background-image: url(../../../image/catalog/ship/bag.png);
}
.free{
    background-image: url(../../../image/catalog/ship/ex.png);
    background-position: center;
width: 60px;
height: 60px;
transition: all 400ms ease-in-out 0s;
content: '';
z-index: 0;
position: relative;
top: 0;
clear: both;
margin: 0 auto;
border-radius: 100%;
}
.both ul:hover .free{
    background-image: url(../../../image/catalog/ship/ex-1.png);
}
.deliveryinfo ul.last{
  border-right: none;
}
/* product */
/* product option */
.p_option {
	text-align: center;
}
.p_option .form-label{
    display: none;   
}
.p_option .form-select, .p_option .form-control {
  padding: 3px 12px;
  margin-top: 0;
  margin-bottom: 0;
  height: 32px;
}
.custom-radio label.color-option span.radiolabel {
  height: 101%;
  border-radius: 4px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-radio .radio label {
  padding: 0;
  text-align: center;
  font-size: 12px;
  text-transform: capitalize;
  color: #808080;
}
.checkbox_input label.size-option, .color-option {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 40px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	position: relative;
	text-align: center;
}
.custom-radio label input, .checkbox_input label input {
	position: absolute;
	opacity: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin: 0 auto !important;
	width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}
.custom-radio .form-check, .checkbox_input .form-check{
    padding: 0;
    display: inline-block;
}
.p_option .size-option input[type="checkbox"]:checked + label, .color-option input[type="radio"]:checked + label {
	background-color: #000;
	transform: rotate(0) scale(1);
	border: 1px solid #000;
	color: #fff;
}
.p_option .form-check-label {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 26px;
}

/* product option end */
.second-image:last-child {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
}
.product-thumb:hover .second-image:last-child {
    opacity: 1;
}
.homeadd .count {
	max-width: 82px;
	text-align: center;
	display: inline-block;
	float: none !important;
	width: 70px;
	border: 1px solid #fff;
	background: #eee;
	color: #000;
	border-radius: 4px !important;
	height: 38px;
	padding: 5px;
}
.homeadd .sub {
	position: absolute;
	left: 4px;
	color: #000;
	font-size: 15px;
	padding: 3px;
	z-index: 9;
	font-weight: 600;
}
.homeadd .add {
	position: absolute;
	right: 4px;
	color: #000;
	font-size: 15px;
	padding: 3px;
	z-index: 9;
	font-weight: 600;
}
.homeadd .btn-crt {
	color: #fff;
	height: 35px;
	border: 1px solid var(--main-color);
	border-radius: 4px;
	background-color: var(--main-color);
	line-height: 0;
	padding: 0 20px;
}
.homeadd .wrap.input-group {
	width: auto;
}
@media(min-width: 768px){
    .product-thumb:hover .homeadd .btn-crt {
        background-color: var(--dark-black);
        border: 1px solid var(--dark-black);
        color: #fff;
    }
}
.discount-onprice {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 12px;
	color: #09ac63;
	max-width: 90%;
	background: #e2f7ee;
	padding: 0px 7px;
	border: 1px solid #e2f7ee;
	border-radius: 4px;
	margin-top: 0px;
	margin-bottom: 0;
    z-index: 9;
}
.tab-content > .tab-pane:not(.active), 
.pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}
button.slick-next.slick-arrow, button.slick-prev.slick-arrow {
	padding: 3px 0px !important;
	background: var(--main-color) !important;
	opacity: 1 !important;
	border-radius: 4px !important;
	width: 26px;
	height: 26px;
	border: 1px solid var(--main-color);
	line-height: 16px;
	margin-top: 0px;
  color: #fff;
}
button.slick-next.slick-arrow:hover,button.slick-prev.slick-arrow:hover{
    background: var(--dark-black) !important;
    border: 1px solid var(--dark-black);
}
button.slick-next.slick-arrow:hover i,button.slick-prev.slick-arrow:hover i{
    color: #fff;
}
.product-thumb .homeadd .btn-crt:hover {
    background-color: var(--light-black);
    border: 1px solid var(--light-black);
    color: #fff;
}
button.slick-next.slick-arrow{
    position: absolute;
    top: -55px;
    right: 13px;
}
button.slick-prev.slick-arrow{
    position: absolute;
    top: -55px;
    right: 50px;
}
.heading {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  margin-top: 32px;
  margin-bottom: 16px;
}
.tab-pro-title , .heading h3, .home-heading {
  font-size: 24px;
  margin-bottom: 0px;
  text-transform: capitalize;
  font-family: 'Pattaya', sans-serif;
}
.logo-slider {
  background-color: #f6f6f6;
  margin-top: 30px;
  border: 1px solid #eee;
  border-radius: 2px;
  padding: 10px 0;
}
.heading hr{
    border-top: 1px solid #cdcdcd;
}
.special-products .col, 
#TopProductsContent .tab-pane .col,
.related-products .col,
.container-products .col {
  padding: 0 6px;
}
div#TopProductsContent .slick-slider{
    padding: 0 10px;
}
.related-products{
  margin-left: -7px;
  margin-right: -7px;
}
/*category */
.giant-item-thumb{
  padding: 0 7px;
}
h4.giant-item-title {
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    margin-top: 10px;
}
h4.giant-item-title a{
    transition: 0.3s ease;
}
.giant-item-thumb:hover a{
    color: var(--main-color);
}
/* footer */
#formNewLestter .alert {
	bottom: -55px;
	top: auto;
	left: 0px;
	right: 0px;
	position: absolute;
	font-size: 11px;
	padding: 6px 15px 6px 15px;
}
#formNewLestter .btn-close {
	position: absolute;
	right: 15px;
	top: 7px;
}

.ne-su:hover{
  background-color: #222;
}
.sign-up-img {
    background-image: url(../../../../../image/catalog/news.png);
    background-repeat: no-repeat;
    min-height: 40px;
    min-width: 40px;
    position: absolute;
    top: 5px;
    left: 15px;
}
.description-top {
    margin-left: 60px;
}
.description-top p{
  color: #e2e2e2;
    margin-bottom: 0;
}
.mail-msg{
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
    margin: 0;
}
.valid{
  position: relative;
}
#formNewLestter .form-group{
  margin-bottom: 0;
    margin-top: 3px;
}
@media(min-width: 768px){
  .footer-collapse.collapse,#filtercol.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
  }
  .middle-footer h5 button,.filtercolb {
      display: none;
  }
}
.foot-bot {
  border-top: 1px solid #eee;
  padding: 30px 0;
  margin-top: 15px;
}
.foot-social li{
  display: inline-block;
}
.foot-social li a {
    border-radius: 50%;
    display: inline-block;
    font-size: 13px;
    padding-top: 0px;
    height: 28px;
    text-align: center;
    width: 28px;
    transition: all 0.2s ease-in-out 0s;
    background: #3d3d3d none repeat scroll 0 0;
    color: #8c8c8c;
}
.foot-social li a:hover{
    background: var(--main-color);
    color: #fff;
}
.foot-social li a i{
  font-size: 0;
  line-height: 0;
}
.foot-social li a i:before{
  font-size: 13px;
}
.fa:before{
    font-family: 'FontAwesome';
}
.foot-power {
    color: #fff;
    padding: 12px 0;
}
.foot-app .title-footer {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.foot-app ul {
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}
.foot-bottom ul{
  margin-bottom: 0;
}
.foot-bottom .row{
    align-items: center;
}
.foot-app li {
    display: inline-block;
}
footer .f-left li {
    line-height: 30px;
    font-size: 13px;
    color: #8C8C8C;
}
footer .f-left li i {
    padding-right: 10px;
    font-size: 14px;
    color: var(--main-color);
    width: 30px;
}
.footsocial li a {
    background-color: #333;
    border: 1px solid #555555;
    border-radius: 3px;
    color: #a8a8a8;
    display: inline-block;
    font-size: 14px;
    padding-top: 13px;
    height: 30px;
    padding: 4px 0;
    text-align: center;
    width: 30px;
    line-height: inherit;
    transition: all 0.2s ease-in-out 0s;
}
.footsocial li a:hover{
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
    color: #fff;
}
#scroll {
    background-color: var(--main-color);
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    outline: none;
    z-index: 1;
    line-height: 36px;
    text-align: center;
    transition: all 400ms ease-in-out 0s;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;  
}
#scroll:hover{
  background-color: #222;
}
.f-left {
    word-break: break-all;
}
.foot-bot p {
    margin-bottom: 0;
    font-size: 13px;
    color: #666666;
    padding-top: 25px;
}
.footmr{
  margin-top: 50px;
}
/* blog */
.inspblog .product-block{
  margin: 0 5px;
}
.inspblog{
  margin: 0 -5px;
}
.blog-right {
    margin-top: 15px;
}
.user_icon {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    float: left;
    margin: 2px 15px 15px 0;
    padding: 7px 13px;
}
.view-comment .name {
    color: #161b1e;
    font-weight: 700;
}
.view-comment .date {
    color: #bbb;
    font-size: 12px;
}
.inspire-single-blog .view-comment .name, .inspire-single-blog .view-comment .date, .inspire-single-blog .view-comment .col-sm-8, .inspire-single-blog .view-comment .col-sm-3 {
    width: 100%;
}
/* BLOG START  */
@media(min-width: 768px){
  .blogstate{
    position: sticky;
    top: 15px;
  }
}
.blogdes{
    font-size: 12px;
    color: #777;
}
.blog-date{
    float: left;
}
#content .box-product .blog-items {
    display: inline-block;
    float: left;
}
.date-blog-hr{
    margin-top: 10px;
    margin-bottom: 10px;
}
.the_dated{
    font-size: 40px;
}
.view-blog {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 0 10px;
}
.read-more {
    text-transform: capitalize;
    margin-bottom: 15px;
    margin-top: 15px;
}
.author {
    color: #808080;
    margin-bottom: 15px;
}
.blog-right .author .fa.fa-user {
    color: #9c9c9c;
    margin-right: 3px;
}
.blog-desc {
    margin: 10px 0;
    color: #666;
    text-transform: capitalize;
    font-size: 14px;
    margin-bottom: 15px;

}
.blog-img {
    padding: 10px 0 0;
}
.date-time{
    font-size: 12px;
}
.insp-post-author {
    position: absolute;
    top: 0;
    color: #ffffff;
    background-color: var(--main-color);
    border-color: var(--main-color);
    padding: 6px 15px;
}
#content #blog-carousel, #content #blog-grid {
    padding: 0px 0;
    border: none;
    overflow: visible;
}
#content #blog-carousel .blog-item {
    float: left;
}
a.read_more {
    color: var(--main-color);
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
}
#content #blog-carousel .product-block:hover, #content #blog-grid .product-block:hover {
    box-shadow: none;
}
.blog-right h4 a {
	font-size: 14px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #333;
	font-weight: 500;
}
.blog-right h4{
    margin-top: 0;
    text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.blog-right {
    margin-top: 15px;
}
.product-block .blog-right h4 a:hover {
    color: var(--main-color);
}
.blog_comment {
    font-size: 14px;
    margin: 0 25px;
    float: left;
}
.blog-right .read_link > a {
    text-decoration: underline;
}
.read_link{
    margin-top: 15px;
}
.read_link .fa.fa-book {
    margin-right: 5px;
}
.inspire-single-blog .blog-desc {
    color: #797979;
    font-size: 13px;
    text-align: justify;
}
.inspire-single-blog .block-title h3 {
    padding: 10px 0;
    font-size: 16px;
    color: #332d35;
}
.panel {
    box-shadow: none;
}
.blog-comment{
    font-size: 16px;
    color: var(--main-color);
}
.inspire-single-blog .co-head {
    font-size: 16px;
    text-transform: capitalize;
    color: #222;
    margin-top: 10px;
    margin-bottom: 10px;
}
.inspire-single-blog .view-comment .panel-default {
    border-top: none;
    border-bottom: 1px solid #f3f3f3;
    border-left: medium none;
    border-right: medium none;
    box-shadow: none;
    padding: 20px 0;
}
.inspire-single-blog .form-horizontal .form-group{
  margin:0;
}
.view-comment .name {
    color: #161b1e;
    font-weight: 700;
}
.view-comment .date {
    color: #bbb;
    font-size: 12px;
}
.inspire-blog-image {
    position: relative;
    transition: all 600ms ease-in-out 0s;
}
.inspire-blog-image img{
  border-radius: 5px;
}
.img-thumbnail{
    border: none;
}
/* inspire MAGNIFIC POPUP CSS */
.inspire-blog-image .inspire_post_hover {
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 46%;
}
.inspire_blog_page .inspire-blog-image .inspire_post_hover {
    top: 45%;
}
.inspire_blog_page .panel-body h5 {
    color: #332d35;
    display: block;
    font-size: 18px;
    margin-top: 15px;
    text-transform: capitalize;
}
.product-block:hover .blog-left .inspire_post_hover, .product-block:hover .blog-left .zoom, .product-block:hover .blog-left .readmore_link {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -kkhtml-opacity: 1;
    transition: all 0.5s ease 0s;
}
.product-block:hover .blog-post-image-hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -kkhtml-opacity: 1;
}
.product-block .inspire-blog-image .inspire_post_hover .zoom, .product-block .inspire-blog-image .inspire_post_hover .readmore_link {
    display: inline-block;
    float: none;
    color: transparent;
    position: relative;
    width: 40px;
}
.product-block .inspire-blog-image .inspire_post_hover .readmore_link {
    margin-left: 10px;
}
.inspire-blog-image .inspire_post_hover .zoom::before, .inspire-blog-image .inspire_post_hover .readmore_link::before {
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\f00e";
    font-family: "FontAwesome";
    font-size: 14px;
    height: 40px;
    left: 0;
    margin: auto;
    opacity: 0;
    padding: 8px 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: scale(1.5);
    transition: all 0.4s ease 0s;
    width: 40px;
}
.inspire-blog-image .inspire_post_hover .readmore_link::before {
    content: "\f0c1";
}
.product-block:hover .inspire-blog-image .inspire_post_hover .readmore_link::before, .product-block:hover .inspire-blog-image .inspire_post_hover .zoom::before {
    opacity: 1;
    transform: scale(1);
}
.blog-left .inspire-blog-image .zoom:hover::before, .blog-left .inspire-blog-image .readmore_link:hover::before {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
/* BLOG End*/
/* banner */
.carousel {
    position: relative;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    margin-bottom: 0;
}
#display-control #compare-total.a {
  margin-top: -2px;
  padding: 0.35rem 0.565rem;
}
#product-product h1 {
  margin-top: 20px;
  margin-bottom: 10px;
}
#information-contact .card {
  margin-bottom: 20px;
}
#cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 9999;
  opacity: 0.95;
  color: #ecf0f1;
  background: #343a40;
}
#cookie div {
  font-size: 16px;
  color: #FFFFFF;
}
/* product page */
.pro-content.product-right h1{
    font-size: 18px;
    text-transform: uppercase;
}
.countreview{
  margin: 0 20px;
}
.text-decor {
    text-transform: capitalize;
    color: #161616;
    font-size: 14px;
    letter-spacing: 1px;
    min-width: 145px;
    display: inline-block;
}
.product-tab .nav-tabs{
  border-bottom: none;
}
.product-right .qty-plus-minus .form-control {
    width: 45px;
    height: 42px;
    text-align: center;
    color: #232d2a;
    box-shadow: none;
}
.product-right #form-product button{
  height: 42px;
  line-height: inherit;
  font-size: 16px;
  padding: 0 12.2px;
}

.product-right #form-product .btn {
  border-radius: 24px;
}

.product-right .price-new{
  font-size: 25px;
}
#img_01 {
    border: 1px solid #ebebeb;
}
.propage-tab{
  margin-top: 20px;
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}
.propage-tab .nav-tabs li {
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    margin-right: 10px;
}
.propage-tab .nav-tabs li a.active, .propage-tab .nav-tabs li a.active:focus, .propage-tab .nav-tabs li a.active:hover {
    color: var(--main-color);
}
.propage-tab .nav-tabs > li > a {
    border-radius: 5px 5px 0 0;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ebebeb;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    font-weight: 500;
    color: #282828;
    border-right: 1px solid #ebebeb;
    border-bottom: none;
}
.propage-tab .tab-content {
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 10px;
}
.propage-tab .nav-tabs {
    border-bottom: none;
    margin-bottom: 0;
}
.inspdes {
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
}
.inspdes h2 {
    font-size: 18px;
    color: var(--main-color);
    letter-spacing: 0.5px;
    margin-top: 0;
    text-transform: capitalize;
}
.inspdes p {
    font-size: 13px;
    color: #555;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}
/* category Page */
.list-group a {
    border: 1px solid #DDDDDD;
    color: #666;
    padding: 8px 12px;
    font-weight: 500;
}
.list-group-item.active, .list-group-item:hover {
    background-color: #fff;
    border-color: #dddddd;
    color: var(--main-color);
}
.page-item.active .page-link {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.page-link {
    color: var(--main-color);
}
.cate-border {
    background-color: #fff;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 25px 0;
    padding: 10px 0px;
}
.list-grid-button{
  padding-left: 0;
}
.list-grid-button button{
  background-color: transparent !important;
  background-image: none;
  border-color: transparent;
  border-radius: 5px;
  padding: 5px;
  line-height: 0;
}
.list-grid-button button.active{
  border-color: var(--main-color);
}
.list-grid-button img {
    height: 18px;
    width: 18px;
}
.cate-border #compare-total{
  color: var(--main-color);
  font-weight: 500;
}
.cate-border #compare-total:hover{
  color: var(--light-black);
}
.cate-border .input-group label{
    height: 34px;
    font-size: 14px;
    line-height: 16px;
    background-color: #fff;
    border: none;
    color: var(--light-black);
}
.cate-border .input-group select {
    height: 34px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 4px !important;
}
.sub-category .col a {
    background: rgba(255, 255, 255, 1);
    display: block;
    padding: 7px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(226, 226, 226, 1);
    border-radius: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sub-category .slick-track{
    margin-left: 0;
}
/* cart Page */
.cart-page {
    display: flex;
}
#content .cart-page,.cart-page #shopping-cart{
    flex-grow: 1;
}
#content .cart-page .cart-bottom {
    max-width: 400px;
    background: rgba(238,238,238,0.3);
    padding: 20px;
    margin-left: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(226,226,226,1);
}
.page-title {
    font-size: 18px;
    font-weight: 500;
    margin: 0 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: var(--light-black);
    position: relative;
}
.page-title.page-title>span::before {
   content: '';
    background-color: var(--main-color);
    position: absolute;
    left: -20px;
    top: 4px;
    width: 13px;
    height: 13px;
    border-radius: 4px;
}
table.table thead td {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background: rgba(238, 238, 238, 1);
    color: #4d4d4d;
}
.table > :not(:last-child) > :last-child > * {
    border-bottom-color: #eee;
}
.table-responsive {
    border-width: 1px solid #eee;
}
#checkout-total tr {
    border: 1px solid transparent;
}
.input-group .input-group-btn .btn {
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 0;
    line-height: 19px;
    font-size: 14px;
}
.input-group .input-group-btn .btn i{
  font-size: 12px;
}
#shopping-cart .input-group.btn-block input.form-control{
      height: 36px;
    width: 36px;
    border-radius: 5px;
    vertical-align: middle;
}
.cart-bottom .col-form-label {
    text-align: left;
    width: 100%;
}
.cart-bottom .col-md-8{
    width: 100%;
}
.cart-bottom .mb-3.required{
  margin-bottom: 5px !important;
}
.cart-bottom .accordion-button{
  background-color: transparent;
  padding: 0.5rem 1.25rem;
}
.cart-bottom h2{
  font-size: 18px;
  font-weight: 700;
}
/* other Page */
@media(min-width: 1200px){
    #product-search #product-list.row.row-cols-sm-2 .col, #product-manufacturer #product-list.row.row-cols-sm-2 .col{
        width: 20%;
    }
}
@media(min-width: 992px) and (max-width: 1199px){
    #product-search #product-list.row.row-cols-sm-2 .col, #product-manufacturer #product-list.row.row-cols-sm-2 .col{
        width: 25%;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    #product-search #product-list.row.row-cols-sm-2 .col, #product-manufacturer #product-list.row.row-cols-sm-2 .col{
        width: 33.33%;
    }
}
#information-contact h3{
    font-size: 16px;
}
#common-success a{
  font-weight: 600;
}
.catename {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px 10px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
}
.catename h2{
  margin-top: 0;
  border: 1px solid #f2f2f2;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 10px;
  font-size: 14px;
}
/* account Page */
#account-account h2{
  font-size: 16px;
  text-transform: capitalize;
  color: var(--main-color);
  letter-spacing: 1px;
  margin-top: 0;
  font-weight: 500;
  background-color: #f1f1f1;
  padding: 7px 10px;
}
.account-info {
    margin-bottom: 15px;
    padding: 10px !important;
    border: 1px solid #ebebeb;
    border-radius: 0px;
    background-color: #fff;
}
#account-account ul{
  margin-bottom: 0;
}
#account-account ul li{
  line-height: 25px;
}
#account-account .breadcrumb{
  margin-bottom: 20px;
}

/* responsive */
@media(min-width: 992px) and (max-width: 1199px){
  .deliveryinfo ul li p {
    font-size: 12px;
  }
  .deliveryinfo ul li h4 {
    text-transform: capitalize;
    letter-spacing: 1px;
  }
  #top-links ul li {
    padding: 0 10px;
  }
    #product-list.row-cols-lg-4 .col{
        width: 33.33%;
    }
    .foot-app img {
        max-width: 95px;
    }
     #menu .nav > li > a, .view_more.my-menu {
    	padding: 6.5px 9px;
    }
  #search .input-lg {
    width: 58%;
  }
  .all-ser .d-inline-block {
    display: block !important;
    text-align: center !important;
  }
  .ser-co{
    margin-top: 7px;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .foot-app ul {
    padding-left: 15px;
  }
  .foot-app .title-footer{
    font-size: 14px;
  }
}

@media(min-width: 768px) and (max-width: 991px){
  .deliveryinfo ul, .deliveryinfo ul li{
    text-align: center;
  }

  .deliveryinfo ul li h4{
    letter-spacing: 0;
    margin-top: 5px;
  }

  #top #top-links.top-right{
    width: 63%;
  }

  .top-left-social{
    width: 37%;
  }

  #top-links ul li {
    padding: 0 10px;
  }

  .cart-page {
    display: block;
  }

  #menu .dropdown-inner a{
    min-width: 130px;
    padding: 10px 8px;
  }

  #menu .nav > li > a, .view_more.my-menu {
    padding: 7px 10px;
  }

  footer h5 {
    font: 500 16px/24px "Poppins",Helvetica,sans-serif;
  }

  .foot-app img {
    max-width: 78px;
  }

  .sliderightbanner {
    display: none;
  }

  #menu .navbar-toggler{
    display: none;
  }

  #menu{
    display: block;
  }

  #narbar-menu{
    display: block !important;
  }

  .service ul {
    text-align: center;
  }

  .service ul li{
    display: block;
  }

  .service ul li h4{
    margin-top: 10px;
  }

  .xs-menu{
      position: absolute;
      margin-top: -63px;
      margin-left: 15px;
  }

  .ser-block{
    width: 50%;
  }

  #header-cart .box-cart li.list-inline-item {
    margin: 0 20px;
  }

  .top-contact{
    font-size: 12px;
  }
}

@media(max-width: 992px){
  .title-footer,#inspire-search-category{
    display: none !important;
  }
  .foot-app ul{
    padding: 0;
  }
  .speech{
    left: 0;
    border-radius: 5px;
  }
  #search .input-lg{
    width: 100%;
  }
  #search .input-lg{
    border-radius: 5px;
  }
}

@media(max-width: 767px) {
  .deliveryinfo ul{
    margin: 5px 0;
  }

  footer h5::before {
    display: none;
  }

  .pro-content.product-right h1{
    font-size: 18px;
    margin-top: 15px;
  }

  .tab-pro.category-tab {
    padding-bottom: 8px;
  }

  #top-links .lang-cur{
    float: right;
  }

  .heading{
    margin-top: 30px;
  }

  .category-tab .nav-tabs {
    margin-right: 0;
    text-align: center;
    position: absolute;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 5px 0px;
    left: 0px;
    right: 0px;
    margin-top: 40px;
    z-index: 9;
    display: none;
  }

  .category-tab .nav-tabs.show {
    display: block;
  }

  .deliveryinfo ul li p, .deliveryinfo ul li h4 {
    letter-spacing: 0;
  }

  .deliveryinfo ul li p{
    font-size: 12px;
  }

  .category-tab .nav-tabs > li {
    display: block;
    float: none;
    padding: 5px 0;
    width: 100%;
  }

  .catbe {
    text-align: right;
    position: relative;
    right: 75px;
    top: -4px;
  }

  .foot-bottom {
    padding: 15px 0;
    text-align: center;
    margin-top: 20px;
  }

  .service ul {
      padding: 6px 0px;
  }

  .foot-pay img {
    float: none !important;
    margin: 0 auto;
  }

  .foot-app img {
    margin: 12px 0 15px 0px;
  }

  .foot-top {
    margin-bottom: 20px;
  }

  .catbe .toggle.collapsed::after{
    content: '+';
    font-size: 14px;
    font-weight: normal;
    float: right;
    cursor: pointer;
  }

  .catbe .toggle::after{
    font-family: 'FontAwesome';
    content: '-';
    font-size: 14px;
    font-weight: normal;
    float: right;
    cursor: pointer;
  }

  .catbe button{
    padding: 0;
  }

  #search_block_top .input-group-btn {
    right: -5px;
  }

  .propage-tab .nav-tabs > li > a {
    font-size: 12px;
    padding: 8px 5px;
  }

  .countreview {
    margin: 0 8px;
  }

  #product-list .col{
    padding-left: 7px;
    padding-right: 7px;
  }

  #product-list{
    margin-left: -7px;
    margin-right: -7px;
  }

  .cate-border .input-group label, .cate-border .input-group select {
    height: 34px;
    font-size: 12px;
    line-height: 16px;
    padding: 4px;
  }

  .cate-sort{
    padding: 0;
  }

  .list-grid-button{
    margin-bottom: 15px;
  }

  .product-thumb .button-group button {
      opacity: 1;
  }

  .product-thumb .content .mt-3{
      margin-top: 10px !important;
  }

  .product-thumb .button-group {
      position: unset;
      margin-top: 10px;
      display: none;
  }

  #common-home .mt-5,.tab-pro,.service-bg,.topbanner,.logo-slider,footer{
    margin-top: 30px !important;
  }

  footer h5 {
	  font: 500 16px/24px "Poppins",Helvetica,sans-serif;
  }

  .homeadd .btn-crt {
	  padding: 0 11px;
  }

  .pro-tab-title.nav-tabs .nav-link {
    margin: 0 3px;
    font-size: 14px;
  }

  .tab-pro-title h3{
      text-align: left;
      font-size: 16px;
  }

  .tab-pro-title, .heading h3, .home-heading{
      font-size: 16px;
  }

  .price-old {
    font-size: 12px;
  } 

  .price-new {
    font-size: 14px;
  }

  #top a.dropdown-toggle {
      color: #000;
  }

  .top-search{
      margin-top: 15px;
  }

  #header-cart {
    position: absolute;
    top: 32px;
    right: 20px;
    left: auto;
    width: auto;
  }

  #logo img {
    max-width: 120px;
  }

  .all-ser {
    text-align: left !important;
    padding: 0 15px;
  }

  .ser-block{
    width: 100%;
    border: none !important;
  }

  .footmr .pull-right img{
    max-width: 295px;
    margin-top: 15px;
  }

  footer h5:after{
    display: none;
  }

  footer h5 .btn {
    position: absolute;
    right: 15px;
    width: 100%;
    text-align: right;
  }

  footer h5 .toggle::after{
    text-shadow: none;
    background: none;
    background-image: none;
    background-image: none;
    border: 0;
    box-shadow: none;
    font-size: 12px;
    position: absolute;
    top: -12px;
    right: 0;
    width: 100%;
    padding: 9px 0;
  }

  footer h5 .toggle.collapsed::after{
    content: '+';
    font-size: 14px;
    font-weight: normal;
    float: right;
    cursor: pointer;
  }

  footer h5 .toggle::after{
    font-family: 'FontAwesome';
    content: '-';
    font-size: 14px;
    font-weight: normal;
    float: right;
    cursor: pointer;
  }

  footer h5 {
    margin-bottom: 15px;
  }

  .footmr {
    margin-top: 15px;
  }
}

@media(min-width: 360px) and (max-width: 599px){
    .block-cat-wr {
        width: 50%;
    }
}

@media(max-width: 575px){
  .pro-tab-title.nav{
    margin: 0;
    text-align: left;
  }
    #carousel-banner-0 .col-6 {
        width: 100%;
    }
    #carousel-banner-0 .col-6 img{
        margin: 5px 0;
    }
    .foot-app img {
        max-width: 85px;
    }
    .secondbanner, .cbanner, .imgbanner {
        width: 50%;
    }
    .cbanner {
        display: none;
    }
    .tab-head {
        display: none;
    }
    ul#TopProducts {
        margin-bottom: 15px;
    }
}

/* #checkout-cart .table-responsive table tr td:nth-of-type(2) {
	min-width: 175px;
} */

#checkout-cart #shopping-cart form .input-group.btn-block{
  display: flex !important;
  flex-wrap: inherit;
}

#checkout-cart #shopping-cart form .input-group-btn{
    white-space: nowrap;
}

@media(max-width: 767px){
    .cart-page {
    	display: block;
    }
    #content .cart-page .cart-bottom {
    	margin-left: 0;
    	margin-top: 15px;
   }
   .sliderightbanner{
       display: none;
   }
   i.ri-arrow-down-s-line {
      float: right;
  }
   /* sidenav */
  body.active {
      overflow: hidden;
  }
  body.active::before {
      background: #000000 none repeat scroll 0 0;
      content: "";
      height: 100%;
      opacity: 0.7;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 999;
      transition: all .2s ease 0s;
      -webkit-transition: all .2s ease 0s;
      -moz-transition: all .2s ease 0s;
      -ms-transition: all .2s ease 0s;
      -o-transition: all .2s ease 0s;
  }
  body.active .sidenav {
      overflow-x: unset;
      overflow-y: scroll;
  }
  .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1800;
      top: 0;
      right: 0;
      background-color: #111;
      transition: 0.5s;
      padding-top: 60px;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
      box-shadow: 5px 0 5px 0 rgba(0,0,0,.06);
      clear: both;
      height: 100%;
      background-color: #fff;
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: left;
  }

  .sidenav .close-nav {
    
    width: 100%;
    display: flex;
    
    color: #fff;
    letter-spacing: 1px;
  }
  
  #menu .navbar-collapse {
    display: block;
  }
  .close-nav i {
    color: #fff;
    font-size: 16px;
  }

  .closebtn {
    background-color: transparent;
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
  }
}

@media(max-width: 490px){
  .sell_banner{
    width: 100%;
  }
  .sell-banner .carousel-item .justify-content-center .sell_banner:nth-child(1),
  .sell-banner .carousel-item .justify-content-center .sell_banner:nth-child(2){
    margin-bottom: 15px;
  }
}

@media(min-width: 576px) and (max-width: 767px){
  .deliveryinfo ul li h4{
    text-transform: capitalize;
  }
    #top-links ul li {
        padding: 0 10px;
    }
    #product-list.product-list .col{
        width: 50%;
        
    }
    .block-cat-wr {
        width: 33.33%;
    }
    .cbanner {
      padding: 0 4px;
    }
    .header-social {
        margin-left: 28px;
    }
  .container, .container-sm{
    width: 100%;
    max-width: unset;
  }
      .service .col-xs-12 {
        width: 50%;
    }
}

/* banner effect start */
@media(min-width: 992px){
	.banner-effect a::before, .banner-effect a::after {
        background-color: rgba(229, 229, 229, 0.6);
        content: "";
        height: 100%;
        left: 0;
        opacity: 1;
        position: absolute;
        top: 0;
        transition: all 0.9s ease 0s;
        width: 100%;
        z-index: 1;
    }
    .banner-effect a::before{
        border-top: 1px solid rgba(229, 229, 229, 0.6);
        transform: translate(0%, 105%);
    }
    .banner-effect a::after{
        border-bottom: 1px solid rgba(229, 229, 229, 0.6);
        transform: translate(0%, -105%);
    }
    .banner-effect:hover a::before, .banner-effect:hover a::after {
        opacity: 0;
        transform: translate(0px, 0px);
    }
    .banner-effect {
        position: relative;
        overflow: hidden;
    } 
}
/* banner effect */

/* xs scroll menu - start*/
@media(max-width: 767px) {
  .block-menu {
    padding: 0;
  }

  .menu-wrapper {
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .menu-scroll-container::-webkit-scrollbar {
    display: none;
  }
  .menu-scroll-container {
    flex: 1;
    height: 48px;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    scrollbar-width: none;
    -ms-overflow-style: none;

    box-shadow: 
      inset 30px 0 20px -25px rgba(128, 128, 128, 0.4),
      inset -30px 0 20px -25px rgba(128, 128, 128, 0.4);
  }

  /* 主要選單清單 (水平排列) */
  .menu-list {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* 主要選單項目 */
  .menu-list li {
    display: inline-block;
    padding: 0 16px;
    line-height: 48px;
    cursor: pointer;
    white-space: nowrap;
  }

  /* 右側固定按鈕 */
  .menu-fixed {
    flex-shrink: 0;
    padding: 0 16px;
    line-height: 48px;
    background-color: #ddd;
    cursor: pointer;
    user-select: none;
    border: none;
  }

  #top {
    display: none;
  }

  #header-cart .icon-cart-bar {
    font-size: 2rem;
    color: #333;
  }

  .view_more.my-menu {
    display: none;
  }

  .dropdown-inner {
    padding-left: .75rem;
  }
}
/* xs scroll menu - end */

#header-cart .icon-cart-bar {
  font-size: 2rem;
  color: #333;
}

.dropdown .btn-dropdown {
    padding: 0.35rem 2.25rem 0.35rem 0.75rem;
    background-color: transparent;
    color: #212529;
    font-size: 16px;
    text-align: left;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    display: block;
    position: relative;
    margin-bottom: .75rem;
}

.dropdown .dropdown-item {
  white-space: wrap;
}

.dropdown-item.selected {
  color: #cfcfcf;
}

.dropdown-menu li {
  padding-bottom: 6px;
  margin-bottom: 6px;
  margin-left: 6px;
  margin-right: 6px;
  border-bottom: dotted 1px #ddd;
}

.dropdown-menu li:last-child {
  border-bottom: 0px;
}

.dropdown .btn-dropdown::after {
  content: "\f078";
  font-family: "FontAwesome";
  font-size: 12px;
  color: #212529;
  text-align: right;
  position: absolute;
  right: 12px;
  top: 6px;
}

.slide-image {
  display: none;
}

@media(max-width: 767px) {
  .slide-image {
    display: block;
    position: fixed;
    top: 20%;
    right: -220px;
    transform: translateY(-50%);
    transition: right 0.5s ease;
    z-index: 1000;
    box-shadow: #999 0px 5px 10px;
  }

  .slide-image.slide-in {
    right: 20px;
  }

  #product .btn-spec {
    margin-left: 38px;
  }

  .breadcrumb > li.breadcrumb-item {
    max-width: 70%;
  }
}

#shopping-cart .img-thumbnail {
  min-width: 100px;
  max-width: 240px;
  width: 100%;
}

#tab-description img {
  max-width: 100%;
  height: auto;
}

#form-product .form-check-input[disabled] ~ .form-check-label, 
#form-product .form-check-input:disabled ~ .form-check-label {
  cursor: not-allowed;
}

#form-product .form-check-input {
  display: none;
  margin: 0;
}

#form-product .form-check-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#form-product .form-check {
  padding-left: 0; 
}

#form-product .form-check-label {
  display: block;
  padding: 0.5rem .75rem;
  border: 1px solid #bbb;
  cursor: pointer;
  margin: 4px;
}

#form-product input:checked + .form-check-label {
  border: 1px solid #333;
  background-color: #efefef;
  font-weight: bold;
  color: #111;
}

#common-home .slick-slide .image img {
  margin: 4px auto;
}

#TopProductsContent button.slick-prev.slick-arrow,
#TopProductsContent button.slick-next.slick-arrow {
  top: -65px;
}

.highlight {
  color: var(--main-color);
}

.homeadd .btn-crt {
  border-radius: 24px;
}