/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.18.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
	--main-color: #b78163;
	--sc-color: #EDE0CC;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-grey: #cccccc;
	--font-sub: "Trirong", serif;
	--font-gilroy: 'SVN-Gilroy';
	 --promo-height: 2.5rem;
     --menu-height: 6.25rem;
	--w-container: 100vw
}
	
	.header-main {
		height: var(--menu-height) !important
	}
	.header-top {
		min-height: var(--promo-height) !important;
		height: var(--promo-height) !important
	}
	.hero__banner {
    height: 100vh;
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/flatsome-child/fonts/svn-gilroy-bold.otf') format('truetype');
    font-weight: bold;
}
/* @font-face {
    font-family: 'Poppins';
    src: url('/wp-content/themes/flatsome-child/fonts/fz-poppins-extrabold.ttf') format('truetype');
    font-weight: 1000;
} */
@font-face {
     font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/flatsome-child/fonts/svn-gilroy-semibold.otf') format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/flatsome-child/fonts/svn-gilroy-medium.otf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/flatsome-child/fonts/svn-gilroy-regular.otf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/flatsome-child/fonts/svn-gilroy-light.otf') format('truetype');
    font-weight: 100;
}
body {
	 font-family: var(--font-gilroy);
	font-weight: 400;
	letter-spacing: 0.02rem;
	line-height: 1.5 !important
}
html {
	font-size: 3.5vw
	} 
h1, h2, h3, h4, h5, h6 {
	 font-family: var(--font-sub);
	font-weight: 500;
}

.fs-18 {
	font-size: 1.125rem
}
.fs-20 {
	font-size: 1.25rem
}
.fs-24 {
	font-size: 1.5rem
}
.fs-14 {
	font-size: 0.875rem
}
.fw-400 {
	font-weight: 400
}
.fw-100 {
	font-weight: 100
}
.m-0 {
	margin: 0;
}
.mb-0 {
	margin-bottom: 0;
}
.p-0 {
	padding: 0 !important
}
.h-full {
	height: 100%
}
.w-full {
	width: 100%
}
.mb-1 {
	margin-bottom: 1rem
}
.pb-1 {
	padding-bottom: 1rem !important
}
.pt-1 {
	padding-top: 1rem !important
}
.ptb-1 {
	padding: 1rem 0 !important
}
.pb-2 {
	padding-bottom: 2rem !important
}
.pt-2 {
	padding-top: 2rem !important
}
.ptb-2 {
	padding: 2rem 0 !important
}
.pb-3 {
	padding-bottom: 3rem !important
}
.pt-3 {
	padding-top: 3rem !important
}
.ptb-3 {
	padding: 3rem 0 !important
}
.pb-4 {
	padding-bottom: 4rem !important
}
.pt-4 {
	padding-top: 4rem !important
}
.ptb-4 {
	padding: 4rem 0 !important
}
.pb-5 {
	padding-bottom: 5rem !important
}
.pt-5 {
	padding-top: 5rem !important
}
.ptb-5 {
	padding: 5rem 0 !important
}
.ml-0, .mx-0 {
    margin-left: 0 !important;
}
.mr-0, .mx-0 {
    margin-right: 0 !important;
}
.row {
	max-width: initial !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.z--1 {
	z-index: -1
}
.z-1 {
	z-index: 1
}
.z-2 {
	z-index: 2
}
.z-3 {
	z-index: 3
}
.z-4 {
	z-index: 4
}
.z-5 {
	z-index: 5
}
.z-6 {
	z-index: 6
}
.z-7 {
	z-index: 7
}
.z-8 {
	z-index: 8
}
.z-9 {
	z-index: 9
}
.container {
	max-width: var(--w-container) !important
}
.header-main .nav li{
	margin: 0;
	line-height: 1.6 !important
}
.header-main .nav {
	gap: 2rem
}

.header-nav-main > li >  .sub-menu  {
	
}
.header-nav-main .sub-menu .sub-menu {
	position: absolute;
	top:0;
	right:0;
	opacity:0;		
	position: absolute;
    top: 0;
    right: 0;
    min-width: 250px;
    transform: translateX(100%);
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
}


#header  .nav-dropdown li {
	display:block !important;
	width: 100% !important;
	    position: relative;
}

#header  .nav-dropdown li:hover .sub-menu {
	opacity:1
}


#header  .nav-dropdown li.left .sub-menu {
	   left: 0;
	right:auto;
	  transform: translateX(-100%);
}


#header .nav-dropdown li  a{
	font-size:15px;
	font-weight:400;
	text-transform:initial
}

.header-main .nav > li > a {
	font-size: 1rem;
	font-weight: 500 !important;
	text-transform: none;
	color: #000;
	position: relative;
	padding: 0
}
.header-main .nav > li.menu-item > a:before {
	content: '';
	position: absolute;
	height: 1px;
	width: 0%;
	background: #000;
	transition: all .2s;
	left: 0;
	bottom: 0;
}
.header-main .nav > li.menu-item > a:hover:before, .header-main .nav > li.menu-item.current-menu-item > a:before {
	width: 100%
}
.nav:hover>li:not(:hover)>a:before {
    opacity: 1 !important;
}
.cart-item img {
	width: 1.563rem
}

.hero__banner {
	position: relative;
    display: flex;
    align-items: center;
}
.bg__blur__banner {
			 height: 100%;
            width: 100%;  
            background-size: cover;
            filter: blur(27px);
			-webkit-filter: blur(27px);           
        }
.wrapper__bg__banner {
	top: 0;
	left: 0;
            position: absolute;
            height: 100%;
            width: 100%;  
	overflow: hidden;
	z-index: -1;
}
.bg__banner {
	 position: absolute;
            height: 100%;
            width: 100%;      
            background-size: cover;
            z-index: 1;
}
.hero__banner .block__text__slide {
    width: 43%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 2rem 0rem 2rem 7rem;
}
.hero__banner .block__img__slide {
    width: 57%;
    height: 100%;
    display: flex;
    align-items: flex-end;
	position: relative
}
.video-button-wrapper {
    position: absolute;
    left: 43%;
    top: 43%;
    transform: translate(-50%, -50%);
    width: 6.381rem;
    height: 6.381rem;
    padding: 0.875rem;
    background: rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    backdrop-filter: blur(1.1rem);
    -webkit-backdrop-filter: blur(1.1rem);
	transition: all .3s
}
.video-button-wrapper a {
    margin: 0 !important;
    border: none !important;
    background: rgba(255, 255, 255, 0.25) !important;
    height: 100% !important;
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
	 backdrop-filter: blur(0.3rem);
    -webkit-backdrop-filter: blur(0.3rem);
	transition: all .3s
}
.video-button-wrapper i.icon-play {
    color: #fff;
    top: 0 !important;
    font-size: 1.75rem !important;
	transition: all .3s
}
.video-button-wrapper:hover {
	 padding: 0.75rem;
}
.video-button-wrapper:hover a{
	 background: rgba(255, 255, 255, 0.6) !important
}
.video-button-wrapper:hover i.icon-play{
	  transform: scale(1.1)
}
.sub__title h4 {
    font-size: 2rem;
    font-weight: 500;
    font-style: italic;
}
.title__large h2 {
	font-size: 5rem;
	font-weight: 400;
	text-transform: uppercase
}
.hero__banner .block__text__slide .box__desc__text {
	margin-bottom: 2.25rem;
	font-weight: 100
}
.btn__slick {
	width: 4.313rem;
	height: 4.5rem;
	background: #333333;
	border-radius: 8px
}
.btn__slick svg path {
	fill: #fff
}
.btn__slick svg {
	width: 2.25rem
}
.btn__slick {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}
.slick__slider {
	position: relative
}
.btn__slick {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: all .5s cubic-bezier(.215,.61,.355,1)
}
.btn__slick.next {
	right: -4.313rem;
}
.btn__slick.prev {
	left: -4.313rem;
}
.slick__slider:hover .btn__slick {
	opacity: 1;	
}
.btn__slick:hover {
	background: #484848
}
.slick__slider:hover .btn__slick.prev{
	left: 0
}
.slick__slider:hover .btn__slick.next{
	right: 0
}
.btn__kura svg {
	width: 1.875rem
}
.btn__kura {
	font-size: 1.5rem;
	text-transform: uppercase;
	width: auto;
	display: inline-block;
	font-weight: 400;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.btn__kura.full {
	display: flex;
	justify-content: space-between;
	width: 25rem;
	line-height: 4rem;
	border-radius: 4px;
	padding: 0 1.875rem
}
.btn__kura.full.btn__fill__black {
	background: #000;
	color: #fff
}
.btn__kura.full:hover {
	background: #fff
}
.btn__kura:hover svg{
	
}
.btn__kura.full.btn__fill__black:hover, .btn__kura.full.btn__fill__white:hover {
	color: #000
}
.btn__kura.full.btn__fill__white {
	background: #fff;
	color: #000
}
.btn__kura.full.btn__fill__black svg * {
	stroke: #fff
}
.btn__kura svg, .btn__kura:hover svg *{
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.btn__kura:hover svg{
	transform: translateX(0.625rem)
}
.btn__kura.btn__fill__black:hover svg * {
	stroke: #000
}
.wrapper__dots__pagi ul {
    list-style: none;
    display: flex;
    width: max-content;
	align-items: center
}
.wrapper__dots__pagi button.dots {
	width: 8px !important;
	height: 8px !important;
	background: #B78163;
	margin: 0;
	padding: 0;
	min-height: 8px;
	border-radius: 50%;
	position: relative;
	transition: all .15s ease-in-out
}
.wrapper__dots__pagi ul.slick-dots li {
    display: inline-block;
    margin: 0;  
	margin: 0 0.25rem;
	transition: all .3s ease-in-out
}
.wrapper__dots__pagi ul.slick-dots li.slick-active {
	margin: 0 0.875rem
}
.wrapper__dots__pagi ul.slick-dots li.slick-active:first-child {
	margin-left: 0
}
.wrapper__dots__pagi ul.slick-dots li.slick-active:last-child {
	margin-right: 0
}
.wrapper__dots__pagi ul.slick-dots li.slick-active button.dots:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #B78163;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	transition: all .1s ease-in-out
}
.pagi__slick__hp {
    margin-top: 4rem;
	padding-left: 0.675rem
}
.block__img__slide .img {
    width: 87% !important;
	margin-bottom: -1.5rem
}
.slick__track__hp .slick-list {
	overflow: visible !important
}
.wrapper__features .box__text__left.dt {
	position: absolute;
	left: calc((100% - var(--w-container)) / 2 + 15px);
	top: 16.43%;
    width: max-content;
    width: -webkit-max-content;
}
.wrapper__features .box__text__right.dt {
    position: absolute;
    right: calc((100% - var(--w-container)) / 2 + 15px);
    bottom:9%;
    width: 38.438rem;    
    border-radius: 25px;
    padding: 2rem;
	padding-left: 2.875rem
}
.wrapper__features .box__text__right a {
	position: relative;
	z-index: 99
}
.box__text__right p {
	position: relative;
	z-index: 99;
}
.wrapper__features .box__text__right:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 25px;
    transform: skewX(350deg);
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
    background-color: rgb(255 255 255 / 57%);
}
	
.wrapper__features {
	height: 47.0938vw;
    max-height: calc(100vh -(var(--promo-height) + var(--menu-height)));
}
.btn__sp {
    display: flex;
    align-items: center;
	max-width: max-content
}
.btn__text__black {
	color: #000
}
.btn__sp svg {
	margin-left: 1.5rem
}
.img__abs {
	position: absolute;
	width: 100%;
	height: 100%
}
.img__abs * {
	height: 100%
}
.wrapper__features .img img {
	object-fit: contain
}
.text__abs h2 {
    font-family: var(--font-sub);
    color: rgba(0, 0, 0, 0.05);
    font-size: 18.75rem;
    font-weight: 400;
    text-transform: uppercase;
	margin: 0
}
.text__abs {
    position: absolute;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
	transition: all 0.5s linear
}
.Ss__slider__banner__hp {
    position: relative;
    z-index: 99;
}

.flickity-prev-next-button {
    background: #000;
    width: 4.313rem;
    height: 4.5rem;
    border-radius: 8px;
	bottom: auto !important;
	top: 40% !important;
	transition: all .5s cubic-bezier(.215,.61,.355,1) !important
}
.top__50__nav .flickity-prev-next-button{
	top: 50% !important;
}
.flickity-prev-next-button svg {
	display: none
}
.flickity-prev-next-button.next, .flickity-prev-next-button.previous {
	transform: translateY(-50%) !important
}
.flickity-prev-next-button.previous {
    left: -4.313rem;
}
.flickity-prev-next-button.next {
    right: -4.313rem;
}
.row-slider {
	overflow: hidden
}
.row-slider:hover .flickity-prev-next-button.previous{
	left: 15px
}
.row-slider:hover .flickity-prev-next-button.next{
	right: 15px
}
.row-slider:hover .flickity-prev-next-button {
	opacity: 1 !important
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
   transform: translateY(-50%) !important
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top:0 !important;
}
.flickity-prev-next-button:before {
    content: '';
    position: absolute;   
    background-repeat: no-repeat;
    width: 50%;
    height: 50%;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.flickity-prev-next-button.next:before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.29289 4.29289C8.68342 3.90237 9.31658 3.90237 9.70711 4.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L9.70711 19.7071C9.31658 20.0976 8.68342 20.0976 8.29289 19.7071C7.90237 19.3166 7.90237 18.6834 8.29289 18.2929L14.5858 12L8.29289 5.70711C7.90237 5.31658 7.90237 4.68342 8.29289 4.29289Z" fill="%23fff" style="fill: %23fff"></path> </g></svg>');
}
.flickity-prev-next-button.previous:before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L9.41421 12L15.7071 18.2929C16.0976 18.6834 16.0976 19.3166 15.7071 19.7071C15.3166 20.0976 14.6834 20.0976 14.2929 19.7071L7.29289 12.7071C7.10536 12.5196 7 12.2652 7 12C7 11.7348 7.10536 11.4804 7.29289 11.2929L14.2929 4.29289C14.6834 3.90237 15.3166 3.90237 15.7071 4.29289Z" fill="%23fff" style="fill: %23fff"></path> </g></svg>');
}
.slick__slider:hover .nav__slick__rl.prev {
    left: 15px;
}
.slick__slider:hover .nav__slick__rl.next {
    right: 15px;
}
a.checkout-button {
    background-color: #000 !important;
    padding: 0.35rem 0;
}
a.remove {
    border-width: 1px;
    width: 18px;
    height: 18px;
    line-height: 15px !important;
    font-weight: 400;
}
.woocommerce-cart-form__cart-item .product-name a, .wishlist-items-wrapper .product-name a {
    color: #000;
    font-size: 1.125rem;
}
input#coupon_code {
    box-shadow: none;
}
.checkout_coupon .button {
	padding: 0.25rem 0
}
.woocommerce-cart-form__contents .actions button.small {
    background-color: #000;
    opacity: 1;
   font-weight: 600 !important;
}
a.button-continue-shopping {
    border-width: 1px !important;
    border-color: #000 !important;
    color: #000 !important;
	font-weight: 600 !important;
}
a.button-continue-shopping:hover {
	border-color: var(--main-color) !important;
	color: #fff !important
}
.header-cart-icon:after {
	background-color: #000;
    font-size: 12px ;
    height: 24px;
    line-height: 24px;
    min-width: 24px;
    opacity: 1;
    padding-left: 2px;
    padding-right: 2px;
    right: -25px;
    top: 2px;
}
.account-item img {
    width: 1.5rem;
    height: 1.5rem;
}
.account-item a.account-link {
    gap: 0.45rem;
    align-items: center;
}
li.account-item {
    display: flex
}
.wishlist-items-wrapper .product-add-to-cart a {
    padding: 0.75rem 2rem !important;
}
.star_box {
    border: 0;
    border-radius: 0;
    margin: 0.75rem 0 1.25rem 0;
    overflow: hidden;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
	background-color: #FAF4EA
}
.style-v2 .star_box {
    padding: 2rem 4.75rem;
}
.style-v2 .star_box_left {
    border-left: 0;
    border-right: 0;
    padding: 1rem;
}
span.devvn_perc_rating {
    height: 8px;
	 border-radius: 5px;
}
span.devvn_scala_rating {
    height: 8px;
    border-radius: 5px;
}
span.devvn_scala_rating {
    height: 8px;
    border-radius: 5px;
    display: flex;
}
span.devvn_stars_value i {
    margin: 0 0.125rem 0 1rem;
    color: #FFAB1B;
    font-size: 1.25rem;
}
span.devvn_stars_value {
    font-size: 14px;
    color: #4F4F4F;
    display: flex;
    align-items: center;
}
span.devvn_num_reviews {
    color: #232323;
    font-weight: 500;
}
.style-v2 .star_box_left {
    border-left: 0;
    border-right: 0;
    padding: 1rem;
    max-width: 30rem;
    margin-left: 10rem;
}
.wrapper__star__left {
    display: flex;
    flex: 1;
    align-items: center;
}
.total__reviews {
    color: #2F80ED;
    text-decoration: underline;
}
span.star_average {
    color: #000;
    font-size: 4.5rem;
    margin: 0;
    margin-bottom: 0.75rem;
    display: inline-block;
}
.woocommerce-product-rating i.devvn-star {
    color: #fff;
}
.woocommerce-product-rating i.devvn-star.filled {
    color: #FFAB1B;
}
.woocommerce-product-rating .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.devvn_review_box {
    display: flex;
    justify-content: space-between;
    gap: 5rem;
}
.devvn-style2 .devvn_review_avatar {
    display: flex;
    width: auto;
    gap: 0.75rem;
    min-width: 19%;
}
.devvn_review_avatar {
	width: 44px
}
.wrapper__topmid__review {
    display: flex;
    flex: 1;
}
.devvn_review_mid {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.woocommerce #reviews #comments ol.commentlist li .devvn_review_avatar img.avatar {
    width: 44px !important;
    height: 44px !important;
}
.devvn_review_mid .description {
    font-size: 1.125rem;
    color: #232323;
}
.devvn_review_bottom .reply a {
	color: #E02E24
}
body.woocommerce.theme-flatsome #reviews #comments ol.commentlist li {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}
.name__customer strong.woocommerce-review__author {
    font-size: 1.125rem;
}
#comments a.btn-reviews-now {
    background-color: #232323;
    font-weight: 600;
    border-radius: 0;
    padding: 0.875rem 5rem;
    font-size: 1.5rem;
}
.style-v2 .star_box_right {
    text-align: right;
    width: max-content;
}
.woocommerce #review_form #respond p.form-submit input#submit, .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit {
	background-color: #232323
}
span.btn-attach {
    color: #232323;
	 background: transparent url(/wp-content/themes/flatsome-child/images/photograph-icon.png) no-repeat left center;
	background-size: 25px auto
}
.account-item span, span.header-account-title {
   line-height: 1.6;
} 
.wrapper__logo__center {
    display: flex;
    justify-content: center;
}
.over__hide {
overflow: hidden	
}
.price__single del {
    font-size: 1.25rem;
}
.price__single del span.amount {
    font-size: 1.25rem;
}
.hidden-title {
	display: none
}
li.html_topbar_left {
    margin-left: 1.25rem !important;
}
.gtranslate_wrapper a.glink {
    color: #232323;
    font-size: 1rem;
    font-weight: 500;
	display: inline-block;
	position: relative
}
.gtranslate_wrapper a.gt-current-lang {
	display: none;
	font-weight: 600
}
.gtranslate_wrapper a.glink:before {
	content: '';
	position: absolute;
	width: 100%;
	background: var(--main-color);
	height: 1px;
	bottom: 0;
	left: 0;
}
.nav-dropdown {
	top: 35px
}
.woocommerce-notices-wrapper .woocommerce-message {
max-width: var(--w-container)
}
.woocommerce-notices-wrapper {
    margin-bottom: 2rem;
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before {
    bottom: -10px;
}
.nav-column>li>a, .nav-dropdown>li>a {
    color: #232323;
    font-weight: 500;
}
.flickity-page-dots li.dot {
    width: 23px !important;
    height: 4px !important;
    border-radius: 7px;
    transition: all .3s;
    margin: 0 3px;
}
.flickity-page-dots .dot.is-selected {
    width: 45px !important;
}
.slider__ingredient {
  margin: auto;
}

.slider__ingredient .slick-list {
  overflow: visible;
}

.slider__ingredient .slick-list .slick-slide img {
  width: 100%;
}

.slider__ingredient .slick-list .slick-slide .box__ingre__inner {
  overflow: hidden;
  padding: 0 0.5rem;
}


.slider__ingredient .slick-list .slick-slide:not(.slick-active.slick-current) .box__ingre__inner {
  height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.slider__ingredient {
  padding-left: 21.5rem;
}
.slider__ingredient .slick-list .slick-slide {
  width: 34.5rem;
  transition: all 1s ease-in-out;
}
.slider__ingredient .slick-list .slick-slide.slick-active.slick-current {
  margin: 0;
  padding: 0;
  width: 43rem;
}
.image__ingre .img-inner {
	padding-top: 95%;
	position: relative;
}
.image__ingre {
	width: 100%
}
.image__ingre .img-inner img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover
}


.disabled__coupon {
    pointer-events: none;
    opacity: 0.5;
}

.cart_totals .shop_table tr th {
    font-size: 1rem;
    font-weight: 500;
}
.box-text-products {
	position: relative
}
.woocommerce-billing-fields__field-wrapper label {
    font-size: 1.125rem;
    font-weight: 500;
}
abbr.required {
    color: red;
}
.woocommerce-input-wrapper input {
    box-shadow: none !important;
    height: 50px;
}
.woocommerce-input-wrapper textarea {
	 box-shadow: none !important;
}
.woocommerce-checkout-payment label {
    font-size: 1rem;
    font-weight: 600;
}
#order_review th.product-name, #order_review th.product-total  {
    font-size: 1.125rem;
}
.cart_item td.product-name {
    font-size: 1.125rem;
}
@media screen and (min-width: 564px) {
	html {
	font-size: 1.83333vw;
	} 
ol.flickity-page-dots {
 display: none
}

}
@media screen and (min-width: 850px) {
	html {
	font-size: 1.6vw;
	} 
:root {
        --w-container: 97vw
    }
	.container {
		max-width: var(--w-container) !important
	}
}
@media screen and (min-width: 998px) {
	html {
	font-size: 1.3333vw;
	} 
:root {
        --w-container: 69rem
    }
	.container {
		max-width: var(--w-container) !important
	}
	.ss__mb {
		display: none
	}
}
@media screen and (min-width: 1024px) {

}
@media screen and (min-width: 1240px) {
	html {
	font-size: 1.11333vw;
	} 
	:root {
        --w-container: 80rem
    }
	.container {
		max-width: var(--w-container) !important
	}

}

@media screen and (min-width: 1440px) {
	html {
	font-size: 1vw;
	} 	
	:root {
        --w-container: 90rem
    }
	.container {
		max-width: var(--w-container) !important
	}
}
@media screen and (min-width: 1600px) {
	:root {
        --w-container: 106.875rem
    }
	html {
	font-size: 0.83333vw;
	} 
	.container {
		max-width: var(--w-container) !important
	}
	.display__single__product {
    max-width: 88.75rem;
    margin: 0 auto;
}
}

@media screen and (max-width: 1599px) { 
.wrapper__features .box__text__right.dt {
    bottom: 0;
    width: 27rem;
}
	.wrapper__features .title__large h2 {
    font-size: 3.75rem;
}
	.wrapper__features .sub__title h4 {
    font-size: 1.75rem;
}
	.wrapper__ss__stt3 .box__text__feat p {
    font-size: 3.25rem;
}
	.wrapper__logo__center {
    padding-top: 100%;
		position: relative
}
	.wrapper__logo__center .box__center__logo {
		position:absolute;
    width: 100%;
    height: 100%;
		left: 0;
		top: 0
}
	.wrapper__grid__images {
    gap: 0.5rem;
}
	.col__full__img {
    height: auto;
    min-height: auto;
}
	.Ss__story .heading.type1 h2 {
    font-size: 2.75rem;
}
	.slider__ingredient {
    padding-left: 13.5rem;
}
}
@media screen and (max-width: 1439px) {
	.block__img__slide .img {
    width: 100% !important;
    margin-bottom: -1rem;
}
	.box__center__logo .img {
    width: 100% !important;
    padding: 0 1.25rem;
}
	.wrapper__ss__stt3 .box__text__feat p {
    font-size: 2.875rem;
}
	.text__step p {
    font-size: 1.875rem;

}
	.col__left__footer__top > .col-inner {
    padding-right: 7rem;
}
	.Ss__story .heading.type1 h2 {
    font-size: 2.5rem;
}
	.style-v2 .star_box_left {
    margin-left: 5rem;
}
	#comments a.btn-reviews-now {
    padding: 0.75rem 4rem;
}
	.header-main .nav {
    gap: 1.25rem;
}
	div#logo {
    width: 9.375rem;
}

.slider__ingredient .slick-list .slick-slide {
  width: 28.5rem;
  transition: all 0.5s ease;
}
.slider__ingredient .slick-list .slick-slide.slick-active.slick-current {
  margin: 0;
  padding: 0;
  width: 37rem;
}
	.slider__ingredient {
    padding-left: 12.5rem;
}
	.marquee {
    padding: 2.5rem 0;
}
	.marquee .marque__wrapper span {
    font-size: 5.75rem;
}
}

@media screen and (max-width: 1239px) {
	.hero__banner .block__text__slide {
    padding: 2rem 0rem 2rem 2rem;
}
	.header-main .nav {
    gap: 1rem;
}
	.title__large h2 {
    font-size: 3.75rem;
}
	.sub__title h4 {
    font-size: 1.5rem;
}
	.wrapper__features .title__large h2 {
    font-size: 3rem;
}
	.fs-24 {
    font-size: 1.125rem;
}
	.wrapper__features .box__text__right.dt {
    width: 20rem;
    padding-right: 0;
}
	.wrapper__ss__stt3 .box__text__feat p {
    font-size: 2.5rem;
}
	.wrapper__ss__stt3 .box__text__feat p {
    font-size: 2rem;
}
	.text__step p {
    font-size: 1.5rem;
}
	.col__left__footer__top > .col-inner {
    padding-right: calc((200% - var(--w-container)) / 2 + 15px);
		padding-bottom: 2rem;
}
	.title__footer h2 {
    font-size: 2.25rem;
}
.Ss__story .heading.type1 h2 {
    font-size: 2.125rem;
}
	.heading.type1 h2 {
    font-size: 2.375rem;
}
	ul.lists__coupon {
    grid-template-columns: repeat(1,1fr);
    flex-basis: 70%;
    max-width: 70%;
		gap: 0.5rem
}
	.wrapper__forms__add {
    gap: 0;
    flex-wrap: wrap;
}
	a.add_to_wishlist, span.feedback {
    width: 100%;
}
	.wrapper__forms__add {
		margin-bottom: 1rem
	}
	.style-v2 .star_box_left {
    margin-left: 1rem;
}
	.style-v2 .star_box {
    padding: 2rem 3.75rem;
}
	.devvn-style2 .devvn_review_avatar {
    min-width: 25%;
}
.header-main .nav > li > a {
    font-size: 0.875rem;
}
	div#logo {
    width: 8.375rem;
    margin: 0 1rem;
}
	.slider__ingredient .slick-list .slick-slide {
  width: 21.5rem;
}
.slider__ingredient .slick-list .slick-slide.slick-active.slick-current {
  margin: 0;
  padding: 0;
  width: 30rem;
}

}
@media screen and (max-width: 1025px) {
	div#logo {
    width: 7rem;
}
	.Ss__story .heading.type1 h2 {
    font-size: 1.932rem;
}
	.col__right__contact > .col-inner {
    padding-left: calc((200% - var(--w-container)) / 2 + 15px);
}
		.slider__ingredient .slick-list .slick-slide {
  width: 21.5rem;
}
.slider__ingredient .slick-list .slick-slide.slick-active.slick-current {
  width: 30rem;
}
}
@media screen and (max-width: 997px) {
.hero__banner {
    height: 100% 
}
	.hero__banner {
   flex-direction: column-reverse
}
.hero__banner .block__text__slide {
    padding: 1rem;
	width: 100%
}
	.hero__banner .block__img__slide {
    width: 97%;
}
	.block__img__slide .img {
    margin-bottom: 2rem;
}
	.video-button-wrapper {
    left: 50%;
    top: 30%;
}
	.pagi__slick__hp {
    margin-top: 2rem;
}
	.features__content__mb {
    max-width: 32rem;
    margin: 0 auto;
    text-align: center;
}
	.box__text__right.mb {
    display: flex;
    flex-direction: column;
    align-items: center;
}
	.ss__dt {
		display: none
	}
	.heading.type1 h2 {
    font-size: 2.75rem;
}
	.title__special h2 {
    font-size: 4rem;
}
	.title__special h2.bot {
    padding-left: 6rem;
}
	.wrapper__bottom_stt3 .box__bottom__stt3 {
    padding-top: 2rem;
}
	.sub__title__2 h4 {
    font-size: 1.875rem;
}
	.wrapper__slick__testi {
    max-width: 100%;
}
	.wrapper__form__email {
    margin: 1.25rem 0;
}
	ul.list__advantages {
    grid-template-columns: repeat(2, 1fr);
    padding: 1rem 0;
}
	#comments a.btn-reviews-now {
    padding: 0.75rem 3rem;
    font-size: 1.125rem;
}
	.devvn-style2 .devvn_review_avatar {
    min-width: 27%;
}
	.account-item img {
    width: 1rem;
    height: 1rem;
}
	.gtranslate_wrapper a.glink {
    font-size: 0.875rem;
}
		.header-cart-icon:after {
    font-size: 10px;
    height: 17px;
    line-height: 17px;
    min-width: 17px;
    padding-left: 1px;
    padding-right: 1px;
    right: -6px;
    top: -2px;
}
	.header-main .nav.nav-right {
    gap: 0.75rem;
}
	li.html_topbar_left {
    margin-left: 0 !important;
}
	.header-main .nav > li > a {
    font-size: 0.825rem;
}
.slider__ingredient .slick-list .slick-slide {
  width: 16.5rem;
}
.slider__ingredient .slick-list .slick-slide.slick-active.slick-current {
  width: 25rem;
}
	.marquee .marque__wrapper span {
    font-size: 5rem;
}
}
@media screen and (max-width: 849px) {
	.btn__slick  {
		display: none
	}
	.row_procedure__stt6 .box__text__feat, .row_procedure__stt6 .box__text__feat .text, .row__top__stt3 .box__text__feat, .row__top__stt3 .box__text__feat .text {
    text-align: center !important;
}
	.wrapper__ss__stt3 .box__text__left .text__w__border p, .box__text__left .text__step .text__w__border p, .box__text__right .text__step .text__w__border p, .wrapper__ss__stt3 .box__text__right .text__w__border p{
    padding: 0 1rem !important;
}
	.col__logo__center .col-inner {
    max-width: 35%;
}
	.wrapper__ss__stt3 .box__text__feat p {
    font-size: 3rem;
}
	.text__step p {
    font-size: 2rem;
}
	.text__step.mb .text:before {
		content: unset
}
	.text__step.mb {
		position: relative
	}
.text__step.mb:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 200%;
    left: 50%;
    top: 5px;
    transform: translateX(-50%);
    background: #000;
}
	.box__text__feat .text__step:last-child{
    margin-bottom: 3rem !important;
}
	.wrapper__iconbox__feat .icon-box {
    padding: 0;
}
	.wrapper__iconbox__feat .icon-box-text h3 {
    font-size: 1.35rem;
    min-height: 5rem;
}
	.col__left__footer__top > .col-inner {
    padding-right: calc((100% - var(--w-container)) / 2 + 15px);
    padding-left: calc((100% - var(--w-container)) / 2 + 15px);
    padding-top: 4rem;
    padding-bottom: 4rem;
}
	.Ss__story .heading.type1 h2 {
    font-size: 2.5rem;
}
	.col__right__contact > .col-inner {
    padding-left:  calc((100% - var(--w-container)) / 2 + 15px);
    padding-right: calc((100% - var(--w-container)) / 2 + 15px);
}
		a.add_to_wishlist, span.feedback {
    width: 2.875rem;
}
	.wrapper__forms__add {
		gap: 1rem
	}
	.shop_table .product-remove a {
    font-size: 18px!important;
    height: 18px;
    left: 0;
    line-height: 15px!important;
    position: absolute;
    top: 7px;
    width: 18px;
}
	.style-v2 .star_box {
    padding: 1rem 2rem;
}
	.devvn-style2 .devvn_review_avatar {
    flex-direction: column;
}
	.devvn_review_box {
    gap: 2rem;
}

	.slider__ingredient {
    padding-left: 0;
}
	.Ss__homepage__stt2 {
    padding-bottom: 2rem !important;
}
}

@media screen and (max-width: 563px) {
.video-button-wrapper {
    width: 5rem;
    height: 5rem;
	padding: 0.7rem
}
	.video-button-wrapper a {
    min-width: 2rem !important;
    min-height: 2rem !important;
}
	.title__large h2 {
    font-size: 2.75rem;
}
	.btn__kura.full {
    width: 20rem;
}
	.text__abs h2 {
    font-size: 7.75rem;
}
	.features__content__mb {
    max-width: 100vw;
    padding: 0 15px;
}
	.heading.type1 h2 {
    font-size: 2rem;
}
	.row__header__ss .col {
    padding-bottom: 0;
}
	.row__header__ss .text {
    text-align: left !important;
}
	.row__header__ss {
    padding-bottom: 2rem;
}
	.title__special h2 {
    font-size: 2.875rem;
}
	.sub__title__2 h4 {
    font-size: 1.25rem;
}
	.wrapper__bottom_stt3 .img__feat img {
    width: 55.75%;
}
	.heading__giltroy h2 {
    font-size: 1.75rem;
}
	.col__slogan .col-inner {
    gap: 2rem;
}
	.wrapper__grid__images {
    grid-template-columns: repeat(2, 1fr);
}
	.text__testi {
    font-size: 1.5rem;
}
	.text__country p {
    font-size: 1.5rem;
}
	.text__copyright {
		text-align: center
	}
	.abs__footer .img {
    margin: 1rem auto 0;
		width: 405 !important
}
	.heading.type2 h2 {
    font-size: 2.25rem;
}
	.form-footer-container .form-field-item {
    display: flex;
    gap: 0.75rem;
}
	.wpcf7-form .form__group__col2 {
    display: flex;
    gap: 1rem;
}
a.add_to_wishlist, span.feedback {
    width: 100%;
}
	.wrapper__forms__add {
		margin-bottom: 1rem;
		gap: 0
	}
	.tabs__product {
   gap: 0;
    justify-content: space-between;
}
	.tabs__product button.tablinks {
    font-size: 1.25rem;
}
	.wrapper__ss__stt3 .box__text__feat p {
    font-size: 2.25rem;
}
	.wrapper__star__left {
    flex-direction: column;
}
	.style-v2 .star_box {
    flex-direction: column;
    padding: 2rem;
}
	span.devvn_num_reviews {
    min-width: auto;
}
	.style-v2 .star_box_left {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 2rem 0;
}
.wrapper__star__left {
    width: 100%;
}
	.devvn_review_box {
    flex-direction: column;
}
.wrapper__topmid__review {
    flex-direction: column;
	gap: 1rem
}
	.devvn_review_box {
    gap: 1rem;
}
	h3.title__content__tab {
    font-size: 1.5rem;
}
	.wrapper__content__single__post {
    padding-top: 0;
}

	:root {
	 --promo-height: 3rem;
}
	.wrapper__iconbox__feat .icon-box-text h3 {
    min-height: auto;
}
	.product__add__to__cart {
		display: none
	}
	.text__step p {
    font-size: 1.5rem;
}
	.flickity-prev-next-button {
		display: none
	}
	.product__newest .product__item__box {
    flex-direction: column
}
	.product__newest .product__image__featured, .product__newest .product__text__box {
    width: 100%;
}
	.product__newest  .product__text__box {
    padding-left: 0;
}
	a.product__title__new {
    font-size: 2.25rem;
}
	header.woocommerce-products-header {
    gap: 2.5rem;
}
	.widget__sort__products {
		flex: 1
	}
	#coupon-popup {
    width: 95vw;
}

.slider__ingredient .slick-list .slick-slide.slick-active.slick-current {
  width: 23rem;
}
	.wrapper__features {
    height: 60vw;
}
	.wrapper__tabs__content .tab-content-inner .col {
		padding-bottom: 0.25rem
	}
	#popup-message .message-container {
		padding: 0
	}
}