/* Global Setting */
.page-content {
  margin-bottom: 0 !important;
}
.s-container {
  max-width: 1300px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}

/* Page Title CSS */
.page-title, .page-header {
  margin: 60px 0 !important;
}

/* Header CSS */
@media (min-width: 1024px) {
  .nav-inline {
    margin-right: auto !important;
    margin-left: auto;
  }
  .site-search, .search-toggle-icon {
    display: none !important;
  }
}

.nav-inline {
  margin-left: auto;
  margin-right: auto;
}

ul.mega-sub-menu {
  padding: 0 !important;
}

ul.mega-sub-menu a {
  padding: 0 !important;
}

.products-template-default span.mega-indicator {
  display: inline !important;
}

.product-gallery {
  height: 100%;
}

a.mega-menu-link > span.mega-indicator:after {
  vertical-align: middle !important;
}

.main-carousel-image-wrapper img {
  object-fit: contain;
}

/* Chat */
#s-chat {
  background-color: var(--s-color-1);
}

/* Product Category Menu */
.products-category-menu {
  margin: 30px 0 60px;
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
  gap: 10px;
}

.products-category-menu li {
  padding: 10px 15px;
  background: var(--s-color-1);
  border-radius: 5px;
}

.products-category-menu li a {
  color: #fff;
}

@media (max-width: 1023px) {
  .products-category-menu {
    display: block;
  }

  .products-category-menu li {
    margin: 15px 0;
    text-align: center;
  }
}

/* Buttons */
.button.add-to-line, .product-loop-button {
  display: inline-flex !important;
  width: 100%;
  height: 50px;
  justify-content: center !important;
  align-items: center !important;
  background-color: #00c2e1;
  color: #fff;
  gap: 0.4em !important;
}

.custom-button-container {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.custom-button-container .button {
  flex: 1;
  text-align: center;
  border-radius: 5px;
}

.custom-button-container .button:hover {
  background: #000;
  color: #fff;
}

@media (min-width: 1024px) {
  .custom-button-container {
    flex-wrap: nowrap;
  }
}

@media (max-width: 1023px) {
  .custom-button-container {
    flex-direction: column;
  }
  .custom-button-container .button {
    width: 100%;
  }
}

a.mega-menu-link > span.mega-indicator:after {
  vertical-align:middle!imortant;
}

.custom-button-container a {
  padding:8px!important;
}