:root {
  --primary: #131b42;
  --max-width: 134rem;
  --padding: 0 1rem;
}

@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-Bold.ttf");
  font-weight: 700;
}

html,

body {
  font-family: "Geologica";
  font-weight: 400;
  line-height: 1.4;
}

label {
  font-size: 1.4rem;
  color: #111;
}

.quantity-0>button:first-of-type {
  display: none;
}

.btn-primary {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 1.5rem;
  font-size: 1.4rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.form-control {
  padding: 1.5rem;
  font-size: 1.4rem;
  height: auto;
}

.btn-primary:hover {
  background-color: #4da5cf;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.header.scroll {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,

    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,

    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.product-checkbox.checkbox label {
  padding-left: 22px;
  font-size: 2rem;
  color: var(--primary);
  font-weight: 700;
}

.product-checkbox.checkbox label span {
  font-size: 2rem;
  font-weight: 400;
  padding-left: 0.5rem;
}

.product-checkbox.checkbox input[type="checkbox"] {
  height: 2rem;
  width: 2rem;
}

.header__top {
  background-color: var(--primary);
}

.header__top--wrapper {
  max-width: var(--max-width);
  padding: var(--padding);
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 5rem;
}

.header__top--wrapper>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
}

.header__top--wrapper>div:nth-child(2) {
  gap: 1rem;
}

.header__top--wrapper>div:nth-child(2)>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__top--wrapper>div>p {
  margin-bottom: 0;
}

.header__top--wrapper>div>p,

.header__top--wrapper>div>p>a,

.header__top--wrapper>div {
  font-size: 1.8rem;
  color: #fff;
  line-height: 1.4;
}

.header__nav--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header__nav--wrapper>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__nav--wrapper>div:nth-child(1) {
  gap: 2rem;
  padding-right: 1rem;
}

.header__nav--right {
  border: 1px solid var(--primary);
  border-radius: 3rem;
  background-color: var(--primary);
  height: 5rem;
  gap: 1.4rem;
  padding-right: 2rem;
}

#cart {
  width: unset;
  margin-bottom: 0;
}

#cart>button {
  padding: 0;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

#cart #cart-total {
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -0.5rem;
  right: -0.5rem;
  line-height: 1;
  font-weight: 700;
  color: var(--primary);
}

#search {
  margin-bottom: 0;
  position: relative;
}

#search .input-lg {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  padding: 1rem 4rem 1rem 2rem;
  border-radius: 3rem;
  font-size: 2rem;
  color: var(--primary);
  line-height: 1.4;
  height: auto;
}

#search .input-lg::-webkit-input-placeholder {
  font-size: 2rem;
  color: var(--primary);
}

#search .input-lg::-moz-placeholder {
  font-size: 2rem;
  color: var(--primary);
}

#search .input-lg:-ms-input-placeholder {
  font-size: 2rem;
  color: var(--primary);
}

#search .input-lg::-ms-input-placeholder {
  font-size: 2rem;
  color: var(--primary);
}

#search .input-lg::placeholder {
  font-size: 2rem;
  color: var(--primary);
}

#search .input-group-btn {
  position: absolute;
  right: 3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  font-size: 2rem;
}

#search .input-group-btn .fa {
  font-size: 2.4rem;
  line-height: 1.4;
  color: var(--primary);
}

#search .btn-lg {
  border: none;
  background: transparent;
  padding: 0;
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  cursor: pointer;
}

.menu .click {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}

.menu .click>span {
  font-size: 2.2rem;
  color: var(--primary);
  font-weight: 700;
}

.menu .click>div>span {
  width: 3.9rem;
  height: 0.6rem;
  border-radius: 0.5rem;
  background-color: var(--primary);
  display: block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.menu .click>div>span:nth-child(2) {
  width: calc(100% - 1rem);
}

.menu .click>div>span:nth-child(3) {
  width: calc(100% - 0.5rem);
}

.menu .click>div>span:not(:last-child) {
  margin-bottom: 0.6rem;
}

.menu.expanded .click>div>span:nth-child(2) {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-2rem);
  -ms-transform: translateY(-2rem);
  transform: translateY(-2rem);
}

.menu.expanded .click>div>span:nth-child(1) {
  -webkit-transform: translateY(1rem) rotate(45deg);
  -ms-transform: translateY(1rem) rotate(45deg);
  transform: translateY(1rem) rotate(45deg);
  margin-bottom: 0;
  position: relative;
  top: -0.2rem;
}

.menu.expanded .click>div>span:nth-child(3) {
  -webkit-transform: translateY(-1rem) rotate(-45deg);
  -ms-transform: translateY(-1rem) rotate(-45deg);
  transform: translateY(-1rem) rotate(-45deg);
  width: 100%;
}

#cart .dropdown-menu {
  background-color: #fff;
  -webkit-box-shadow: 0 6px 22px -2px rgba(138, 138, 138, 0.8);
  box-shadow: 0 6px 22px -2px rgba(138, 138, 138, 0.8);
  border: none;
  padding: 0;
}

#cart .dropdown-menu li>div {
  padding: 0;
}

.cart__products {
  padding: 1rem;
}

.cart__products>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1rem;
}

.cart__products>div>div>a {
  color: #8a8a8a;
  font-size: 1.6rem;
}

.cart__products--single>div>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1rem;
}

.cart__products--single>div>div>button {
  background-color: transparent;
  padding: 0;
  border: none;
}

.cart__products--single>div>div>button .fa {
  font-size: 1.6rem;
  color: #8a8a8a;
}

#checkout-cart button {
  height: 5rem;
}

.cart__products>div>div>div>strong {
  color: #111;
  font-size: 1.8rem;
  font-weight: 700;
}

.cart__total {
  padding: 1rem;
  background-color: #f9f9f9;
}

.cart__total>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}

.cart__total>div>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.4rem;
  gap: 1rem;
  width: 100%;
}

.cart__total>div:nth-child(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1rem;
}

.cart__total>div:nth-child(2)>a {
  border: 1px solid var(--primary);
  line-height: 1;
  padding: 1rem 1.5rem;
  text-align: center;
  background-color: #fff;
  border-radius: 3rem;
  font-size: 1.4rem;
  background-color: transparent;
  color: #131b42;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cart__total>div:nth-child(2)>a:hover {
  background-color: var(--primary);
  color: #fff;
}

.languages>form>button {
  background-color: transparent;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 1.8rem;
  color: #fff;
  line-height: 1.4;
}

.header__nav {
  padding: 1.9rem 0;
  background-color: #fff;
}

.header__nav--wrapper {
  max-width: var(--max-width);
  padding: var(--padding);
  margin: auto;
}

#common-home.container {
  width: 100%;
  padding: 0;
  margin-top: 16rem;
}

#common-home.container>.row {
  margin: 0;
}

#common-home.container>.row>#content {
  padding: 0;
}

#common-home .swiper-viewport {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  margin-bottom: 10rem;
  margin: 0 auto;

  .img-responsive {
    max-height: 900px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }

}

.scroll-icon {
  position: fixed;
  top: 0;
  /* Start from the top */
  opacity: 0;
  /* Start invisible */
  -webkit-animation: fall forwards infinite;
  animation: fall forwards infinite;
  /* Apply animation */
  width: 6rem;
  z-index: -1;
}

@-webkit-keyframes fall {
  0% {
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem);
    /* Start from the top */
    opacity: 0;
    /* Invisible at the start */

  }

  50% {
    opacity: 0.2;
    /* Become visible halfway */

  }

  100% {
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
    /* Fall off the viewport */
    opacity: 0;
    /* Fade out */

  }

}

@keyframes fall {
  0% {
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem);
    /* Start from the top */
    opacity: 0;
    /* Invisible at the start */

  }

  50% {
    opacity: 0.2;
    /* Become visible halfway */

  }

  100% {
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
    /* Fall off the viewport */
    opacity: 0;
    /* Fade out */

  }

}

.products {
  margin-top: 10rem;
  position: relative;
}

.products__header {
  margin-left: auto;
  margin-right: auto;
  background-color: var(--primary);
  max-width: 150rem;
  padding: 0 9rem;
  min-height: 25.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 13rem;
  padding-top: 6rem;
  padding-bottom: 4rem;
  overflow: hidden;
  position: relative;
}

.products__header::after {
  content: url("../image/symbol.png");
  position: absolute;
  left: 7rem;
  bottom: -1rem;
}

.products__header>h2 {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}

.heading {
  font-size: 4.6rem;
  font-weight: 700;
  line-height: 1.4;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  color: var(--primary);
}

.heading::after {
  content: "";
  right: -3.1rem;
  top: -1.3rem;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  position: absolute;
  border: 0.3rem solid var(--primary);
}

.products__header>h2.heading::after {
  border: 0.3rem solid #fff;
}

.products__header>div {
  max-width: 87.2rem;
}

.products__header>div>p {
  font-size: 2.6rem;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 3rem;
}

.products__header--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10.5rem;
}

.products__header--actions>button,

.products__header--actions>a {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0;
  color: #fff;
  font-size: 2.4rem;
  line-height: 1;
  position: relative;
}

.products__header--actions>button:first-child::after {
  position: absolute;
  line-height: 1.4;
  color: #fff;
  font-size: 2.4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -5.25rem;
  content: "/";
  color: #fff;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.products__header--actions>button.active {
  text-shadow: 1px 0 0 #fff;
}

.featured {
  margin-top: 6rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 136.4rem;
  margin-left: auto;
  position: relative;
  margin-right: auto;
}

.products::after {
  content: url("../image/symbol-r.png");
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  position: absolute;
  z-index: -1;
}

.featured>.product-layout {
  width: 33.333%;
  padding: 0 2.2rem;
}

.product-thumb {
  border: none;
  margin-bottom: 4.5rem;
}

.product-thumb>.image {
  border: 1px solid var(--primary);
}

.product-thumb .caption {
  padding: 0;
  min-height: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.8rem;
  position: relative;
  z-index: 10;
}

.product-thumb .caption>h4 {
  text-align: center;
  padding: 2rem;
  background-color: #fff;
  border: 1px solid var(--primary);
  line-height: 1.2;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: calc(100% - 6rem);
  border-radius: 3rem;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  margin: 0;
  margin-top: -3.4rem;
}

.product-thumb .caption>h4:hover {
  background-color: var(--primary);
  color: white;
}

.product-thumb .caption>h4>a {
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--primary);
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-thumb .caption>h4 {
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--primary);
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-thumb .caption>h4:hover>a {
  color: #fff;
}

.product-thumb .price {
  text-align: center;
  font-size: 2.4rem;
  color: var(--primary);
  font-weight: 700;
  margin-bottom: 0;
}

.contact-us-txt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2rem auto;
  padding: 0;
  background-color: transparent !important;

  a {
    background-color: var(--primary);
    color: white;
    font-size: 2rem;
    padding: 1.5rem 2.5rem;
    font-weight: 700;
    border-radius: 3rem;
  }

}

.mfp-image-holder .mfp-content {
  top: 3%;
}

.discount_percentage {
  background-color: var(--primary);
  color: #fff;
  font-size: 1.8rem;
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  line-height: 1;
  padding: 1rem 2.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.product .discount_percentage {
  position: relative;
  top: 0;
  right: 0;
}

.product-thumb .button-group {
  margin-top: 1.8rem;
  background-color: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-thumb .button-group button {
  border: 1px solid var(--primary);
  line-height: 1.2;
  padding: 1.4rem 3rem;
  text-align: center;
  background-color: #fff;
  border-radius: 3rem;
  font-size: 1.8rem;
  text-transform: unset;
  color: var(--primary);
  font-weight: 400;
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

#cart button .cls-1,

.header__nav--right a .cls-1,

.header__top--wrapper a .cls-1 {
  fill: white;
}

.product-thumb .button-group button:hover {
  background-color: var(--primary);
  color: #fff;
}

#content p a:hover {
  color: white;
}

.product-thumb {
  position: relative;
  overflow: visible;
}

.product-thumb a img {
  width: 100%;
}

.navbar-nav>li {
  position: relative;
}

.navbar-nav>li::before,

.product-thumb>.image::before {
  content: "";
  position: absolute;
  left: -0.4rem;
  top: -0.4rem;
  height: 3.8rem;
  width: 1rem;
  opacity: 0;
  z-index: 2;
  -webkit-transform: translate(-2rem, -2rem);
  -ms-transform: translate(-2rem, -2rem);
  transform: translate(-2rem, -2rem);
  background-color: var(--primary);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.navbar-nav>li::after,

.product-thumb>.image::after {
  content: "";
  position: absolute;
  right: -0.4rem;
  top: -0.4rem;
  height: 3.8rem;
  width: 1rem;
  opacity: 0;
  z-index: 2;
  -webkit-transform: translate(2rem, -2rem);
  -ms-transform: translate(2rem, -2rem);
  transform: translate(2rem, -2rem);
  background-color: var(--primary);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.navbar-nav>li::before,

.navbar-nav>li::before {
  background-color: white;
}

.navbar-nav>li,

.product-thumb {
  border: none;
  position: relative;
  overflow: hidden;
}

.product-thumb .image {
  position: relative;
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.navbar-nav>li:hover::before,

.navbar-nav>li:hover::after,

.product-thumb:hover::before,

.product-thumb:hover>.image::before,

.product-thumb:hover::after,

.product-thumb:hover>.image::after {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.navbar-nav>li::before,

.product-thumb .image::before {
  content: "";
  top: 0;
  left: 0;
  width: 0.3rem;
  height: 100%;
  background-color: var(--primary);
  position: absolute;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  z-index: 2;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.navbar-nav>li:hover::before,

.product-layout:hover .product-thumb .image::before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.navbar-nav>li::after,

.product-thumb .image::after {
  content: "";
  top: unset;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.3rem;
  background-color: var(--primary);
  position: absolute;
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  z-index: 2;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.navbar-nav>li:hover::after,

.product-layout:hover .product-thumb .image::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#menu .nav>li>a::after,

.product-thumb .image>a::after {
  content: "";
  bottom: 0;
  right: 0;
  width: 0.3rem;
  height: 100%;
  background-color: var(--primary);
  position: absolute;
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  z-index: 2;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#menu .nav>li:hover>a::after,

.product-layout:hover .product-thumb .image>a::after {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

#menu .nav>li>a::before,

.product-thumb .image>a::before {
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 0.3rem;
  background-color: var(--primary);
  position: absolute;
  -webkit-transform-origin: 1000% 0%;
  -ms-transform-origin: 1000% 0%;
  transform-origin: 1000% 0%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  z-index: 2;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#menu .nav>li:hover>a::before,

.product-layout:hover .product-thumb .image>a::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

#menu .nav>li>a::before,

#menu .nav>li>a::after {
  background-color: white;
}

.navbar-nav>li::after,

.navbar-nav>li::before {
  background-color: white;
}

.bestsellers {
  margin-top: 10rem;
  position: relative;
}

.bestsellers__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 136.4rem;
  position: relative;
}

.bestsellers::after {
  content: url("../image/symbol-l.png");
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  z-index: -1;
}

.bestsellers__wrapper>h2 {
  margin-bottom: 8rem;
  padding-left: 2.2rem;
}

.bestsellers__wrapper>.row {
  max-width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bestsellers__wrapper>.row>.product-layout {
  padding: 0 2.2rem;
  width: 33.333%;
}

.team {
  margin-top: 10rem;
  max-width: var(--max-width);
  padding: var(--padding);
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.team__text {
  max-width: 54rem;
  padding: 0 1rem;
  padding-left: 0;
}

.team__text>h2 {
  color: var(--primary);
  margin-top: 0;
  margin-bottom: 5rem;
  line-height: 1.2;
}

.team__text>p {
  font-size: 2.6rem;
  margin-bottom: 3rem;
  color: var(--primary);
  max-width: 52rem;
  line-height: 1.2;
}

.team__text>a {
  font-size: 2.6rem;
  color: var(--primary);
  font-weight: 700;
  border-radius: 3.3rem;
  border: 2px solid var(--primary);
  padding: 1.5rem 4.5rem;
  line-height: 1;
  display: inline-block;
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  margin-left: -4.8rem;
  background-color: #fff;
}

.team__text>a:hover {
  background-color: var(--primary);
  color: #fff;
}

.team__image {
  position: relative;
}

.team__image::after {
  content: "";
  position: absolute;
  bottom: -1rem;
  right: -1rem;
  background-color: #e4e4e4;
  width: 100%;
  height: 100%;
  z-index: -1;
}

footer {
  margin-top: 10rem;
  background-color: var(--primary);
  padding: 5rem 0;
  background-image: url("../image/footer-bg.png");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}

footer>.row {
  max-width: var(--max-width);
  padding: var(--padding);
  margin: auto;
  position: relative;
}

footer>.row>div:nth-child(1) {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 18rem 10rem 17rem 10rem 30rem 10rem 38rem;
  grid-template-columns: 18rem 17rem 30rem 38rem;
  gap: 10rem;
}

footer>.row>div:nth-child(1)>div>h3 {
  font-size: 2.4rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 0;
}

footer>.row>div:nth-child(1)>div>ul {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
}

footer>.row>div:nth-child(1)>div>ul>li>a,

footer>.row>div:nth-child(1)>div>p {
  font-size: 2.4rem;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 1rem;
}

footer>.row>div:nth-child(1)>div:nth-child(4)>p {
  max-width: 39.2rem;
}

footer>.row>div:nth-child(1)>div>ul>li>a {
  display: inline-block;
  position: relative;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

footer>.row>div:nth-child(1)>div>ul>li>a:hover {
  position: relative;
  color: #5ac2ef;
  padding-left: 1.5rem;
}

footer>.row>div:nth-child(1)>div>ul>li>a::after {
  content: "";
  position: absolute;
  top: 1.2rem;
  left: 0;
  border: solid #5ac2ef;
  border-width: 0 0.3rem 0.3rem 0;
  display: inline-block;
  padding: 0.3rem;
  -webkit-transform: scaleX(0) rotate(-45deg);
  -ms-transform: scaleX(0) rotate(-45deg);
  transform: scaleX(0) rotate(-45deg);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

footer>.row>div:nth-child(1)>div>ul>li>a:hover::after {
  -webkit-transform: scaleX(1) rotate(-45deg);
  -ms-transform: scaleX(1) rotate(-45deg);
  transform: scaleX(1) rotate(-45deg);
}

footer>.row>div:nth-child(2) {
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

footer>.row>div:nth-child(2)>p,

footer>.row>div:nth-child(2)>p>a {
  font-size: 2rem;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 0rem;
}

.newsletter {
  position: absolute;
  bottom: 0rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.newsletter>p {
  font-size: 2.4rem;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  text-align: center;
}

.newsletter>form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 40rem;
  position: relative;
}

.newsletter>form>input {
  padding: 1rem 2rem;
  color: #fff;
  border-radius: 2.6rem;
  background-color: #fff;
  color: var(--primary);
  width: 100%;
  font-size: 2rem;
  border: none;
  outline: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.newsletter>form>input::-webkit-input-placeholder {
  color: var(--primary);
}

.newsletter>form>input::-moz-placeholder {
  color: var(--primary);
}

.newsletter>form>input:-ms-input-placeholder {
  color: var(--primary);
}

.newsletter>form>input::-ms-input-placeholder {
  color: var(--primary);
}

.newsletter>form>input::placeholder {
  color: var(--primary);
}

.newsletter>form>button {
  padding: 1rem 2rem;
  background-color: #fff;
  border-top-right-radius: 2.6rem;
  border-bottom-right-radius: 2.6rem;
  border: none;
  outline: none;
  font-size: 2rem;
  color: var(--primary);
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.8rem;
  margin-top: 2rem;
}

.product__info>div>p,
.product__description>p,
.product__description>p span,
.product__description li span {
  font-size: 2.2rem !important;
}

.social svg {
  width: 3.8rem;
  height: 3.8rem;
}

.alert-success {
  max-width: 120rem;
  margin: auto;
  margin: 2rem auto;
  background: var(--primary);
  color: #fff;
  padding: 1.3rem;
  font-size: 2rem;
  border-radius: 3.5rem;
  line-height: 1.4;
}

.alert-success .fa {
  font-size: 2rem;
}

.alert-dismissable .close,

.alert-dismissible .close {
  top: 0;
  right: 0;
  color: #fff;
  text-shadow: none;
  opacity: 1;
  font-size: 2.4rem;
}

.vlog {
  margin-top: 8rem;
}

.vlog__header {
  text-align: center;
}

.vlog__header>h2 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.vlog__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 192rem;
  margin: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 9rem;
  gap: 15rem;
}

.vlog__text>div:nth-child(1) {
  max-width: 50rem;
  padding: 0 1rem;
}

.vlog__text>div>h3 {
  font-size: 4.6rem;
  color: var(--primary);
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 5rem;
  margin-top: 0;
}

.vlog__text>div>p {
  font-size: 2.6rem;
  color: var(--primary);
  line-height: 1.2;
  -moz-text-align-last: left;
  text-align-last: left;
  margin-bottom: 4rem;
}

.vlog__text>div>p>a {
  line-height: 1;
  font-size: 2.6rem;
  color: var(--primary);
  padding: 1.5rem 2rem;
  border: 1px solid var(--primary);
  border-radius: 3.3rem;
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  display: inline-block;
  margin-left: -2rem;
}

.vlog__text>div>p>a:hover {
  background-color: var(--primary);
  color: #fff;
}

#menu {
  max-width: 100%;
  padding: var(--padding) 5rem;
  border-bottom-left-radius: 4rem;
  border-bottom-right-radius: 4rem;
  margin: auto;
  border: none;
  background-color: transparent;
  padding: 2rem;
  border: 1px solid #e5e5e5;
  border-top: 0;
  opacity: 0;
  visibility: hidden;
  min-height: unset;
  -webkit-transform: translateX(-50%) translateY(-100%);
  -ms-transform: translateX(-50%) translateY(-100%);
  transform: translateX(-50%) translateY(-100%);
  min-height: unset;
  position: absolute;
  left: 0;
  left: 50%;
  width: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,

    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,

    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  background-color: var(--primary);
  border: none;
  border-radius: 0;
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
  z-index: -1;
  max-width: 150rem;
  width: 100%;
}

#menu .nav.navbar-nav {
  max-width: 150rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  float: none;
  display: -ms-grid;
  display: grid;
  gap: 2rem;
  -ms-grid-rows: 1fr 2rem 1fr 2rem 1fr;
  grid-template-rows: repeat(3, 1fr);
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: repeat(2, 1fr);
}

#menu .nav.navbar-nav>*:nth-child(1) {
  grid-column: 1 / -1;

  a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#menu .nav.navbar-nav>*:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

#menu .nav.navbar-nav>*:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

#menu .nav.navbar-nav>*:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

#menu .nav.navbar-nav>*:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}

#menu .nav.navbar-nav>*:nth-child(6) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}

#menu.expanded {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
  max-width: 100%;
  width: 100%;
  border-bottom-left-radius: 4rem;
  padding: 3rem 1rem;
  border-bottom-right-radius: 4rem;
  height: 100vh;
}

#menu .nav>li>a {
  color: white;
  font-size: 3rem;
  text-shadow: none;
  padding: 1.7rem 1rem;
  line-height: 1.2;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  line-height: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav>li>a>img {
  max-width: none;
  width: 5rem;
  height: 5rem;
}

.nav::after,

.nav:before {
  display: none;
}

#menu .nav>li>a:hover:before {
  border-radius: 12px;
}

#menu .nav>li>a:hover {
  padding-left: 1rem;
  background: transparent;
}

#menu .nav.navbar-nav .dropdown-menu {
  display: block;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0;
}

#menu .dropdown-inner a {
  color: var(--primary);
  font-size: 1.8rem;
  text-shadow: none;
  padding: 1rem;
}

#menu .dropdown-inner a:hover {
  background: transparent;
  color: var(--primary) !important;
}

/* PRODUCT */
body>.container:not(#common-home) {
  width: 100%;
  max-width: var(--max-width);
  padding: var(--padding);
  margin: auto;
  margin-top: 22rem;
}

body>.container:not(#common-home)>.row {
  margin: 0;
}

body>.container:not(#common-home) #content {
  padding: 1rem;
}

body>.container#product-product {
  max-width: 100%;
  padding: 0;
}

body>.container#product-product .row {
  margin: 0;
}

body>.container:not(#common-home)>footer>.row {
  margin-left: auto;
  margin-right: auto;
}

body>.container#product-product #content {
  padding: 0;
}

.breadcrumb {
  border: none;
  background-color: transparent;
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
  padding: var(--padding);
  margin-bottom: 6rem;
}

body>.container:not(#common-home, #product-product) .breadcrumb {
  padding: 0;
}

.breadcrumb>li {
  text-shadow: none;
  padding: 0 0.75rem;
}

.breadcrumb>li:first-child {
  padding-left: 0;
}

.breadcrumb>li>a {
  font-size: 2rem;
  color: var(--primary);
}

.breadcrumb>li:after {
  width: unset;
  height: unset;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "/";
  font-size: 2rem;
  color: var(--primary);
}

.breadcrumb>li+li:before {
  display: none;
}

.breadcrumb>li:last-child::after {
  display: none;
}

.breadcrumb>li:last-child>a {
  font-weight: 700;
}

.product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9rem;
  margin-top: 4rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product::after,

.product::before {
  display: none;
}

.product__images {
  max-width: 93.2rem;
}

.product__images .thumbnails {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product__images .thumbnails>li:nth-child(1) {
  width: 100%;
}

.product__images .thumbnails>li {
  margin-left: 0;
}

.thumbnail {
  padding: 0;
  border: none;
  border-radius: 0;
}

.product__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6rem;
  max-width: 70rem;
}

.product__info>div {
  width: 100%;
  padding: 4rem 2rem;
  border-radius: 3rem;
  background-color: #fff;
  border: 1px solid var(--primary);
}

.product__info>div>div:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.product__info>div>div:nth-child(1)>h1 {
  font-size: 3rem;
  line-height: 1.2;
  color: var(--primary);
  font-weight: 700;
  margin: 0;
}

.product__info>div>div:nth-child(1)>p {
  font-size: 2rem;
  color: var(--primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product__info>div>.product-code {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 2rem;
  color: var(--primary);
}

.product__info>div>p {
  margin-bottom: 2rem;
  font-size: 2rem;
  color: var(--primary);
  -moz-text-align-last: left;
  text-align-last: left;
}

.product__info>div>ul>li>h2 {
  margin-top: 0;
  font-size: 3.2rem;
  color: var(--primary);
  font-weight: 700;
}

.product__info>div>ul>li>h2>span {
  font-size: 2rem;
  font-weight: 400;
}

.product__info>div>ul.prices>li.tax {
  font-size: 2rem;
  font-weight: 400;
  color: var(--primary);
}

.product__info>div .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  margin-top: 5rem;
  gap: 1.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#paypal_button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#paypal_button_container {
  border-radius: unset;
  border: unset;
}

.product__info>div .actions>div {
  gap: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product__info>div .actions>div>input {
  padding: 2rem;
  border-radius: 2rem;
  border: 1px solid var(--primary);
  font-size: 3rem;
  font-weight: 700;
  height: auto;
  line-height: 1;
  text-align: center;
  width: 7.8rem;
}

.product__info>div .actions>div>div {
  border-radius: 2rem;
  border: 1px solid var(--primary);
}

.product__info>div .actions>div>div>span {
  width: 2.4rem;
  display: block;
  height: 3.8rem;
  position: relative;
  cursor: pointer;
}

.product__info>div .actions>div>div>span:nth-child(2) {
  border-top: 1px solid var(--primary);
}

.product__info>div .actions>div>div>span:nth-child(1)::after {
  content: "";
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  left: 50%;
  top: 60%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
  -ms-transform: translate(-50%, -50%) rotate(-135deg);
  transform: translate(-50%, -50%) rotate(-135deg);
}

.product__info>div .actions>div>div>span:nth-child(2)::after {
  content: "";
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.product__info>div .actions>#button-cart {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: none;
  border-radius: 3rem;
  line-height: 1;
  background: var(--primary);
  font-size: 2rem;
  padding: 2.5rem 1.5rem;
  font-weight: 700;
}

#slider_1 .sliderCaption {
  display: none;
}

.product__info .info-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5rem 3rem;
  gap: 1rem;
}

.product__info .info-products>div {
  display: block !important;
}

.product__info .info-products>div>h2 {
  margin-top: 0;
  font-size: 2.6rem;
  color: var(--primary);
  font-weight: 700;
  margin-bottom: 1rem;
}

.product__info .info-products>div>ul {
  padding-left: 0;
  list-style: NONE;
  margin-bottom: 0;
}

.product__info .info-products>div>ul>li {
  font-size: 1.8rem;
  color: var(--primary);
  font-weight: 700;
  padding: 0.7rem 0;
}

.product__info .info-products>div>ul>li>img {
  margin-right: 2rem;
}

#product__body {
  margin-top: 10rem;
}

.product__description,

.product__specification {
  max-width: 126rem;
  padding: 0 1rem;
  margin-left: auto;
  margin-right: auto;
}

.product__description>h2,

.product__specification>h2 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 2.6rem;
  color: var(--primary);
}

.product__description>p,

.product__description>div,

.product__description li {
  font-size: 2.2rem;
  color: var(--primary);
  -moz-text-align-last: left;
  text-align-last: left;
  margin-bottom: 2.5rem;
}

.product__specification {
  margin-top: 9rem;
}

body {
  background-color: unset;
}

.product__specification table {
  border: none;
}

.product__specification .table-bordered>tbody>tr>td {
  border: none;
  padding: 1.5rem 5.5rem;
  font-size: 1.999rem;
  color: var(--primary);
}

.product__specification .table-bordered>tbody>tr:nth-child(odd) {
  background-color: #fff;
}

.product__specification .table-bordered>tbody>tr:nth-child(even) {
  background-color: #efefef;
}

.product__specification .table-bordered>tbody>tr>td:nth-child(1) {
  width: 50rem;
  font-weight: 700;
}

.product__vlog {
  margin-top: 8rem;
}

.product__vlog--header {
  text-align: center;
}

.product__vlog--header>h2 {
  margin-left: auto;
  margin-right: auto;
}

.product__vlog--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 9rem;
  gap: 15rem;
}

.product__vlog--text>div:nth-child(1) {
  max-width: 50rem;
  padding: 0 1rem;
}

.product__vlog--text>div>h3 {
  font-size: 4.6rem;
  color: var(--primary);
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 5rem;
  margin-top: 0;
}

.product__vlog--text>div>p {
  font-size: 2.6rem;
  color: var(--primary);
  line-height: 1.2;
  -moz-text-align-last: left;
  text-align-last: left;
  margin-bottom: 4rem;
}

.product__vlog--text>div:nth-child(2) {
  max-width: 107.4rem;
}

.product__more--description {
  margin-top: 10rem;
  max-width: 126rem;
  padding: 0 1rem;
  margin-left: auto;
  margin-right: auto;
}

.product__more--description>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product__more--description>div:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.product__more--description>div:nth-child(even)>div:nth-child(1) {
  padding-left: 5rem;
}

.product__more--description>div:nth-child(odd)>div:nth-child(1) {
  padding-right: 5rem;
}

.product__more--description>div>div {
  width: 50%;
}

.product__more--description>div>div>p {
  font-size: 2.2rem;
  color: var(--primary);
  max-width: 58rem;
  margin-bottom: 2rem;
}

.product__more--blocks {
  max-width: 126rem;
  padding: 0 1rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8rem;
}

.product__more--blocks>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product__more--blocks>div>div {
  padding: 0 1rem;
  width: 25%;
  text-align: center;
}

.product__more--blocks>div>div>p {
  font-size: 2rem;
  color: var(--primary);
}

.product__more--blocks>div>div>p:nth-child(1) {
  min-height: 19rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product__more--blocks>div>div>p>strong,

.product__more--blocks>div>div>p>b {
  font-size: 2.2rem;
  color: var(--primary);
}

.product__related {
  padding: 0 1rem;
  max-width: 146rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9rem;
}

.product__related>.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product__related>.row>.product-layout {
  padding: 0 2.2rem;
  width: 33.333%;
}

.product__related>.row>.product-layout .product-thumb {
  max-width: 41.1rem;
}

.product__related>h3 {
  margin-top: 0;
  margin-bottom: 5rem;
  font-size: 4.6rem;
  font-weight: 700;
  color: var(--primary);
  line-height: 1.2;
  padding-left: 2.2rem;
}

#product-product #content {
  min-height: unset;
}

.image-additional {
  max-width: 20.5rem;
}

.image-additional a {
  margin-bottom: 0;
  padding: 0;
  border: 0;
}

body>.container#product-category>.row {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

body>.container#product-category>.row #ajax-filter-container .row {
  margin-left: 0;
  margin-right: 0;
}

.ajax-filter .af-body .af-container>.af-heading {
  border-color: var(--primary);
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
}

.overlay.expanded {
  opacity: 1;
  visibility: visible;
}

.overlay::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

#content p a,
#content b {
  color: var(--primary);
}

.btn-primary {
  text-shadow: none;
  background-color: var(--primary);
  border: none;
  background-image: none;
}

#product-product .tmdhelptopic {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: none;
  border-radius: 3rem;
  line-height: 1;
  background-color: var(--primary) !important;
  font-size: 2rem !important;
  padding: 2.5rem 1.5rem;
  font-weight: 700;
}

.modal-backdrop {
  z-index: 100001;
}

.modal {
  z-index: 100002;
}

#product-product .modal-dialog {
  width: 120rem;
}

#product-product .popupBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 0.75rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#product-product .popupBody .enquireformeq {
  max-width: 64rem;
  width: 100%;
  margin: auto;
}

#product-product .popupBody>.text-center,

#product-product .popupBody>.user_login {
  width: 50%;
  padding: 0 0.75rem;
  margin-top: 0;
}

#product-product .modal.in .modal-dialog {
  width: 120rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#product-product .modal-content {
  border-radius: 1rem;
  border: none;
}

#product-product .popupBody img {
  margin-top: 0;
  width: 100%;
}

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

  .products::after,

  .bestsellers::after {
    opacity: 0.5;
  }

  .menu {
    gap: 1.5rem;
  }

  .menu>div a,

  .menu .click>span {
    font-size: 2rem;
  }

  .vlog__text iframe {
    width: 100%;
  }

  .nav>li>a>img {
    max-width: none;
    width: 3.4rem;
    height: 3.4rem;
  }

  div#product-category {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  body>.container#product-category>.row {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  #menu .nav>li>a {
    color: white;
    font-size: 2.3rem;
  }

  #menu .nav.navbar-nav {
    gap: 1rem;
    -ms-grid-rows: 1fr 1rem 1fr;
    grid-template-rows: repeat(2, 1fr);
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2, 1fr);
  }

  #menu .nav.navbar-nav>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  #menu .nav.navbar-nav>*:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  #menu .nav.navbar-nav>*:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  #menu .nav.navbar-nav>*:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .vlog__text>div>p>a,

  .team__text>a {
    margin-left: 0;
  }

  .vlog__text,

  .product__vlog--text {
    gap: 2rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .vlog__text>div:nth-child(1),

  .product__vlog--text>div:nth-child(1) {
    max-width: 100%;
    width: 50%;
  }

  .vlog__text>div:nth-child(2),

  .product__vlog--text>div:nth-child(2) {
    max-width: 100%;
    width: 50%;
  }

  .vlog__text>div:nth-child(2)>video {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .product__vlog--text>div:nth-child(2) iframe {
    width: 100%;
  }

  .product__more--description>div>div img {
    width: 100%;
  }

  .team {
    gap: 2rem;
  }

  .team__text,

  .team__image {
    width: 50%;
  }

  .team__image>img {
    width: 100%;
  }

  .vlog__text>div>p,

  .vlog__text>div>p>a,

  .team__text>p,

  .team__text>a,

  .products__header>div>p {
    font-size: 2.4rem;
  }

  .product__vlog--text>div>p {
    font-size: 2.4rem;
  }

  .products__header>div {
    max-width: unset;
    padding-left: 8rem;
  }

  .heading {
    font-size: 3.8rem;
  }

  .products__header {
    padding-top: 4rem;
    padding-bottom: 4rem;
    min-height: unset;
  }

  .featured,

  .bestsellers {
    overflow: hidden;
  }

  footer>.row>div:nth-child(1) {
    gap: unset;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-grid-columns: 18rem unset 17rem unset 20rem unset 25rem;
    grid-template-columns: 18rem 17rem 20rem 25rem;
  }

  footer>.row>div:nth-child(1)>div>h3 {
    font-size: 2.1rem;
  }

  footer>.row>div:nth-child(1)>div>ul>li>a,

  footer>.row>div:nth-child(1)>div>p,

  .newsletter>p {
    font-size: 2.1rem;
  }

  #product-product .modal.in .modal-dialog {
    width: 95%;
  }

}

.header__top--wrapper>div>p>a>svg {
  display: none;
}

#product-category .heading {
  margin-bottom: 5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.sort-opt {
  margin-bottom: 5rem;
}

.input-group .input-group-addon,

.input-group-sm>.form-control,

.input-group-sm>.input-group-addon,

.input-group-sm>.input-group-btn>.btn {
  font-size: 1.4rem;
  height: auto;
  padding: 1.3rem;
  line-height: 1.2;
}

.pagination>li>a,

.pagination>li>span {
  color: var(--primary);
}

.pagination>.active>a,

.pagination>.active>a:focus,

.pagination>.active>a:hover,

.pagination>.active>span,

.pagination>.active>span:focus,

.pagination>.active>span:hover {
  border-color: var(--primary);
  background-color: var(--primary);
}

@media screen and (max-width: 1024px) {
  #common-home.container {
    margin-top: 15.2rem;
  }

  #menu .nav>li>a {
    font-size: 1.8rem;
    line-height: 1.3;
  }

  #menu .nav>li>a {
    gap: 1rem;
  }

  .header__top--wrapper>div>p,

  .header__top--wrapper>div>p>a,

  .header__top--wrapper>div {
    font-size: 1.6rem;
  }

  .header__top--wrapper>div {
    gap: 0.5rem;
  }

  .languages>form>button {
    font-size: 1.6rem;
  }

  .products {
    margin-top: 5rem;
  }

  .vlog__text>div>p,

  .vlog__text>div>p>a,

  .team__text>p,

  .team__text>a,

  .products__header>div>p {
    font-size: 1.8rem;
  }

  .products__header--actions>button,

  .products__header--actions>a {
    font-size: 1.8rem;
  }

  .products__header {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .products__header>div {
    padding-left: 15rem;
  }

  .heading {
    font-size: 2.4rem;
  }

  .heading::after {
    width: 2rem;
    height: 2rem;
    right: -2rem;
  }

  .product-thumb .caption>h4>a {
    font-size: 1.8rem;
  }

  .product-thumb .price {
    font-size: 2.1rem;
  }

  .product-thumb .button-group button {
    font-size: 1.6rem;
  }

  .vlog {
    margin-top: 5rem;
  }

  .vlog__text>div>h3 {
    font-size: 2.4rem;
  }

  footer>.row>div:nth-child(1)>div>ul>li>a,

  footer>.row>div:nth-child(1)>div>p,

  footer>.row>div:nth-child(2)>p,

  footer>.row>div:nth-child(2)>p>a {
    font-size: 1.8rem;
  }

  footer>.row>div:nth-child(1)>div>h3,

  .newsletter>p {
    font-size: 2.1rem;
  }

  footer>.row>div:nth-child(1) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  footer>.row>div:nth-child(1)>div:nth-child(1) {
    width: 100%;
    text-align: center;
    margin-bottom: 8rem;
  }

  footer {
    background-size: cover;
  }

  footer>.row>div:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .newsletter {
    position: relative;
    left: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  footer {
    margin-top: 5rem;
  }

  footer>.row>div:nth-child(2) {
    gap: 2rem;
  }

  footer>.row>div:nth-child(2)>p {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  footer>.row>div:nth-child(2)>a {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .bestsellers__wrapper>.row>.product-layout,

  .featured>.product-layout {
    width: 50%;
  }

  .products__header {
    border-radius: 0;
    padding: 4rem 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem;
  }

  .products__header>div {
    padding-left: 0;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .products__header--actions {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .vlog__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3rem;
  }

  .vlog__text>div:nth-child(2) {
    width: 100%;
  }

  .vlog__text>div>h3 {
    text-align: center;
    margin-bottom: 2rem;
  }

  .vlog__text>div>p {
    margin-bottom: 2rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
  }

  .vlog__text>div:nth-child(1) {
    max-width: 66rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
  }

  .vlog__text>div>p:last-child {
    margin-bottom: 0;
  }

  .vlog__text>div>p>a {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .vlog__text>div:nth-child(2)>video {
    height: 100%;
  }

  .bestsellers {
    margin-top: 5rem;
  }

  .bestsellers__wrapper>h2 {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    margin-bottom: 5rem;
  }

  .team {
    margin-top: 5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .team__text,

  .team__image {
    width: 100%;
  }

  .team__text {
    max-width: 66rem;
    text-align: center;
  }

  .team__text>h2 {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
  }

  .team__text>p {
    max-width: 66rem;
    text-align: center;
  }

  .header__nav--wrapper>div:nth-child(1) {
    gap: 3rem;
  }

  .header__top--wrapper>div>p,

  .header__top--wrapper>div>p>a,

  .header__top--wrapper>div {
    font-size: 0;
  }

  .header__top--wrapper>div>p>a>svg {
    display: block;
  }

  .header__top--wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 1rem;
  }

  .header__top--wrapper>div {
    gap: 0;
  }

  .phone {
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    z-index: 100;
  }

  .phone::after {
    content: "";
    background-color: #fff;
    width: 6rem;
    height: 6rem;
    top: 50%;
    left: 50%;
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .header__nav {
    padding: .5rem 0 1.5rem;
  }

  .menu>span {
    display: none;
  }

  .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--padding);
    gap: 5rem;
  }

  .product__images {
    max-width: 100%;
  }

  .product__images .thumbnails>li:nth-child(1) {
    width: 100%;
  }

  .product__images .thumbnails>li:nth-child(1)>a {
    margin-bottom: 0;
  }

  .product__images .thumbnails>li:nth-child(1) img {
    width: 100%;
    height: 100%;
  }

  .product__info>div {
    max-width: 100%;
  }

  .product__info>.info-products {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 5rem;
  }

  #product__body {
    margin-top: 5rem;
  }

  .product__vlog--text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5rem;
  }

  .product__vlog--text>div:nth-child(1),

  .product__vlog--text>div:nth-child(2) {
    width: 100%;
    padding: var(--padding);
  }

  .product__vlog--text>div:nth-child(2) {
    position: relative;
    padding-bottom: 56.25%;
  }

  .product__vlog--text>div:nth-child(2) iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .product__vlog--text>div>h3 {
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 2rem;
  }

  .product__vlog--text>div>p {
    font-size: 1.8rem;
    margin-bottom: 2rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
  }

  .product__specification {
    margin-top: 5rem;
  }

  .product__more--description>div,

  .product__more--description>div:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .product__more--description>div:nth-child(even)>div:nth-child(1) {
    padding-left: 0;
  }

  .product__more--description>div:nth-child(odd)>div:nth-child(1) {
    padding-right: 0;
  }

  .product__more--description>div>div {
    width: 100%;
  }

  .product__more--description>div>div>p {
    font-size: 1.8rem;
    max-width: 100%;
  }

  .product__more--blocks>div>div {
    width: 50%;
  }

  .product__more--blocks>div>div>p>strong,

  .product__more--blocks>div>div>p>b,

  .product__more--blocks>div>div>p {
    font-size: 1.8rem;
  }

  .product__more--blocks>div>div>p>img {
    max-height: 10rem;
  }

  .product__more--blocks>div>div>p:nth-child(1) {
    min-height: 10rem;
  }

  .product__info>div>p,
  .product__description>p,
  .product__description>p span,
  .product__description li span {
    font-size: 1.8rem !important;
  }

  .product__specification .table-bordered>tbody>tr>td:nth-child(1) {
    width: 50%;
  }

  .product__info {
    min-width: unset;
  }

  .product__related>.row>.product-layout {
    width: 50%;
  }

  #product-product .popupBody {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
  }

  #product-product .modal.in .modal-dialog {
    max-width: 66rem;
    width: 100%;
  }

  #product-product .popupBody>.text-center,

  #product-product .popupBody>.user_login {
    width: 100%;
  }

  #product-product .popupBody img {
    width: unset;
    max-height: 40.9rem;
  }

  .alert-success {
    font-size: 1.4rem;
  }

  .header__nav--wrapper>div:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .menu {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .header__nav--right {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .header__nav--wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem;
  }

  .header__nav--wrapper>div {
    gap: 1rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

}

.empty-cart {
  padding: 1rem;
  min-width: 30rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--primary);
}

@media screen and (max-width: 767px) {
  body>.container:not(#common-home) {
    margin-top: 22rem;
  }

  .navbar-collapse {
    display: block;
  }

  #menu .nav.navbar-nav {
    gap: 1rem;
    -ms-grid-rows: 1fr;
    grid-template-rows: repeat(1, 1fr);
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }

  #menu .nav.navbar-nav>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .nav>li>a>img {
    max-width: none;
    width: 2.4rem;
    height: 2.4rem;
  }

  #cart .dropdown-menu {
    width: 95vw;
    right: -80vw;
  }

  .product__images .thumbnails {
    gap: 1rem;
  }

  .image-additional a {
    max-width: 10rem;
  }

  #common-home.container {
    margin-top: 12rem;
  }

  .vlog__text iframe {
    height: 27rem;
  }

  .imonline-logo img {
    max-width: 10rem;
    height: auto;
  }

  #account-register form {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  #account-register {
    padding: 0 1rem;
  }

  .navbar-header {
    display: none;
  }

  #menu .nav>li>a {
    font-size: 1.6rem;
    padding: 1rem;
  }

  #toast-container.toast-top-center>div,

  #toast-container.toast-bottom-center>div {
    width: 90% !important;
    margin: auto;
  }

  #menu.expanded {
    height: calc(100dvh - 120px);
  }

  #menu.expanded {
    border-radius: unset;
  }
}

@media screen and (max-width: 640px) {
  #menu a {
    color: white;
    font-size: 17px;
    margin-top: 1rem;
    display: block;
  }

  body>.container:not(#common-home) {
    margin-top: 14rem;
  }

  .menu>div:not(.click) {
    display: none;
  }

  .header__nav--wrapper>div {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .header__nav--wrapper {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .header__nav {
    padding: 1.5rem 0;
  }

  footer>.row>div:nth-child(1)>div:nth-child(1) {
    margin-bottom: 3rem;
  }

  footer>.row>div:nth-child(1)>div {
    margin-bottom: 0rem;
    width: 100%;
  }

  footer>.row>div:nth-child(1)>div>ul>li:last-child>a {
    margin-bottom: 0;
  }

  footer>.row>div:nth-child(1)>div>h3 {
    text-align: center;
  }

  footer>.row>div:nth-child(1)>div>ul {
    text-align: center;
  }

  footer>.row>div:nth-child(1)>div>ul>li>a,

  footer>.row>div:nth-child(1)>div>p {
    text-align: center;
  }

  footer>.row>div:nth-child(1)>div:nth-child(4)>p {
    max-width: 100%;
  }

  .social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  footer>.row>div:nth-child(2) {
    margin-top: 2rem;
  }

  .newsletter {
    text-align: center;
    width: 100%;
  }

  footer>.row>div:nth-child(1)>div>h3 {
    margin-top: 2rem;
  }

  #search {
    display: none;
  }

  .header__nav--right {
    padding-left: 2rem;
  }

  .heading {
    max-width: 30rem;
  }

  .header__nav--wrapper>div:nth-child(1)>a>img {
    max-height: 4rem;
  }

  .header__nav--wrapper>div:nth-child(1) {
    gap: 1.5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }

  .header__nav--right {
    position: absolute;
    left: 0;
    top: 0;
  }

  .header__nav--right>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header__nav--right>a svg {
    max-height: 2.2rem;
  }

  .header__nav--right {
    padding-left: 1rem;
  }

  #cart>button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #cart>button svg {
    max-height: 2.2rem;
  }

  .menu>div>span {
    margin-left: auto;
  }

  .menu>div>span:nth-child(2),

  .menu>div>span:nth-child(3) {
    width: 100%;
  }

  .menu>div>span {
    height: 0.4rem;
    width: 2.8rem;
  }

  .menu>div>span:not(:last-child) {
    margin-bottom: 0.4rem;
  }

  .menu.expanded>div>span:nth-child(1) {
    top: -0.4rem;
  }

  .menu.expanded>div>span:nth-child(3) {
    position: relative;
    top: 0.3rem;
  }

  #menu {
    padding: 1rem;
  }

  .navbar-collapse {
    padding: 0;
  }

  #menu .nav>li>a {
    padding: 1rem 0;
  }

  #menu .nav.navbar-nav {
    gap: 0.1rem;
    margin: 0;
  }

  .header__top--wrapper>div>p>a>svg {
    width: 4.6rem;
    height: 4.6rem;
  }

  .phone::after {
    width: 3.2rem;
    height: 3.2rem;
  }

  .phone {
    right: 1.5rem;
    bottom: 1.5rem;
  }

  #menu .nav>li>a {
    font-size: 1.7rem;
  }

  .input-group .input-group-addon,

  .input-group-sm>.form-control,

  .input-group-sm>.input-group-addon,

  .input-group-sm>.input-group-btn>.btn {
    padding: 1rem;
  }

  .breadcrumb {
    margin-bottom: 3rem;
    padding: 0 1rem;
  }

  body>.container:not(#common-home) {
    padding: 0;
  }

  body>.container:not(#common-home, #product-product) .breadcrumb {
    padding: 0 1rem;
  }

  body>.container:not(#common-home)>.row {
    margin: 0;
  }

  .product__info>div {
    border: none;
  }

  .product__info>div>div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2rem;
  }

  .product__info>div>div:nth-child(1)>h1 {
    font-size: 2.4rem;
  }

  .product__info>div>div:nth-child(1)>p {
    font-size: 1.8rem;
    gap: 1rem;
  }

  .product__info>div>.product-code {
    font-size: 1.8rem;
    margin-top: 2rem;
  }

  .product {
    padding: 0;
  }

  .product__info>div .actions {
    margin-top: 2rem;
  }

  .product__info>div {
    border-radius: 0;
    padding: 2rem 1.5rem;
  }

  .product__info>.info-products {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 1.5rem;
    gap: 2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .product__info .info-products>div>h2 {
    font-size: 2rem;
  }

  .product__info .info-products>div>ul>li>img {
    margin-right: 1rem;
  }

  .product__info {
    gap: 2rem;
  }

  .product__specification .table-bordered>tbody>tr>td {
    padding: 1.5rem;
  }

  .product__specification .table-bordered>tbody>tr>td {
    font-size: 1.8rem;
  }

  .product__related>.row>.product-layout {
    width: 100%;
  }

  .product__related {
    padding: 0 1rem;
  }

  .product__related>h3 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
    padding-left: 0rem;
  }

  .product__related>.row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem;
  }

  .product__related>.row>.product-layout {
    padding: 0;
  }

  .product__related>.row>.product-layout .product-thumb {
    margin: auto;
  }

  .product__related {
    margin-top: 5rem;
  }

  .product__related>.row::after,

  .product__related>.row::before {
    display: none;
  }

  .product-thumb::before,

  .product-thumb::after,

  .product-thumb>.image::before,

  .product-thumb>.image::after {
    display: none;
  }

  body>#product-search.container {
    padding: 0 1rem;
  }

  body>#product-manufacturer.container {
    padding: 0 1rem;
  }

  .product__info {
    width: 100%;
  }

  .product__info>div .actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }

  .product__info>div .actions>#button-cart,

  #product-product .tmdhelptopic {
    width: 100%;
    font-size: 1.8rem !important;
  }

  #account-register form {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  #account-register {
    padding: 0 1rem;
  }

  h1 {
    font-size: 27px;
  }

  body>.container:not(#common-home)>.row {
    margin: 1rem;
  }

  body>.container:not(#common-home) {
    padding: 0rem;
  }

  h2 {
    font-size: 23px;
  }

  .product__images .thumbnails {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .product__info>div>p,
  .product__description>p,
  .product__description>p span {
    font-size: 1.8rem !important;
  }
}

.header {
  z-index: 1000;
}

#product-category #content p {
  font-size: 2.1rem;
  font-family: "Geologica";
}

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

  .bestsellers__wrapper>.row>.product-layout,

  .featured>.product-layout {
    width: 100%;
  }

  .newsletter>form {
    min-width: 28rem;
  }

  .newsletter>form>input,

  .newsletter>form>button {
    font-size: 1.6rem;
    padding: 1rem;
  }

  .heading::after {
    display: none;
  }

  #cart .dropdown-menu {
    right: unset;
    left: 0;
    width: 100vw;
    left: -5.2rem;
  }

  #menu.expanded {
    overflow-y: auto;
  }

  body>.container#product-product .breadcrumb,

  body>.container#product-category .breadcrumb {
    padding: 0 1rem;
  }

  .breadcrumb>li>a {
    font-size: 1.6rem;
    text-wrap: wrap;
  }

  body>.container:not(#common-home) #content {
    padding: 0;
  }

  #product-category .heading {
    font-size: 2.1rem;
  }

  body>.container#product-category>.row,

  body>.container#product-product>.row {
    margin: 0;
  }

  .modal-open .ajax-filter.modal {
    z-index: 1000000 !important;
  }

  #product-category #content p {
    font-size: 1.8rem;
    font-family: "Geologica";
  }

  .product__description>p,
  .product__description>div,
  .product__description li,
  .product__description li span {
    font-size: 1.6rem !important;
  }

  .product__vlog--text {
    margin-top: 2rem;
  }

  .product__specification table {
    overflow-y: scroll;
  }

  .product__description>h2,

  .product__specification>h2 {
    font-size: 2.2rem;
  }

  .product__specification {
    overflow-y: auto;
  }

  .product__specification .table-bordered>tbody>tr>td {
    font-size: 1.6rem;
  }

  .product__info>div .actions>div>input {
    padding: 1rem;
    font-size: 2.1rem;
    width: 4.8rem;
    border-radius: 1rem;
  }

  .product__info>div .actions>div>div>span {
    width: 2.4rem;
    display: block;
    height: 2.4rem;
  }

  .product__info>div .actions>div>div {
    border-radius: 1rem;
  }

  .product__info>div .actions>#button-cart,

  #product-product .tmdhelptopic {
    padding: 1.5rem;
    border-radius: 1rem;
  }

  .product__info>.info-products,

  .product__info>div {
    padding: 1rem 1.5rem;
  }

  #product-product .modal.in .modal-dialog {
    max-width: 95%;
    margin: auto;
  }

  #product-product .popupBody img {
    max-width: 100%;
  }

  .breadcrumb>li>a {
    font-size: 1.4rem;
  }

  .product__info>div>div:nth-child(1)>h1 {
    font-size: 2.1rem;
  }

  .product__info .info-products>div>ul>li {
    font-size: 1.6rem;
  }

  #product__body {
    margin-top: 2rem;
  }

  .product-thumb .caption {
    gap: 1rem;
  }

  .product-thumb .caption>h4 {
    font-size: 1.6rem;
    padding: 1.3rem 2rem;
  }

  .product-thumb .price {
    font-size: 1.8rem;
  }

  #menu .nav>li>a::before,

  .product-thumb .image>a::before,

  #menu .nav>li>a::after,

  .product-thumb .image>a::after,

  .navbar-nav>li::after,

  .product-thumb .image::after,

  .navbar-nav>li::before,

  .product-thumb .image::before {
    display: none;
  }

  .product__description>p,

  .product__description>div,

  .product__description li {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }

  body>.container:not(#common-home) {
    margin-top: 15rem;
  }

  #product-category .heading {
    font-size: 2.1rem;
    margin-bottom: 2rem;
    max-width: 100%;
  }

  #checkout-cart .buttons .pull-left a.btn {
    color: var(--primary);
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
  }

  #checkout-cart .buttons a.btn {
    padding: 1rem 1.5rem;
  }

}