/* login design */

.header-line {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ced4da;
  line-height: 0.1em;
  margin: 10px 0 20px;
}

.header-line span {
  background: #fff;
  padding: 0 10px;
}

/* input type number remove up and down button */
/* 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;
} */

/* spacing top and bottom */
.tb-spacing {
  margin-top: 11rem;
  margin-bottom: 8rem;
}

/* home */
.feature-thumbnail {
  min-height: 435px !important;
}

.desktop-search-filter {
  display: block;
}

.mobile-search-filter {
  display: none;
}

/* client website custom */

/* aboutus */
.quote {
  color: rgb(48, 48, 48);
  font-size: 2rem;
  font-weight: 900;
}

/* store */
.details {
  font-size: 13px;
  /* font-weight: 600; */
}

.owl-carousel .owl-stage {
  display: flex !important;
  align-items: center !important;
  /* justify-content: center !important; */
}

.card-height-store {
  height: 520px;
}

.mobile-responsive {
  overflow: auto;
  height: auto;
  width: auto;
}

.mobile-add-cart {
  display: none;
}

/* webversion */
.hidefilter-dropdown {
  display: block;
}

/* tabletversion */
.displayfilter-dropdown {
  display: none;
}

/* mobileversion */
.displayfilter-dropdown-search {
  display: none;
}

.website-view {
  display: block;
}

.tab-mobile-view {
  display: none;
}

.btn-link {
  color: #bd0000;
}

/* shopping cart */
.shopping-cart-web {
  display: block;
}

.shopping-cart-mobile {
  display: none;
}

/* leaflet overlap issue fixed | By: Yu, Aubrey | 04/12/2021 */
.leaflet-top,
.leaflet-bottom {
  z-index: 400 !important;
}

@media screen and (max-width: 1199px) {

  /* home.php */
  .feature-thumbnail {
    min-height: 397px !important;
  }

  .product-description h6 {
    font-size: 0.8rem;
  }

  /* stores.php */
  .card-height-store {
    height: 600px;
  }

  /* webversion */
  .hidefilter-dropdown {
    display: none;
  }

  /* tabletversion */
  .displayfilter-dropdown {
    display: block;
  }

  /* mobileversion */
  .displayfilter-dropdown-search {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .product-description h6 {
    font-size: 1rem;
  }

  .card-img-top {
    height: 200px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  /* stores.php */
  .card-height-store {
    height: 720px;
  }

  /* webversion */
  .hidefilter-dropdown {
    display: none;
  }

  /* tabletversion */
  .displayfilter-dropdown {
    display: none;
  }

  /* mobileversion */
  .displayfilter-dropdown-search {
    display: block !important;
  }
}

@media screen and (max-width: 374px) {
  .marginBottomOnMobile {
    margin-bottom: 120vh !important;
  }

  .marginOnMobile {
    margin-top: 12rem !important;
  }

  .marginOnMobileProduct {
    margin-top: 8rem !important;
  }

  .marginOnMobileConfirmOrder {
    margin-top: 11rem !important;
  }

  .mobile-add-cart {
    display: block;
  }

  .cart-total-header {
    display: block;
  }

  .borderOnMobile {
    border-bottom: 2px solid black;
  }

  .paddedOnMobile {
    padding: 0.4rem !important;
  }

  .mobileLineHeight {
    line-height: 1.5rem !important;
  }

  .footer_area .single_widget_area .footer_menu ul li a {
    padding: 0;
  }

}

@media screen and (min-width: 375px) and (max-width: 424px) {
  .marginOnMobile {
    margin-top: 12rem !important;
  }

  .marginOnMobileProduct {
    margin-top: 8rem !important;
  }

  .marginOnMobileConfirmOrder {
    margin-top: 11rem !important;
  }

  .mobile-add-cart {
    display: block;
  }

  .cart-total-header {
    display: block;
  }

  .borderOnMobile {
    border-bottom: 2px solid black;
  }

  .mobileLineHeight {
    line-height: 1.5rem !important;
  }

  .marginBottomOnMobile {
    margin-bottom: 120vh !important;
  }
}

@media screen and (min-width: 425px) and (max-width: 768px) {
  .marginBottomOnMobile {
    margin-bottom: 120vh !important;
  }

  .marginOnMobile {
    margin-top: 12rem !important;
  }

  .borderOnMobile {
    border-bottom: 2px solid black;
  }

  .marginOnMobileProduct {
    margin-top: 8rem !important;
  }

  .marginOnMobileConfirmOrder {
    margin-top: 11rem !important;
  }

  .mobile-add-cart {
    display: block;
  }

  .cart-total-header {
    display: block;
  }

  .mobileLineHeight {
    line-height: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .textResizeOnMobile {
    font-size: 14px !important;
  }

  .marginOnMobile {
    margin-top: 12rem !important;
  }

  .marginOnMobileProduct {
    margin-top: 9rem !important;
  }

  .marginOnMobileConfirmOrder {
    margin-top: 7rem !important;
  }

  /* .mobile-add-cart {
    display: flex;
  }

  .cart-total-header {
    display: flex;
  } */

  .borderOnMobile {
    border-bottom: 2px solid black;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .marginOnMobile {
    margin-top: 12rem !important;
  }

  .borderOnMobile {
    border-bottom: none !important;
  }

  .marginOnMobileProduct {
    margin-top: 9rem !important;
  }

}

@media screen and (min-width: 1440px) {
  .marginOnMobile {
    margin-top: 12rem !important;
  }

  .borderOnMobile {
    border-bottom: none !important;
  }

  .marginOnMobileProduct {
    margin-top: 9rem !important;
  }
}

@media screen and (max-width: 767px) {

  /* spacing top and bottom */
  .tb-spacing {
    margin-top: 11rem;
    margin-bottom: 5rem;
  }

  /* home.php */
  .desktop-search-filter {
    display: none;
  }

  .mobile-search-filter {
    display: block;
  }

  /* stores.php */
  .card-height-store {
    height: 520px;
  }

  .website-view {
    display: none;
  }

  .tab-mobile-view {
    display: block;
  }
}

@media screen and (max-width: 575px) {
  .shopping-cart-web {
    display: none;
  }

  .shopping-cart-mobile {
    display: block;
  }
}

@media screen and (max-width: 425px) {
  .product-description h6 {
    font-size: 3.5vw;
  }
}

@media only screen and (max-width: 480px) {
  .essence-btn {
    height: 42px;
  }
}

@media screen and (max-width: 320px) {

  /* stores.php */
  .card-height-store {
    height: auto;
  }
}

.over-top-z-index {
  z-index: 999999 !important;
}

@media screen and (min-width: 768px)

/*up until the biggest screen size*/
  {
  #productsCollapse {
    display: '';
  }

  #productsCollapseMobile {
    display: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px)

/* width < 768 px */
  {
  #productsCollapse {
    display: none;
  }

  #productsCollapseMobile {
    display: '';
  }
}

.grey-link {
  color: #9c9a95;
}

.grey-link:hover {
  color: #7a7976;
}

.announcement {
  font-family: 'Montserrat', sans-serif;
}

.side-cart-text {
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
}

.side-cart-total {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .side-cart-text {
    font-size: 13px;
  }

  .side-cart-total {
    font-size: 20px;
  }
}

@media screen and (max-width: 575px) {
  .side-cart-text {
    font-size: 12px;
  }

  .side-cart-total {
    font-size: 16px;
  }
}

/* custom scroll */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #888;
}

/* custom small scroll */
/* width */
.custom-small-scroll::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.custom-small-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.custom-small-scroll::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  border-radius: 7px;
}

/* Handle on hover */
.custom-small-scroll::-webkit-scrollbar-thumb:hover {
  background: #888;
}