@media (min-width: 850px) {
	div#wide-nav ul li.menu-item a.nav-top-link {
		color: #fff;
		font-size: 14px;
		font-weight: 500;
		padding: 0 15px;
	}
	
	ul.sub-menu.nav-dropdown.nav-dropdown-default {
		border: 0;
		padding: 0;
		border-radius: 8px;
	}
	
	div#wide-nav ul.sub-menu.nav-dropdown.nav-dropdown-default li.menu-item a {
		border-bottom: 0;
		margin: 0;
		padding: 8px 8px 8px 12px;
		font-size: 15px;
		color: #222;
	}

	div#wide-nav ul.sub-menu.nav-dropdown.nav-dropdown-default li.menu-item a:hover {
		background-color: rgba(0, 0, 0, .03);
		color: var(--colorMain);
	}

	input#woocommerce-product-search-field-0 {
		background-color: #fff !important;
		height: 42px;
		padding-left: 18px;
	}

	input#woocommerce-product-search-field-0, input#woocommerce-product-search-field-0::placeholder {
		color: #222 !important;
	}

	.searchform button.submit-button, button.ux-search-submit.submit-button.secondary.button.icon {
		background: var(--colorMain) !important;
        border: 0;
        border-radius: 24px !important;
        padding: 0 13px;
        left: -12px;
        height: 35px;
	}

	.searchform button.submit-button i {
		color: #fff;
	}

	.searchform input::placeholder {
		color: #000;
	}
	
	/* css icon lh header */
	#masthead li.html.custom {
		margin: 0px 5px;
	}

	.cls-1, .cls-2, .cls-3 {
		fill:none;
		stroke:#fff;
		stroke-linecap:round;
		stroke-linejoin:round;
	}

	.cls-1 {
		stroke-width:1.66px;
	}

	.cls-2 {
		stroke-width:1.66px;
	}

	.cls-3 {
		stroke-width:1.8px;
	}

	.about__box-content {
		font-size: 12px;
		line-height: 1.4;
		color: #ffffff;
	}

	.about__box-icon {
		display: flex;
		margin-right: 5px;
	}

	.about__box-content p.mb-0.title {
		font-weight: 300;
		text-transform: initial;
	}

	.about__box-content strong {
		font-weight: 800;
		font-size: 12px;
	}

	a.item-about:hover {
		background: rgb(255 166 79) !important;
	}

	a.item-about.about-1.about-contact, a.item-about.about-2.about-store, a.item-about.about-3.about-delivery-tracking {
		background: rgb(255 166 79);
		padding: 4px 8px;
		border-radius: 10px;
	}
	
	/* 	css form search suggest */
	.form-search-suggest .owl-nav button.owl-prev {
		left: 30%;
	}

	.form-search-suggest .owl-nav button.owl-next {
		right: 30%;
	}

	.form-search-suggest h3 {
		overflow: hidden;
		display: -webkit-box !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}


	
}
  
@media (max-width: 850px) {
	footer#footer .footer-widgets {
        padding: 15px 15px 0 15px;
    }
}
	
@media (max-width: 768px) {
	
	/* 	css header */
	div#masthead>.header-inner {
		padding: 0 10px;
	}

	
	.logo-center .logo {
		order: 1 !important;
		margin: 0 !important;
	}

	.logo-center .logo img {
		margin: 0;
		width: 80px;
	}

	div#logo {
		width: 110px;
		margin-left: 0 !important;
	}

	.medium-logo-center .flex-right {
		flex: unset !important;
	}

	input#woocommerce-product-search-field-1 {
		height: 36px;
		font-size: 14px;
		border: 0
	}

	.searchform .button.icon i {
		font-size: 1em !important;
	}
	
	/* 	click form search */
	.flex-col.show-for-medium.flex-right {
		transition: all 0.3s ease;
		width: 70%;
	}
	
	.form-nav-mobile {
		width: 100% !important;
		transition: all 0.3s ease;
	}

	li.header-search-form.search-form.html.relative.has-icon {
		margin-right: 0;
	}
	
	/* 	css header bottom */
	div#masthead, div#wide-nav {
/* 		background: var(--colorMain) !important; */
	}
	
	div#wide-nav .flex-row.relative {
		bottom: 5px;
	}

	input#woocommerce-product-search-field-1 {
		background-color: #fff !important;
	}

	input#woocommerce-product-search-field-1, input#woocommerce-product-search-field-1::placeholder {
		color: #222 !important;
		height: 36px;
		border-radius: 20px;
		font-size: 14px;
		line-height: 34px;
		padding-left: 6px;
	}

	.searchform button.submit-button, button.ux-search-submit.submit-button.secondary.button.icon {
		background: var(--colorMain) !important;
		border-radius: 24px !important;
		padding: 0 0;
		left: 2px;
		height: 32px;
		line-height: 0;
		min-height: unset !important;
		border: 0;
	}

	.searchform button.submit-button i {
		color: #fff;
	}

	.searchform input::placeholder {
		color: #000;
	}

	.searchform .button.icon i {
		font-size: 14px !important;
		top: 0 !important;
	}

	li.cart-item.has-icon {
		margin: 0 !important;
	}
	
	/* 	css header bottom - menu */
	div#wide-nav ul.nav.header-bottom-nav {
		width: max-content;
		padding-right: 10px;
	}
	
	div#wide-nav {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	
	div#wide-nav ul li.menu-item a.nav-top-link {
		color: #fff;
		font-size: 13px;
		font-weight: 400;
		text-transform: capitalize;
		padding: 0;
		line-height: 12px;
		padding-right: 8px;
	}

	.flex-row.container {
		padding-left: 10px;
	}
	
	div#wide-nav ul li.menu-item:not(:last-child) a.nav-top-link {
		border-right: 1px solid #cccccc36;
	}

	div#wide-nav i.icon-angle-down {
		display: none;
	}
	
	/* 	css header sidebar - menu */
	.mfp-content {
		width: 100% !important;
		background-color: #fff !important;
	}

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

	.mobile-sidebar .menu-item a {
		color: var(--iconColor);
	}
	
	/* 	css lisst cate */
	.cate-item h3 {
		font-weight: 400;
		font-size: 12px;
	}
	
	.home-list-cate .owl-nav button.owl-prev {
		left: 28%;
	}

	.home-list-cate .owl-nav button.owl-next {
		right: 28%;
	}

	.home-list-cate .mb-hide {
		display: none; 
	}
	
	.home-list-cate .owl-dots {
		margin-top: 20px;
	}
	
	.home-list-cate .owl-nav button .fa {
		background-color: #fff;
		box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
		border-radius: 20px;
		height: 30px;
		width: 30px;
		line-height: 30px;
	}
	
	.home-list-cate .owl-dots button span {
		margin: 0 6px;
	}

}

@media (max-width: 549px) {

	a.button.btn-xemthem {
		margin: 15px 0 0 0;
	}
	
	/* 	css title */
	.container.section-title-container.home-title {
		margin-bottom: 12px;
	}

	.home-title h2 {
		font-size: 20px !important;
	}

	.home-title .section-title a {
		font-size: 13px;
		padding: 6px 10px;
	}
}