@media (min-width: 850px) {
	/*css header menu*/
	div#masthead ul li.menu-item a.nav-top-link {
		font-size: 14px;
        color: #222;
        font-weight: 600;
/*         padding: 0 5px; */
	}
	
	ul.nav-dropdown.nav-dropdown-default {
		border: 1px solid #e9e6e6;
		border-radius: 6px;
		padding: 10px;
	}
	
	input#woocommerce-product-search-field-0 {
		border-width: 2px;
		border-color: #222;
		padding: 0 20px;
		font-size: 16px;
	}

	button.ux-search-submit.submit-button {
		right: 12px;
		font-size: 16px;
	}
	
	/* 	css menu drop */
	.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
		border-bottom-color: #fff;
		display: none;
	}

	ul.nav-dropdown.nav-dropdown-default li a {
		color: #000;
		font-size: 14px;
		font-weight: 500;
		border-bottom: 0;
		padding: 8px 0px;
		display: block;
		width: 100%;
	}

	ul.nav-dropdown.nav-dropdown-default li a {
		margin: 0  !important;
		border-radius: 10px;
		padding-left: 8px;
		transition: .5s ease-in-out;
	}

	.nav-dropdown.nav-dropdown-default>li {
		margin-right: 0 !important;
	}

	.sub-menu.nav-column.nav-dropdown-default>li {
		margin-right: 0 !important;
	}

	.sub-menu.nav-dropdown>li.nav-dropdown-col {
		min-width: 180px;
	}

	ul.sub-menu.nav-column.nav-dropdown-default {
		display: none !important;
	}

	ul.sub-menu.nav-dropdown.nav-dropdown-default li.menu-item {
		display: block !important;
		width: 100%;
		margin: 0;
	}

	ul.sub-menu.nav-dropdown.nav-dropdown-default, ul.sub-menu.nav-column.nav-dropdown-default {
		margin-top: 10px;
		display: block;
		border: 0;
		padding: 12px 6px 12px 6px;
	}

	ul.sub-menu.nav-dropdown.nav-dropdown-default>li.menu-item:hover>ul {
		display: block !important;
		top: 40px;
		border-radius: 10px;
	}

	.nav-dropdown .nav-dropdown-col>ul, li.menu-item:hover>ul.sub-menu.nav-column.nav-dropdown-default {
		border: 0;
		margin-top:-40px;
		box-shadow: 2px 2px 5px #828282;
		display:none;
		position: absolute;
		left: 100%;
		z-index: 9;
		background: white;
		min-width: 240px;
		height: max-content;
		bottom: 0;
	}

	li.menu-item:hover>ul.sub-menu.nav-column.nav-dropdown-default {
		display: block;
	}
	
	/* 	css banner */
	.icon-box.bn-box {
		background-color: #fff;
		width: fit-content;
		padding: 8px 12px 8px 8px;
		border-radius: 15px;
		align-items: center;
	}

	.icon-box.bn-box p {
		color: #222;
		margin: 0;
	}

	.icon-box.bn-box img {
		padding-top: 0;
	}

	.icon-box.bn-box .icon-box-text {
		padding-left: 10px !important;
	}

	.supernut-section-3 .box-2-text .text-box-content {
		-webkit-transition: 0.5s all ease-in-out;
		-o-transition: 0.5s all ease-in-out;
		transition: 0.5s all ease-in-out;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: scale(0.5, 0.5);
		-ms-transform: scale(0.5, 0.5);
		transform: scale(0.5, 0.5);
		opacity: 0;
	}

	.supernut-section-3.is-animated .box-2-text .text-box-content {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1;
	}

	.supernut-section-3 .bn-box {
		position: absolute;
	}

	.supernut-section-3 .bn-box-1 {
		top: -150px;
		left: 1%;
	}

	.supernut-section-3 .bn-box-2 {
		top: 0;
		left: 40%;
	}

	.supernut-section-3 .bn-box-3 {
		top: 150px;
		left: 0%;
	}

	.supernut-section-3 .bn-box-4 {
		top: -150px;
		left: 40%;
	}

	.supernut-section-3 .bn-box-5 {
		top: 0;
		left: 0%;
	}

	.supernut-section-3 .bn-box-6 {
		top: 150px;
		left: 40%;
	}

	.supernut-section-3 .bn-box-1 {
		-webkit-animation: leaf-moving 0.55s ease-in-out forwards alternate infinite;
		animation: leaf-moving 0.55s ease-in-out forwards alternate infinite;
	}

	.supernut-section-3 .bn-box-2 {
		-webkit-animation: leaf-moving 0.65s ease-in-out forwards alternate infinite;
		animation: leaf-moving 0.65s ease-in-out forwards alternate infinite;
	}

	.supernut-section-3 .bn-box-3 {
		-webkit-animation: leaf-moving 0.8s ease-in-out forwards alternate infinite;
		animation: leaf-moving 0.8s ease-in-out forwards alternate infinite;
	}

	.supernut-section-3 .bn-box-4 {
		-webkit-animation: leaf-moving 0.7s ease-in-out forwards alternate infinite;
		animation: leaf-moving 0.7s ease-in-out forwards alternate infinite;
	}

	.supernut-section-3 .bn-box-5 {
		-webkit-animation: leaf-moving 0.86s ease-in-out forwards alternate infinite;
		animation: leaf-moving 0.86s ease-in-out forwards alternate infinite;
	}

	.supernut-section-3 .bn-box-6 {
		-webkit-animation: leaf-moving 0.75s ease-in-out forwards alternate infinite;
		animation: leaf-moving 0.75s ease-in-out forwards alternate infinite;
	}

	@-webkit-keyframes leaf-moving {
		0% {
			-webkit-transform: translate(0%, 0%);
			transform: translate(0%, 0%);
		}
		100% {
			-webkit-transform: translate(0%, 10%);
			transform: translate(0%, 10%);
		}
	}

	@keyframes leaf-moving {
		0% {
			-webkit-transform: translate(0%, 0%);
			transform: translate(0%, 0%);
		}
		100% {
			-webkit-transform: translate(0%, 10%);
			transform: translate(0%, 10%);
		}
	}

}
  
	
@media (max-width: 768px) {
	/* 	css menu */
	.mobile-sidebar .nav-sidebar, .sub-menu.nav-sidebar-ul, .mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>.sub-menu {
		padding-top: 0 !important;
	}

	.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a, .mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a, .mobile-sidebar-levels-2 .nav-slide>li>ul>li:not(.nav-slide-header)>a, ul.sub-menu.nav-sidebar-ul.is-current-slide li a {
		color: #000 !important;
		text-transform: initial !important;
		font-weight: 500 !important;
	}

	input#woocommerce-product-search-field-2, input#woocommerce-product-search-field-1 {
		border-radius: 4px;
		height: 42px;
		background-color: #fff;
		font-size: 15px
	}

	input#woocommerce-product-search-field-2:focus, input#woocommerce-product-search-field-1:focus {
		border: 2px solid #222;
	}

	.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a, .mobile-sidebar-levels-2 .nav-slide>li>ul>li:not(.nav-slide-header)>a, ul.sub-menu.nav-sidebar-ul.is-current-slide li a {
		padding: 10px;
	}
	
	ul.sub-menu.nav-sidebar-ul.is-current-slide li {
		border-top: 1px solid #ececec;
		margin-bottom: 0;
		margin-top: 0;
		transition: background-color .3s;
	}

	ul.sub-menu.nav-sidebar-ul.is-current-slide li a {
		font-size: .8em;
	}
	
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		background-color: #fff !important;
	}

	.sidebar-menu.no-scrollbar {
		padding-top: 0 !important;
	}

	.mobile-sidebar ul li.menu-item  a {
		font-size: 14px;
		font-weight: 600 !important;
	}

	input#s {
		box-shadow: 0 0;
	}

	.nav-slide-header .toggle {opacity: 1;}
	
	div#top-bar>div {
		padding: 0;
	}

	div#logo {
		display: contents;
	}

	div#masthead>div {
		margin: auto;
		justify-content: start;
		padding: 0 10px;
	}

	div#masthead .medium-logo-center .flex-right {
		flex: unset;
	}
	
	.mobile-nav a.icon.plain.tooltip {
		border: 0;
		background-color: #b1d4ff9e;
		color: #222;
		line-height: 38px;
		width: 38px;
		height: 36px;
		display: inline-block;
		text-align: center;
		border-radius: 50%;
	}
	
	.mobile-nav a.icon.primary.button.circle.is-small {
		background-color: #b1d4ff9e;
		color: #222;
		font-size: 15px;
	}
	
	/* 	css slider owl */
	.owl-nav button.owl-prev {
        left: 15px !important;
    }

    .owl-nav button.owl-next {
        right: 15px !important;
    }
}

@media (max-width: 549px) {
	/* 	css menu */
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		width: 88% !important;
	}
	
	/* 	css section loi ich */
	.title-loiich h2 {
    	font-size: 24px;
	}
	
	.loi-ich .col.medium-4.small-12.large-4 {
		padding-bottom: 10px;
	}
	
	
	/* 	css footer */
	.accordion-title {
		border-top: 0;
	}

	.foo-accordion .accordion-title {
		border-radius: 2px;
		border-top: 0;
		font-size: 17px;
		padding: 10px 2px;
	}
	
	.foo-accordion .accordion-item:not(:last-child) .accordion-title {
		border-bottom: 1px solid #e6e6e60d;
	}

	.foo-accordion .accordion-title.active {
		box-shadow: 0 0;
		margin-bottom: 0;
	}

	.foo-accordion .accordion-inner {
		padding: 10px 5px 10px 10px;
	}

	.foo-accordion .toggle {
		left: unset !important;
		right: 0 !important;
		width: 1.3em;
	}

	.foo-accordion .toggle i {
		font-size: 26px;
	}

	.foo-accordion .toggle i {
		font-size: 20px;
	}
}