/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

#checkoutStepComponent a.btn {
	padding-top: 13px;
}
#checkoutStepComponent button.btn {
	padding-top: 13px;
}
.rounded-card {
	border-radius: 14px;
	display: block;
	transition: .5s;
}
.rounded-card:hover {
	box-shadow: 0 4px 16px 0 rgba(0,0,0,.3);
	transition: .5s;
}
.hero-top {
	font-family: 'Poppins', sans-serif !important;
	background-color: var(--pry-color);
	background-image: url('/img/hero-top.jpg');
  background-size: cover;
	overflow: hidden;
  background-position: bottom;
  display: flex;
}
.hero-boxes .title {
	font-size: 34px;
	line-height: 52px;
}
.strike {
	background-image: url('/img/strike.svg');
	background-repeat: no-repeat;
	background-size: fill;
	background-position: bottom;
}

ul.right-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.right-menu li {
	display: inline-block;
	position: relative;
	margin-left: 15px;
}
ul.right-menu li:before {
	content:"|";
	position: absolute;
	left: -12px;
	top:0;
}
ul.right-menu li:first-child::before {
	display: none;
}
ul.right-menu li a {
	color: #000;
	text-transform: uppercase;
}
select.form-control {
	cursor: pointer !important;
}
.text-wrap {
	overflow-wrap: break-word;
}
button:focus, .btn:focus {
	box-shadow: none !important;
	outline: none !important;
}
.bubble-field {
  margin-top: 30px;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
}
.bubble-field input, .bubble-field input:focus {
  border: 0;
  outline: 0;
}
.gf-container {
  background-image: url('/img/gift-ribbon.png');
  background-repeat: no-repeat;
  background-size: 400px;
  background-position: top right;
  min-height: 450px;
}
.holistic {
	background-image: url('/img/top-banner.webp');
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	overflow: hidden;
}
.holistic-overlay {
	min-height: 600px;
	background-image: url('/img/holistic-overlay.svg');
	background-size: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	width: 100%;
	height: 100%;
	color: #000;
}
.light-bg-logo {
	background-color: #EFFBF9;
	background-image: url('/img/light-bg-logo.jpg');
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
}
.light-bg-logo .hero-deal {
	width: 200px;
	margin-top: -100px;
}
.light-bg-logo .hero-tag {
	position: absolute;
	bottom: -20px;
	left: 5%;
	width: 320px;
}
.light-bg-logo .hero-product {
	position: absolute;
	bottom: -10px;
	right: 0;
	width: 400px;
	image-rendering: crisp-edges;
	image-rendering: -webkit-optimize-contrast;
}
.libre-container {
	background-color: #DE7010;
	background-image: url('/img/libre-hero.png');
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	overflow: hidden;
	color: #fff;
	font-weight: 500;
}
.libre-container .title {
	font-size: 58px;
}
.libre-container-kit-deal {
	width: 60%;
}
.lib-center {
	display: grid;
	/* place-items: center; */
}
.sp-sub {
  border: 2px solid #ddd;
	padding: 15px;
  background-color: #ffffff;
}
.sp-sub:has(input:checked) {
	background-color: #f5f5f5;
	border-color: var(--pry-color);
}
.btn .fa-arrow-right {
	transform: rotate(-45deg);
}
.save {
	padding: 4px 10px;
	font-size: 14px;
	background-color: #E2F0F9;
	color: #1962a4;
}
.hero {
	/* background-image: url('/img/products-hero.svg'); */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 600px;
}
.health-terms {
	background-image: url('/img/health-gradient.svg');
	background-size: cover;
	background-position: center;
}
.category {
	min-height: 360px;
	background-size: cover;
	background-position:bottom center;
	background-color: #EBF5F6;
	display: flex;
	align-items: center;
	border-radius: 25px;
}
.attr {
	min-height: 300px;
	background-position: left center;
}

input.circle[type=radio], input.circle[type=checkbox] {
    height: 18px;
    width: 18px;
    border-radius: 100%;
    appearance: none;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
}

input.circle[type=radio]:hover, input.circle[type=checkbox]:hover {
    background-color: #eee;
}

input.circle[type=radio]:checked:after, input.circle[type=checkbox]:checked:after {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    content: '';
    background: var(--pry-color);
}

input.circle[type=checkbox], input.circle[type=checkbox]:checked:after {
  border-radius: 0px;
}
input.circle[type=checkbox]:checked:after {
  content: '✓';
  display: grid;
  place-items:center;
  color: #fff;
  font-size: 13px;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
}
label:has(.circle) {
  cursor: pointer;
}

label {
	position: relative;
}
.checker {
	position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
	position: relative;
	margin-right: -5px;
  height: 20px;
  width: 20px;
  background-color: #fff;
	border:1px solid #aaa;
  border-radius: 50%;
}
.checker:checked ~ .checkmark {
  background-color: #000;
	border:0;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
label:has(.checker:checked) {
	background-color: #F6F6F6;
}
.checker:checked ~ .checkmark:after {
  display: block;
}
.checkmark:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
@media screen and (min-width:1400px) {
	.container {
		max-width: 1400px;
	}
}
.moe-icon {
	font-size: 30px;
}
/* .text-pry {
	color: var(--pry-color);
} */
.bg-light-yellow {
	background: rgb(254, 255, 184);
}
.owl-theme button:focus {
	outline: none;
	box-shadow: none;
}
.top-deal-scroller {
	margin-bottom: -10px;
	overflow-x: auto;
	padding-bottom: 10px;
	background-color: #000;
}
.top-deal-wrap * {
	white-space: nowrap;
}
.top-deal-wrap {
	display: flex;
	flex-wrap: nowrap;
	height: 40px;
	justify-content: space-between;
	color: #fff;
}
.top-deal-title {
	background-color: #e01a2b;
	font-size: 14px;
	height: 100%;
	display: grid;
	place-items: center;
	padding: 0 14px 0 20px;
	position: relative;
}
.top-deal-title::after {
	border-bottom: 20px solid transparent;
	border-left: 12px solid #e01a2b;
	border-top: 20px solid transparent;
	content: "";
	display: block;
	height: 0;
	left: 100%;
	position: absolute;
	top: 0;
	width: 0;
}
.top-deal-list {
	display: flex;
  flex: 1;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  margin: 0 10px;
}
.top-deal-list li{
	display: flex;
	align-items: center;
  height: 100%;
	padding: 0 17px;
  position: relative;
}
.top-deal-list li:not(:first-child)::after{
	background-color: #959499;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  width: 1px;
}
.top-deal-list a{
	color: #fff;
	font-size: 14px;
  position: relative;
  text-decoration: none;
}
.top-deal-list a:hover {
	text-decoration: underline;
}
.top-deal-list span {
	font-weight: 200;
	font-size: 90%;
}
.top-deal-alt a {
	color: #fff;
	text-decoration: none;
	padding: 0 17px;
	height: 100%;
	display: flex;
	font-size: 14px;
	align-items:center;
}
.field {
	/* box-shadow: 0 0 15px 5px rgb(0 0 0 / 5%); */
	border: 1px solid #dedede;
	border-radius: 8px;
	padding: 5px 15px;
	margin-bottom: 20px;
	position: relative;
}
.field.contact {
	border: 1px solid #ddd;
	box-shadow: none;
}
.field .form-control {
	box-shadow: none;
	font-size: 14px;
}
.field h5 {
	opacity: 0.5;
}
.field .ic {
	margin-right: 5px;
}
.error {
	color: red;
}
label.error {
	font-size: 13px;
}
.field label.error {
	position: absolute;
	bottom: -32px;
	left: 5px;
}
textarea {
	resize: none;
}

.certs, .tags {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.certs a {
	margin-right: 10px;
}

.tags a{
	font-size: 13px;
}

.single-product-details > .card {
	border-radius: 10px;
	box-shadow: 0 4px 16px 0 rgba(0,0,0,.1);
}
.single-product-details .card-header {
	padding: 0;
}
.single-product-details .card-body {
	background-color: #ffffff;
}
.single-product-details .card-header button {
	border-radius: 0;
	padding: 20px;
	text-decoration: none;
	/* font-weight: bold; */
	font-size: 28px;
	color: #fff;
	background: var(--pry-color);
	transition: .5s;
}
.single-product-details .card-header button.collapsed {
	background: #fff;
	color: #000;
	transition: .5s;
}
.attribute-description h1 {
  color: var(--pry-color) !important;
  text-align: center;
}
.single-product-details .card-header .btn.collapsed::after {
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	right: 15px;
	font-weight: 900;
	font-size: 34px;
	content: "\f055";
	color: var(--pry-color);
	transition: .5s;
}
.single-product-details .card-header .btn::after {
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	right: 15px;
	font-weight: 900;
	font-size: 34px;
	content: "\f057";
	color: #fff;
	transition: .5s;
}

.ingredients {
	font-size: 14px;
	margin-top: 10px;
}

.nf_facts_panel {
    width: 100%;
    margin-bottom: 15px;
		font-size: 14px;
}

.nf_facts_panel td, .nf_facts_panel tr, .nf_facts_panel th {
    border: none
}

.nf_facts_panel tbody td:first-child {
    padding-left: 10px
}

table.nf_facts_panel caption {
		color: #000000;
    font-size: 18px;
		border-bottom: 3px solid #000;
    padding-top: 0;
		caption-side: top;
}

table.nf_facts_panel thead tr, table.nf_facts_panel tbody tr {
    border-top: 3px solid #000;
}

table.nf_facts_panel thead tr th, table.nf_facts_panel thead tr td, table.nf_facts_panel tbody tr td, table.nf_facts_panel tfoot tr td {
    padding: 9px 0
}

table.nf_facts_panel tfoot {
    border-bottom: 3px solid #000 !important
}

table.nf_facts_panel thead tr{
    border: none
}

table.nf_facts_panel thead tr th:nth-child(1){
    width: 50%
}

table.nf_facts_panel thead tr th:nth-child(2){
    width: 30%;
    text-align: center
}

table.nf_facts_panel thead tr th:nth-child(3){
    width: 20%;
    text-align: center
}

.category_list {
	height: 190px;
	overflow-y:auto;
}
.line {
	margin: 0;
	width: 30px;
	border-width: 2px;
	border-color: var(--pry-color);
}

.flex-interests {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	text-align: center;
}
.flex-interests a {
	display: grid;
	place-items:center;
	margin-right: 20px;
	margin-bottom: 20px;
}
.flex-interests a img{
	height: 50px;
}

.beauty {
	background-image: url('/img/health_interests/beauty.jpg')
}
.bone {
	background-image: url('/img/health_interests/bone.jpg')
}
.digestion {
	background-image: url('/img/health_interests/digestion.jpeg')
}
.energy {
	background-image: url('/img/health_interests/energy.jpeg')
}
.eye {
	background-image: url('/img/health_interests/eye.jpeg')
}
.general {
	background-image: url('/img/health_interests/general.jpeg')
}
.heart {
	background-image: url('/img/health_interests/heart.jpeg')
}
.stress {
	background-image: url('/img/health_interests/stress.jpeg')
}
.immune {
	background-image: url('/img/health_interests/immune.jpeg')
}
.joints {
	background-image: url('/img/health_interests/joints.webp')
}
.men {
	background-image: url('/img/health_interests/men.jpeg')
}
.mood {
	background-image: url('/img/health_interests/mood.jpeg')
}
.prenatal {
	background-image: url('/img/health_interests/prenatal.jpeg')
}
.sleep {
	background-image: url('/img/health_interests/sleep.png')
}
.women {
	background-image: url('/img/health_interests/women.webp')
}

.top-content {
	margin-top: -1.1rem;
	min-height: 380px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
}
.top-header {
	background: rgba(237, 254, 252,0.9);
	padding: 40px;
	width: 400px;
	height: 300px;
	display: grid;
	place-items:center;
	border-radius: 40% 60% 73% 27% / 40% 41% 59% 60%;
}
.header-title {
	font-size: 50px;
	font-weight: bolder;
}
.top-header h6 {
	margin-top: 12px;
	font-size: 16px;
	font-weight: 300;
}

.featured-collection {
	background: url('https://cdn.shopify.com/s/files/1/0066/7569/3639/t/114/assets/background01.svg');
	background-size: cover;
	background-position: center;
}

.categories {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.categories >div {
	margin-right: 20px;

}
.categories img {
	height: 40px;
}
.categories p {
	font-size: 13px;
	margin-bottom: 20px;
}

.top-hero {
	margin-top: -1.1rem;
	min-height: 300px;
	background: url('/img/collection-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
}

.hero-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.hero-flex p {
	width: 55%;
	margin-top: 20px;
}
.pr-qty {
	background-color: #ffffff;
	border: 2px solid #aaa;
	border-radius: 8px;
	padding: 8px 20px;
	margin-right: 15px;
	display: grid;
	place-items:center;
	color: #000000;
}
.pr-qty.selected, .pr-qty:hover {
	background-color: #efefef;
	border: 2px solid var(--pry-color);
	color: var(--pry-color);
}
.cat-list>div {
	border: 2px solid #333;
	color: #333;
}
.manufacturer-citation {
	background-color: #fffbdb;
	padding: 7px;
	margin-bottom: 10px;
}
.manufacturer-citation h6 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}
.manufacturer-citation p>br {
	display: none !important;
}
.cat-list:hover>div {
	opacity: 0.7;
}

.cat-list.active>div {
	background: var(--pry-color);
	color: #fff;
}
.bg-light-pry {
	background-color: #EFFBF9;
}
.bg-light-gry {
	background-color: #f8f9fa;
}
.bg-light-yellow {
	background-color: #FFFDEE;
}
.tp-slider {
	height: 450px;
}

.tp-slider img {
	border-radius: 20px;
	width: 100%;
	height: 450px;
	object-position: center;
	object-fit: cover;
}

.tp-slider .carousel-caption {
	background-color: rgba(0, 0, 0, 0.3);
	bottom: 30%;
	margin-bottom: auto;
}

.tp-slider .carousel-caption h5 {
	font-size: 60px;
	font-family: 'Poppins', sans-serif;
	font-weight: 900;
}

.tp-slider .carousel-caption p {
	font-family: 'Poppins', sans-serif;
	font-weight: 200 !important;
	font-size: 30px;
}

.category-container img {
	height: 100px;
	width: 100%;
	vertical-align: top;
	object-fit: cover;
}

.desc {
	height: 50px;
	text-overflow: ellipsis;
	margin-bottom: 30px;
}

.categories a {
	height: 150px;
}

.single-category {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.single-category .single-category-photo {
    display: grid;
    place-items: center;
    height: 250px;
		text-align: center;
		background-color: #fff;
		transition: .3s;
		box-shadow: 0px 5px 10px rgba(76, 97, 110, 0.07), 0px 41.7776px 33.4221px rgba(76, 97, 110, 0.030149), 0px 22.3363px 17.869px rgba(76, 97, 110, 0.0134937), 0px 12.5216px 10.0172px rgba(76, 97, 110, 0.00523753), 0px 6.6501px 5.32008px rgba(76, 97, 110, 0.00118705);
}
.single-category .single-category-photo:hover, .inner-cat:hover, .inner-need:hover {
	transition: .3s;
	box-shadow: 0px 25px 20px rgba(76, 97, 110, 0.07), 0px 41.7776px 33.4221px rgba(76, 97, 110, 0.030149), 0px 22.3363px 17.869px rgba(76, 97, 110, 0.0134937), 0px 12.5216px 10.0172px rgba(76, 97, 110, 0.00523753), 0px 6.6501px 5.32008px rgba(76, 97, 110, 0.00118705);
}
.inner-cat {
	height: 100%;
}
.inner-cat:hover {
	color: #000000;
}
.inner-need {
	position: relative;
}
.inner-need .content {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
}
.inner-need h5 {
	position: absolute;
	bottom: 10px;
	left: 20px;
	color: #fff;
	font-size: 24px;
}
.attribute-description div {
	width: 100% !important;
}
.ellipsis-container {
	height: 100%;
	max-height: 170px;
	overflow: hidden;
}
.ellipsis-container.view {
	height: auto;
	max-height: 100%;
}
.toggler-wrapper {
	display: grid;
	place-items:center;
}
.toggler {
	height: 50px;
	position: relative;
	width: 100%;
	margin-top: -20px;
	padding-top: 40px;
}
.toggler:after {
	content: "";
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 56%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgb(255, 255, 255) 100%);
}
.single-category .single-category-photo img {
		height: 250px;
    width: 100%;
    object-fit: cover;
}
.single-category .single-category-title {
	font-weight: bold;
	text-align: center;
	color: #333;
	margin-top: 10px;
}
.category-hero {
	width: 50%;
}
.sub-save {
	background-color: #f5f5f5;
  border:1px solid var(--pry-color);
}
.dropdown.fw {
	position: static;
}
.dropdown.fw .dropdown-menu {
	width: 100vw;
	left: 0;
	margin:0;
}
.dropdown.fw .dropdown-menu a {
	font-size: 15px !important;
	padding-inline: 6px !important;
}
.dropdown.fw .accordion-button.collapsed::after {
	position: absolute;
	right: -5px;
	background: none;
	font-family: "Font Awesome 5 Pro";
	content: '\f067';
	font-weight: 900;
	top:0;
	margin-top: 6px;
}
.dropdown.fw .accordion-button::after {
	position: absolute;
	right: 0px;
	background: none;
	font-family: "Font Awesome 5 Pro";
	content: '\f068';
	font-weight: 900;
	top:0;
	margin-top: 6px;
}
.accordion-button:not(.collapsed) {
	box-shadow: none !important;
}
.fc {
	width: 550px;
}

.fc .img-holder {
	height: 300px;
	min-width: 200px;
	padding: 10px;
	margin-right: 40px;
	display: grid;
	place-items: center;
	background-color: #ffffff;
}
.fcd {
	margin: 15px 0 10px 0;
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fcd-lg {
  -webkit-line-clamp: 7;
}
.img-holder img {
	object-fit: contain;
	width: 100%;
	height: 150px;
}
.img-holder .img-lg {
	object-fit: contain;
	width: 100%;
	height: 250px;
}

.gc-popup {
	/* background-image: url('/img/confetti.gif'); */
	background-position: top;
	background-size: contain;
	background-color: var(--pry-dark-color);
}
.gc-popup .modal-body {
	background-color: rgba(255, 255, 255, 0.8);
}
.ovf {
	overflow: hidden;
}

.circle-1,
.circle-2 {
	position: absolute;
	background: rgba(0, 0, 0, 0.09);
	height: 500px;
	width: 500px;
	border-radius: 100%;
}

.circle-1 {
	top: -350px;
	right: 30%;
}

.circle-2 {
	bottom: -390px;
	right: 5%;
}
.op {
	opacity: 1 !important;
	margin-top: -5px;
}
.location {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.deal-title {
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	font-size: 58px;
}

.dl-img,
.dl-img-sm {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dl-img img {
	min-height: 260px;
	max-height: 260px;
	object-fit: contain;
}

.dl-img-sm img {
	height: 220px;
	width: 100%;
	object-fit: contain;
}

.featured-container {
	height: 200px;
	display: grid;
	place-items: center;
	border: 1px solid #eee;
	overflow: hidden;
}

.featured-container img {
	width: 100%;
	height: 200px;
	object-fit: contain;
}
.prices {
	font-size: 23px !important;
	/* font-weight: bold; */
}

.top-nav {
	background-color: #fff;
	color: #969696;
	padding: 12px 7px;
	border-bottom: 1px solid #eee;
}
.top-nav span {
	color: #ddd;
}
.top-nav a {
	color: #4d4d4d;
	font-size: 14px;
}

.bg-light-grey {
	background-color: #F7F9FA !important;
}

/* .text-pry {
	color: var(--pry-color) !important;
} */

.bg-sec,
.bg-pry {
	background-color: var(--pry-dark-color);
	/* margin: -15px; */
}

.bg-pry {
	background-color: var(--pry-color);
	color: #fff;
}

.text-red {
	color: rgb(242, 133, 159);
}

.dash {
	margin-top: 80px;
	width: 100%;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.dash>div {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
	background-color: #ffffff;
	padding: 20px;
}

img {
	shape-rendering: crispEdges;
	max-width: 100%;
	height: auto;
}

.category-title {
	font-size: 25px;
	font-weight: 300 !important;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
}
.category-title.featured-products {
	text-align: center;
}

.listing-flex {
	display: flex;
	justify-content: space-between;
}

.listing-flex .products {
	width: 80%;
}

.listing-flex .product {
	width: 68%;
}

.listing-flex .addr {
	width: 60%;
}

.listing-flex .featured {
	width: 28%;
}

.listing-flex .add {
	width: 30%;
}

.listing-flex .redeem {
	width: 38%;
}

.flex-products {
	display: flex;
	flex-wrap: wrap;
}

.flex-products .product-img {
	width: 100%;
	height: 190px;
	object-fit: contain;
}

.img-container {
	height: 100px;
	width: 30%;
	background: #fff;
	padding: 5px;
}

.pe-img-container {
	height: 200px;
	overflow: hidden;
	display: grid;
	place-items: center;
	margin-bottom: 12px;
	border-radius: 10px;
}
.slick-slide {
	padding: 10px;
}
.slick-slide img {
	width: 100%;
	height: 200px;
	object-fit: contain;

}

.slick-slide .pe-img-container {
	height: 250px;
	background-color: #eee;
}

.flex-products h5 {
	font-size: 16px;
}

.ellipsis {
	width: 200px;
}

.el-lg {
	width: 300px;
	color: var(--pry-color);
	font-size: 26px;
	font-weight: 800;
}
.el-sm {
	width: 150px;
	margin-left: 20px;
}

.flex-products>div,
.flex-products.home>div,
.flex-products.offers>div {
	width: 31.9%;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #ffffff;
	border: 1px solid #eee;
	border-radius: 15px;
}
.flex-products.offers>div {
	width: 100%;
	border: none;
}
.flex-products.offers .single-offer-item {
	border-radius: 0;
	border-top: 2px solid #eee;
}
.flex-products.offers .pe-img-container {
    margin-top: 35px;
}
.flex-products.offers .btn-outline-pry, .btn-outline-grey {
    padding: 8px 30px;
}

/* offers UI mods */
.flex-products.offers .offer-product-img {
	border: 1px solid #eee;
	border-radius: 6px;
	width: 120px;
	height: 120px;
	padding: 0 5px;
}
.flex-products.offers .offer-product-img img {
	height: 110px;
  object-fit: contain;
}
.offer-base-price {
	font-size: 15px;
}
.offer-code {
	margin: 0 !important;
}
.width-30px {
	width: 30px;
}

.flex-products.similar>div {
	width: 15%;
}

.flex-products.home>div {
	width: 15%;
}
.li-view {
	color: #000000;
	transform: translateY(0px);
	transition: .3s;
}
.max-60 {
	max-width: 60%;
}
.el-li {
 	max-width: 650px;
}
.flex-products a {
	padding: 30px 20px;
	display: block;
	color: #333;
	position: relative;
	transform: translateY(0px);
	transition: .3s;
}
.flex-products>div {
	transition: .3s;
}

.flex-products div:hover .brnd {
	display: none;
}

.flex-products div:hover .prc {
	display: flex;
}

.flex-products>div:hover {
	box-shadow: 0px 1rem 2rem rgba(0, 0, 0, 0.07);
	transform: translateY(7px);
	transition: 0.5s;
}
.li-view:hover {
	color: var(--pry-color);
	box-shadow: 0px 1rem 2rem rgba(0, 0, 0, 0.07);
	transition: 0.5s;
}
.flex-products.offers>div:hover {
transform: none;
box-shadow: none;
}
.wishlist,
.wishlist:hover,
.wishlist:focus {
	position: absolute;
	right: 3px;
	top: 3px;
	color: var(--pry-color);
	outline: none;
	box-shadow: none;
}
.offer-optional-item,
.min-item-quantity {
	position: absolute;
    left: 15px;
    top: 5px;
    font-size: 11px;
    font-weight: bold;
    background-color: #ffe9a8;
    padding: 0 10px 0 10px;
    border-radius: 15px;
}
.min-item-quantity {
	background-color: #e7f7ff;
}

.clear-field {
	/* border: 1px solid #eee; */
	/* padding: 10px 100px 10px 10px;
	text-align: left;
	text-transform: capitalize;
	background: transparent;
	outline: none; */
}
.transform-none {
	text-transform: none;
}

#sortProducts::before {
	font-family: "Font Awesome 5 Pro";
	margin-right: 15px;
	font-weight: 900;
	font-size: 18px;
	content: "\f160";
	color: #aaa;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
	background: var(--pry-color);
	border-radius: 100%;
	margin-top: -4px;
	outline: none;
}

.ui-widget.ui-widget-content {
	border-color: none;
	background: var(--pry-dark-color);
}

.ui-slider-horizontal .ui-slider-range {
	background-color: var(--pry-color);
}

.ui-slider-horizontal {
	height: 6px;
	padding-top: 0px;
}
.slider {
	background-image: url('/img/slides/slide.jpeg');
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	min-height: 380px;
	display: grid;
	place-items:center;
	padding: 15px;
	border-radius: 5px;
}

.slider h4 {
	font-size: 40px;
}
.bg-clear {
	background-color: transparent;
	border: 1px solid #707070;
	border-right: none;
	margin-top: 1px;
	color: #fff;
}
input.text-white::placeholder {
	color: rgba(255,255,255,0.8);
}
.add-qt {
	/* box-shadow: 0rem 0.5rem 1rem rgba(0, 0, 0, 0.1); */
	border: 1px solid #ddd;
	border-radius: 15px;
	overflow: hidden;
}
.add-qt .btn {
	font-size: 22px;
}

.add-qt .btn:focus {
	box-shadow: none;
}
.add-qt .form-control {
	/* width: 100px; */
	height: 40px;
}
.qt {
	font-size: 18px;
	border: none;
}

.checkout_qt {
	max-width: 330px;
}

.checkout_qt_holder {
	width: 60px;
	height: 60px;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #eee;
	display: grid;
	place-items: center;
	background-color: #ffffff;
}

.checkout_qt_holder img {
	object-fit: contain;
	width: 100%;
	max-height: 50px;

}

.checkout_qt_holder span {
	position: absolute;
	right: -5px;
	top: -10px;
	text-align: center;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 100%;
	padding-top: 4px;
	font-size: 12px;
	font-weight: bold;
}

.zoom {
	display: block;
	position: relative;
	cursor: zoom-in;
}

.related-products {
	display: flex;
	color: #000000;
}

.related-products:hover {
	color: var(--pry-color);
}

.rel-img-container {
	/* background: #eee; */
  border: 1px solid #eee;
	width: 100px;
	height: 100px;
	padding: 5px;
	display: grid;
	place-items: center;
}
.rel-img-container img{
	max-height: 90px;
	object-fit: contain;
}
.single-order .rel-img-container,
#pills-orders .rel-img-container  {
	margin-right: 15px;
}
.relate {
	max-width: 450px;
}
.singleProduct span {
	height: 500px;
	width: 100%;
	margin-bottom: 0;
	display: grid;
	place-items: center;
}

.selectedImage {
  height: 460px;
  object-fit: contain;
}

.singleProduct {
	display: flex;
}

.socials {
	display: grid;
	place-items: center;
	height: 40px;
	width: 40px;
	font-size: 18px;
	background-color: #F3F3F3;
	color: #A9A9A9;
	margin-right: 5px;
	transition: 0.7s;
}

.socials:hover {
	background-color: var(--pry-color);
	border-color: var(--pry-color);
	color: #fff;
}

.linkedin {
	background-color: #E7F1F3;
	border-color: #E7F1F3;
	color: #5F9EB2;
}

.twitter {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.fb {
	background-color: #E2F0F9;
	border-color: #E2F0F9;
	color: #3D8FD9;
}

.whatsapp {
	background-color: #E2F3E0;
	border-color: #E2F3E0;
	color: #42B33D;
}

.link {
	background-color: #FFE9DE;
	border-color: #FFE9DE;
	color: #FE9150;
}

.ratings i {
	color: #eee;
}

.ratings i.active, .ratings span.active i {
	color: orange;
}
.add-img {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: grid;
	place-items:center;
	background: #fff;
	overflow: hidden;
	border: 2px solid #eee;
}
.additional_images {
	height: 45px;
	object-fit: contain;
}

.add-img.active {
	border-color: var(--pry-color);
}

.list {
	list-style: none;
	padding: 0;
	font-weight: 300;
	margin-top: 20px;
}

.list li {
	margin-bottom: 8px;
}

.list li a {
	color: #1E1E1E;
	transition: .5s;
	font-size: 15.5px;
}

.list li a:hover {
	color: var(--pry-color);
}
.border-dashed {
	border:1px dashed #aaa;
	color: #aaa;
	background: #eee;
}
.border-dashed:hover {
	background-color: var(--pry-dark-color);
	transition: .5s;
	border: 1px solid transparent;
	color: var(--pry-color);
}
.nav-pills .nav-link {
	border-bottom: 1px solid transparent;
	border-radius: 0;
	color: #333;
}

.nav-pills .nav-link.settings {
	border-bottom: 1px solid #ccc;
}

.nav-pills .nav-link.active {
	background-color: transparent;
	color: var(--pry-color);
	border-bottom: 1px solid var(--pry-color);
}

.modal-dialog .modal-header {
	background-color: var(--pry-color);
	color: #fff;
	padding: 8px 13px;
	font-weight: bold;
}

.btn-social, .btn-social:hover {
	/* width: auto; */
  display: inline-block;
  color: #fff;
}
.btn-social:hover {
	opacity: 0.9;
}
.btn-fb, .btn-fb:hover {
	background-color: #1877f2;
}
.btn-google, .btn-google:hover {
	background-color: #dc4e41;
}

.cards {
    max-width: 100px;
  }
  .payment-card {
    background-image: url(/img/cards.png);
    background-position: 4px 6px;
    background-size: 50px;
    background-repeat: no-repeat;
    padding-left: 60px;
    height: 50px;
  }
  .payment-card.visa {
    background-position: 4px -40px;
  }
  .payment-card.visa_electron {
    background-position: 4px -86px;
  }
  .payment-card.mastercard {
    background-position: 4px -132px;
  }
  .payment-card.maestro {
    background-position: 4px -179px;
  }
  .payment-card.discover {
    background-position: 4px -226px;
  }
  .payment-card.amex, .payment-card.american_express {
    background-position: 4px -274px;
  }

  .selector {
	position: relative;
	flex-wrap: nowrap;
  }
  .selector label {
	position: absolute;
	top: 3px;
	left: 24px;
	inset-inline-end: 1px;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
	font-size: 12px;
	/* padding: 15px; */
	color: #7d7d7d;
  }
  .selector input::placeholder  {
		font-size: 13px;
	}
  .selector select, .selector input {
	padding-top: 10px;
	height: 48px;
	background-color: #fff;
  }
	.selector .clear-field:has(+ .form-control:placeholder-shown) {
		opacity: 0;
	}
	.selector .clear-field:has(+ .form-control:not(:placeholder-shown)) {
		opacity: 1;
	}
  .selector .form-control {
	border-radius: 5px;
	font-size: 13px;
  }
  .selector .form-control:focus {
	box-shadow: none;
  }
  .selector label.error {
    color: red;
	position: relative;
    margin-bottom: 0;
	left: 0;
  }
.input-group .form-control {
	border-right:0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group-text {
	background-color: #ffffff;
}
/* CART */

.shopping-cart {
	background-color: #EEFCFB;
	border: none;
	padding: 20px;
}

.shopping-cart .card-header {
	background-color: transparent;
	border: none;
	color: #000000;
	font-size: 22px;
	font-weight: 600;
	/* letter-spacing: 2.43px; */
	letter-spacing: 0.43px;
	line-height: 35px;
}

.shopping-cart .item {
	display: flex;
	justify-content: space-between;
	width: 100%;
	/* border-radius: 10px; */
}
.shopping-cart .item {
	margin-bottom: 20px;
}
.shopping-cart .item:not(:last-child) {
	margin-bottom: 30px;
}

.shopping-cart .item .details {
	display: flex;
	width: 100%;
}

.shopping-cart .item .details .photo {
	width: 135px;
	height: 150px;
	border: 1px solid #ddd;
	padding: 10px 5px;
	margin-right: 15px;
	position: relative;
	/* background: #eee; */
	display: grid;
	place-items: center;
}
.shopping-cart .item .details .photo a {
	display: grid;
	place-items:center;
	width: 120px;
	margin-top: -3px;
}
.shopping-cart .item .details .photo a img{
	height: 135px;
	object-fit: contain;
}
.shopping-cart .item .wishlist {
	position: relative;
	top:0;
}
.shopping-cart .item .delete{
	color: #656565;
	background: transparent;
	display: grid;
	place-items:center;
	cursor: pointer;
	font-size: 13px;
}
.shopping-cart .item .delete:hover {
	color: #DF5858;
}
.shopping-cart .item .details .photo .optional {
	position: relative;
	border-radius: 9.13px;
	background-color: #58C9DF;
	color: #FFFFFF;
	font-size: 11.5px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 2px 0;
	z-index: 1;
	width: 100%;
	display: block;
	margin-top: 10px;
	text-align: center;
}

.shopping-cart .item .details .item-name {
	color: #000000;
	opacity: .7;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 25px;
	margin: 0;
	display: block;
	/* max-width: 500px; */
}
.shopping-cart .item .details .item-name:hover {
	color: var(--pry-color);
	opacity:1;
}
.shopping-cart .item .details .item-price {
	color: #000000;
	font-weight: 400;
	font-size: 16px;
	margin: 5px 0;
}

.shopping-cart .item .details .item-price .offer-price {
	font-size: 16px;
	color: var(--secondary-color);
	font-weight: bold;
}

.item-quantity-range span {
	color: #000000;
	font-weight: 400;
	font-size: 13px;
	opacity: 0.5;
	letter-spacing: 0;
}

.item-quantity-range span:not(:last-child) {
	position: relative;
	padding-right: 10px;
}

.item-quantity-range span:not(:last-child):after {
	position: absolute;
	content: "|";
	right: 2px;
	top: -2px;
}

.item-quantity {
	width: 80px;
}
.quantity-field {
	width: 100px;
}
.shopping-cart .item .summary p,
.shopping-cart .item .summary span {
	color: #000000;
	font-size: 15px;
	font-weight: 500;
	line-height: 25px;
	text-align: right;
}
.shopping-cart.with-promotion {
	border: 1px solid #ebebeb
}
.shopping-cart.with-promotion .card-header {
	position: relative;
	padding-bottom: 0;
	font-size: 20px;
}
.shopping-cart.with-promotion .coupon-message {
	position: relative;
	padding-bottom: 0;
	font-size: 15px;
	line-height: 24px;
	font-weight: normal !important;
}

.shopping-cart.with-promotion .card-header .code, .cde {
	background-color: #FFDC03;
	display: inline-block;
	padding: 8px;
	font-size: 14px;
	font-weight: 600;
	position: absolute;
	top:-38px;
	left: 0;
	border-radius: 8px;
}

.shopping-cart.with-promotion .card-header .del-form {
	position: absolute;
	top: -40px;
	right: -30px;
}
.shopping-cart.with-promotion .card-header .delete {
	background-color:#DF5858;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 30px;
	height: 30px;
	cursor: pointer;
	border: none;
	font-size: 15px;
	border-radius: 50px;
}

.promotions-title {
	color: #000000;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 35px;
	margin-bottom: 35px;
}
.shopping-cart .table-responsive {
	border: 1px solid #eee;
}

.shopping-cart .table thead th {
	border-bottom: 1px solid #eee;
	border-top:none;
}
.shopping-cart .table tbody + tbody{
	border-top: 1px solid #eee;
}
.shopping-cart .table thead th:first-child  {
	border-top-left-radius: 10px;
}
.shopping-cart .table thead th:last-child  {
	border-top-right-radius: 10px;
}
.shopping-cart .table tbody td {
	border:none;
}
.shopping-cart .divider {
	background: #eee;
	height: 1px;
	position: absolute;
	right: 0;
	width: 200px;
}
.coupon-name {
	max-width: 370px;
	color: #000000;
}
.coupon-name:hover {
	color: var(--pry-color);
}
.coupon-photo a {
	display: block;
	border: 1px solid #ddd;
	padding: 5px;
	height: 100px;
	width: 100px;
}
.coupon-photo a img{
	height: 90px;
	width: 100%;
	object-fit: contain;
}

.coupon-photo-rounded a {
	height: 70px;
	width: 70px;
	display: block;
}
.coupon-photo-rounded a img{
	height: 70px;
	object-fit: contain;
	background: #fff;
	/* border-radius: 100%; */
	width: 100%;
}
.coupon-name.text-white {
	width: auto;
	max-width: 250px;
}
.unit-added {
	background: #D0E8D9;
	color: #000;
}
.unit-added .coupon-name.text-white {
	color: #000000 !important;
}
.unit-added h6.font-weight-bold, .unit-added .text-white, .unit-added .text-yellow, .unit-added h5 {
	color: var(--pry-color) !important;
}
.editable-unit {
	margin: 0;
	padding: 10px;
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.editable-unit .add-qt {
	box-shadow: none;
}

.editable-unit:first-child {

}
.editable-unit:last-child {

}
.text-yellow {
	color: #f0da13;
}
.apply-coupon {
	text-align: center;
}

.fm-rounded {
	/* border-radius: 30px; */
	color: #000000;
}

.coupons-list {
	/* margin: 30px 0; */
	font-weight: 400;
	color: #000;
}

.coupons-list .coupon {
	text-transform: uppercase;
}

.coupons-list .coupons-sub-total {
	margin: 15px 0;
	display: flex;
	justify-content: space-between;
}

.coupons-list .coupons-sub-total .amount {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 27px;
	text-align: right;
}

.divider {
	background-color: var(--sec-color);
	display: block;
	height: 100%;
	width: 1px;
}

.cart-container {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pointer {
	cursor: pointer;
}
.card {
	border-radius: 0px;
}

.paginator {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.paginator .paginator-summary {
	margin: 0 15px 0 0;
}

.paginator nav {
	max-height: 43px;
	padding: 0;
}

.paginator li:first-child.page-item {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;

}

.paginator li:last-child.page-item {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.paginator li:first-child.page-item .page-link,
.paginator li:last-child.page-item .page-link {
	background-color: #fff !important;
	border-color: #F0F0F0 !important;
	padding: 0px 15px !important;
  color: #12142D !important;
  font-size: 32px;
}

.paginator .page-item.disabled {
	background-color: transparent !important;
}

.paginator li.page-item .page-link {
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	border-right: none;
	border-left: none;
	padding: 10px 15px;
	color: #1B1D34;
}

.paginator li.page-item .page-link:focus {
	outline: none;
	box-shadow: none;
}

.paginator li:nth-child(2).page-item .page-link {
	border-left: 1px solid #F0F0F0;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.paginator li:nth-last-child(2).page-item .page-link {
	border-right: 1px solid #F0F0F0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.paginator .page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: var(--pry-color);
	border-color: var(--pry-color);
	border-radius: 0px;
}

.paginator li:nth-child(2).page-item.active .page-link {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	padding-left: 15px;
	border-color: var(--pry-color);
}

.paginator li:nth-last-child(2).page-item.active .page-link {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	padding-left: 15px;
	border-color: var(--pry-color);
}

.section-carousel {
	position: relative;
}

.section-carousel .header {
	margin-bottom: 35px;
}

.products-carousel .item {
	display: flex;
	margin-right: 30px;
}

.products-carousel .item .image {
	width: 100px;
  border: 1px solid #eee;
	border-radius: 10px;
	margin-right: 20px;
  padding: 7px;
  height: 100px;
	display: block;
}

.products-carousel .item .image img {
  height: 90px;
	width: 90px;
  object-fit: contain;
}

.products-carousel .item .details {
	display: flex;
	flex-direction: column;
}

.products-carousel .item .details h6 {
	color: #000;
}

.products-carousel .item .details a {
	color: var(--pry-color);
}

.inner-nav {
	position: sticky;
	top: 0;
}



.owl-carousel.products-carousel .owl-nav button.owl-next,
.owl-carousel.products-carousel .owl-nav button.owl-prev,
.owl-carousel.products-carousel button.owl-dot {
	background: 0,0;
	color: inherit;
	border: none;
	padding: 0!important;
	font: inherit;
	font-size: 40px;
	color: #969696;
}

.owl-carousel.products-carousel button.owl-prev {
	margin-right: 10px;
}

.products-carousel .owl-nav button:focus {
	outline: none;
}

.review {
	overflow: auto;
}

.checkout-steps {
	width: 100%;
	display: flex;
	margin-bottom: 30px;
}

.checkout-steps .step {
	display: flex;
	align-items: center;
	border-bottom: 3px solid #E0E0E0;
	color: #ddd;
	font-size: 22px;
	padding: 15px 0;
}

.checkout-steps .step i {
	font-size: 40px;
	margin-right: 20px;
}

.checkout-steps .step:not(:last-child) {
	margin-right: 15px;
}

.checkout-steps .step.active,
.checkout-steps .step.completed {
	color: var(--pry-color);
	border-color: var(--pry-color);
}

.checkout-step {
	box-shadow: 0 0 15px 5px rgb(0 0 0 / 7%);
	padding: 25px 30px;
}

.checkout-step .title {
	font-size: 16px;
}

.drop-shadow {
	/* box-shadow: 0 0 15px 5px rgb(0 0 0 / 7%); */
	border: 1px solid #dedede !important;
	border-radius: 8px;
}

.order-title {
	margin: 0;
	/* font-weight: bold; */
}
.lf-deal {
	left: -9%;
}
.rt-deal {
	right: -9%;
}
.benefit-info {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
}

.benefit-info .icon {
	width: 60px;
	height: 60px;
	background-color: var(--pry-dark-color);
	color: var(--pry-color);
	margin-bottom: 20px;
	border-radius: 10px;
	font-size: 30px;
	display: grid;
	place-items: center;
}

.benefit-info h6 {
	font-weight: bold;
	font-size: 17px;
	margin-top: 10px;
	margin-bottom: 11px;
}

.benefit-info p {
	font-size: 13px;
	color: #AAAAAA;
}

.newsletter-subscription {
	background-color: var(--pry-color);
	padding: 80px 0;
	color: #fff;
	position: relative;
}

.newsletter-subscription:before,
.newsletter-subscription:after {
	position: absolute;
	content: "";
	background-image: url(../img/circleElement.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	opacity: 0.5;
}

.newsletter-subscription:before {
	top: 57px;
	left: 44%;
	transform: translateX(-50%);
}

.newsletter-subscription:after {
	bottom: 100px;
	right: 10%;
	transform: translateX(-50%);
}

.newsletter-subscription .subscription-icon {
	font-size: 100px;
	opacity: 0.4;
}

.newsletter-subscription .title {
	margin-bottom: 20px;
	font-size: 30px;
}

.newsletter-subscription .sub-form-holder {
	float: right;
	width: 85%;
}

.subscription-form {
	background-color: #fff;
	position: relative;
	padding: 10px 10px 10px 30px;
}

.subscription-form input:focus {
	outline: none;
	box-shadow: none;
}

.subscription-form .btn-secondary {
	background-color: #565656;
	border-color: #565656;
	text-transform: uppercase;
	font-weight: bold;
}

.footer-text p {
	color: #adadad;
}

.center {
	display: grid;
	place-items: center;
}

.featured-carousel {
	max-width: 1800px;
	overflow: hidden;
}

.featured-carousel .owl-nav {
	position: absolute;
	width: 100%;
	bottom: -5px;
}

.featured-carousel .owl-dots {
	margin-top: 40px;
}

.owl-carousel.featured-carousel button.owl-dot {
	background: 0 0;
	border: none;
	padding: 0!important;
	font: inherit;
	font-size: 40px;
	color: #969696;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: var(--pry-color);
}

.owl-carousel.featured-carousel .owl-nav button.owl-next,
.owl-carousel.featured-carousel .owl-nav button.owl-prev {
	background: var(--pry-color);
	color: #fff;
	text-align: center;
	padding: 0 !important;
	font-size: 40px;
	position: relative;
	border-radius: 100%;
	height: 30px;
	width: 30px;
}

.owl-carousel.featured-carousel .owl-nav span {
	position: absolute;
	top: -18%;
	margin: auto;
	left: 0;
	right: 0;
	font-size: 25px;
}

.owl-carousel.featured-carousel button.owl-prev {
	margin-right: 100px;
}

.featured-carousel .owl-nav button:focus {
	outline: none;
}

.filter-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.faq-title {
	border: 1px solid #bdbaba;
  padding: 20px 25px;
  border-radius: 7px;
	font-size: 18px;
	font-weight: 600;
}
.faq-title .text-muted{
	font-size: 25px;
}
.faq-title.last {
	margin: 0;
}
.faq-title.open {
	border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	margin: 0;
}
.faq-answer {
	padding: 15px 25px;
}
.faq-answer.open {
	border: 1px solid #bdbaba;
	border-top: none;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	margin-bottom: 15px;
}
.faq-contact-us {
	width: 100%;
    min-height: 300px;
    background-image: url(../img/faq_vector.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    display: flex;
    padding-top: 100px;
	justify-content: center;
}

.faq-page .page-title {
	font-size: 25px;
}
.faq-contact {
	padding-right: 100px;
}
.faq-contact h4 {
	font-size: 30px;
}


/* ------ */

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid var(--pry-color);
}
.ribbon span {
	position: absolute;
    display: block;
    width: 225px;
    padding: 7px 0;
    background-color: var(--pry-dark-color);
		/* border: 1px solid var(--pry-color); */
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    color: var(--pry-color);
    font: 700 13px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    text-align: center;
}



/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 25px;
}
.ribbon-top-right::after {
  bottom: 25px;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

.btn-sm.btn-pry, .btn-sm.btn-outline-pry {
	padding: 10px 20px;
	font-size: 13px;
}

.newsletter-image {
	max-width: 445px;
}
.modal-with-background {
	position: relative;
}
.modal-with-background .modal-content {
	border: none;
}
.modal-with-background .modal-content .modal-header {
	border: none;
	overflow: hidden;
	position: relative;
}
.modal-with-background .modal-content .modal-body {
	background-color: var(--pry-color);
	border-bottom-left-radius: calc(0.3rem - 1px);
	border-bottom-right-radius: calc(0.3rem - 1px);
	position: relative;
}

.modal-with-background .modal-content .modal-header .close {
    background-color: var(--pry-color);
    color: #fff;
    opacity: 1;
}
.pac-container {
    background-color: #FFF;
    z-index: 200;
    position: fixed;
    display: inline-block;
    float: left;
}
.modal{
    z-index: 200;
}
.modal-backdrop{
    z-index: 100;
}​
.coupon-message {
	font-size: 13px;
	font-weight: normal;
	color: #656565;
}
.coupon-shipping-fees {
	font-size: 12px;
    font-weight: normal;
    line-height: 20px;
	color: #656565;
}
.history-date {
	position: absolute;
    top: 10px;
    left: 10px;
    background-color: #e7f7ff;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: bold;
}
.view-history-link {
	font-size: 14px;
	margin-left: 10px;
}
.v-align-top td {
    vertical-align: top;
}
/* ------ */

.products-wrap {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	text-align: center;
}

.products-wrap .single-product {
	padding: 10px;
	margin-bottom: 15px;
	transition: 0.3s;
	width: 24%;
	border: 1px solid #e6e6e6;
}
.products-wrap .single-product .center{
	background: #fff;
	/* border-bottom: 1px solid #e6e6e6; */
}
.products-wrap .single-product .center .position-absolute{
	top:0;
	left:0;
}
.products-wrap .single-product .center .float-right{
	position: absolute;
	top:5px;
	right: 5px;
}
.products-wrap .single-product:hover {
	cursor: pointer;
	transition: 0.3s;
}
.products-wrap .single-product .text-light {
	color: #969696 !important;
}
.products-wrap .single-product .bg-primary-light {
	background-color: var(--pry-dark-color);
}
.products-wrap .single-product .text-primary {
	color: var(--pry-color) !important;
}
.products-wrap .single-product .review {
	font-size: 13px;
	font-weight: 500;
}
.subscription-footer {
	/* position: relative; */
	padding-top: 100px;
	margin-top: 200px;
	background-color: #1e1e1e;
	color: #fff;
}
.subscription-footer .title {
	font-size: 50px
}
.subscription-footer .subscription-form {
	width: 100%;
	min-height: 55px;
	position: relative;

}
.subscription-footer .subscription-form input[type="email"]{
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	border: none;
	background-color: transparent;
	padding: 0 200px 0 20px;
	font-weight: 600;
	color: #737373;
}
.subscription-footer .subscription-form button {
	position: absolute;
  top: 0;
  right: 0;
  background-color: var(--pry-color);
  border: 1px solid var(--pry-color);
  padding: 10px 50px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
	height: 100%;
}
.subscription-footer .footer-links {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.subscription-footer .footer-links li {
	margin-bottom: 5px;
}
.subscription-footer .footer-links li.title {
	font-weight: bold;
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
}
.subscription-footer .footer-links li a {
	font-size: 12px;
    font-weight: 600;
    color: #3d3d3d;
}
.subscription-footer .bg-primary {
	background-color: var(--pry-color) !important;
}
.subscription-footer .signup-form-section {
	margin-top: 75px;
    padding-bottom: 45px;
}
.subscription-footer .subscription-content-title {
	font-size: 45px;
}
.subscription-footer .subscription-content-sub-title {
	font-size: 20px;
}
.subscription-footer .text-lighter {
	color: #eaeaea;
}
ul.popular-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.popular-list li {
	position: relative;
	padding-left: 15px;
	font-weight: 500;
	margin-bottom: 10px;
}
ul.popular-list li:before {
	position: absolute;
	left:0;
	top:0;
	content:"+";
}
.stars-rating a i {
	font-size: 13px;
	color: #eee;
}
.stars-rating a span.active i {
	color: var(--pry-color);
}
.favourite.active {
	color: var(--pry-color);
}

.detect-card-type {
	position: relative;
	overflow: hidden;
}
.detect-card-type input {
	padding-right: 100px;
}
.detect-card-type img {
	position: absolute;
    top: 6px;
    right: 10px;
    width: 50px;
    border-radius: 5px;
}
a.whatsapp {
	display: none !important;
}

.pac-container
{
	position:fixed;
	display:block;
	margin-top: -225px;
}
.field-sm {
	padding: 3px;
	box-shadow: none !important;
	border: 1px solid #eee;
	margin-bottom: 0;
}
.mobile-nav-bar {
	display: none;
}
.product-description p>br {
	display: none;
}
.product-description h1 {
	font-size: 22px;
}
.product-description h2 {
	font-size: 20px;
}
.product-description h3 {
	font-size: 18px;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: var(--pry-color);
    border-color: var(--pry-color);
}

.search-form-suggest {
	position: absolute;
	top: 0;
  border-block: 1px solid #eee;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
}
.search-form-suggest .suggest-product img {
	width: 100%;
    height: 160px;
    object-fit: contain;
}
.search-form-suggest .suggest-product {
	text-align: center;
    background-color: #F8F8F8;
    padding: 15px;
    height: 100%;
}
.search-form-suggest .suggest-product h6 {
    margin-top: 10px;
    /* font-weight: bold; */
    opacity: 0.7;
    font-size: 14px;
}

.btn-outline-social {
    color: #000 !important;
    border:1px solid rgba(255,255,255,.8);
    padding: 12px 28px;
    font-size: 15px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }
  .btn-outline-social.dark {
    color: #fff !important;
    background-color: #000;
  }
  .btn-outline-social img{
    width: 22px;
    height: 22px;
    object-fit: contain;
  }
  .btn-outline-social:hover {
    transition: .5s;
    box-shadow: 0px 15px 15px rgba(11, 28, 91, 0.101961);
    color: rgba(255,255,255,.8);
  }
  .social-login {
    display: flex;
    justify-content: space-between;
  }

	.featured-glucose {
	  background-color: #01685F;
	  background-image: url('/img/featured-glucose-bg.svg');
	  background-position: left;
	  background-size: cover;
	  display: block;
	  color: #fff !important;
	}
	.featured-glucose .kit {
	  position: absolute;
	  bottom: -30px;
	  max-width:250px;
	  right: -20px;
	}
	.featured-entero {
	  background-color: #C9F1F0;
	  position: relative;
	  display: block;
	}
	.featured-entero img {
	  position: absolute;
	  right:0px;
	  top: -60px;
	  max-width: 270px;
	}
	.featured-watchpat {
	  border: 1px solid rgba(0, 92, 101, .16);
	  background-color: #E5EDED;
	  position: relative;
	  display: block;
	}
	.featured-watchpat img {
	  position: absolute;
	  bottom: -35px;
	  right: -40px;
	  max-height: 250px;
	}

/*RESPONSIVE*/


/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) and (max-width: 1366px) {
	.top-flex .hero-image {
		flex-basis: 65%;
	  }
		.flex-products>div,
		.flex-products.home>div,
		.flex-products.offers>div {
			width: 23%;
		}
}


/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
	.flex-products>div,
	.flex-products.home>div,
	.flex-products.offers>div {
		width: 32%;
	}
	.fl-sidebar {
    width:30%;
  }
}


/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .checkout_qt {
    width: 115px;
  }
  .btn-pry {
    padding: 8px 20px;
  }
  .btn-outline-pry, .btn-outline-grey {
    padding: 8px 25px;
  }
  .newsletter-subscription .subscription-icon {
    font-size: 40px;
  }
  .newsletter-subscription .title {
    line-height: 40px;
  }
  .newsletter-subscription .sub-form-holder {
    width: 100%;
  }
  .subscription-form {
    padding: 10px 10px 10px 10px;
  }
  .faq-contact-us {
    background-size: 250px;
    padding-top: 53px;
    justify-content: start;
  }
  .faq-contact {
    padding-right: 0;
 }
 .products-wrap .single-product {
	-ms-flex: 0 0 30% !important;
	flex: 0 0 30% !important;
	max-width: 30%;
	margin-bottom: 0;
}
.products-wrap {
	justify-content: flex-start;
}
.promo-section .promo {
	display: flex;
	flex-direction: row;
}
.promo-section .promo .promo-info {
	width: 55%;
}
.promo-section .promo .promo-images {
	opacity: 1;
	height: 165px;
	position: relative;
}
.promo-section .promo .promo-images img {
	max-width: 115px;
}
.promo-section .promo .promo-images img.web {
	display: none;
}
.top-flex h5 {
    font-size: 30px;
}
.top-flex .hero-image {
	flex-basis: auto
}
.top-flex .hero-content {
    padding-left: 50px;
}
}


/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  .checkout_qt {
    width: 155px;
  }
  .btn-pry {
    padding: 8px 20px;
  }
  .btn-outline-pry, .btn-outline-grey {
    padding: 8px 25px;
  }
  .faq-contact-us {
    background-size: 250px;
    padding-top: 53px;
    justify-content: start;
  }
  .faq-contact {
    padding-right: 0;
 }
 .products-wrap {
 	justify-content: flex-start;
 }
 .products-wrap .single-product {
	-ms-flex: 0 0 33.333% !important;
	flex: 0 0 33.333% !important;
	max-width: 33.333%;
	margin-bottom:0;
}
.promo-section .promo {
	display: flex;
	flex-direction: row;
}
.promo-section .promo .promo-info {
	width: 55%;
}
.promo-section .promo .promo-images {
	opacity: 1;
	height: 165px;
	position: relative;
}
.promo-section .promo .promo-images img {
	max-width: 115px;
}
.promo-section .promo .promo-images img.web {
	display: none;
}

.top-flex h5 {
    font-size: 43px;
}
.flex-products>div,
.flex-products.home>div,
.flex-products.offers>div {
	width: 31%;
}
}

.d-xxl-block {
	display: block !important;
}
.d-xxl-none {
	display: none !important;
}
/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media screen and (max-width:1399px) {
	.hero {
		min-height: 550px;
	}
	.d-xxl-block {
		display: none !important;
	}
	.d-xxl-none {
		display: block !important;
	}
	.light-bg-logo .hero-tag {
		position: absolute;
		bottom: 0;
		left: 5%;
		width: 250px;
	}
	.light-bg-logo .hero-product {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 350px;
	}
	.lib-center {
		place-items:start
	}
	.hero-boxes .title {
		font-size: 30px;
		line-height: 34px;
	}
	.libre-container .title {
		font-size: 48px;
	}
	.libre-container {
		background-position: top;
		background-size: contain;
	}
	.subscription-footer .title {
    font-size: 45px;
  }
}
@media screen and (max-width:1299px) {
	.light-bg-logo .hero-tag {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 200px;
	}
	.hero-boxes .btn {
		width: 100%;
	}
	.light-bg-logo .hero-deal {
		margin-top: -25px;
	}
	.light-bg-logo .hero-product {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 300px;
	}
	.libre-container-kit-deal {
		width: 90%;
	}
}
@media screen and (max-width:1399px) {
	.top-title {
		font-size: 55px;
		line-height: 60px;
	}
}
@media screen and (max-width:1199px) {
	.hero {
		/* min-height: 450px; */
	}
	.top-title {
		font-size: 50px;
		line-height: 55px;
	}
	.libre-container {
		background-position: bottom;
		background-size: cover;
	}
	.libre-container-kit-deal {
		width: 40%;
	}
	.hero-top {
		background-image: none;
		display: flex;
		flex-direction: column;
	}
	.hero-top > div {
		display: grid;
		place-items: center;
		text-align: center;
	}
	.hero-top .title {
		font-size: 42px;
	}
	.hero-content .title {
		font-size: 38px;
	}
	.hero-boxes .btn {
		padding-block:14px !important;
	}
	.featured-glucose .model {
		position: absolute;
		bottom: 0;
		max-width: 180px;
		right: 0;
	}
	.featured-glucose .kit {
		max-width: 200px;
		right: 0;
	}
	.featured-entero img {
		right: -20px;
		top: auto;
		bottom: -50px;
		max-width: 185px;
	}
	.featured-watchpat img {
		bottom: -25px;
		right: -25px;
		max-height: 200px;
	}
	.title {
		font-size: 40px
	}
	.subtitle {
		font-size: 30px
	}
	.subheader {
		font-size: 25px;
	}
	.health-terms h4 {
		font-size: 20px;
	}
}

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

	.mb-100 {
		width: 100%;
	}
	.col-supplements, .col-lab, .col-sleep, .col-beauty {
		border-radius: 15px;
	}
	.border-rounded {
		border-radius: 12px;
	}
	.featured-glucose .subtitle {
		font-size: 40px;
	}
	.featured-glucose .model {
		max-width: 280px;
	}
	.featured-glucose .kit {
		max-width: 260px;
	}
	.holistic {
		background-position: top;
	}
	.holistic-overlay {
		min-height: 400px;
	}
	.light-bg-logo  {
		min-height: 500px
	}
	.gf-container {
    background-size: 200px;
  }

  .popup-overlay.show {
    background-color: rgba(0,0,0,.4);
    min-height: 100vh;
    height: 100%;
    width: 100vw;
    position: fixed;
    top:0;
    left:0;
    z-index: 100;
  }
  .popup-sidebar {
    position: absolute;
    right:0;
    top: 0;
    overflow: hidden;
    height: 0;
    width: 0;
    margin-right: -300px;
  }
  .popup-sidebar.show {
    height: 100%;
    margin-right: 0;
    transition: .5s;
    overflow: auto;
    z-index: 200;
    min-height:100vh;
    background-color: #ffffff;
    width: 300px;
    margin-right: 0;
    position: fixed;
    padding: 10px;
		padding-bottom: 0;
    box-shadow: 0 -2px 2px 2px rgba(0, 0, 0, 0.4);
    transition: .5s;
  }
	.filter-form button[type='submit'] {
		position: sticky;
		bottom: 0;
	}
  .floater {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    display: block;
  }
	.navbar-nav li {
		padding-right: 0;
	}
	.dropdown-menu a {
		font-size: 16px;
		border-bottom: 1px solid #ddd !important;
		padding: 6px 0;
		margin-left: 0;
		width: 95%;
	}
	.sm-top-nav {
		display: none !important;
	}
	.inner-nav {
		position: relative;
	}
	.inner-menu {
		color: #fff;
		padding-block: 10px;
		font-size: 16px;
		line-height: 16px
	}
	.inner-cat h5 {
		font-size: 16px;
	}
	.dropdown.fw .dropdown-menu {
		width: 100%;
	}
	.category-hero {
		width: 100%;
		padding: 30px;
	}
	.inner-need h5 {
		font-size: 18px;
		left: 10px;
	}
	.attribute-description div {
		max-width: 100% !important;
	}
	.attribute-description h1 {
		font-size: 35px !important;
	}
	.mobile-nav-bar {
		width: 100%;
		display: block;
	}
	.mobile-nav-bar .navbar-toggler {
		margin: 0;
		padding: 0;
		border: 0;
		color: #333;
		font-size: 20px;
		line-height: 0;
	}
	.mobile-nav-bar .navbar-toggler:focus,
	.mobile-nav-bar .navbar-toggler.active {
		background-color: transparent !important;
	}
	.mobile-nav-bar .logo {
		width: 170px;
	    height: 60px;
	    margin-left: 0;
	}
	.mobile-nav-bar .cart img {
		height: 28px;
	}
	.mobile-nav-bar .cart span {
		font-size: 12px;
    padding-top: 3px;
    height: 25px;
    width: 25px;
    top: -15px;
		right: -13px;
		line-height: 0;
	}
	.mobile-nav-bar .cart span#wishlistTotalCount{
		right: -10px;
	}
	.mobile-nav-bar .morph-button-fixed {
		width: 51px;
	    height: 51px;
	    margin-top: -9px !important;
	    margin-right: 15px;
	}
	.mobile-nav-bar .morph-button-modal-btn > button {
		background: transparent;
		width: 100%;
		padding: 0;
	}
	.mobile-nav-bar .morph-button-modal-btn > button span.mobile{
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		font-weight: bold;
	}
}
@media screen and (max-width:947px) {
	.featured-entero img {
		bottom: -90px;
	}
	.featured-watchpat img {
		max-height: 160px;
	}
}
@media screen and (max-width:767px) {
	.top-title {
		font-size: 42px;
		line-height: 52px;
	}
	.category {
		min-height: 250px;
		background-position: center;
	}
	.title {
		font-size: 36px;
	}
	.holistic {
		background-position: top;
	}
	.holistic-overlay {
		/* min-height: 100%; */
		margin-top: 0px;
	}
	.light-bg-logo {
		min-height: 600px
	}
	.light-bg-logo .hero-product {
		width: 250px;
	}
	.flex-products .product-img, .pe-img-container {
		height: 160px
	}
	.flex-products a {
		padding: 20px 15px;
	}
	.featured-glucose .model, .featured-glucose .kit  {
		max-width: 180px;
	}
	.featured-entero img {
		max-width: 260px;
		bottom: -40px;
		right: -25px;
	}
	.featured-watchpat img {
		max-height: 260px;
	}
	.featured-glucose .subtitle, .featured-entero .subtitle, .featured-watchpat .subtitle {
		font-size: 35px;
	}
}
@media screen and (max-width:575px) {
	.featured-entero .btn, .featured-watchpat .btn, .featured-glucose, .btn {
		width: 100% !important;
		position: relative;
		z-index: 2;
	}
	.featured-glucose {
		background-position: bottom center;
	}
	.featured-glucose .model {
		position: relative;
		max-width: 230px;
	}
	.featured-entero img {
		display: none;
	}
	.featured-entero .mob  {
		display: block !important;
		position: relative;
		top: 0;
		margin-top: 0;
		max-width: 230px;
	}
	.featured-watchpat img {
		display: none;
	}
	.featured-watchpat .mob  {
		display: block !important;
		top: 65px;
		right:-10px;
		max-height: 230px;
	}
	.featured-watchpat .mob-div {
		margin-top: 120px;
	}
	.category {
		min-height: 200px;
		background-position: center;
	}
	.title {
		font-size: 32px;
	}
}
@media screen and (max-width:545px) {
	.featured-entero img {
		position: relative;
		right: -20px;
		max-width: 60%;
		margin-top: -140px;
	}
	.featured-watchpat .mob-div {
		margin-top: 150px;
	}
	.light-bg-logo {
		min-height: 600px
	}
	.light-bg-logo .hero-product {
		width: 200px;
	}
	.light-bg-logo .hero-tag {
		width: 200px;
	}
	.hero-top .title {
		font-size: 25px;
	}
	.hero-content .title {
		font-size: 30px;
	}
	.libre-container .title {
		font-size: 40px
	}
	.libre-container-kit-deal {
		width: 80%;
	}
	.libre-container {
		background-position: top;
		background-size: contain;
	}
	.hero-top .happy-woman {
		max-width: 70%;
	}
}
@media screen and (max-width:425px) {
	.featured-watchpat img {
		right: -35px;
	}
}
@media (min-width: 481px) and (max-width: 768px) {
	.flex-products {
		justify-content: space-between;
	}
	.flex-products>div,
	.flex-products.home>div,
	.flex-products.offers>div {
		width: 48%;
		margin-right: 0;
	}
	.clear-field {
		/* padding: 10px 55px 10px 10px; */
	}

	.filter-holder .filter-header .toggle-filter {
		display: none;
	}
  .checkout-steps .step {
    font-size: 20px;
    padding: 10px 0;
    font-weight: bold;
  }
  .checkout-steps .step i {
    font-size: 35px;
    margin-right: 10px;
  }
  .table.mobile-full-table tr th,
  .table.mobile-full-table tr td {
    white-space: nowrap;
  }
  .faq-contact-us {
    background-size: 250px;
    padding-top: 53px;
    justify-content: start;
  }
  .faq-contact {
    padding-right: 0;
 }

 .products-wrap .single-product {
	-ms-flex: 0 0 46% !important;
	flex: 0 0 46% !important;
	max-width: 46%;
}
.subscription-footer {
	margin-top: 0;
	padding-top: 35px;
}
.subscription-footer .company-overview>.container>.row .col-12.pe-0 {
	padding-right: 15px!important;
}
.subscription-footer .company-overview>.container>.row .col-12.ps-0 {
	padding-left: 15px!important;
}

.subscription-footer .subscription-content-title {
    font-size: 24px;
}

.promo-section .promo {
	display: flex;
	flex-direction: row;
}
.promo-section .promo .promo-info {
	width: 55%;
}
.promo-section .promo .promo-images {
	opacity: 1;
	height: 165px;
	position: relative;
}
.promo-section .promo .promo-images img {
	max-width: 115px;
}
.promo-section .promo .promo-images img.web {
	display: none;
}

/* Mobile nav */
.sm-top-nav {
	display: none !important;
}

.mobile-nav-bar {
	width: 100%;
	display: block;
}
.mobile-nav-bar .navbar-toggler {
	margin: 0;
	padding: 0;
	border: 0;
	color: #333;
	font-size: 20px;
}
.mobile-nav-bar .navbar-toggler:focus,
.mobile-nav-bar .navbar-toggler.active {
	background-color: transparent !important;
}
.mobile-nav-bar .logo {
	width: 170px;
    height: 60px;
    margin-left: 0;
}
.mobile-nav-bar .cart img {
	height: 28px;
}
.mobile-nav-bar .cart span {
	font-size: 14px;
    padding-top: 3px;
    height: 25px;
    width: 25px;
    top: -15px;
	right: -13px;
}
.mobile-nav-bar .cart span#wishlistTotalCount{
	right: -10px;
}
.mobile-nav-bar .morph-button-fixed {
	width: 51px;
    height: 51px;
    margin-top: -9px !important;
    margin-right: 15px;
}
.mobile-nav-bar .morph-button-modal-btn > button {
	background: transparent;
	width: 100%;
	padding: 0;
}
.mobile-nav-bar .morph-button-modal-btn > button span.mobile{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	font-weight: bold;
}
/* Mobile nav */
}

@media screen and (max-width:685px) {
	.gf-container {
    background-size: 100px;
  }
	li.page-item {

        display: none;
    }

    .page-item:first-child,
    .page-item:nth-child( 2 ),
    .page-item:nth-last-child( 2 ),
    .page-item:last-child,
    .page-item.active,
    .page-item.disabled {

        display: block;
    }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
	.shopping-cart .item .details {
		display: grid;
		place-items:center;
	}
	.shopping-cart .item .wishlist {
		top:2px;
	}
.d-flex-column-sm {
	flex-direction: column !important;
}
.btn-social{
    width: 100%;
	margin-bottom: 10px;
}
.card-expiry-month {
	max-width: 115px;
}
.card-expiry-year {
    max-width: 130px;
}
.card-expiry-cvv {
	max-width: 130px;
}
  .mobile-w-100 {
    width: 100%;
  }

	.flex-products>div,
	.flex-products.home>div {
		width: 48%;
		margin-right: 0;
	}
	.flex-products {
		justify-content: space-between;
	}
	.clear-field {
		/* padding: 10px 25px 10px 10px; */
	}
	.btn-outline-pry,
	.btn-outline-grey {
		padding: 8px 10px;
	}
	.subscription-form {
		padding: 10px;
	}
	.newsletter-subscription .sub-form-holder {
		width: 100%;
	}
	.newsletter-subscription .subscription-icon {
		font-size: 50px;
	}
	.newsletter-subscription {
		padding: 35px 0 55px 0;
	}
	.newsletter-subscription:before {
		top: 32px;
		right: 0;
		left: unset;
		transform: translateX(-50%);
	}
	.newsletter-subscription:after {
		display: none;
	}
	.newsletter-subscription .title {
		margin-top: 20px;
	}
  .checkout-steps .step {
    font-size: 12px;
    padding: 10px 0;
    font-weight: bold;
  }
  .checkout-steps .step i {
    font-size: 18px;
    margin-right: 10px;
  }
  .checkout_qt {
    width: 194px;
  }
	.checkout_qt p {
		font-size: 14px;
	}
  .products-carousel .item {
    flex-direction: column;
		align-items: center;
    width: 100%;
  }
  .products-carousel .item .image {
    margin-bottom: 15px;
    margin-right: 0;
    height: 115px;
    width: 115px;
  }
  .products-carousel .item .details {
    text-align: center;
  }
  .socials {
    margin-bottom: 15px;
  }
  .section-carousel .header {
    margin-bottom: 20px;
  }
  .form-control.card_mm {
    margin-bottom: 15px;
  }
  .table.mobile-full-table tr th,
  .table.mobile-full-table tr td {
    white-space: nowrap;
  }

  .faq-contact-us {
    background-size: 100px;
    padding-top: 0;
    min-height: auto;
	}
	.faq-contact {
		padding-right: 30px;
	}
	.faq-contact h4 {
		font-size: 20px;
	}
	.faq-contact-us {
		justify-content: start;
	}
	.faq-title {
		font-size: 14px;
		font-weight: normal;
	}

	.products-wrap {
		border: none;
	}
	.products-wrap .single-product {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100%;
		text-align: center;
	}
	.products-wrap .single-product:nth-child(5n) {
		border-right: 1px solid #ECEDEF;
	}

	.subscription-footer .company-overview {
		position: relative;
		top: 0;
		margin-bottom: 35px;
	}
	.subscription-footer .company-overview>.container>.row .col-12.pe-0 {
		padding-right: 15px!important;
	}
	.subscription-footer .company-overview>.container>.row .col-12.ps-0 {
		padding-left: 15px!important;
	}
	.subscription-footer {
		margin-top: 0;
		padding-top: 30px;
	}
	.subscription-footer .subscription-content-title {
		font-size: 23px;
	}
	a.whatsapp {
		display: grid !important;
	}

	.pac-container
	{
		position:relative;
		display:block;
		margin-top: 0;
	}
	.promo-section .promo {
		display: flex;
		flex-direction: row;
	}
	.promo-section .promo .promo-info {
		width: 55%;
	}
	.promo-section .promo .promo-images {
		opacity: 1;
		height: 165px;
		position: relative;
	}
	.promo-section .promo .promo-images img {
		max-width: 115px;
	}
	.shop-by-category.py-4 {
		padding-top: 0 !important;
	}
	.shop-by-category .category-title {
		text-align: center;
	}
	.top-flex {
		display: block;
		/* text-align: center; */
		padding-bottom: 30px;
	}
	.top-flex .hero-content {
		padding-left: 30px;
		padding-right: 30px;
	}
	.top-flex h5 {
		font-size: 30px;
	}
	.light-bg-logo .top-flex h5 {
		font-size: 25px;
	}
	/* Mobile nav */
	.sm-top-nav {
		display: none !important;
	}

	.mobile-nav-bar {
		width: 100%;
		display: block;
	}
	.mobile-nav-bar .navbar-toggler {
		margin: 0;
		padding: 0;
		border: 0;
		color: #333;
		font-size: 20px;
	}
	.mobile-nav-bar .navbar-toggler:focus,
	.mobile-nav-bar .navbar-toggler.active {
		background-color: transparent !important;
	}
	.mobile-nav-bar .logo {
		width: 140px;
		/* height: 50px;
		margin-left: -10px; */
	}
	.mobile-nav-bar .cart img {
		height: 20px;
	}
	.mobile-nav-bar .cart span {
		font-size: 10px;
		padding-top: 4px;
		height: 20px;
		width: 20px;
		top: -8px;
		right: -13px;
	}
	.mobile-nav-bar .cart span#wishlistTotalCount{
		right: -10px;
	}
	.mobile-nav-bar .morph-button-fixed {
		width: 38px;
		height: 30px;
		margin-top: -13px !important;
		margin-right: 15px;
	}
	.mobile-nav-bar .morph-button-modal-btn > button {
		background: transparent;
		width: 100%;
		padding: 0;
	}
	.mobile-nav-bar .morph-button-modal-btn > button span.mobile{
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		font-weight: bold;
	}
	/* Mobile nav */
	.inner-need h5 {
		font-size: 16px;
		left: 10px;
	}

}
@media (max-width: 415px){
	.card-expiry-month {
		max-width: 100%;
	}
	.card-expiry-year {
		max-width: 100%;
	}
	.card-expiry-cvv {
		max-width: 100%;
	}
	.hero .col-lg-6 {
		padding: 15px;
	}
}
@media (max-width: 320px) {
	.clear-field {
		/* width: 100%;
		margin-bottom: 5px; */
	}
	.faq-contact-us {
		background: none;
		justify-content: center;
	}
	.faq-contact {
		padding-right: 0;
	}
	a.whatsapp {
		display: grid !important;
	}
	.top-flex {
		display: block;
		text-align: center;
		padding-bottom: 30px;
	}
	.top-flex .hero-content {
		padding-left: 30px;
		padding-right: 30px;
	}
	.top-flex h5 {
		font-size: 30px;
	}
}

.profile-icon {
	display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 50%;
    justify-content: center;
}
.profile-icon i {
    color: #DDD;
    font-size: 22px;
}
.text-muted-lighter {
	color: #979292;
}