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

	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-color: var(--iconColor) !important;
		border-radius: 24px !important;
		padding: 0 10px;
		left: -8px;
		height: 35px;
	}

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

	.searchform input::placeholder {
		color: #000;
	}
	
}
  
@media (max-width: 850px) {
	footer#footer .footer-widgets {
        padding: 0 15px;
    }
}
	
@media (max-width: 768px) {
	/* 	css header main - menu */
	div#top-bar>div {
		padding: 0;
	}

	div#logo {
		display: contents;
	}

	div#logo a img {
		margin: 0 4px 0 0;
		width: 120px;
	}

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

	div#masthead .medium-logo-center .flex-right {
		flex: unset;
	}

	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: 34px;
		border-radius: 20px;
		margin-left: 4px;
		font-size: 14px;
		line-height: 34px;
		padding-left: 6px;
	}

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

	.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 6px 0 10px !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: #01012e;
		font-size: 13px;
		font-weight: 400;
		text-transform: capitalize;
	}
	
	
}

@media (max-width: 549px) {
	.product-small.col.product {
		padding: 6px !important;
	}
	a.button.btn-xemthem {
		margin: 15px 0 0 0;
	}
}