@media(max-width: 849px){
	.mobile-sidebar .nav>li>a{
		color: #000;
		font-size: 1rem;
	}

	.nav-column>li>a,
	.nav-dropdown>li>a,
	.nav-vertical-fly-out>li>a,
	.nav>li>a{
		color: #000;
		font-size: 0.875rem;
	}

	.header-main .header-inner .flex-left,
	.header-main .header-inner .flex-right{
		width: 200px;
		flex: unset;
	}

	.mobile-nav > li{
		margin: 0;
	}

	.mobile-nav > li .icon.button,
	.mobile-nav .nav-icon a{
		border: 0;
		/*background: linear-gradient(135deg, #d4af37, #f3d27a);*/
		background: linear-gradient(90deg, rgba(205, 167, 120, 1) 0%, rgba(239, 234, 206, 1) 49%, rgba(187, 147, 97, 1) 100%);
		width: 2.25rem;
		height: 2.25rem;
		border-radius: 0.5rem;
		color: #000;
	}

	.hotline-box {
		background: linear-gradient(90deg, rgba(205, 167, 120, 1) 0%, rgba(239, 234, 206, 1) 49%, rgba(187, 147, 97, 1) 100%);
		color: #000;
		font-size: 10px;
		padding: 8px 14px;
		border-radius: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.hotline-box .label{
	
	}
	.hotline-box a {
		color: inherit;
		font-weight: bold;
	}


	.product-main{
		padding-bottom: 0;
	}


	.row-policy-product{

	}

	.tabs.wc-tabs{
		padding-bottom: 0.25rem;
	}
	.tabs.wc-tabs::-webkit-scrollbar {
	    height: 6px;
	    background-color: #F5F5F5;
	}

	.tabs.wc-tabs::-webkit-scrollbar-thumb {
	    background-color: #ccc;
	}

	.tabs.wc-tabs::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	    background-color: #F5F5F5;
	}

	.tabs.wc-tabs li{
		max-width: unset;
	}

}



@media(max-width: 549px){
    input[type='submit'], input[type="button"], button:not(.icon), .button:not(.icon){
		font-size: 0.875rem;
		padding: 0.5rem 0.75rem;
	}

	body{
		font-size: 0.875rem;
	}

	.product-small.box .box-text{
		padding: 0.5rem 0.5rem 0.25rem;
	}

	.product-small.box .button{
		padding: 0.25rem 0.5rem;
		font-size: 0.75rem;
	}


	.box-member .box-text{
	    padding: 0.5rem 0.5rem 0.5rem;
	}


}



@media (min-width: 550px){
	.justify-content-md-between{
		justify-content: space-between;
	}

	.col-md-auto{
		flex-basis: auto;
		max-width: fit-content;
	}
}

@media (min-width: 850px){
	.row-col-lg-5 .col{
		flex-basis: 20%;
        max-width: 20%;
	}

	.flex-lg-row-reverse{
		flex-direction: row-reverse;
	}

	.justify-content-lg-between{
		justify-content: space-between;
	}
	
	.col-lg-auto{
		flex-basis: auto;
		max-width: fit-content;
	}

	.header-main{
    	position: unset;
	}

	.header-bg-container{
	    z-index: -1;
	}

	.header-main .flex-col.logo{
	    position: absolute;
	    top: 40px;
	    bottom: 0;
	    z-index: 100;
	    display: flex;
	    align-items: center;
	    padding: 0rem;
	}

	/*.header-top .flex-col.flex-left,*/
	.header-main .flex-col.flex-left,
	.header-bottom .flex-col.flex-center{
	    margin-left: 200px;
	}

	.header-nav.header-nav-main.nav.nav-left{
		justify-content: center;
	}

	.header-bottom .flex-col.flex-center:before{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
		height: 2px;
		background-color: #CDA778;
	}

	.header-bottom .flex-col.flex-center:after{

		content: "";

		position: absolute;

		top: 0;

		bottom: 0;

		width: 100%;

		z-index: -1;

		background-color: var(--fs-color-primary);

		clip-path: url('#clip-path-main-menu');

		transform: translateX(-5rem);

	}





	/*.header-nav-main.nav li.menu-item.active > a,

	.header-nav-main.nav li.menu-item:hover > a{

		color: #e04742 !important;

	}*/



	.header-nav .sub-menu,

	.header-nav .active>ul.children,

	.header-nav .active>ul.sub-menu{

		display: none !important;

		padding: 0;

		/*min-width: unset;*/

		border: 0;

		border-radius: 0.25rem;

		background-color: #fff;

		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

	}



	.header-nav .menu-item{

		width: unset !important;

		min-width: unset !important;

		position: relative;

	}



	.header-nav .sub-menu>.menu-item>a{

		padding: 0.75rem 0;

		font-size: 15px;

		font-weight: 500;

		color: #000;

		text-transform: capitalize;

	}



	.header-nav .sub-menu > .menu-item:hover > a{

		color: var(--primary-color);

	}



	.header-nav .menu-item:hover > .sub-menu,

	.header-nav .menu-item.current-dropdown .sub-menu{

		display: block !important;

		animation: menu 0.3s;

		height: min-content;

	}



	.header-nav .sub-menu .menu-item>.sub-menu{

		position: absolute;

		left: 100%;

		top: 0;

		z-index: 10;

	}



	.header-nav .sub-menu li{

		display: block;

	}



	@keyframes menu {

	    0% { transform: translateY(20px); opacity: 0}

	    100% { transform: translateY(0px); opacity: 1}

	}



}