.cart_list ul li.cart_icon a:after {
		display: none;
}

.cart_list ul {
		/*border: solid 1px #1e1e1e !important;*/
		/*text-align: left !important;*/
}

		.cart_list ul li.cart_icon a:before {
				/*border: solid 1px #1e1e1e !important;*/
		}


.cart_icon b {
		height: 20px;
		width: 20px;
		border-radius: 50%;
		text-align: center;
		font-size: calc(var(--base-font-size) * 1);
		position: absolute;
		right: -8px;
		bottom: 5px;
		line-height: 20px;
		background-color: var(--menufont);
		color: var(--menubg);
		border-radius: 50%;
}


.hero-slider .hs-item {
		position: relative;
		height: 100vh;
		min-height: 500px !important;
		background-color: var(--bg) !important;
}

		.hero-slider .hs-item span {
				font-size: calc(var(--base-font-size) * 1.5);
				text-transform: uppercase;
				font-weight: 600;
				letter-spacing: 3px;
				margin-bottom: 5px;
				display: block;
				position: relative;
				top: 50px;
				opacity: 0;
		}

		.hero-slider .hs-item h2 {
				font-size: 60px;
				text-transform: uppercase;
				font-weight: 700;
				margin-bottom: 10px;
				position: relative;
				top: 50px;
				opacity: 0;
		}

		.hero-slider .hs-item p {
				font-size: calc(var(--base-font-size) * 1.5);
				font-weight: 300;
				margin-bottom: 35px;
				position: relative;
				top: 100px;
				opacity: 0;
		}

		.hero-slider .hs-item .site-btn {
				position: relative;
				top: 50px;
				opacity: 0;
		}

		.hero-slider .hs-item .sb-line {
				margin-right: 5px;
		}

		.hero-slider .hs-item .container {
				position: relative;
				padding-top: 170px;
		}

		.hero-slider .hs-item .offer-card {
				position: relative;
		}


.hero-slider .slider-nav-warp {
		max-width: 1145px;
		bottom: 0;
		margin: -78px auto 0;
}

.hero-slider .slider-nav {
		display: inline-block;
		padding: 0 38px;
		position: relative;
}

.hero-slider .owl-dots {
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-top: 9px;
}

		.hero-slider .owl-dots .owl-dot {
				width: 8px;
				height: 8px;
				border-radius: 15px;
				margin-right: 10px;
				opacity: 0.25;
				background: var(--font) !important;
				border-radius: 15px
		}

				.hero-slider .owl-dots .owl-dot.active {
						opacity: 1;
				}

				.hero-slider .owl-dots .owl-dot:last-child {
						margin-right: 0;
				}

.hero-slider .owl-nav button.owl-next,
.hero-slider .owl-nav button.owl-prev {
		font-size: calc(var(--base-font-size) * 2);
		position: absolute;
		opacity: 0.5;
		bottom: -20px;
		background: var(--font) !important;
}

.hero-slider .owl-nav button.owl-next {
		right: 0;
}

.hero-slider .owl-nav button.owl-prev {
		left: 0;
}

.hero-slider .owl-item.active .hs-item h2,
.hero-slider .owl-item.active .hs-item span,
.hero-slider .owl-item.active .hs-item p,
.hero-slider .owl-item.active .hs-item .site-btn {
		top: 0;
		opacity: 1;
}

.hero-slider .owl-item.active .hs-item span {
		-webkit-transition: all 0.5s ease 0.2s;
		-o-transition: all 0.5s ease 0.2s;
		transition: all 0.5s ease 0.2s;
}

.hero-slider .owl-item.active .hs-item h2 {
		-webkit-transition: all 0.5s ease 0.4s;
		-o-transition: all 0.5s ease 0.4s;
		transition: all 0.5s ease 0.4s;
}

.hero-slider .owl-item.active .hs-item p {
		-webkit-transition: all 0.5s ease 0.6s;
		-o-transition: all 0.5s ease 0.6s;
		transition: all 0.5s ease 0.6s;
}

.hero-slider .owl-item.active .hs-item .site-btn {
		-webkit-transition: all 0.5s ease 0.8s;
		-webkit-transition: all 0.5s ease 0.8s;
		-o-transition: all 0.5s ease 0.8s;
		transition: all 0.5s ease 0.8s;
}

.hero-slider .owl-item.active .hs-item .offer-card {
		opacity: 1;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease 1s;
		-webkit-transition: all 0.5s ease 1s;
		-o-transition: all 0.5s ease 1s;
		transition: all 0.5s ease 1s;
}


.slide-num-holder {
		float: right;
		z-index: 1;
		position: relative;
		font-size: calc(var(--base-font-size) * 2);
		font-weight: 700;
		position: relative;
		margin-top: -22px;
		color: var(--bg);
}

		.slide-num-holder span:first-child {
				margin-right: 41px;
		}

		.slide-num-holder:after {
				position: absolute;
				content: "";
				height: 30px;
				width: 1px;
				left: 50%;
				top: 0;
				-webkit-transform-origin: center;
				-ms-transform-origin: center;
				transform-origin: center;
				-webkit-transform: rotate(30deg);
				-ms-transform: rotate(30deg);
				transform: rotate(30deg);
				background: var(--bg);
				color: var(--bg);
		}

.set-bg {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
}

.navi:after {
		content: '\A';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 1;
		transition: all 0.8s;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
}

.add_cart_btn {
		background: var(--buttonbg);
		border: solid 1px var(--buttonbg);
		color: var(--buttonfont);
		border-radius: 4px;
}

		.add_cart_btn:hover {
				background: var(--buttonfont);
				color: var(--buttonbg);
				border: solid 1px var(--buttonbg);
		}


.product-slider .owl-nav {
		position: absolute;
		top: calc(50% - 60px);
		width: 100%;
		left: 0;
}

		.product-slider .owl-nav button.owl-next,
		.product-slider .owl-nav button.owl-prev {
				font-size: 42px;
				position: relative;
		}

		.product-slider .owl-nav button.owl-next {
				float: right;
				right: -92px;
		}

		.product-slider .owl-nav button.owl-prev {
				float: left;
				left: -92px;
		}

.right_body {
		min-height: 100vh;
		/*margin-bottom: 150px !important;*/
}

.product-item .tag-new,
.product-item .tag-sale {
		text-align: center;
		padding: 5px;
		min-width: 95px;
		position: absolute;
		left: 0px;
		top: 0px;
		font-size: calc(var(--base-font-size) * 1);
		font-weight: 700;
		line-height: 1;
		text-transform: uppercase;
		padding: 5px !important;
		width: 42px;
		background: var(--notifybg);
		color: var(--notifyfont);
}

.product-item .tag-secondSale {
		top: 20px;
}

.product-item .tag-newrelease {
		text-align: center;
		padding: 5px;
		min-width: 95px;
		position: absolute;
		left: 0px;
		top: 0px;
		font-size: calc(var(--base-font-size) * 1);
		font-weight: 700;
		line-height: 1;
		text-transform: uppercase;
		padding: 5px !important;
		width: 42px;
		background: #25BCC3;
		color: #fff !important;
}


.container {
		width: 100% !important;
}

h4 {
		font-size: calc(var(--base-font-size) * 1.5) !important;
}

.blogPublishDate {
		font-size: calc(var(--base-font-size) * 1) !important;
		font-weight: normal !important;
}

.blogPreview {
		font-size: calc(var(--base-font-size) * 1) !important;
		font-weight: normal !important;
}

.footer_area {
}

.page-top-info {
		width: 100% !important;
		height: 50px;
		padding: 20px;
		font-size: calc(var(--base-font-size) * 1.5);
}

.c1 {
		font-weight: bold;
		font-size: calc(var(--base-font-size) * 1) !important;
		text-decoration: underline;
		display: table;
		margin-bottom: 20px !important;
		margin-top: 20px !important;
}

.c33 {
		font-weight: bold;
		font-size: calc(var(--base-font-size) * 1) !important;
		text-decoration: underline;
		display: table;
}

.solid_banner_inner h3 {
		float: left;
}

.navbar-nav .active > ul {
		height: auto !important;
		visibility: visible;
		opacity: 1;
		transition: all 1s;
}

.active a {
}

.navbar-nav ul li:hover a {
		/*font-weight: bold !important;*/
}

.sub-menu {
		height: 0px !important;
		visibility: hidden;
		opacity: 0;
		transition: all 2s;
		display: none;
}

		.sub-menu li {
				padding-left: 10px;
		}

				.sub-menu li a {
						font-size: calc(var(--base-font-size) * 1) !important;
				}

.navbar-nav .active .sub-menu {
		display: block;
}

.add_cart_btn:hover {
}

.comparePrice {
		font-size: calc(var(--base-font-size) * 0.9);
		text-decoration: line-through;
}

.product_details_text p {
		padding: 0px !important;
		border-bottom: none !important;
		border-top: none !important;
}

.productSection {
		padding-top: 10px;
		padding-bottom: 10px;
}

.p_d_title {
		font-size: calc(var(--base-font-size) * 2) !important;
}

.offcanvas_menu .nav li.side_menu .dropdown-menu {
		z-index: 10000;
		padding-top: 5px !important;
		position: absolute !important;
		height: auto !important;
		min-height: 100vh !important;
}

.white-popup {
		position: relative;
		padding: 20px;
		width: auto;
		max-width: 500px;
		margin: 20px auto;
		padding: 40px !important;
		background: var(--bg) !important;
		color: var(--font) !important;
}

		.cartUpdateHeader, .white-popup b {
				background: var(--bg) !important;
				color: var(--font) !important;
		}

.cart_total {
		margin-left: 20px;
		margin-top: 10px;
		font-weight: bold;
}

.required {
}

.requiredIncomplete {
}

.ui-menu {
		max-width: 500px;
		padding: 10px;
}

.ui-menu-item-wrapper:hover {
		font-weight: bold;
		cursor: pointer !important;
}

input[type="radio"] + label {
		display: inline-block;
		cursor: pointer;
		position: relative;
		padding-left: 30px;
		margin-right: 15px;
		font-size: calc(var(--base-font-size) * 1);
}

		input[type="radio"] + label:before {
				content: "";
				display: block;
				width: 22px;
				height: 22px;
				margin-right: 14px;
				position: absolute;
				top: -3px;
				left: 0;
				border: 1px solid #aaa;
				border-radius: 50%;
		}

input[type="radio"] {
		display: none !important;
		*display: inline;
}

		input[type="radio"]:checked + label:after {
				content: "";
				display: block;
				position: absolute;
				top: 2px;
				left: 5px;
				width: 12px;
				height: 12px;
				border-radius: 50%;
		}

.product-filter-section {
		margin-top: 20px;
		font-size: calc(var(--base-font-size) * 1.2);
}

.blogHomeItem {
		padding: 10px;
		padding-bottom: 20px;
		min-height: 230px;
}

.blogReadMore {
		font-size: calc(var(--base-font-size) * 1);
		padding-left: 5px !important;
		border-radius: 4px;
}

.blogPublishDate {
		font-size: calc(var(--base-font-size) * 1);
}

.offcanvas_fixed_menu {
		padding-top: 10px !important;
}

		.offcanvas_fixed_menu .logo_offcanvas {
				padding-top: 10px !important;
		}


.overlay {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 100000;
		top: 0;
		left: 0;
		overflow-x: hidden;
		transition: 0.8s;
		background: var(--bg) !important;
}

.overlay-content {
		position: relative;
		top: 10%;
		width: 100%;
		text-align: left;
		margin-top: 30px;
		margin-left: 20px;
}

.overlay a {
		padding: 8px;
		text-decoration: none;
		font-size: calc(var(--base-font-size) * 1);
		display: block;
		transition: 0.3s;
}

		.overlay a:hover, .overlay a:focus {
		}

.overlay .closebtn {
		position: absolute;
		top: 20px;
		right: 45px;
		font-size: 60px;
}

@media screen and (max-height: 450px) {
		.overlay a {
				font-size: calc(var(--base-font-size) * 1.5)
		}

		.overlay .closebtn {
				font-size: calc(var(--base-font-size) * 2);
				top: 15px;
				right: 35px;
		}
}

.side_menu .fa {
		display: none !important;
}

.dropdown_menu_small {
		padding-left: 20px !important;
		font-weight: bold;
}

@media screen and (max-width: 770px) {
		.table tr td {
				display: flex !important;
		}

		.table tr {
		}

		.subs_btn {
				padding: 0px !important;
		}
}

.highlight {
}

.webAddressh {
		opacity: 0 !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-height: 0 !important;
		max-width: 0 !important;
		z-index: -1 !important;
}

.solid_banner_inner h3 a {
}

.selectpickerDropDown {
		height: 56px !important;
		border: 1px solid #cccccc !important;
}

.featuredCategoryHolder {
		margin: auto;
		width: 100%;
		height: 300px !important;
		max-width: 500px;
		max-height: 300px;
		background-position: center;
		background-size: cover;
		text-align: center;
		opacity: 1;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}

		.featuredCategoryHolder:hover {
				opacity: 0.82;
				-webkit-box-shadow: 3px 5px 4px -1px rgba(0,0,0,0.39);
				-moz-box-shadow: 3px 5px 4px -1px rgba(0,0,0,0.39);
				box-shadow: 3px 5px 4px -1px rgba(0,0,0,0.39);
		}

				.featuredCategoryHolder:hover .featuredCategoryName {
						opacity: 0.82;
				}

.featuredCategoryHolder {
		margin: auto;
		width: 100%;
		height: 300px;
		max-width: 500px;
		max-height: 300px;
		background-position: center;
		background-size: cover;
		text-align: center;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}

.featuredCategoryName {
		display: none;
		display: table-cell;
		vertical-align: middle !important;
		text-align: center !important;
		width: 500px;
		height: 300px;
		max-width: 500px;
		max-height: 300px;
		font-size: 1.5em;
		padding: 10px;
		opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		cursor: pointer !important;
		font-weight: bold;
}

		.featuredCategoryName b {
				font-weight: normal !important;
				font-size: 0.7em !important;
		}

.featuredCategoryHolder:hover {
		opacity: 0.82;
		-webkit-box-shadow: 3px 5px 4px -1px rgba(0,0,0,0.39);
		-moz-box-shadow: 3px 5px 4px -1px rgba(0,0,0,0.39);
		box-shadow: 3px 5px 4px -1px rgba(0,0,0,0.39);
}

		.featuredCategoryHolder:hover .featuredCategoryName {
				opacity: 0.82;
		}

.CategoryBeautyBottomTitle {
		width: 100% !important;
		text-align: center;
		padding: 10px;
		font-size: 1.5em !important;
}

.h3ClassForH1 {
		font-size: calc(var(--base-font-size) * 2) !important;
		text-transform: uppercase !important;
		text-align: left;
		font-family: var(--fontFamilyHeaders) !important;
}

html, body {
		overflow-x: hidden;
}

.variantFrom {
		font-size: 0.7em !important;
		display: inline-flex;
		padding-right: 10px;
}

.variantFromProductList {
		font-size: 0.7em !important;
		display: inline-flex;
		padding-left: 3px;
		padding-right: 3px;
}

.discountedPercent {
}

.pi-TextPadding {
		padding-top: 5px !important;
}

		.pi-TextPadding p {
				overflow: hidden;
		}

h5 del {
		font-size: 0.7em !important;
}

.mainProductImage {
		max-width: 340px;
		width: auto;
		padding: 5px;
}

.thumbnailImage {
		max-width: 80px;
		display: inline;
		float: left;
		margin: 5px;
}

@media only screen and (max-width: 1300px) {
		.carousel_menu_inner img {
				max-height: 100px !important;
				max-width: 150px !important;
		}
}

.category-menu-small {
		list-style: none;
		text-align: center;
		padding-top: 10px;
}

		.category-menu-small li {
				font-size: 1.0em;
				padding: 5px;
		}

				.category-menu-small li a {
						font-size: 1.0em;
				}

.sub-menu-small {
		list-style: none;
}

		.sub-menu-small li {
				font-size: 1.0em;
		}

				.sub-menu-small li a {
						font-size: 1.0em;
				}


.sub-menu2-small {
		list-style: none;
}

		.sub-menu2-small li {
				font-size: 1.0em;
		}

				.sub-menu2-small li a {
						font-size: 1.0em;
				}

.smallMenu_First {
		font-weight: bold;
}

.smallMenu_Seconds {
		font-size: 0.9em !important;
}

.smallMenu_Third {
		font-size: 0.9em !important;
}

@media only screen and (max-width: 767px) {
		.category-menu-small {
				display: block !important;
		}

		.navbar-nav {
				display: none;
		}

		.hero-slider .hs-item h2 {
				font-size: calc(var(--base-font-size) * 2) !important;
		}
}

.pagination {
		display: inline-block;
		width: 100%;
}

		.pagination a {
				float: left;
				padding: 8px 16px;
				text-decoration: none;
		}

				.pagination a.active {
				}

				.pagination a:hover:not(.active) {
				}

.currentPagination {
		font-weight: bold;
}

.blogSnippetHolder {
		padding: 40px !important;
		margin: 50px !important;
		height: auto;
		background: var(--bg) !important;
		color: var(--font) !important;
		border: solid 1px var(--font) !important;
}

		.blogSnippetHolder a {
				position: absolute;
				padding: 5px !important;
				margin-top: 10px !important;
				display: block;
				width: 150px;
				text-align: center;
				right: 0px !important;
				right: 30px;
				bottom: 30px;
				color: var(--bg) !important;
				background: var(--font) !important;
				border: solid 1px var(--bg) !important;
		}
						.blogSnippetHolder a:hover {
								color: var(--font) !important;
								background: var(--bg) !important;
								border: solid 1px var(--font) !important;
						}

						.noticeBar {
								min-height: 30px;
								display: none;
								text-align: center;
								padding: 5px;
								background: var(--notifybg) !important;
								color: var(--notifyfont) !important;
						}
/*@media (max-width: 1300px) {
		.shop_header_area.fixed_tb_menu {
				height: 100px;
		}
}*/
.newrelease {
		line-height: 25px;
		padding: 0px 11px;
		display: inline-block;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: calc(var(--base-font-size) * 1);
		font-weight: 600;
		text-transform: uppercase;
		background: #25BCC3 !important;
		color: #fff !important;
}

.offcanvas_fixed_menu .search_form {
		margin: 0px auto 10px !important;
}

.cart_list {
		margin-top: 0px !important;
}

.s_m_title a {
		float: right;
		font-size: calc(var(--base-font-size) * 0.8) !important;
		padding: 5px;
		background-color: var(--buttonbg);
		color: var(--buttonfont);
		border-radius: 4px;
}

		.s_m_title a:hover {
				float: right;				
				padding: 5px;
				color: var(--buttonbg) !important;
				background-color: var(--buttonfont) !important;
				border: solid 1px var(--buttonbg) !important;
		}

.popping {
		padding: 15px;
		background: var(--bg);
		filter: brightness(97%); /* Darkens the color by 10% */		
}
		.popping s_m_title {
				font-family: var(--fontFamilyHeaders) !important;
		}

		.poppingNone {
				padding: 15px;
				text-transform: uppercase;
				font-family: var(--fontFamilyHeaders) !important;
		}
.popping a {
		font-family: var(--fontFamily) !important;
}

.latest_product_3steps .s_m_title {
		padding: 0px !important;
		text-transform: uppercase;
}

.noOverflow {
		overflow: hidden !important;
		width: 100% !important;
}

.morePageSnippetImageHolder img {
		width: auto !important;
}

.morePageSnippetImageHolder {
		background-size: cover;
		min-height: 400px;
}

.morePageSnippetTestHolder p {
		position: absolute;
		right: 20px;
		bottom: -40px;
		width: 120%;
		min-height: 80%;
		padding: 20px;
		font-size: calc(var(--base-font-size) * 1.5);
		box-shadow: 3px 5px 4px -1px rgb(0 0 0 / 39%);
}

		.morePageSnippetTestHolder p b {
				display: block;
				font-size: calc(var(--base-font-size) * 2);
				padding-bottom: 20px;
		}

		.morePageSnippetTestHolder p a {
				position: absolute;
				padding: 5px !important;
				margin-top: 10px !important;
				display: block;
				width: 150px;
				text-align: center;
				right: 0px !important;
				right: 30px;
				bottom: 10px;
				font-weight: bold;
		}

				.morePageSnippetTestHolder p a:hover {
				}


@media only screen and (max-width: 992px) {
		.morePageSnippetImageHolder {
				background-size: cover;
				height: 400px;
		}

		.morePageSnippetTestHolder p {
				position: relative;
				width: 100%;
				height: auto;
				padding: 20px;
				font-size: calc(var(--base-font-size) * 1);
				box-shadow: none !important;
				right: 0px;
				top: 80px !important;
				margin-bottom: 50px;
		}

				.morePageSnippetTestHolder p b {
						display: block;
						font-size: calc(var(--base-font-size) * 2);
						padding-bottom: 20px;
				}

				.morePageSnippetTestHolder p a {
						position: relative;
						margin-top: 10px !important;
						display: block;
						text-align: left;
						font-weight: bold;
						padding: 0px !important;
				}

						.morePageSnippetTestHolder p a:hover {
						}
}

@media only screen and (min-width: 992px) {
		.morePageSnippetTestHolder p {
				font-size: calc(var(--base-font-size) * 1) !important;
		}

				.morePageSnippetTestHolder p b {
						font-size: calc(var(--base-font-size) * 1.5);
				}

				.morePageSnippetTestHolder p a {
						right: 0px !important;
				}
}

@media only screen and (min-width: 1700px) {
		.morePageSnippetTestHolder p {
				font-size: calc(var(--base-font-size) * 1.5) !important;
		}

				.morePageSnippetTestHolder p b {
						font-size: calc(var(--base-font-size) * 1.5);
				}
}

@media (max-width: 800px) {
		.s_m_title h2 {
				font-size: calc(var(--base-font-size) * 2) !important;
		}

		.morePageSnippetImageHolder {
				height: auto !important;
				min-height: 100px;
		}

		.blogSnippetHolder {
				height: 300px;
				overflow: hidden;
				padding: 10px !important;
				margin: 30px 10px !important;
		}

		.latest_product_3steps {
				padding-left: 10px;
				padding-right: 10px;
		}

		.blogSnippetHolder a {
				right: 40px !important;
		}

		.accordion {
				padding: 10px;
		}

		.container p {
				padding: 10px;
		}

		.blogHomeItem img {
				width: 100%;
		}
}

.left_menu {
		background: var(--menubg);
		color: var(--menufont);
}

.loginTextSet {
		color: var(--menufont);
}

		.loginTextSet:hover {
				color: var(--menufont) !important;
				text-decoration: underline !important;
		}

		.loginTextSet i {
				color: var(--menufont);
		}

.cart_icon, .cart_icon a {
		color: var(--menufont);
}

.txtSearch {
		background: var(--menubg) !important;
		border: solid 1px var(--menufont) !important;
}

		.txtSearch i {
				color: var(--menubg) !important;
				border: none !important;
		}

.nav li a {
		color: var(--menufont) !important;
}

		.nav li a:hover {
				opacity: 0.8;
		}

.dropdown-menu {
		background-color: var(--menubg) !important;
		color: var(--menufont) !important;
		border-left: solid 2px var(--menufont) !important;
}

		.dropdown-menu li a {
				color: var(--menufont) !important;
		}

				.dropdown-menu li a:hover {
						opacity: 0.8;
				}

.footer_area {
		border-top: solid 3px var(--font) !important;
}

.variantOption {
		border: solid 1px var(--font) !important;
		color: var(--font) !important;
}

.addToCart {
		border: none;
}

.nav-tabs {
		border-bottom: solid 1px var(--font) !important;
}

.icon_plus {
		background: var(--bg) !important;
		color: var(--font) !important;
}

.increase, .reduced {
		background: var(--bg) !important;
		color: var(--font) !important;
}

.mfp-close {
		color: var(--font) !important;
}

.form-control {
		border: solid 1px var(--font);
		color: var(--font) !important;
		background: var(--bg) !important;
}

.site-btn, .btn, .update_btn {
		background: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
		font-weight: normal;
		border: none !important;
		cursor: pointer !important;
		border-radius: 4px !important;
}

.qty {
		border: solid 1px var(--font) !important;
		color: var(--font) !important;
		width: 100px !important;
}

.cart_items .table tbody tr td .quantity {
		border: none !important;
}

.txtSearchButton {
		background: none !important;
		color: var(--menubg) !important;
		font-weight: bold;
}

.last {
		background: var(--bg) !important;
		filter: brightness(97%) !important;
}

.overlay-content ul li a b {
		background-color: var(--bg) !important;
		color: var(--font) !important;
		padding: 2px 10px;
		border-radius: 50%;
}

.shop_header_area, .home_left_main_area, .right_body {
		background: var(--bg) !important;
}

.shop_header_area {
		border-bottom: solid 3px var(--font) !important;
}

.container > * {
		color: var(--font);
}

a:hover {
		color: var(--font) !important;
}

.left_menu a:hover {
		opacity: 0.8;
}

.nav-link.active {
		background: var(--bg) !important;
}

input::placeholder, textarea::placeholder {
		color: var(--font) !important;
}

.txtSearch::placeholder {
		color: var(--font) !important;
}
.cart_icon a:hover {
		color: var(--menufont) !important;
		opacity: 0.8;
}
@media (max-width: 575.98px) {
		.s_m_title h2 {
				display: flex;
				flex-direction: column;
				align-items: center;
				text-align: center;
				gap: 10px; /* spacing between text and button */
		}

				.s_m_title h2 a {
						width: 100%;
						text-align: center;
						display: inline-block;
				}
}