@media (min-width: 850px) {
	.stuck .header-main .nav > li > a {
		line-height: unset !important;
	}
	
	.header-phone {
		display: flex;
		align-items: center;
		margin: unset;
		text-align: center;
		margin-right: 8px;
	}

	.header-phone strong {
		font-size: 16px;
	}
	.header-phone svg {
		width: 25px;
		transform: rotate(12deg);
	}

	.header-phone span, .header-news p {
		color: #fff;
		text-align: center;
		line-height: 18px;
	}

	.header-phone span {
		font-weight: 400;
		font-size: 13px;
	}

	.header-news .icon {
		display: inline-block;
		margin-right: 8px;
	}

	.header-news p:first-child {
		font-weight: 700;
		font-size: 15px;
	}

	.header-news p:last-child {
		font-weight: 400;
		font-size: 13px;
	}

	
	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 {
		margin-top: 10px;
		display: block;
		border: 0;
    	padding: 0;
	}

	ul.sub-menu.nav-dropdown.nav-dropdown-default li.menu-item a {
		color: #000;
		font-weight: 500;
		margin: 0;
		padding: 10px 12px;
		font-size: 15px;
		text-transform: none;
	}

	.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before {
		bottom: -10px !important;
	}

	ul.sub-menu.nav-dropdown.nav-dropdown-default li.menu-item:hover>a {
		background-color: #0088de;
		color: #fff;
	}

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

	.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;
		bottom: 0;
	}

	li.menu-item:hover>ul.sub-menu.nav-column.nav-dropdown-default {
		display: block;
	}
	
	input#woocommerce-product-search-field-0 {
		border-radius: 8px;
		padding-left: 18px;
		border: 0;
		box-shadow: 0 0 5px #ccc;
		height: 34px;
		line-height: 34px;
		background-color: #fff !important;
	}

	input#woocommerce-product-search-field-0, input#woocommerce-product-search-field-0::placeholder {
		color: #000;
	}

	.searchform .button.icon i.icon-search {
		color: #000;
	}

	.col.post-item .col-inner, .btn-zalo, .box-recuit-posts {
		transition: .4s all !important;
	}
	
	/* 	css menu vertical */
	.header-vertical-menu__fly-out {
		margin-top: 10px;
	}
	
	.header-vertical-menu .icon-angle-down {
		display: none;
	}

	span.header-vertical-menu__title {
		font-size: 18px;
		font-weight: 700;
	}

	span.header-vertical-menu__icon .icon-menu {
		font-size: 18px;
		margin-right: 6px;
		line-height: 5;
	}

	.header-vertical-menu__opener {
		padding: 4px 10px !important;
		width: 140px !important;
		border-radius: 10px;
		height: 34px !important;
	}
}
  
	
@media (max-width: 768px) {
	/* 	css menu */
	.sidebar-menu.no-scrollbar {
		padding-top: 0 !important;
	}
	.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;
	}

	.nav-slide-header .toggle {opacity: 1;}
	
	/* 	css breadcrumb */
	.flex-col.flex-grow.medium-text-center {
		display: block !important;
		text-align: left !important;
		padding: 2px 4px 2px 15px;
	}
	
	.filters-container form {
/* 		display: flex; */
		overflow-x: auto;
		white-space: nowrap;
	}

	.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter:not(:last-child) {
		margin-right: 0px;
	}
	
	.filter-content {
		right: 50%;
		transform: translateX(50%);
		width: 320px !important;
	}

	ul.filter-items.filter-label {
		display: flex;
		flex-wrap: wrap;
	}

	.yith-wcan-filter.filter-tax.label-design {
		position: static !important;
	}
	
	/* 	css danh muc tuy chon */
	.category-group ul {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
	.category-group ul li {
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        flex-shrink: 0;
    }
}

@media (max-width: 549px) {
	/* 	css menu */
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		width: 88% !important;
	}
	.infor-recuit-posts {
		padding: 8px 6px;
	}
	h4.name-recuit-posts {
		font-size: 14px;
	}
	.home-title-ux span.section-title-main {
		width: 240px;
		line-height: 22px;
	}
	ul.chuyen-muc-con li a {
		font-size: 15px;
	}

	ul.chuyen-muc-con li {
		width: 100%;
	}
	
	/* 	css danh muc */
	.stack-danhmuc > .col-inner {
		overflow-x: auto;
	}
	
	.home-danhmuc {
		width: max-content;
		overflow: hidden;
		max-width: 900px;
	}

	.home-danhmuc .icon-box, .home-danhmuc a {
		flex-basis: 11.11%;
	}
	
	.home-danhmuc .icon-box {
		padding: 10px 2px;
	}
	
	.home-danhmuc p {
		font-size: 13px;
	}
	
	/* 	css san pham */
/* 	.product-small.col:nth-child(2n-1) {
		padding-right: 5px;
	}

	.product-small.col:nth-child(2n) {
		padding-left: 5px;
	}

	.product-small.col {
		padding-bottom: 10px !important;
	} */
	/* 	css danh muc con */
	ul.cate-child li {
		width: 22%;
		flex-basis: 22%;
		flex-direction: column;
		-webkit-box-align: center;
		align-items: center;
		flex-shrink: 0;
		border: 1px solid #00000021; 
		box-shadow: 0 0;
	}

	ul.cate-child {
		max-width: 470px;
		overflow-x: auto;
		gap: 0 1.4%;
		flex-wrap: unset;
	}
	
	ul.cate-child li img {
		width: 56px;
	}
	
	.cate-box-info {
		font-size: 13.5px;
		line-height: 16px;
	}
	
	/* 	css loc mac dinh woo */
	.loc-san-pham {
		overflow-x: auto;
		margin-bottom: 10px;
	}
	
	.div-form {
		width: 38%;
		flex-basis: 38%;
		flex-direction: column;
		-webkit-box-align: center;
		align-items: center;
		flex-shrink: 0;
		margin-bottom: 8px;
	}
	
}


@media (max-width: 400px) {
	.home-title-ux span.section-title-main {
		width: 190px;
	}
	.btn-zalo {
    padding: 0 10px;
}
	.div-form {
        width: 40%;
        flex-basis: 40%;
    }
	ul.cate-child li {
        width: 24%;
        flex-basis: 24%;
    }
}

