/*!
Theme Name: Twin Heart Studio
Theme URI: http://underscores.me/
Author: Twin Heart Studio
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twinheartstudio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Twin Heart Studio is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
  --white: #fff;
  --black: #000;
  --yellow: #cb9832;
  --grey: #444444;
}

html {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}
:focus {
  outline: none !important;
  box-shadow: none !important;
}
*:focus {
  outline: none !important;
  box-shadow: none !important;
}
*:before,
*:after {
  pointer-events: none;
}
/**:focus {outline: none !important;}*/
* {
  box-sizing: border-box;
}
button:focus {
  box-shadow: none !important;
}
body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
}
img {
  max-width: 100%;
  display: block;
  width: auto;
  height: auto;
}
input,
textarea,
button,
select,
span,
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-size: 18px;
  line-height: 1.333;
  color: rgba(0, 0, 0, 1);
  font-weight: 400;
}
p,
li {
  font-size: 16px;
  line-height: 1.875;
  color: #000;
  font-weight: 400;
}
p {
  margin: 0 0 40px 0;
}
p:last-child {
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Sans", sans-serif;
  margin: 0;
  line-height: 1.065;
  color: var(--black);
  font-weight: 700;
}
h1,
.h1 {
  font-size: 66px;
  line-height: 1.18181;
}
h2,
.h2 {
  font-size: 64px;
  line-height: 1.21875;
}
h3,
.h3 {
  font-size: 48px;
  line-height: 1.3;
}
h4,
.h4 {
  font-size: 26px;
  line-height: 1.3846;
}
h5,
.h5 {
  font-size: 24px;
  line-height: 1.15;
}
h6,
.h6 {
  font-size: 20px;
}
input,
select,
textarea {
  font: inherit;
  font-family: "Poppins", sans-serif;
  color: #000;
}
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
textarea,
select {
  border: none;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important;
}
/* textarea { height: 106px;resize: none; } */
::-webkit-input-placeholder {
  color: inherit !important;
  font-size: inherit;
  line-height: 1;
  opacity: 1;
}
:-ms-input-placeholder {
  color: inherit !important;
  font-size: inherit;
  line-height: 1;
  opacity: 1;
}
::placeholder {
  color: inherit !important;
  font-size: inherit;
  line-height: 1;
  opacity: 1;
}
button {
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  cursor: pointer;
}
/* input[type="submit"]:focus {outline: none;}
select { outline:none !important;} */
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  color: var(--yellow);
  cursor: pointer;
}
a:hover {
  color: var(--black);
}
/*Common Section*/
.screen-reader-text {
  background: #000000;
  height: 30px;
  left: 15px;
  transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  padding: 15px 20px;
  position: absolute;
  transition: transform 0.3s;
  display: inline-block;
  z-index: 999999;
  line-height: normal;
  text-decoration: none;
  height: auto;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.99);
  border-radius: 8px;
  top: 15px;
}
.screen-reader-text:focus {
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left; /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.alignright {
  /*rtl:ignore*/
  float: right; /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*Common Section*/
.clearfix::before,
.clearfix::after {
  visibility: hidden;
  display: table;
  content: " ";
  clear: both;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.top {
  top: 0;
}
.left {
  left: 0;
}
.right {
  right: 0;
}
.bottom {
  bottom: 0;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.d-none {
  display: none;
}
.d-block {
  display: block;
}
.d-inline-block {
  display: inline-block;
}
.d-inline {
  display: inline;
}
.d-flex {
  display: flex;
  flex-wrap: wrap;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-space {
  justify-content: space-between;
}
.justify-end {
  justify-content: flex-end;
}
.align-start {
  align-items: flex-start;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.self-end {
  align-self: flex-end;
}
.btn,
.woocommerce a.btn,
.woocommerce ul.products li.product .btn {
  font-size: 20px;
  text-transform: uppercase;
  color: var(--black);
  font-weight: 500;
  border: 2px solid var(--black);
  padding: 16px 48.5px;
  line-height: 1.45;
  display: inline-block;
  user-select: none;
  cursor: pointer;
}
.btn:hover {
  background-color: var(--yellow);
  border-color: var(--yellow);
  color: var(--white);
}
.common-padding {
  padding: 56px 0;
}
.common-padding-bottom {
  padding-bottom: 56px;
}
.common-padding-top {
  padding-top: 56px;
}
.skewed-padding {
  padding: 96px 0;
}
.skewed-padding-bottom {
  padding-bottom: 96px;
}
.skewed-padding-top {
  padding-top: 96px;
}
.pt-0,
section.pt-0,
div.pt-0 {
  padding-top: 0;
}
.pb-0,
section.pb-0,
div.pb-0 {
  padding-bottom: 0;
}
.py-0,
section.py-0,
div.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.px-0,
section.px-0,
div.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.mt-0,
section.mt-0,
div.mt-0 {
  margin-top: 0;
}
.mb-0,
section.mb-0,
div.mb-0 {
  margin-bottom: 0;
}
.my-0,
section.my-0,
div.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.mx-0,
section.mx-0,
div.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-auto,
section.mx-auto,
div.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.ml-auto,
section.ml-auto,
div.ml-auto {
  margin-left: auto;
}
.mr-auto,
section.mr-auto,
div.mr-auto {
  margin-right: auto;
}

.wrapper {
  margin: 0 auto;
  padding: 0 30px;
  width: 64.635%;
  max-width: 1230px;
  max-width: 100%;
}
.min-h-screen {
  min-height: 100vh;
}

.font-100 {
  font-weight: 100;
}
.font-200 {
  font-weight: 200;
}
.font-300 {
  font-weight: 300;
}
.font-400 {
  font-weight: 400;
}
.font-500 {
  font-weight: 500;
}
.font-600 {
  font-weight: 600;
}
.font-700 {
  font-weight: 700;
}
.font-800 {
  font-weight: 800;
}
.font-900 {
  font-weight: 900;
}

.text-white,
.para-white p,
.para-white li {
  color: var(--white);
}
.text-yellow,
.para-yellow p,
.para-yellow li {
  color: var(--yellow);
}
.text-black,
.para-black p,
.para-black li {
  color: var(--black);
}
.bg-black,
.skew-black:after {
  background-color: var(--black);
}
.bg-yellow {
  background-color: var(--yellow);
}
.bg-white,
.skew-white:after {
  background-color: var(--white);
}
.bg-grey {
  background-color: var(--grey);
}
.bg-white .text-white,
.bg-white .para-white *,
.skew-white .text-white,
.skew-white .para-white * {
  color: var(--black);
}
.bg-white .bg-black {
  background-color: var(--white);
}
.text-10 {
  font-size: 10px;
}
.text-14,
.para-14 p {
  font-size: 14px;
}
.text-16,
.para-16 p,
.para-16 li {
  font-size: 16px;
}
.text-18,
.para-18 p,
.para-18 li {
  font-size: 18px;
}
.text-20,
.para-20 p {
  font-size: 20px;
  line-height: 1.3;
}
.text-24,
.para-24 p {
  font-size: 24px;
  line-height: 1.4166;
}

.x-hidden {
  overflow-x: hidden;
}
.y-hidden {
  overflow-y: hidden;
}
.no-overflow {
  overflow: hidden;
}

.header-top {
  padding: 28px 60px;
}
i[class*="fa"] {
  color: var(--yellow);
}
.social-media li a {
  font-size: 24px;
  color: var(--yellow);
  display: block;
  line-height: 1;
}
.social-media li a i {
  font-size: inherit;
}
.social-media li {
  padding: 0 20px;
  line-height: 1;
  display: block;
}
.social-media-block {
  margin: 0 -20px;
}
.header-actions i {
  font-size: 26px;
  line-height: 1;
}
.orders-accounts {
  position: relative;
}
.orders-accounts > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.user-signin span {
  line-height: 1.3;
}
.user-icon {
  margin-right: 12px;
}
.account-actions > div {
  margin: 0 16px;
}
.account-actions > div {
  margin: 0 17px;
}
.cart-link {
  position: relative;
}
.cart-count {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 500;
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
}
.main-navigation .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -28.5px;
  padding: 12px 0;
  border-bottom: 3px solid var(--black);
}
.main-navigation .menu li a {
  color: var(--black);
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
}
.main-navigation .menu li a:hover,
.main-navigation .menu li.current-menu-item a {
  color: var(--yellow);
}
.main-navigation .menu li {
  padding: 5px 28.5px;
}
.search-form .search-field {
  padding: 12px 24px;
  font-size: 16px;
  line-height: 1.625;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  background-color: #1e1e1e;
  color: #fff;
  width: 100%;
  flex: 1;
}
.search-form {
  display: flex;
}
.account-actions.d-flex.jsutify-end {
  margin-left: 17px;
}
.search-form input[type="submit"] {
  background-color: #fff;
  display: inline-block;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" fill="rgba(203, 152, 50,1)"/></svg>');
  font-size: 0;
  width: 72px;
  height: 50px;
  border-radius: 0 50px 50px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 35% auto;
  cursor: pointer;
  transition: all 0.3s;
  flex: 0 0 auto;
}
.search-form input[type="submit"]:hover {
  background-color: var(--yellow);
  color: var(--white);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" fill="rgba(255,255,255,1)"/></svg>');
}
.search-block {
  margin-top: 28px;
  max-width: 410px;
  margin-left: auto;
}
.header-top > div {
  flex: 1 1 33.33%;
}
.hero-section {
  background-color: #f0f0f0;
}
.hero-section .wrapper {
  width: 94.483%;
}
.hero-slide-img {
  width: 70.139%;
  border-radius: 10px;
  overflow: hidden;
}
.hero-slide-content {
  width: 28.561%;
}
/* .hero-slide-wrap {
  padding: 56px 0;
} */
.hero-slide-content .h1 {
  letter-spacing: 2.7px;
}
.hero-slide-content-wrap {
  margin-right: -55%;
  z-index: 9;
  position: relative;
  padding-left: 22%;
}
.hero-slide-cta.btn {
  margin-top: 40px;
}
.slide-arrow.slick-arrow {
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  z-index: 2;
}
.slide-arrow.slick-arrow i {
  font-size: 20px;
}
.slide-arrow.slick-arrow.slick-prev {
  left: -2.5%;
}
.slide-arrow.slick-arrow.slick-next {
  right: -2.5%;
}

/* .benefits-section {
  padding: 79px 0 108px;
} */
.benefit {
  width: 25%;
  /* padding: 0 15px; */
}
/* .benefits {
  margin: 0 -15px;
} */
.benefits-icon {
  margin-bottom: 17px;
  height: 60px;
}
.benefits-icon img {
  height: 100%;
}
.benefit-content p {
  margin-top: 14px;
  opacity: 0.4;
  color: #fff;
}
.benefits-wrap {
  padding: 26px;
}
.section-heading .pretitle {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 1.65;
  padding-bottom: 23px;
  padding-top: 28px;
  position: relative;
}
.section-heading .pretitle:before {
  content: "";
  position: absolute;
  top: 45%;
  left: 25px;
  background-image: url("images/flower.png");
  width: 112px;
  height: 81px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
}
.section-heading .pretitle.no-pattern:before {
  display: none;
}
.section-heading .pretitle.no-pattern {
  padding-top: 0;
  padding-bottom: 18px;
}
.skew-bg {
  position: relative;
}
.skew-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: rotate(0deg) skewY(-2.6deg);
  z-index: 0;
  pointer-events: none;
}

.skew-bg .wrapper {
  position: relative;
  z-index: 1;
}
/* .who-we-section {
  padding: 90px 0;
} */

.who-we-block > div {
  padding: 0 36px;
  width: 50%;
}
.who-we-block {
  margin-left: -36px;
  margin-right: -36px;
}
.who-we-block .section-heading {
  margin-bottom: 39px;
}
.who-we-block .left-block {
  width: 54.1%;
}
.who-we-block .left-block .heading {
  margin-right: -5%;
}
.who-we-block .right-block {
  width: 45.9%;
  padding-top: 38px;
  padding-bottom: 16px;
}
.section-heading .h2 {
  letter-spacing: 2.5px;
}
.who-we-block .right-block p {
  line-height: 1.6111;
}
.who-we-block .right-img {
  margin-bottom: 42px;
}
.text-white {
  color: var(--white);
}

/* Art and design selection */
/* .best-selling-section {
  padding: 90px 0;
} */

/* collection slider section */
/* .collection-section {
  padding: 70px 0;
} */
.collection-content {
  margin: 30px 0;
}
.collection-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--grey);
  border-radius: inherit;
}
.collection-item-img {
  position: relative;
  padding-top: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.collection-item-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: all 0.3s;
  border-radius: 50%;
}
.collection-items-slide-wrap:hover .collection-item-info {
  opacity: 1;
}
.collection-items-slide-wrap {
  position: relative;
}
.collection-lists-slider .slick-slide > div {
  margin: 0 -27px;
}
.collection-items-slide {
  padding: 24px 27px;
}
.collection-lists-slider .slick-prev.slide-arrow.slick-arrow {
  left: -8.8%;
}
.collection-lists-slider .slick-next.slide-arrow.slick-arrow {
  right: -8.8%;
}

.abs-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}

/* Our story section */
.our-story-section {
  padding: 90px 0;
}
.our-story-block .section-heading .heading {
  margin-top: 36px;
}
.btn.secondary-btn {
  text-transform: uppercase;
  color: var(--white);
  font-size: 16px;
  letter-spacing: 2px;
  background-color: var(--grey);
  padding: 15px 37px;
  border-color: var(--grey);
}
.btn.secondary-btn:hover {
  background-color: var(--white);
  color: var(--black);
}
.view-story-cta.btn {
  margin-top: 36px;
}
.our-story-video-content {
  margin-top: 50px;
}
.our-video-wrapper {
  position: relative;
  padding-top: 42.74%;
  overflow: hidden;
  border-radius: 20px;
  min-height: 200px;
}
.our-video-poster {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.our-story-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.our-story-block .icon-wrapper img {
  filter: invert(1);
  -webkit-filter: invert(1);
  width: 93px;
  height: auto;
}
/* .news-inspire-section {
  padding: 95px 0;
} */
.section-heading.center-heading .pretitle::before {
  left: 50%;
  transform: translate(-50%, -50%);
}
.news-inspire-content {
  margin-top: 37px;
}
.news-items {
  margin: -15px;
}
.news-item {
  padding: 15px;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.news-item:nth-child(3n + 2) {
  margin-top: 40px;
}
.news-item-content {
  padding: 18px 16px 0;
}
.news-item-date {
  margin-bottom: 15px;
  line-height: 1.2;
  letter-spacing: 3px;
}
.news-item-title {
  margin-bottom: 10px;
}
.news-item-description {
  margin-bottom: 16px;
  line-height: 1.65;
  opacity: 0.5;
}
.news-item-view-cta:hover {
  color: var(--yellow);
}
.news-item-view-cta {
  line-height: 1.68;
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 5px;
}
/* Footer */
.site-footer {
  background-image: url("http://localhost/twinheartstudio/wp-content/uploads/2023/08/line-icon.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: -100px center;
}
.site-footer .top-footer {
  padding: 60px 0 44px 0;
}
.footer-item .site-logo img {
  max-width: 130px;
}
.nav-header {
  margin-bottom: 12px;
}
.newsletter-wrapper p {
  opacity: 0.5;
  line-height: 1.63;
  margin-bottom: 0;
}
.newsletter-form {
  margin-top: 20px;
}
.bottom-footer {
  padding: 18px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-navigation li a {
  color: var(--white);
  font-weight: 500;
  line-height: 1.5;
}
.footer-navigation li a:hover,
.footer-navigation li.current-menu-item a {
  color: var(--yellow);
}
.footer-navigation li {
  margin-bottom: 4px;
}

.best-selling-content {
  margin-top: 46px;
}
.woocommerce ul.products li.product .onsale {
  display: none;
}
.best-selling-content .woocommerce.columns-3 ul.products li.product {
  margin-bottom: 0;
}

.woocommerce ul.products.columns-3 li.product:not(.last),
.woocommerce-page ul.products.columns-3 li.product:not(.last) {
  margin-right: 3.5%;
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
  width: 31%;
  margin-bottom: 40px;
}
.woocommerce ul.products li.product a img {
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.woocommerce ul.products li.product .product-image-wrapper {
  position: relative;
  padding-top: 121.59%;
}
.woocommerce ul.products li.product a {
  display: block;
}
.woocommerce ul.products li.product:hover .product-image-wrapper::before,
.woocommerce ul.products li.product:hover .product-wrap img {
  border-radius: 250px 250px 0 0;
}
.woocommerce ul.products li.product .product-image-wrapper .button {
  margin-top: 0;
}
.float-add-to-cart-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.product-categories a {
  font-size: 19px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--yellow);
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  font-size: 24px;
  line-height: 1.4166;
  color: var(--white);
  font-weight: 500;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 4px;
}

.product-image-wrapper {
  margin-bottom: 25px;
  position: relative;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 20px;
  line-height: 1.3;
  color: var(--white);
  font-weight: 700;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
}

.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  opacity: 1;
}
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
  text-decoration: none;
  margin: 0 5px 0 0;
}

.woocommerce a.btn,
.woocommerce ul.products li.product .btn {
  background-color: transparent;
  max-width: 100%;
  width: 100%;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
  opacity: 0;
  color: var(--white);
  border-color: var(--white);
  z-index: 2;
  display: inline-block;
  width: auto;
}
.woocommerce a.btn:hover,
.woocommerce ul.products li.product .btn:hover {
  background-color: var(--yellow);
  border-color: var(--yellow);
}
/* .woocommerce a.btn:not(:hover) {
  pointer-events: none;
} */

.woocommerce
  ul.products
  li.product
  .product-wrap:hover
  .product-image-wrapper
  .button {
  opacity: 1;
}
.product-image-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: all 0.3s;
}
.woocommerce
  ul.products
  li.product
  .product-wrap:hover
  .product-image-wrapper:before {
  opacity: 0.5;
}
.newsletter-form .wpcf7-form-control-wrap.your-email input {
  max-width: 268px;
  opacity: 1;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.06);
  padding: 13px 12px;
  line-height: 1;
}
.newsletter-form .wpcf7-form-control-wrap {
  display: block;
}
.newsletter-form .wpcf7-spinner {
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  margin: 0;
}
.subscribe-form-fields {
  position: relative;
}
.wpcf7-form-control.has-spinner.wpcf7-submit {
  height: 100%;
  font-size: 0;
  width: 100%;
  padding: 0;
  background-color: transparent;
  background-image: url("images/plane-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px auto;
  cursor: pointer;
}
.submit-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 65.4%;
  transform: translateY(-50%);
  background-color: #fff;
  opacity: 0.1;
}
.submit-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 46px;
}
.subscribe-form-fields .wpcf7-response-output {
  color: #fff;
  font-size: 14px;
}
.subscribe-form-fields .wpcf7-not-valid-tip {
  position: absolute;
  font-size: 14px;
}

/* Cart */

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  font-weight: 600;
}
.order-total .woocommerce-Price-amount.amount {
  font-weight: 700;
}
.product-name a {
  color: var(--yellow);
}
body.woocommerce-page .woocommerce .cart .button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-page .woocommerce button.button,
.woocommerce .return-to-shop .button {
  color: var(--black);
  border: 1px solid var(--black);
  font-family: inherit;
  font-weight: 500;
  display: inline-block;
  user-select: none;
  border-radius: 0;
  padding: 12px 20px;
  background-color: var(--white);
  font-size: 16px;
  line-height: 1.187;
  text-transform: uppercase;
}
body.woocommerce-page .woocommerce .cart .button:hover,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-page .woocommerce button.button:hover,
.woocommerce .return-to-shop .button:hover {
  background-color: var(--yellow);
  border-color: var(--yellow);
  color: var(--white);
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  width: 100%;
  font-size: 18px;
  border-color: var(--yellow);
  background-color: var(--yellow);
  color: var(--white);
  padding: 20px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
  background-color: var(--black);
  border-color: var(--black);
  color: var(--white);
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
  width: 70px;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
  width: auto;
  display: flex;
  flex-wrap: wrap;
}
.woocommerce-page table.cart td.actions .coupon {
  /* width: 68%; */
  width: 400px;
  max-width: 50%;
}
.woocommerce-page table.cart td.actions .coupon {
  margin-right: 5px;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  padding: 8px 12px;
  flex: 1;
  width: 100%;
  line-height: 1;
  border-color: var(--black);
  margin-right: 0;
  font-size: 16px;
}
.default-content .entry-header {
  text-align: center;
  margin: 0 auto 50px auto;
}
.cart_totals h2 {
  margin: 20px 0;
}
#add_payment_method .cart-collaterals .shipping-calculator-button,
.woocommerce-cart .cart-collaterals .shipping-calculator-button,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button {
  color: var(--yellow);
}
.woocommerce form .form-row .select2-container {
  height: 43px;
}
.select2-container--default .select2-selection--single {
  height: auto;
  padding: 8px 16px;
  border-color: var(--black);
  color: var(--black);
  position: relative;
  border-radius: 0;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 1.562;
  padding-left: 0;
  max-width: 300px;
  color: var(--black);
  text-align: left;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  border: 1px solid var(--black);
  padding: 8px 16px;
  line-height: 1;
}
.shipping-calculator-form button.button {
  margin: 3px 0 0 3px;
}
.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--yellow);
}
.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--yellow);
}
.woocommerce-info a {
  color: var(--yellow);
}
.checkout.woocommerce-checkout h2,
.checkout.woocommerce-checkout h3 {
  margin-bottom: 15px;
}
.woocommerce-checkout-review-order {
  margin-top: 30px;
}
#customer_details {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.checkout.woocommerce-checkout {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2%;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  float: none;
  width: 100%;
}
.checkout.woocommerce-checkout > div {
  padding: 0 2%;
  width: 50%;
  margin-bottom: 40px;
}
.woocommerce-shipping-fields {
  margin-top: 25px;
}
.checkout.woocommerce-checkout
  div.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
  width: 100%;
}
#ship-to-different-address-checkbox {
  top: -1px;
  position: relative;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  margin-top: 25px;
  background-color: var(--black);
  color: var(--white);
  font-size: 18px;
  padding: 12px 20px;
}

.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
.woocommerce-shop ul.products li.product .price {
  color: var(--black);
}
.woocommerce-ordering .orderby {
  padding: 8px 16px;
  border: 1px solid var(--black);
  color: var(--black);
  background-color: var(--white);
  font-size: 16px;
}

/* MY ACCOUNT PAGE */

/* Main My Account Container */
.woocommerce-MyAccount-content {
  padding: 20px;
  background-color: var(--white);
  border-radius: 5px;
  padding-top: 0;
}
.woocommerce-MyAccount-content p:not(:last-child) {
  margin-bottom: 15px;
}
.woocommerce-MyAccount-content a {
  color: var(--yellow);
}
.woocommerce-MyAccount-content a:hover {
  text-decoration: underline;
  color: var(--black);
}

/* Links on the Left (Dashboard, Orders, Downloads, etc.) */
.woocommerce-MyAccount-navigation {
  background-color: var(--black);
  padding: 15px;
  border-radius: 0px;
}

.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
}

.woocommerce-MyAccount-navigation ul li {
  margin-bottom: 5px;
}

.woocommerce-MyAccount-navigation ul li a {
  color: var(--white);
  padding: 10px;
  display: block;
  text-decoration: none;
  line-height: 1.3;
}

.woocommerce-MyAccount-navigation ul li a:hover {
  background-color: var(--grey);
  border-radius: 3px;
}

/* Highlight the current item */
.woocommerce-MyAccount-navigation ul li.is-active a {
  background-color: var(--yellow);
  font-weight: bold;
}

/* Tables, common in Orders and Downloads sections */
.woocommerce-MyAccount-content table {
  width: 100%;
  border-collapse: collapse;
}

.woocommerce-MyAccount-content table th,
.woocommerce-MyAccount-content table td {
  padding: 10px;
  border-color: var(--black);
}
.woocommerce table.my_account_orders {
  border-color: var(--black);
}
.woocommerce table.shop_table {
  border-collapse: collapse;
}
.woocommerce-MyAccount-content .woocommerce-table.shop_table,
.woocommerce-customer-details address {
  margin-top: 15px;
}

/* Buttons */
.woocommerce-MyAccount-content a.button {
  background-color: var(--black);
  color: var(--white);
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 3px;
  display: inline-block;
  font-size: 16px;
  padding: 16px 20px;
  text-transform: uppercase;
}

.woocommerce-MyAccount-content a.button:hover {
  background-color: var(--yellow);
  color: var(--white);
}
.woocommerce-MyAccount-content .wc-info-txt {
  position: relative;
}
.woocommerce-MyAccount-content .woocommerce-info::before {
  display: none;
}
.woocommerce-MyAccount-content .wc-info-txt::before {
  font-family: WooCommerce;
  content: "\e028";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -35px;
  color: var(--yellow);
}
.woocommerce-MyAccount-content .woocommerce-info-wrap .woocommerce-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.woocommerce-MyAccount-content .woocommerce-info-wrap .woocommerce-info:after {
  display: none;
}
.woocommerce-EditAccountForm.edit-account .woocommerce-Button.button {
  margin-top: 25px;
}
.woocommerce-Address + .woocommerce-Address {
  margin-top: 20px;
}
.woocommerce-MyAccount-content .button[type="submit"] {
  margin-top: 15px;
  margin-left: 3px;
}
.woocommerce-MyAccount-content address {
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
}
.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
  border-collapse: collapse;
}
.woocommerce-MyAccount-content td a.button {
  font-weight: 500;
  margin: 5px;
  padding: 5px 10px;
  font-size: 14px;
}

/* LOGIN / REGISTER / RESET */

.woocommerce-ResetPassword.lost_reset_password {
  text-align: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
.woocommerce .woocommerce-ResetPassword.lost_reset_password .form-row {
  text-align: left;
}

.woocommerce-account .woocommerce h2 {
  text-align: center;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  margin-left: auto;
  margin-right: auto;
}

#customer_login > div {
  width: 50%;
  padding: 0 3%;
}
#customer_login > div:not(:first-child) {
  border-left: 1px solid var(--grey);
}
#customer_login {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.woocommerce form.login a,
.woocommerce form.register a {
  color: var(--yellow);
}
.woocommerce form.login a:hover,
.woocommerce form.register a:hover {
  text-decoration: underline;
  color: var(--black);
}
.woocommerce form.login,
.woocommerce form.register {
  background-color: var(--white);
  border-radius: 0;
}
.woocommerce-form p {
  margin-bottom: 15px;
  line-height: 1.6;
}
.woocommerce-form.woocommerce-form-register.register .form-row {
  margin-bottom: 15px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  top: 5px;
  position: relative;
}
.woocommerce
  ul.products
  li.product
  .product-wrap
  .product-image-wrapper
  .button.added {
  opacity: 1;
  pointer-events: none;
}
.woocommerce a.added_to_cart {
  color: var(--white);
  padding: 14px 22px;
  background-color: var(--yellow);
  line-height: 1;
  text-transform: uppercase;
  margin-top: 15px;
  font-size: 18px;
  z-index: 1;
}
.woocommerce
  ul.products
  li.product
  .product-wrap:hover
  .product-image-wrapper
  a.added_to_cart {
  background-color: var(--yellow);
}

/* SINGLE PRODUCT PAGE */

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
  float: none;
  width: 100%;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
  float: none;
  width: 100%;
}
.woocommerce .single-product .single-product-left,
.woocommerce .single-product .single-product-right {
  width: 50%;
  position: relative;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--black);
  text-align: left;
  justify-content: flex-end;
  margin-bottom: 20px;
  margin-top: 15px;
}
.woocommerce .single-product .quantity .qty {
  width: 100px;
  text-align: center;
  border: 1px solid var(--black) !important;
  font-size: 16px;
  padding: 9px 0;
}
/* .single-product .woocommerce-product-gallery__image {
  position: relative;
  padding-top: 100%;
}
.single-product .woocommerce-product-gallery__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
} */
.woocommerce span.onsale {
  min-width: 3.64em;
  background-color: var(--yellow);
}
.woocommerce .single-product .single-product-right {
  padding-left: 5%;
}

.woocommerce .woocommerce-message .button.wc-forward {
  font-weight: 400 !important;
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--yellow);
  color: var(--yellow);
  border-radius: 0;
}
.woocommerce .woocommerce-message .button.wc-forward:hover {
  background-color: var(--black);
  color: var(--white);
  border-color: var(--black);
}
.single-product .woocommerce-message::before,
.single-product.woocommerce-message::after {
  display: none;
}
.single-product .custom-cart-message-wrapper {
  position: relative;
}
.single-product .custom-cart-message-wrapper:before {
  content: "\e015";
  font-family: "WooCommerce";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -2em;
  color: var(--yellow);
}
.single-product .woocommerce-message {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--black);
  color: var(--white);
}
.product-wrap {
  position: relative;
}
.product-wrap .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.product_meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -15px;
}
.product_meta > * {
  position: relative;
  padding: 2px 15px;
  font-size: 16px;
  line-height: 1.2;
}
.product_meta > *:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: var(--grey);
}
.product_meta > *:last-child:after {
  display: none;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  text-align: left;
}
.woocommerce div.product form.cart .variations select {
  background-color: transparent;
  border: 1px solid var(--black);
  padding: 10px 12px;
  font-size: 16px;
  line-height: 1;
  padding-right: 25px;
  background-image: url("images/select-bg.png");
  background-repeat: no-repeat;
  background-size: 8px auto;
  background-position: right 12px top 16px;
}
.woocommerce-product-details__short-description {
  margin-bottom: 20px;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images
  .flex-viewport,
.woocommerce
  div.product
  div.images.woocommerce-product-gallery
  > .woocommerce-product-gallery__wrapper {
  /* height: 585px !important; */
  height: auto !important;
  padding-top: 100%;
}
.woocommerce
  div.product
  div.images
  .flex-viewport
  .woocommerce-product-gallery__wrapper,
.woocommerce
  div.product
  div.images.woocommerce-product-gallery
  > .woocommerce-product-gallery__wrapper
  .woocommerce-product-gallery__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  height: 100%;
  object-fit: cover;
  background-color: #f1f1f1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  margin: 2px;
  width: calc(25% - 4px);
  position: relative;
  padding-top: 24.318%;
}
.woocommerce-product-gallery__image {
  background-color: #fcfcfc;
}
.woocommerce div.product .woocommerce-tabs .panel .h3 {
  margin-bottom: 18px;
}
.woocommerce-product-attributes.shop_attributes {
  border-collapse: collapse;
}
.woocommerce-product-attributes.shop_attributes,
.woocommerce-product-attributes.shop_attributes td,
.woocommerce-product-attributes.shop_attributes th {
  border: 1px solid var(--grey) !important;
  text-align: left;
}
.woocommerce table.shop_attributes td {
  padding: 2px 5px;
}
.woocommerce .single-product .related ul.products li.product,
.woocommerce-page .single-product .related ul.products li.product {
  width: 24.5%;
  margin-right: 0.5%;
  margin-bottom: 35px;
}
.woocommerce .single-product .related.products ul,
.woocommerce .single-product .related ul.products {
  margin-bottom: -35px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.woocommerce .single-product .related ul.products li.last,
.woocommerce-page .single-product .related ul.products li.last {
  margin-right: 0;
}
.single-product-related-block .h3 {
  margin-bottom: 38px;
  text-align: center;
}
.single-product .related.products {
  background-color: var(--black);
}
.woocommerce .single-product div.product p.price,
.woocommerce .single-product div.product span.price {
  margin-top: 0;
  font-size: 22px;
  color: var(--yellow);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding-left: 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-color: var(--black);
  background-color: var(--white);
  border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
  border: none;
  box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background-color: var(--black);
  color: var(--white);
  border-color: var(--black);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--black);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom-color: var(--black);
}
.woocommerce div.product .woocommerce-tabs .panel p {
  margin-bottom: 20px;
}
.woocommerce div.product .woocommerce-tabs .panel td p {
  margin: 0;
  padding: 0;
}
.woocommerce .single-product-related-block li.product a.btn,
.woocommerce .single-product-related-block ul.products li.product .btn {
  padding: 8px 14px;
  font-size: 18px;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  padding: 5px 0;
}
.woocommerce div.product .product_title {
  margin-bottom: 15px;
}
.woocommerce td.product-name .wc-item-meta,
.woocommerce td.product-name dl.variation {
  margin-top: 5px;
}
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation:last-child {
  line-height: 1.4;
}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,
.woocommerce td.product-name .wc-item-meta dt,
.woocommerce td.product-name dl.variation .wc-item-meta-label,
.woocommerce td.product-name dl.variation dt {
  line-height: 1.2;
}
.woocommerce td.product-name .wc-item-meta dd,
.woocommerce td.product-name dl.variation dd {
  line-height: 1.2;
}
.woocommerce div.product form.cart .variations label {
  padding-right: 8px;
}
.woocommerce-ordering select {
  padding-right: 25px;
  background-image: url("images/select-bg.png");
  background-repeat: no-repeat;
  background-size: 8px auto;
  background-position: right 12px top 16px;
}
.woocommerce form .form-row label {
  line-height: 1.5;
  padding-bottom: 5px;
}
.woocommerce-pagination li::before,
.products > li:before {
  display: none;
}

/* Search Page */
.search .search form input[type="search"] {
  border: 1px solid var(--black);
  font-size: 16px;
  padding: 8px 16px;
  width: 80%;
  max-width: 100%;
}
.search .search form {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 400px;
}
.search .search form input[type="submit"] {
  padding: 8px 4px;
  font-size: 16px;
  background-color: var(--black);
  color: #fff;
  border: 1px solid var(--black);
  cursor: pointer;
  width: 20%;
}
.search .search form input[type="submit"]:hover {
  border-color: var(--yellow);
  background-color: var(--yellow);
}
.search .page-content {
  margin-top: 8px;
}

.search article {
  border-bottom: 1px solid var(--grey);
  padding: 20px 0;
}

.search .entry-summary,
.search .entry-meta {
  margin-top: 6px;
}

.search .read-more-link:hover {
  text-decoration: underline;
}

.search-results-block .navigation.posts-navigation {
  margin-top: 30px;
}

.search-results-block .page-header {
  margin-bottom: 15px;
}
.nav-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search article:last-of-type {
  border-bottom: none;
}

.full-height-block .btn {
  padding: 10px 16px;
  font-size: 16px;
}
.full-height-block p {
  margin-bottom: 28px;
}
.full-height-block .big-font-size strong {
  font-size: 175%;
}
.full-height-block {
  min-height: 45vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.full-height-block p:first-of-type {
  margin-top: 12px;
}

/* Privacy Policy */
body:not(.woocommerce-page) .entry-content > p,
.intro-content.common-content p {
  margin-bottom: 20px;
}
body:not(.woocommerce-page) .entry-content h1,
body:not(.woocommerce-page) .entry-content h2,
body:not(.woocommerce-page) .entry-content h3,
body:not(.woocommerce-page) .entry-content h4,
body:not(.woocommerce-page) .entry-content h5,
body:not(.woocommerce-page) .entry-content h6,
.common-content h1,
.common-content h2,
.common-content h3,
.common-content h4,
.common-content h5,
.common-content h6 {
  margin: 20px 0 10px 0;
  padding-top: 15px;
}
body:not(.woocommerce-page) .entry-content ul,
body:not(.woocommerce-page) .entry-content ol,
body:not(.woocommerce-page) .entry-content figure,
body:not(.woocommerce-page) .entry-content blockquote,
.common-content .entry-content ul,
.common-content .entry-content ol,
.common-content .entry-content figure,
.common-content .entry-content blockquote {
  margin-bottom: 32px;
}
body:not(.woocommerce-page) .entry-content ul,
.common-content ul {
  margin-left: 20px;
}
body:not(.woocommerce-page) .entry-content ul li,
.common-content ul li {
  position: relative;
  padding: 0 0 0 30px;
}
body:not(.woocommerce-page) .entry-content ol,
.common-content ol {
  list-style: decimal;
}
body:not(.woocommerce-page) .entry-content ol li,
.common-content ol li {
  position: relative;
  padding: 0 0 0 10px;
  list-style: decimal;
}
body:not(.woocommerce-page) .entry-content li,
.common-content li {
  margin: 0 0 16px 0px;
  line-height: 1.875;
}
body:not(.woocommerce-page) .entry-content blockquote,
.common-content blockquote {
  border-left: 7px solid #1e4135;
  background: #0001;
  margin: 0;
  padding: 20px 20px 20px 30px;
}
body:not(.woocommerce-page) .entry-content ul li:last-child,
.common-content ul li:last-child {
  margin-bottom: 0;
}
body:not(.woocommerce-page) .entry-content ul li::before,
.common-content ul li:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 10px;
  background-color: #1e4135;
  border-radius: 50%;
}
.bg-black:not(.bg-white).common-content ul li::before {
  background-color: var(--white);
}
.common-content ul {
  margin-bottom: 20px;
}
.para-18 ul li::before {
  top: 12px;
}
.common-content .section-heading h1,
.common-content .section-heading h2,
.common-content .section-heading h3,
.common-content .section-heading h4,
.common-content .section-heading h5,
.common-content .section-heading h6 {
  padding-top: 0;
  margin-top: 0;
}

/* Intro Content */
.intro-content {
  margin-top: 30px;
}
.intro-content p,
.content-with-box-content p {
  margin-bottom: 18px;
}
.intro-content p:last-child,
.content-with-box-content p:last-child {
  margin-bottom: 0px;
}
.bg-black:not(.skew-white):not(.bg-white) .section-heading .pretitle::before {
  filter: invert(1);
  -webkit-filter: invert(1);
}
.text-center .section-heading .pretitle::before {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
.content-with-box-content {
  margin-top: 35px;
  margin-bottom: 35px;
}
.content-with-box-content:last-child {
  margin-bottom: 0;
}
.col-3 .box-item {
  width: 33.33%;
}
.col-4 .box-item {
  width: 25%;
}
.col-6 .box-item {
  width: 50%;
}
.content-with-box-list {
  margin-left: -10px;
  margin-right: -10px;
}
.content-with-box-list .box-item {
  padding: 10px;
}
.content-with-box-list .box-item-wrap {
  border: 1px solid var(--yellow);
  height: 100%;
  padding: 25px;
  min-height: 250px;
  position: relative;
}
.box-item-content {
  margin-top: 15px;
}
.box-item-content p {
  line-height: 1.7;
}
.box-item-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("images/flower.png");
  width: 72px;
  height: 53px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.8;
  display: none;
}
.bg-black .box-item-wrap::after,
section.bg-black:not(.bg-white) .icon-wrapper.site-icon img {
  filter: invert(1);
  -webkit-filter: invert(1);
}

.box-item-wrap .icon-wrapper {
  margin-bottom: 25px;
  position: relative;
  height: 55px;
  width: 80px;
}
.box-item-wrap .icon-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("images/flower-grey.png");
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}
section.bg-black:not(.bg-white) .icon-wrapper.site-icon:before {
  background-image: url("images/flower-yellow.png");
}
.box-item-wrap .icon-wrapper img {
  width: inherit;
  height: 100%;
  object-fit: contain;
}
.content-with-box-list.para-16 p {
  font-size: 16px;
}

/* Inner Hero Banner */
.inner-hero-section {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-hero-section.has-bg {
  min-height: 500px;
}
.inner-hero-section.has-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.inner-hero-section .wrapper {
  z-index: 1;
  position: relative;
}
.banner-content {
  margin-top: 30px;
}
.bg-black .para-white a:hover {
  color: var(--yellow);
  text-decoration: underline;
}

/* FAQs */
.accordion-item + .accordion-item {
  margin-top: 30px;
}
.accordion-item-wrap .accordion-question,
.accordion-item-wrap .accordion-body {
  padding: 15px 25px;
  border: 1px solid var(--yellow);
}
.accordion-item-wrap .accordion-question {
  display: block;
  position: relative;
  padding-right: 50px;
}
.accordion-question i {
  position: absolute;
  right: 25px;
  top: 19px;
}
.accordion-item-wrap .accordion-body {
  display: none;
  border-top: none;
}
.accordion-item .accordion-heading a:hover {
  text-decoration: none;
}
.accordion-question i {
  transition: all 0.3s;
}
.accordion-question.active i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.accordion-question::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.accordion-heading {
  position: relative;
}

@media only screen and (max-width: 1801px) {
  p {
    margin: 0px 0px 33px 0px;
  }
  h1,
  .h1 {
    font-size: 55px;
  }
  h2,
  .h2 {
    font-size: 53px;
  }
  h3,
  .h3 {
    font-size: 40px;
  }
  h4,
  .h4 {
    font-size: 24px;
  }
  h5,
  .h5 {
    font-size: 22px;
  }
  h6,
  .h6 {
    font-size: 18px;
  }
  ::-webkit-input-placeholder {
    font-size: inherit;
  }
  :-ms-input-placeholder {
    font-size: inherit;
  }
  ::placeholder {
    font-size: inherit;
  }
  ul,
  li {
    margin: 0px;
    padding: 0px;
  }
  .screen-reader-text {
    height: 25px;
    padding: 12px 16px;
    font-size: 13px;
  }
  .btn,
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    font-size: 16px;
    padding: 13px 40px;
  }
  .common-padding {
    padding: 46px 0px;
  }
  .common-padding-bottom {
    padding-bottom: 46px;
  }
  .common-padding-top {
    padding-top: 46px;
  }
  .skewed-padding {
    padding: 80px 0px;
  }
  .skewed-padding-bottom {
    padding-bottom: 80px;
  }
  .skewed-padding-top {
    padding-top: 80px;
  }
  .pt-0,
  section.pt-0,
  div.pt-0 {
    padding-top: 0px;
  }
  .pb-0,
  section.pb-0,
  div.pb-0 {
    padding-bottom: 0px;
  }
  .py-0,
  section.py-0,
  div.py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .px-0,
  section.px-0,
  div.px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .mt-0,
  section.mt-0,
  div.mt-0 {
    margin-top: 0px;
  }
  .mb-0,
  section.mb-0,
  div.mb-0 {
    margin-bottom: 0px;
  }
  .my-0,
  section.my-0,
  div.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .mx-0,
  section.mx-0,
  div.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .mx-auto,
  section.mx-auto,
  div.mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .ml-auto,
  section.ml-auto,
  div.ml-auto {
    margin-left: auto;
  }
  .mr-auto,
  section.mr-auto,
  div.mr-auto {
    margin-right: auto;
  }
  .text-24,
  .para-24 p {
    font-size: 22px;
  }
  .header-top {
    padding: 23px 50px;
  }
  .social-media li {
    padding: 0px 16px;
  }
  .social-media li a {
    font-size: 21px;
  }
  .social-media-block {
    margin: 0px -16px;
  }
  .site-header .site-logo img {
    width: 149px;
  }
  .header-actions i {
    font-size: 21px;
  }
  .user-icon {
    margin-right: 10px;
  }
  .account-actions > div {
    margin: 0px 13px;
    margin: 0px 14px;
  }
  .main-navigation .menu {
    margin: 0px -23px;
    padding: 10px 0px;
  }
  .main-navigation .menu li a {
    font-size: 15px;
  }
  .main-navigation .menu li {
    padding: 4px 23px;
  }
  .search-form .search-field {
    padding: 10px 20px;
  }
  .account-actions.d-flex.jsutify-end {
    margin-left: 14px;
  }
  .search-form input[type="submit"] {
    font-size: 0px;
    width: 60px;
  }
  .search-block {
    margin-top: 23px;
  }
  .hero-slide-cta.btn {
    margin-top: 33px;
  }
  .slide-arrow.slick-arrow {
    width: 41px;
    height: 41px;
  }
  .slide-arrow.slick-arrow i {
    font-size: 16px;
  }
  /* .benefit {
    padding: 0px 12px;
  }
  .benefits {
    margin: 0px -12px;
  } */
  .benefits-icon {
    height: 50px;
  }
  .benefit-content p {
    margin-top: 11px;
  }
  .benefits-wrap {
    padding: 21px;
  }
  .section-heading .pretitle {
    margin: 0px;
    padding-bottom: 19px;
    padding-top: 23px;
  }
  .section-heading .pretitle:before {
    width: 93px;
    height: 67px;
  }
  .section-heading .pretitle.no-pattern {
    padding-top: 0px;
    padding-bottom: 15px;
  }
  .who-we-block > div {
    padding: 0px 30px;
  }
  .who-we-block {
    margin-left: -30px;
    margin-right: -30px;
  }
  .who-we-block .section-heading {
    margin-bottom: 32px;
  }
  .who-we-block .right-block {
    padding-top: 31px;
    padding-bottom: 13px;
  }
  .who-we-block .right-img {
    margin-bottom: 35px;
  }
  .collection-item-info {
    padding: 33px;
  }
  .collection-lists-slider .slick-slide > div {
    margin: 0px -22px;
  }
  .collection-items-slide {
    padding: 20px 22px;
  }
  .our-story-section {
    padding: 75px 0px;
  }
  .our-story-block .section-heading .heading {
    margin-top: 30px;
  }
  .btn.secondary-btn {
    font-size: 15px;
    padding: 12px 30px;
  }
  .view-story-cta.btn {
    margin-top: 30px;
  }
  .our-story-video-content {
    margin-top: 41px;
  }

  .news-items {
    margin: -12px;
  }
  .news-item {
    padding: 12px;
  }
  .news-item:nth-child(3n + 2) {
    margin-top: 33px;
  }
  .news-item-content {
    padding: 15px 13px 0px;
  }
  .news-item-date {
    margin-bottom: 12px;
  }
  .news-item-title {
    margin-bottom: 8px;
  }
  .news-item-description {
    margin-bottom: 13px;
  }
  .site-footer .top-footer {
    padding: 50px 0px 36px 0px;
  }
  .footer-item .site-logo img {
    max-width: 108px;
  }
  .nav-header {
    margin-bottom: 10px;
  }
  .bottom-footer {
    padding: 15px 0px;
  }
  .footer-navigation li {
    margin-bottom: 3px;
  }
  .best-selling-content {
    margin-top: 38px;
  }

  .woocommerce ul.products li.product a img {
    margin-bottom: 0px;
  }

  .woocommerce ul.products li.product .product-image-wrapper .button {
    margin-top: 0px;
  }
  .product-categories a {
    font-size: 15px;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h3 {
    font-size: 20px;
    padding-top: 6px;
    padding-bottom: 3px;
  }
  .product-image-wrapper {
    margin-bottom: 20px;
  }
  .woocommerce ul.products li.product .price,
  .woocommerce div.product p.price,
  .woocommerce div.product span.price {
    font-size: 16px;
  }
  .woocommerce ul.products li.product .price ins,
  .woocommerce div.product p.price ins,
  .woocommerce div.product span.price ins {
    margin: 0px 4px 0px 0px;
  }
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    padding-left: 29px;
    padding-right: 29px;
  }

  /* Inner Hero Banner */
  .inner-hero-section.has-bg {
    min-height: 416px;
  }
}
@media (max-width: 1600px) {
  p {
    margin: 0px 0px 30px 0px;
  }
  h1,
  .h1 {
    font-size: 49px;
  }
  h2,
  .h2 {
    font-size: 48px;
  }
  h3,
  .h3 {
    font-size: 36px;
  }
  h4,
  .h4 {
    font-size: 22px;
  }
  h5,
  .h5 {
    font-size: 20px;
  }
  h6,
  .h6 {
    font-size: 17px;
  }
  .screen-reader-text {
    height: 22px;
    padding: 11px 15px;
    font-size: 12px;
  }
  .btn,
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    font-size: 15px;
    padding: 12px 36px;
  }
  .common-padding {
    padding: 42px 0px;
  }
  .common-padding-bottom {
    padding-bottom: 42px;
  }
  .common-padding-top {
    padding-top: 42px;
  }
  .skewed-padding {
    padding: 72px 0px;
  }
  .skewed-padding-bottom {
    padding-bottom: 72px;
  }
  .skewed-padding-top {
    padding-top: 72px;
  }
  .text-20,
  .para-20 p {
    font-size: 18px;
  }
  .text-24,
  .para-24 p {
    font-size: 20px;
  }
  .site-header .site-logo img {
    width: 134px;
  }
  .header-top {
    padding: 21px 45px;
  }
  .social-media li {
    padding: 0px 15px;
  }
  .social-media-block {
    margin: 0px -15px;
  }

  .user-icon {
    margin-right: 9px;
  }
  .account-actions > div {
    margin: 0px 12px;
  }

  .main-navigation .menu {
    margin: 0px -21px;
    padding: 9px 0px;
  }
  .main-navigation .menu li a {
    font-size: 13px;
  }
  .main-navigation .menu li {
    padding: 3px 21px;
  }
  .search-form .search-field {
    padding: 9px 18px;
  }
  .account-actions.d-flex.jsutify-end {
    margin-left: 12px;
  }
  .search-block {
    margin-top: 21px;
    max-width: 342px;
  }
  .hero-slide-content .h1 {
    letter-spacing: 2px;
  }
  .hero-slide-cta.btn {
    margin-top: 30px;
  }
  .slide-arrow.slick-arrow {
    width: 37px;
    height: 37px;
  }
  .slide-arrow.slick-arrow i {
    font-size: 15px;
  }
  /* .benefit {
    padding: 0px 11px;
  }
  .benefits {
    margin: 0px -11px;
  } */
  .benefits-icon {
    height: 45px;
  }
  .benefit-content p {
    margin-top: 10px;
  }
  .benefits-wrap {
    padding: 19px;
  }
  .section-heading .pretitle {
    padding-bottom: 17px;
    padding-top: 21px;
  }
  .section-heading .pretitle:before {
    width: 84px;
    height: 60px;
  }
  .section-heading .pretitle.no-pattern {
    padding-bottom: 13px;
  }
  .section-heading .h2 {
    letter-spacing: 2px;
  }
  .who-we-block > div {
    padding: 0px 27px;
  }
  .who-we-block {
    margin-left: -27px;
    margin-right: -27px;
  }
  .who-we-block .section-heading {
    margin-bottom: 29px;
  }

  .who-we-block .right-block {
    padding-top: 28px;
    padding-bottom: 12px;
  }
  .who-we-block .right-img {
    margin-bottom: 31px;
  }
  .collection-item-info {
    padding: 30px;
  }
  .collection-lists-slider .slick-slide > div {
    margin: 0px -20px;
  }
  .collection-items-slide {
    padding: 18px 20px;
  }
  .our-story-section {
    padding: 67px 0px;
  }
  .our-story-block .section-heading .heading {
    margin-top: 27px;
  }
  .btn.secondary-btn {
    font-size: 14px;
    padding: 11px 27px;
  }
  .view-story-cta.btn {
    margin-top: 27px;
  }
  .our-story-video-content {
    margin-top: 37px;
  }

  .news-items {
    margin: -11px;
  }
  .news-item {
    padding: 11px;
  }
  .news-item:nth-child(3n + 2) {
    margin-top: 30px;
  }
  .news-item-content {
    padding: 13px 12px 0px;
  }
  .news-item-date {
    margin-bottom: 11px;
    letter-spacing: 2.5px;
  }
  .news-item-title {
    margin-bottom: 7px;
  }
  .news-item-description {
    margin-bottom: 12px;
  }
  .site-footer .top-footer {
    padding: 45px 0px 33px 0px;
  }

  .nav-header {
    margin-bottom: 9px;
  }

  .best-selling-content {
    margin-top: 34px;
  }

  .product-categories a {
    font-size: 14px;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h3 {
    font-size: 18px;
  }
  .product-image-wrapper {
    margin-bottom: 18px;
  }
  .woocommerce ul.products li.product .price,
  .woocommerce div.product p.price,
  .woocommerce div.product span.price {
    font-size: 15px;
  }
  .woocommerce ul.products li.product .price ins,
  .woocommerce div.product p.price ins,
  .woocommerce div.product span.price ins {
    margin: 0px 3px 0px 0px;
  }
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    padding-left: 26px;
    padding-right: 26px;
  }

  /* Intro Section */
  .content-with-box-list .box-item-wrap {
    padding: 16px;
    min-height: 200px;
  }
  .box-item-wrap .icon-wrapper {
    margin-bottom: 18px;
    height: 45px;
    width: 60px;
  }
  .box-item-content p {
    line-height: 1.6;
  }

  /* Inner Hero Banner */
  .inner-hero-section.has-bg {
    min-height: 375px;
  }

  /* FAQs */
  .accordion-item + .accordion-item {
    margin-top: 20px;
  }
  .accordion-item-wrap .accordion-question,
  .accordion-item-wrap .accordion-body {
    padding: 12px 18px;
  }
  .accordion-question i {
    top: 14px;
    right: 21px;
  }
  .accordion-item-wrap .accordion-question {
    padding-right: 40px;
  }
}
@media (max-width: 1440px) {
  p {
    margin: 0px 0px 28px 0px;
  }
  h1,
  .h1 {
    font-size: 46px;
  }
  h2,
  .h2 {
    font-size: 45px;
  }
  h3,
  .h3 {
    font-size: 34px;
  }

  .screen-reader-text {
    height: 21px;
    padding: 10px 14px;
    font-size: 11px;
  }
  .btn,
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    font-size: 14px;
    padding: 11px 34px;
  }
  .common-padding {
    padding: 39px 0px;
  }
  .common-padding-bottom {
    padding-bottom: 39px;
  }
  .common-padding-top {
    padding-top: 39px;
  }
  .skewed-padding {
    padding: 68px 0px;
  }
  .skewed-padding-bottom {
    padding-bottom: 68px;
  }
  .skewed-padding-top {
    padding-top: 68px;
  }
  .text-18,
  .para-18 p,
  .para-18 li {
    font-size: 17px;
  }
  .wrapper {
    width: 84.635%;
  }
  .wrapper {
    width: 70.635%;
  }
  .header-top {
    padding: 19px 42px;
  }
  .social-media li {
    padding: 0px 14px;
  }
  .social-media-block {
    margin: 0px -14px;
  }
  .site-header .site-logo img {
    width: 127px;
  }

  .user-icon {
    margin-right: 8px;
  }
  .account-actions > div {
    margin: 0px 11px;
    margin: 0px 12px;
  }
  .main-navigation .menu {
    margin: 0px -20px;
    padding: 8px 0px;
  }
  /* .main-navigation .menu li a {
    font-size: 12px;
  } */
  .main-navigation .menu li {
    padding: 3px 20px;
  }
  .search-form .search-field {
    padding: 8px 17px;
  }
  .search-block {
    margin-top: 19px;
  }

  .hero-slide-cta.btn {
    margin-top: 28px;
  }
  .slide-arrow.slick-arrow {
    width: 35px;
    height: 35px;
  }
  .slide-arrow.slick-arrow i {
    font-size: 14px;
  }
  /* .benefit {
    padding: 0px 10px;
  }
  .benefits {
    margin: 0px -10px;
  } */
  .benefits-icon {
    height: 42px;
  }
  .benefit-content p {
    margin-top: 9px;
  }
  .benefits-wrap {
    padding: 18px;
  }
  .section-heading .pretitle {
    padding-bottom: 16px;
    padding-top: 19px;
  }
  .section-heading .pretitle:before {
    width: 79px;
    height: 57px;
  }
  .section-heading .pretitle.no-pattern {
    padding-bottom: 12px;
  }
  .who-we-block > div {
    padding: 0px 25px;
  }
  .who-we-block {
    margin-left: -25px;
    margin-right: -25px;
  }
  .who-we-block .section-heading {
    margin-bottom: 27px;
  }
  .who-we-block .right-block {
    padding-top: 27px;
    padding-bottom: 11px;
  }
  .who-we-block .right-img {
    margin-bottom: 29px;
  }

  .collection-item-info {
    padding: 28px;
  }
  .collection-lists-slider .slick-slide > div {
    margin: 0px -19px;
  }
  .collection-items-slide {
    padding: 17px 19px;
  }
  .our-story-section {
    padding: 64px 0px;
  }
  .our-story-block .section-heading .heading {
    margin-top: 25px;
  }
  .btn.secondary-btn {
    padding: 10px 26px;
  }
  .view-story-cta.btn {
    margin-top: 25px;
  }
  .our-story-video-content {
    margin-top: 35px;
  }

  .news-items {
    margin: -10px;
  }
  .news-item {
    padding: 10px;
  }
  .news-item:nth-child(3n + 2) {
    margin-top: 28px;
  }
  .news-item-content {
    padding: 12px 11px 0px;
  }
  .news-item-date {
    margin-bottom: 10px;
  }
  .news-item-description {
    margin-bottom: 11px;
  }
  .site-footer .top-footer {
    padding: 42px 0px 31px 0px;
  }

  .nav-header {
    margin-bottom: 8px;
  }
  .bottom-footer {
    padding: 12px 0px;
  }
  .footer-navigation li {
    margin-bottom: 2px;
  }

  .product-categories a {
    font-size: 13px;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h3 {
    padding-top: 5px;
    padding-bottom: 2px;
  }
  .product-image-wrapper {
    margin-bottom: 17px;
  }
  .woocommerce ul.products li.product .price,
  .woocommerce div.product p.price,
  .woocommerce div.product span.price {
    font-size: 14px;
  }
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    padding-left: 24px;
    padding-right: 24px;
  }
  .woocommerce ul.products li.product:hover .product-image-wrapper::before,
  .woocommerce ul.products li.product:hover .product-wrap img {
    border-radius: 180px 180px 0 0;
  }

  /* Intro Section */
  body:not(.woocommerce-page) .entry-content ul li::before,
  .common-content ul li::before {
    width: 8px;
    height: 8px;
  }
  body:not(.woocommerce-page) .entry-content ul li,
  .common-content ul li {
    padding: 0 0 0 22px;
  }
  /* Inner Hero Banner */
  .inner-hero-section.has-bg {
    min-height: 355px;
  }
}
@media (max-width: 1366px) {
  p {
    margin: 0px 0px 25px 0px;
  }
  h1,
  .h1 {
    font-size: 41px;
  }
  h2,
  .h2 {
    font-size: 40px;
  }
  h3,
  .h3 {
    font-size: 30px;
  }
  .wrapper {
    width: 84.635%;
  }
  .screen-reader-text {
    height: 18px;
    padding: 9px 12px;
    font-size: 10px;
  }
  .btn,
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    padding: 10px 30px;
  }
  .common-padding {
    padding: 35px 0px;
  }
  .common-padding-bottom {
    padding-bottom: 35px;
  }
  .common-padding-top {
    padding-top: 35px;
  }
  .skewed-padding {
    padding: 60px 0px;
  }
  .skewed-padding-bottom {
    padding-bottom: 60px;
  }
  .skewed-padding-top {
    padding-top: 60px;
  }
  .header-top {
    padding: 17px 37px;
  }
  .social-media li {
    padding: 0px 12px;
  }
  .social-media-block {
    margin: 0px -12px;
  }
  .site-header .site-logo img {
    width: 111px;
  }

  .user-icon {
    line-height: 1.6;
    margin-right: 7px;
  }
  .account-actions > div {
    margin: 0px 10px;
  }

  .main-navigation .menu {
    margin: 0px -13px;
    padding: 7px 0px;
  }
  .main-navigation .menu li {
    padding: 3px 13px;
  }
  .search-form .search-field {
    padding: 7px 15px;
    font-size: 15px;
  }
  .search-form input[type="submit"] {
    height: 40px;
    width: 50px;
  }
  .account-actions.d-flex.jsutify-end {
    margin-left: 10px;
  }
  .search-block {
    margin-top: 17px;
  }

  .hero-slide-cta.btn {
    margin-top: 25px;
  }
  .slide-arrow.slick-arrow {
    width: 31px;
    height: 31px;
  }
  .slide-arrow.slick-arrow i {
    font-size: 12px;
  }
  /* .benefit {
    padding: 0px 9px;
  }
  .benefits {
    margin: 0px -9px;
  } */
  .benefits-icon {
    height: 37px;
  }
  .benefit-content p {
    margin-top: 8px;
    line-height: 1.6;
  }
  .benefits-wrap {
    padding: 16px;
  }
  .section-heading .pretitle {
    padding-bottom: 14px;
    padding-top: 17px;
  }
  .section-heading .pretitle:before {
    width: 70px;
    height: 50px;
  }
  .section-heading .pretitle.no-pattern {
    padding-bottom: 11px;
  }
  .who-we-block > div {
    padding: 0px 22px;
  }
  .who-we-block {
    margin-left: -22px;
    margin-right: -22px;
  }
  .who-we-block .section-heading {
    margin-bottom: 24px;
  }
  .who-we-block .right-block {
    padding-top: 23px;
    padding-bottom: 10px;
  }
  .who-we-block .right-img {
    margin-bottom: 26px;
  }

  .collection-item-info {
    padding: 25px;
  }
  .collection-lists-slider .slick-slide > div {
    margin: 0px -16px;
  }
  .collection-items-slide {
    padding: 15px 16px;
  }
  .our-story-section {
    padding: 56px 0px;
  }
  .our-story-block .section-heading .heading {
    margin-top: 22px;
  }
  .btn.secondary-btn {
    font-size: 13px;
    padding: 9px 23px;
  }
  .view-story-cta.btn {
    margin-top: 22px;
  }

  .news-items {
    margin: -9px;
  }
  .news-item {
    padding: 9px;
  }
  .news-item:nth-child(3n + 2) {
    margin-top: 25px;
  }
  .news-item-content {
    padding: 11px 10px 0px;
  }
  .news-item-date {
    margin-bottom: 9px;
  }
  .news-item-title {
    margin-bottom: 6px;
  }
  .news-item-description {
    margin-bottom: 10px;
  }
  .site-footer .top-footer {
    padding: 37px 0px 27px 0px;
  }

  .nav-header {
    margin-bottom: 7px;
  }

  .product-image-wrapper {
    margin-bottom: 15px;
  }
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    padding-left: 21px;
    padding-right: 21px;
  }

  /* Intro Section */
  .box-item-content {
    margin-top: 10px;
  }
  .box-item-wrap .icon-wrapper {
    margin-bottom: 10px;
    height: 42px;
    width: 60px;
  }
  .content-with-box-list .box-item {
    padding: 8px;
  }
  .content-with-box-content {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .content-with-box-list {
    margin-left: -8px;
    margin-right: -8px;
  }
  .intro-content {
    margin-top: 20px;
  }

  /* Inner Hero Banner */
  .inner-hero-section.has-bg {
    min-height: 312px;
  }
  .banner-content {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  p {
    margin: 0px 0px 21px 0px;
  }
  h1,
  .h1 {
    font-size: 35px;
  }
  h2,
  .h2 {
    font-size: 34px;
  }
  h3,
  .h3 {
    font-size: 25px;
  }
  .screen-reader-text {
    height: 16px;
    padding: 8px 10px;
    font-size: 8px;
  }
  .btn,
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    padding: 8px 25px;
  }
  .site-header .site-logo img {
    width: 95px;
  }
  .header-top {
    padding: 14px 32px;
  }
  .social-media li {
    padding: 0px 10px;
  }
  .social-media-block {
    margin: 0px -10px;
  }
  .user-icon {
    margin-right: 6px;
  }
  .main-navigation .menu {
    margin: 0px -7px;
    padding: 6px 0px;
  }
  .main-navigation .menu li {
    padding: 2px 7px;
  }
  .hero-slide-content-wrap {
    padding-left: 16%;
  }
  .main-navigation .menu li a {
    font-size: 12px;
  }
  .search-form .search-field {
    padding: 6px 12px;
    font-size: 14px;
  }
  .account-actions.d-flex.jsutify-end {
    margin-left: 9px;
  }
  .search-block {
    margin-top: 14px;
  }

  .hero-slide-cta.btn {
    margin-top: 21px;
  }

  /* .benefit {
    padding: 0px 8px;
  }
  .benefits {
    margin: 0px -8px;
  } */
  .benefits-icon {
    height: 32px;
  }
  .benefit-content p {
    margin-top: 7px;
  }
  .benefits-wrap {
    padding: 13px;
  }
  .section-heading .pretitle {
    padding-bottom: 12px;
    padding-top: 14px;
  }
  .section-heading .pretitle:before {
    width: 59px;
    height: 43px;
  }
  .section-heading .pretitle.no-pattern {
    padding-bottom: 9px;
  }
  .who-we-block > div {
    padding: 0px 19px;
  }
  .who-we-block {
    margin-left: -19px;
    margin-right: -19px;
  }
  .who-we-block .section-heading {
    margin-bottom: 20px;
  }

  .who-we-block .right-block {
    padding-top: 20px;
    padding-bottom: 8px;
  }
  .who-we-block .right-img {
    margin-bottom: 22px;
  }
  .collection-item-info {
    padding: 21px;
  }
  .collection-lists-slider .slick-slide > div {
    margin: 0px -14px;
  }
  .collection-items-slide {
    padding: 12px 14px;
  }
  .our-story-section {
    padding: 48px 0px;
  }
  .our-story-block .section-heading .heading {
    margin-top: 19px;
  }
  .btn.secondary-btn {
    padding: 8px 19px;
  }

  .news-items {
    margin: -8px;
  }
  .news-item {
    padding: 8px;
  }
  .news-item:nth-child(3n + 2) {
    margin-top: 21px;
  }

  .nav-header {
    margin-bottom: 6px;
  }

  .product-image-wrapper {
    margin-bottom: 13px;
  }
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    padding-left: 18px;
    padding-right: 18px;
  }
  .woocommerce-page.columns-3 ul.products li.product,
  .woocommerce.columns-3 ul.products li.product {
    margin-bottom: 30px;
  }

  /* Intro Section */
  .col-4 .box-item {
    width: 33.33%;
  }

  /* Inner Hero Banner */
  .inner-hero-section.has-bg {
    min-height: 266px;
  }
}
@media (max-width: 1024px) {
  p {
    margin: 0px 0px 20px 0px;
  }
  h1,
  .h1 {
    font-size: 34px;
  }
  h2,
  .h2 {
    font-size: 33px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 20px;
  }
  .wrapper {
    width: 90.635%;
  }
  .screen-reader-text {
    height: 15px;
    padding: 7px 10px;
  }

  .header-top {
    padding: 14px 30px;
  }
  .main-navigation .menu {
    margin: 0px -6px;
  }
  .main-navigation .menu li {
    padding: 2px 6px;
  }
  .account-actions.d-flex.jsutify-end {
    margin-left: 8px;
  }
  .hero-slide-cta.btn {
    margin-top: 20px;
  }

  /* .benefit {
    padding: 0px 7px;
  }
  .benefits {
    margin: 0px -7px;
  } */
  .benefits-icon {
    height: 30px;
  }
  .section-heading .pretitle {
    padding-bottom: 11px;
  }
  .section-heading .pretitle:before {
    width: 57px;
    height: 41px;
  }
  .who-we-block > div {
    padding: 0px 18px;
  }
  .who-we-block {
    margin-left: -18px;
    margin-right: -18px;
  }

  .who-we-block .right-img {
    margin-bottom: 21px;
  }
  .collection-item-info {
    padding: 20px;
  }
  .collection-lists-slider .slick-slide > div {
    margin: 0px -13px;
  }
  .collection-items-slide {
    padding: 12px 13px;
  }
  .our-story-section {
    padding: 46px 0px;
  }
  .our-story-block .section-heading .heading {
    margin-top: 18px;
  }
  .news-items {
    margin: -7px;
  }
  .news-item {
    padding: 7px;
  }
  .news-item:nth-child(3n + 2) {
    margin-top: 20px;
  }
  .news-item-date {
    margin-bottom: 7px;
  }
  .product-image-wrapper {
    margin-bottom: 12px;
  }
  .collection-lists-slider .slick-prev.slide-arrow.slick-arrow {
    left: -6.8%;
  }
  .collection-lists-slider .slick-next.slide-arrow.slick-arrow {
    right: -6.8%;
  }
  .news-item-date {
    letter-spacing: 1.8px;
  }

  /* Inner Hero Banner */
  .inner-hero-section.has-bg {
    min-height: 258px;
  }
}
@media (max-width: 991px) {
  p {
    margin: 0px 0px 15px 0px;
  }
  h1,
  .h1 {
    font-size: 30px;
  }
  h2,
  .h2 {
    font-size: 27px;
  }
  .text-18,
  .para-18 p,
  .para-18 li {
    font-size: 16px;
  }
  .text-20,
  .para-20 p {
    font-size: 17px;
  }
  .text-24,
  .para-24 p {
    font-size: 18px;
  }
  .screen-reader-text {
    height: 11px;
    padding: 5px 7px;
    font-size: 6px;
  }
  .header-top {
    padding: 12px 23px;
  }
  .social-media li {
    padding: 0px 10px;
  }
  .social-media-block {
    margin: 0px;
  }
  .user-icon {
    margin-right: 4px;
  }
  .main-navigation .menu {
    margin: 0px -11px;
    padding: 4px 0px;
  }
  .main-navigation .menu li a {
    font-size: 7px;
  }
  .account-actions.d-flex.jsutify-end {
    margin-left: 6px;
  }
  .search-block {
    margin-top: 11px;
  }

  .hero-slide-cta.btn {
    margin-top: 15px;
  }
  .slide-arrow.slick-arrow.slick-prev {
    left: -4.5%;
  }
  .slide-arrow.slick-arrow.slick-next {
    right: -4.5%;
  }
  .section-heading .h2 {
    letter-spacing: 1.2px;
  }
  /* .benefit {
    padding: 0px 5px;
  }
  .benefits {
    margin: 0px -5px;
  } */

  .benefits-wrap {
    padding: 10px;
  }
  .section-heading .pretitle {
    padding-bottom: 9px;
    padding-top: 11px;
    letter-spacing: 2px;
  }
  .section-heading .pretitle:before {
    width: 44px;
    height: 32px;
  }
  .section-heading .pretitle.no-pattern {
    padding-bottom: 7px;
  }
  .hero-slide-content .h1 {
    letter-spacing: 0.6px;
  }
  .who-we-block > div {
    padding: 0px 14px;
  }
  .who-we-block {
    margin-left: -14px;
    margin-right: -14px;
  }

  .who-we-block .right-block {
    padding-top: 15px;
    padding-bottom: 6px;
  }
  .who-we-block .right-img {
    margin-bottom: 16px;
  }
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    max-width: 100%;
    width: auto;
    z-index: 0;
  }
  .woocommerce ul.products.columns-3 li.product:not(.last),
  .woocommerce-page ul.products.columns-3 li.product:not(.last) {
    margin-bottom: 40px;
  }
  .collection-item-info {
    padding: 15px;
  }
  .collection-lists-slider .slick-slide > div {
    margin: 0px -10px;
  }
  .collection-items-slide {
    padding: 9px 10px;
  }
  .our-story-block .section-heading .heading {
    margin-top: 14px;
  }

  .news-items {
    margin: -5px;
  }
  .news-item {
    padding: 5px;
  }
  .news-item:nth-child(3n + 2) {
    margin-top: 15px;
  }
  .news-item-content {
    padding: 11px 6px 0px;
  }
  .news-item-date {
    letter-spacing: 1px;
  }

  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    padding-left: 13px;
    padding-right: 13px;
  }
  .footer-item .site-logo {
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  .footer-item:first-child,
  .footer-item:last-child {
    width: 100%;
  }
  .footer-item {
    width: 33.33%;
    padding: 0;
    margin-bottom: 35px;
    text-align: center;
  }
  .footer-item:last-child {
    text-align: center;
    margin-bottom: 0;
  }
  .bottom-footer .d-flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .footer-support-payment-image {
    margin-top: 10px;
  }

  .header-top > .social-media-block {
    display: none;
  }
  .header-top .site-logo {
    justify-content: flex-start;
  }
  .header-top > div {
    flex: unset;
  }
  .user-signin {
    display: none;
  }
  .account-info {
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    justify-content: center;
    background-color: var(--black);
    border-top: 1px solid var(--yellow);
    padding: 15px;
    left: 0;
    justify-content: space-evenly;
    z-index: 9999;
  }
  /* .account-info > div {
    display: contents;
  } */
  .account-info > div,
  .account-info > div > * {
    flex: 1 1 auto;
  }
  .account-actions {
    width: 80%;
    text-align: center;
  }
  .orders-accounts {
    width: 20%;
    text-align: center;
  }
  .account-actions {
    margin-left: 0;
  }
  .user-icon {
    margin-right: 8px;
  }
  .header-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .search-block {
    margin-top: 0;
    position: relative;
    margin-left: 0;
  }
  .search-form:not(.active) {
    width: 0;
    opacity: 0;
  }
  .mobile-search-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" fill="rgba(203, 152, 50,1)"/></svg>');
    font-size: 0;
    width: 36px;
    height: 36px;
    border-radius: 0 50px 50px 0;
    background-position: center top 8px;
    background-repeat: no-repeat;
    background-size: 56% auto;
    cursor: pointer;
    transition: all 0.3s;
  }
  .search-form {
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    width: 290px;
    transform-origin: right center;
    display: flex;
    justify-content: flex-end;
    right: -5px;
    opacity: 1;
  }
  .search-form .search-field {
    border-radius: 24px;
    padding: 10px 16px;
    font-size: 14px;
    width: 100%;
  }
  .search-form input[type="submit"] {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    background-size: 59% auto;
  }
  .desktop-only {
    display: none;
  }
  .main-navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background-color: var(--white);
    z-index: 99;
    overflow: hidden;
    transition: height 0.3s ease;
  }
  .main-navigation:not(.active) {
    height: 0;
  }
  .menu-primary-menu-container {
    height: 100%;
    padding: 0;
  }
  .main-navigation .menu {
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
    border: none;
    height: 100%;
    overflow-y: auto;
    padding: 20px;
  }
  .main-navigation .menu li {
    margin-bottom: 8px;
  }
  .main-navigation .menu li:last-child {
    margin-bottom: 0;
  }
  .main-navigation .menu li a {
    font-size: 16px;
  }
  .header-menu-block {
    position: relative;
  }
  .menu-toggle span {
    display: block;
    width: 32px;
    height: 3px;
    background-color: var(--yellow);
    z-index: 9999;
    position: relative;
    margin: 4px auto;
    border-radius: 25px;
    transition: margin 0.1s 0.2s, opacity 0.1s 0.1s, transform 0.3s;
  }
  .header-menu-wrap {
    text-align: center;
  }
  .menu-toggle {
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: transparent;
    margin-left: 10px;
  }
  .menu-toggle.active span {
    margin: -3px auto;
    transition: margin 0.1s, opacity 0.1s 0.1s, transform 0.3s 0.2s;
  }
  .menu-toggle.active span:first-child {
    transform: rotate(45deg);
  }
  .menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  .menu-toggle.active span:last-child {
    transform: rotate(-45deg);
  }
  .woocommerce ul.products li.product .product-image-wrapper .button {
    display: none;
  }
  .woocommerce a.btn,
  .woocommerce ul.products li.product .product-wrap > .btn.button {
    opacity: 1;
  }
  .woocommerce ul.products li.product .product-wrap {
    text-align: center;
  }
  .collection-item-info {
    position: relative;
    height: auto;
    background-color: transparent;
    opacity: 1;
  }
  .collection-item-info p {
    color: var(--black);
  }
  .site-footer .site-info {
    padding-bottom: 70px;
  }
  .header-inner {
    position: relative;
  }
  .search-form .search-field {
    border-radius: 0;
    padding: 13px 16px;
    font-size: 16px;
  }
  .search-form {
    width: 100%;
    opacity: 1;
    left: 0;
    top: unset;
    transform: translateY(-100%);
    right: 0;
    z-index: 1;
  }
  .search-form.active {
    transform: translateY(0);
  }
  .search-form:not(.active) {
    width: 100%;
  }
  .header-top {
    z-index: 2;
    position: relative;
    background-color: var(--black);
  }
  .bottom-footer p {
    text-align: center;
  }
  .newsletter-form {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
  .newsletter-form .wpcf7-form-control-wrap.your-email input {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .woocommerce ul.products li.product:hover .product-image-wrapper::before,
  .woocommerce ul.products li.product:hover .product-wrap img {
    border-radius: 160px 160px 0 0;
  }
  .woocommerce.woocommerce-shop a.btn,
  .woocommerce.woocommerce-shop
    ul.products
    li.product
    .product-wrap
    > .btn.button {
    border-color: var(--black);
    color: var(--black);
  }
  .woocommerce.woocommerce-shop a.btn:hover,
  .woocommerce.woocommerce-shop
    ul.products
    li.product
    .product-wrap
    > .btn.button:hover {
    color: var(--white);
    border-color: var(--yellow);
  }
  .woocommerce ul.products li.product:hover .product-image-wrapper::before,
  .woocommerce ul.products li.product:hover .product-wrap img {
    border-radius: 0px 0px 0 0;
  }
  .woocommerce
    ul.products
    li.product
    .product-wrap:hover
    .product-image-wrapper::before {
    opacity: 0;
  }

  /* LOGN / REGISTER / RESET */
  #customer_login > div {
    width: 100%;
    padding: 0 0 25px 0;
  }
  #customer_login > div:not(:first-child) {
    border-left: none;
  }
  .woocommerce form.login,
  .woocommerce form.register {
    margin-top: 20px;
  }

  /* Single Product Page */
  .woocommerce div.product form.cart .variations select {
    margin-right: 5px;
  }
  .woocommerce .single-product .quantity .qty {
    width: 80px;
    padding: 7px 0;
  }
  .product_meta > * {
    padding: 2px 6px;
  }
  .product_meta {
    margin: 0 -6px;
  }
  .woocommerce .single-product-related-block li.product a.btn,
  .woocommerce .single-product-related-block ul.products li.product .btn {
    padding: 8px 12px;
    font-size: 14px;
  }
  .woocommerce .single-product .related ul.products li.product,
  .woocommerce-page .single-product .related ul.products li.product {
    width: 49%;
    margin-right: 1%;
  }
  .full-height-block .big-font-size strong {
    font-size: 40px;
  }
  .full-height-block .error-404-content .big-font-size strong {
    font-size: 60px;
  }
  .full-height-block .btn {
    padding: 8px 12px;
  }

  /* Intro Section */
  .content-with-box-list.para-16 p {
    font-size: 15px;
  }
  .content-with-box-content {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .col-3 .box-item,
  .col-4 .box-item {
    width: 50%;
  }
  .para-18 ul li::before {
    top: 10px;
  }

  /* Inner Hero Banner */
  .inner-hero-section.has-bg {
    min-height: 200px;
  }

  /* FAQs */
  .accordion-item + .accordion-item {
    margin-top: 16px;
  }
}

@media (min-width: 992px) {
  .mobile-only {
    display: none;
  }
  .woocommerce ul.products li.product .product-wrap > .btn.button {
    display: none;
  }
}
@media (max-width: 768px) {
  .woocommerce-page.columns-3 ul.products li.product,
  .woocommerce.columns-3 ul.products li.product {
    width: 46.5%;
  }
  .news-item {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
  }
  .news-item:nth-child(3n + 2) {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  p {
    margin: 0px 0px 13px 0px;
    line-height: 1.5;
  }
  .screen-reader-text {
    height: 10px;
    padding: 5px 6px;
    font-size: 5px;
  }
  .header-top {
    padding: 12px 20px;
  }
  .wrapper {
    width: 100%;
  }
  .search-form input[type="submit"] {
    height: 32px;
    width: 32px;
  }
  .hero-slide-cta.btn {
    margin-top: 13px;
  }

  .benefits-wrap {
    padding: 8px;
  }

  .who-we-block > div {
    padding: 0px 12px;
  }
  .who-we-block {
    margin-left: -12px;
    margin-right: -12px;
  }
  .who-we-block .right-block {
    padding-top: 12px;
  }
  .who-we-block .right-img {
    margin-bottom: 14px;
  }

  .collection-item-info {
    padding: 13px;
  }
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    padding-left: 11px;
    padding-right: 11px;
    margin-top: 10px;
  }
  .mobile-search-icon {
    width: 34px;
    height: 34px;
  }
  .hero-section .wrapper {
    width: 100%;
    padding: 0;
  }
  .hero-slider {
    padding: 15px 0;
  }
  .hero-slide-wrap {
    position: relative;
    min-height: 280px;
  }
  .hero-slide-content {
    width: 100%;
  }
  .hero-slide-content-wrap {
    padding-left: 55px;
    padding-right: 55px;
    margin-right: 0;
    text-align: center;
  }
  .hero-slide-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: var(--white);
  }
  .hero-slide-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    opacity: 0.5;
  }
  .slide-arrow.slick-arrow.slick-prev {
    left: 15px;
  }
  .slide-arrow.slick-arrow.slick-next {
    right: 15px;
  }
  .hero-slide {
    padding: 0 8px;
  }
  .header-actions i {
    font-size: 18px;
  }
  .account-info {
    padding: 12px;
  }
  .who-we-block .left-block {
    width: 100%;
    text-align: center;
  }
  .who-we-block .left-img img {
    margin: 0 auto;
    width: 100%;
  }
  .who-we-block .right-block {
    width: 100%;
  }
  .who-we-block .left-block .heading {
    margin-right: 0;
  }
  .section-heading .pretitle {
    letter-spacing: 1px;
    display: inline-block;
  }
  .who-we-block .right-img img {
    width: 100%;
  }
  .benefit {
    width: 100%;
    margin-bottom: 25px;
  }
  .collection-lists-slider .slick-prev.slide-arrow.slick-arrow {
    left: -40px;
  }
  .collection-lists-slider .slick-next.slide-arrow.slick-arrow {
    right: -40px;
  }

  .checkout.woocommerce-checkout > div {
    padding: 0;
    width: 100%;
  }
  .default-content .entry-header {
    margin: 0 auto 30px auto;
  }
  .checkout.woocommerce-checkout {
    margin: 0;
  }
  .woocommerce form .form-row-first,
  .woocommerce-page form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-last {
    float: none;
    width: 100%;
  }
  .woocommerce-checkout-review-order {
    margin-top: 20px;
  }
  .woocommerce #payment #place_order,
  .woocommerce-page #payment #place_order {
    margin-top: 18px;
    font-size: 16px;
    padding: 14px;
  }
  .woocommerce-page table.cart td.actions .coupon {
    width: 100%;
    max-width: 100%;
  }
  body.woocommerce-page .woocommerce .cart .button,
  #add_payment_method .wc-proceed-to-checkout a.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
  body.woocommerce-page .woocommerce button.button,
  .woocommerce .return-to-shop .button {
    padding: 10px 14px;
  }
  .woocommerce table.cart td.actions .coupon .button,
  .woocommerce-page table.cart td.actions .coupon .button {
    width: auto;
  }

  /* Single Product Page */
  .woocommerce .single-product .single-product-right {
    padding-left: 0;
  }
  .woocommerce .single-product .single-product-left,
  .woocommerce .single-product .single-product-right {
    width: 100%;
  }
  .woocommerce div.product div.summary {
    margin-bottom: 15px;
  }
  .woocommerce ul.products li.product .price,
  .woocommerce div.product p.price,
  .woocommerce div.product span.price {
    font-size: 16px;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h3 {
    padding-bottom: 6px;
  }
  .woocommerce-error,
  .woocommerce-info,
  .woocommerce-message {
    font-size: 16px;
  }
  .woocommerce table.shop_table th,
  .woocommerce table.shop_table td {
    font-size: 16px;
  }
  .woocommerce-MyAccount-content {
    padding: 20px 0;
  }
  .woocommerce-Address-title.title {
    margin-bottom: 8px;
  }
  .woocommerce form .form-row input + span {
    font-size: 14px;
    line-height: 1.3;
    display: block;
    padding-top: 5px;
  }
  .woocommerce-MyAccount-navigation {
    padding: 8px;
  }
}
@media (max-width: 640px) {
  .screen-reader-text {
    height: 7px;
    padding: 3px 5px;
    font-size: 4px;
  }
  .header-top {
    text-align: left;
    padding: 10px 15px;
  }
  .woocommerce-page.columns-3 ul.products li.product,
  .woocommerce.columns-3 ul.products li.product {
    width: 100%;
  }
  .woocommerce ul.products.columns-3 li.product:not(.last),
  .woocommerce-page ul.products.columns-3 li.product:not(.last) {
    margin-right: auto;
    margin-left: auto;
  }
  .text-24,
  .para-24 p {
    font-size: 16px;
  }
  .news-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .news-item-content {
    padding: 18px 0px 0px;
  }
  .news-item:last-child {
    margin-bottom: 0;
  }
  .news-item-image img {
    margin: 0 auto;
  }
  .footer-item {
    width: 100%;
    margin-bottom: 25px;
  }
  .collection-block {
    padding: 0 15px;
  }
  .collection-lists-slider .slick-prev.slide-arrow.slick-arrow {
    left: -36px;
  }
  .collection-lists-slider .slick-next.slide-arrow.slick-arrow {
    right: -36px;
  }
  .social-media li a {
    font-size: 18px;
  }
  .social-media li {
    padding: 0px 6px;
  }
  .mobile-search-icon {
    width: 30px;
    height: 30px;
  }
  .search-form input[type="submit"] {
    height: 26px;
    width: 27px;
  }

  /* Intro Section */
  .col-3 .box-item,
  .col-4 .box-item {
    width: 100%;
  }
  .content-with-box-list .box-item-wrap {
    padding: 14px;
    min-height: unset;
  }
  .box-item-wrap .icon-wrapper {
    height: 32px;
    width: 48px;
  }

  /* FAQs */
  .accordion-item-wrap .accordion-question {
    padding-right: 40px;
  }
  .accordion-question i {
    right: 15px;
  }
}
@media (max-width: 520px) {
  .woocommerce .woocommerce-result-count {
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
  }
  .woocommerce .woocommerce-ordering {
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
    margin-bottom: 30px;
  }
}
@media (max-width: 479px) {
  h1,
  .h1 {
    font-size: 28px;
  }
  h2,
  .h2 {
    font-size: 25px;
  }
  h3,
  .h3 {
    font-size: 23px;
  }
  .text-20,
  .para-20 p {
    font-size: 16px;
  }
  .wrapper {
    padding: 0 20px;
  }
  .menu-toggle span {
    width: 26px;
    height: 2px;
  }
  .menu-toggle {
    width: 32px;
    height: 32px;
    margin-left: 2px;
    top: 2px;
    position: relative;
  }
  .site-header .site-logo img {
    width: 85px;
  }
  .menu-toggle.active span {
    margin: -2px auto;
  }
  .skewed-padding {
    padding: 40px 0px;
  }
  .skewed-padding-bottom {
    padding-bottom: 40px;
  }
  .skewed-padding-top {
    padding-top: 40px;
  }
  .who-we-block .left-block .heading br {
    display: none;
  }
  .section-heading .pretitle {
    letter-spacing: 0.4px;
  }
  .section-heading .h2 {
    letter-spacing: 0.6px;
  }
  .collection-items-slide {
    padding: 9px 15px;
  }
  .collection-item-info {
    padding: 13px 0 0;
  }
  .collection-content {
    margin: 30px 0 20px;
  }
  .footer-navigation li {
    margin-bottom: 0;
  }
  .hero-slide-content .h1 {
    letter-spacing: 0.4px;
  }
  .hero-slide-content-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }
  .btn,
  .woocommerce a.btn,
  .woocommerce ul.products li.product .btn {
    padding: 8px 16px;
  }
  .slide-arrow.slick-arrow {
    width: 26px;
    height: 26px;
  }
  .slide-arrow.slick-arrow.slick-prev {
    left: 12px;
  }
  .slide-arrow.slick-arrow.slick-next {
    right: 12px;
  }
  .hero-slide-wrap {
    min-height: 200px;
  }
  .collection-lists-slider .slick-prev.slide-arrow.slick-arrow {
    left: -30px;
  }
  .collection-lists-slider .slick-next.slide-arrow.slick-arrow {
    right: -30px;
  }

  /* Single Product Page */
  .woocommerce .single-product .related ul.products li.product,
  .woocommerce-page .single-product .related ul.products li.product {
    width: 100%;
    margin-right: 0;
  }

  /* FAQs */
  .accordion-item-wrap .accordion-question,
  .accordion-item-wrap .accordion-body {
    padding: 10px 14px;
  }
  .accordion-item-wrap .accordion-question {
    padding-right: 30px;
  }
  .accordion-question i {
    right: 12px;
  }
}

@media (max-width: 375px) {
  .woocommerce-page table.cart td.actions .coupon {
    flex-direction: column;
  }
}