/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: Phạm Văn Lân - 0972495768
Template: flatsome
Version: 3.0
*/


/* Áp dụng riêng cho mobile */

.tax-product_cat .woocommerce-breadcrumb 
{
	display:none;
}

.tax-product_cat .shop-page-title .title-overlay
{
	background:white !important;
}


.tax-product_cat .page-title-inner > .flex-col:nth-child(1)
{
		display:none;
}

.tax-product_cat .shop-page-title 
{
    display: flex;
    justify-content: flex-end;
    margin: 0px !important;	
}

.tax-product_cat .page-title-inner
{
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
    margin: 0px !important;	
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {min-width: 90% !important;width: 90% !important;top: 3px;}
.header-block-block-1 {min-width: 100% !important;width: 100% !important;}

.account-container,.woocommerce-MyAccount-content
{
	max-width:1300px;
	margin:0 auto;
}
.featured-title .page-title-inner {

    background: white;
}
.featured-title .page-title-inner * {
    
    color: black !important;
}

.orderby {
   border-color: black !important;
}

.nav-top-not-logged-in span 
{
text-transform: initial !important;	
}


.nav-top-not-logged-in:before {
  content: '';
  display: inline-block;
  width: 20px; /* chỉnh theo ý bạn */
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M486.4 563.2c-155.275 0-281.6-126.325-281.6-281.6s126.325-281.6 281.6-281.6 281.6 126.325 281.6 281.6-126.325 281.6-281.6 281.6zM486.4 51.2c-127.043 0-230.4 103.357-230.4 230.4s103.357 230.4 230.4 230.4c127.042 0 230.4-103.357 230.4-230.4s-103.358-230.4-230.4-230.4z"/><path d="M896 1024h-819.2c-42.347 0-76.8-34.451-76.8-76.8 0-3.485 0.712-86.285 62.72-168.96 36.094-48.126 85.514-86.36 146.883-113.634 74.957-33.314 168.085-50.206 276.797-50.206 108.71 0 201.838 16.893 276.797 50.206 61.37 27.275 110.789 65.507 146.883 113.634 62.008 82.675 62.72 165.475 62.72 168.96 0 42.349-34.451 76.8-76.8 76.8zM486.4 665.6c-178.52 0-310.267 48.789-381 141.093-53.011 69.174-54.195 139.904-54.2 140.61 0 14.013 11.485 25.498 25.6 25.498h819.2c14.115 0 25.6-11.485 25.6-25.6-0.006-0.603-1.189-71.333-54.198-140.507-70.734-92.304-202.483-141.093-381.002-141.093z"/></svg>') no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
}

.cart-item .icon-shopping-bag:before {
  content: '' !important;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;utf8,<svg width='20' height='20' version='1.0' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><g transform='translate(0 512) scale(.1 -.1)'><path d='m2371 5100c-150-40-306-141-387-248l-35-48-492-58c-271-32-501-63-512-69-31-16-44-39-45-75 0-32 54-516 64-573 5-25 3-27-44-31-27-3-56-11-65-18s-78-117-155-245l-139-232-86-1660c-47-913-85-1692-85-1730 0-60 3-73 23-91l23-22h2125 2126l21 23c18 19 22 35 22 92 0 37-38 815-85 1728l-86 1660-139 232c-77 128-147 238-156 246-11 9-49 15-106 18-86 3-90 4-84 25 3 11 18 74 33 138 29 128 26 152-19 182-13 8-190 54-393 101-204 47-380 90-391 94-14 6-24 22-28 45-11 60-92 208-153 281-76 91-209 181-324 220-73 25-102 29-219 32-111 2-148-1-209-17zm318-176c139-34 279-140 353-265 21-34 36-64 34-66s-51 8-110 22c-113 28-152 27-180-4-8-9-34-96-56-192-23-95-43-182-46-191-4-14-72-44-80-35-1 1-19 139-39 306-19 167-40 311-44 320-21 39-55 45-163 33-56-7-103-10-106-7-8 8 127 68 183 81 72 18 178 17 254-2zm-329-258c0-2 14-117 30-256 17-139 27-256 23-260s-190-51-413-104c-308-74-410-102-427-118-31-29-30-70 7-220 17-67 30-128 30-135 0-10-45-13-203-13h-203l-56 478c-31 262-56 478-55 478 1 1 283 36 627 77s628 75 633 76c4 0 7-1 7-3zm1105-357c242-56 444-105 449-110 6-5-20-134-64-324l-74-315h-246-246l-82 343c-72 301-85 345-107 365-31 26-65 28-147 6-33-8-61-14-63-12-1 2 7 42 18 89l20 86 51-13c28-7 249-58 491-115zm-495-226c0-5 27-120 60-257 33-136 60-252 60-257s-276-9-643-9h-642l-28 117c-15 64-26 117-24 119 2 1 1194 291 1210 293 4 0 7-2 7-6zm-1980-282c0-9 14-119 25-203l5-38h-100c-55 0-100 3-100 6 0 18 145 244 156 244 8 0 14-4 14-9zm3239-110c39-66 71-122 71-125s-74-6-165-6-165 3-165 8c0 4 12 60 27 125l27 117h67 66l72-119zm155-373c3-35 40-733 81-1553s76-1511 78-1537l4-48h-1987-1987l4 48c2 26 37 717 78 1537s78 1518 81 1553l6 62h1818 1818l6-62z'/><path d='m1850 3209c-168-32-260-248-169-395 24-39 82-92 114-104 23-9 23-10 27-242 4-223 5-236 32-313 85-248 285-432 534-492 88-21 256-21 344 0 249 60 449 244 534 492 27 77 28 90 32 312l4 233 34 16c42 20 101 85 121 133 24 55 21 159-6 214-26 53-87 112-140 134-46 20-156 20-202 0-199-83-215-381-26-479l39-19-4-207c-5-237-17-291-88-400-225-349-715-349-940 0-71 109-83 164-88 400l-4 207 39 19c85 44 132 127 133 232 0 175-145 292-320 259z'/></g></svg>") no-repeat center;
  background-size: contain;
}




.tax-product_cat .products.row
{
width: 100% !important;
max-width: 100% !important;
margin: 0 auto!important;
}

footer .icon-svg svg {
    display: inline-block;
    /* margin: 0px 5px 5px 0; */
    width: 100%;
    fill: #000;
    width: 12px;
}

footer .text-contact
{
	font-size: 14px !important;
}

footer a ,footer p,footer span,footer h4
{
	color:black !important;
	
}

#review_form
{
	display:none !important;
}

@media (max-width: 768px) {
  .kfm-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 6px 0;
    z-index: 9999;
  }

  .kfm-bottom-nav .kfm-nav-item {
    flex: 1;
    text-align: center;
    font-size: 12px;
    color: #333;
  }

  .kfm-bottom-nav .kfm-nav-item img {
    display: block;
    margin: 0 auto 4px auto;
    width: 22px;
    height: 22px;
  }

  .kfm-bottom-nav .kfm-nav-item div {
    font-size: 12px;
    line-height: 1.2;
  }

  /* Tùy chọn: hiệu ứng khi active */
  .kfm-bottom-nav .kfm-nav-item.active div,
  .kfm-bottom-nav .kfm-nav-item.active img {
    color: #0073aa;
    filter: brightness(0) saturate(100%) invert(30%) sepia(90%) saturate(300%) hue-rotate(180deg);
  }

  /* Ẩn menu này trên desktop */
  @media (min-width: 769px) {
    .kfm-bottom-nav {
      display: none !important;
    }
  }
}




.icon-shopping-bag
{
	color:black;
}

#secondary .widget_media_image
{
	position: absolute;
	top: -118px;
	left: 5px;
}

#secondary .widget_media_image img
{

    max-width: 65% !important;
    height: auto;
    margin-left: 35px;
}

#logo img {
    max-height: auto !important;
    width: 90% !important;
    object-fit: contain;
}

@media(min-width:845px)
{.stuck
	{
		display:none !important;
	}
	#logo img {
   
    display: none !important;
}
}

@media(max-width:845px)
{
	
	

	.gtranslate_wrapper 
	{
		display: flex;
	}
	
.gtranslate_wrapper .glink 
	{
		margin-right:5px;
	}
	
	
	.icon-menu
	{
		color:black;
	}
	
.header-inner 
{
background:white; 
}
	
	
}


#logo {
    width: 230px !important;
}


/* Reset & Base */
.listmenu {
    background-color: #f8f9fa;
    border-radius: 8px;
    /* box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
    /* border-right: 1px solid black; */
}


@media(max-width:1024px)
{
	.header-block
	{
		    overflow: auto;
    height: 500px;
		z-index:9999;
	}
}

.listmenu__hover
{
 	position: absolute;
	top: 0;
	left: 225px;
	min-width: 100%;
	z-index: 999999; 
	background:white;
}

.listmenu__levelone,
.listmenu__leveltwo {
    padding: 15px 0;
}

/* Cột danh mục chính */
.listmenu__levelone .product-category {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-bottom: 15px; */
    padding-bottom: 0px;
    padding-right: 0px;
}

.listmenu__levelone .box-category {
    width: 100%;
    max-width: 300px;
    text-align: center;
    transition: transform 0.3s ease;
    /* border-bottom: 1px solid #e0e0e0; */
    /* border-radius: 12px; */
    overflow: hidden;
}


@media(max-width:1024px)
{
	
	.listmenu__levelone
	{
		background:white; 
	}
	
.listmenu__levelone .product-category { 
	max-width:100% !important;
	flex-basis:100% !important;
}
	
.listmenu__leveloneinner 
{margin-left: 20px !important;}
	
	
	.listmenu__levelone
	{
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
	
.listmenu__levelone .box-category {display: flex;align-items: center;BACKGROUND: WHITE;margin: 0px;width: 100%;min-width: 100%;}
	
.listmenu__levelone	.box-image
{
width: 30% !important;		
}
	
	
}

.listmenu__levelone .box-category:hover {
 
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

.listmenu__levelone .box-image {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.listmenu__levelone .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 0.3s ease;
}

.listmenu__levelone .box-category:hover .box-image img {
    filter: brightness(1.1);
}

.listmenu__levelone .box-text {
    padding: 10px;
    background: white;
    font-weight: 600;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
     border-right: 1px solid #dbdbdb; 

}



	@media(max-width:1024px)
{
.listmenu__levelone .box-text {

border-right: unset !important;
text-align: left !important;
}
	
}





.listmenu__levelone .header-title {
    margin: 0;
    font-size: 14px;
    color: #333;
    text-transform: inherit;
}

/* Cột danh mục con */
.listmenu__leveltwo {
    display: none;
    padding: 15px 15px;
    min-width: 650px;
    background: white;
    min-height: 800px;
}

.listmenu__leveltwo.active {
    display: block;
}

.listmenu__levelone
{
	padding-bottom:0px;
	padding-top:0px;
	/* border-right: 1px solid black; */
}

.listmenu__leveltwo .row {
    /* display: grid; */
    /* grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); */
    /* gap: 15px; */
    /* margin-top: 10px; */
}

.listmenu__leveltwo .product-category {
    text-align: center;
    margin-bottom: 15px;
}

.listmenu__leveltwo .product-category {
    text-align: center;
    margin-bottom: 15px;
}

.listmenu__leveltwo .box-category {
    width: 100%;
    max-width: 100%;
  
    overflow: hidden;
    transition: transform 0.3s ease;
}

.listmenu__leveltwo .box-category:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}

.listmenu__leveltwo .box-image {
    width: 100%;
    /* height: 120px; */
    overflow: hidden;
    position: relative;
}

.listmenu__leveltwo .box-image img {
    width: 115px;
    height: 115px;
    object-fit: contain;
    transition: filter 0.3s ease;
}

.listmenu__leveltwo .box-category:hover .box-image img {
    filter: brightness(1.1);
}

.listmenu__leveltwo .box-text {
    padding: 10px;
    background: white;
    font-weight: 600;
    color: #333;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
}

.listmenu__leveltwo .header-title {
    margin: 0;
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
}





















































































/*************** ADD CUSTOM CSS HERE.   ***************/
/* css header */
div#masthead {
    /* background: #008848; */
}
div#masthead input#woocommerce-product-search-field-0 {
    background-color: #fff !important;
    border-radius: 6px;
    color: #000 !important;
    box-shadow: rgba(28, 28, 28, 0.08) 0px 2px 8px;
    height: 50px;
    border: 1px solid #eeeeee;
}
div#masthead input#woocommerce-product-search-field-0::placeholder {
    color: #000;
}
div#masthead i.icon-search {
    color: #9b8f8f;
}
a.header-cart-link.is-small {
    line-height: 0;
}
a.header-cart-link.is-small span {
    color: black;
    text-transform: initial;
}
div#masthead a.header-cart-link i.icon-shopping-basket {
    color: black;
}
.stuck .header-main .nav > li > a {
    padding: 0;
}

/* css đơn hàng của bạn */
#masthead a.tracuu-donhang {
    text-transform: initial;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    line-height: 15px;
    width: 80px;
    color: #fff;
    padding: 6px;
    border-radius: 6px;
	background: #076e3e;
}
#masthead a.tracuu-donhang:hover {
	color: #fff300;
}

/* css trang chủ */
#main {
    background: #e9edf0;
}
.home main#main>.page-wrapper {
    padding-top: 0px;
    padding-bottom: 0;
}
.sidebar-right {
    padding-bottom: 0;
}
section>.row>.col {
	padding-left: 8px;
	padding-right: 8px;
}
/* css banner */
.col.col-padding {
    padding: 5px
}
.slider-nav-light .flickity-page-dots .dot {
    border-color: #008848;
}

/* css coupon */
.col.col-coupon>.col-inner {
    background: #fff;
	padding: 10px;
}
.stack-coupon .icon-box,.stack-coupon .ct-coupon{
    display: flex;
    flex-direction: column;
    flex-basis: 24%;
    flex-shrink: 0;
}
.stack.stack-coupon{
    justify-content: space-between;
    background: white;
    border-radius: 4px;
}
.ct-coupon {
    vertical-align: text-bottom;
    border: 1px solid #037841;
    border-radius: 4px;
    padding: 5px;
}
.ct-coupon .title {
    color: #037841;
    font-size: 17px;
    font-weight: 600;
}
.ct-coupon .content {
    font-size: 12px;
    line-height: 15px;
}

/* css nhóm hàng thường mua - cate-pro */
.col-cate-pro>.col-inner {
    background: #fff;
    padding: 6px 10px;
}
.stack-cate .icon-box,.stack-cate a{
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    flex-basis: 9%;
    flex-shrink: 0;
}
.stack.stack-cate{
    justify-content: space-between;
}
.box-cate .icon-box-img {
    margin-bottom: 4px;
}
.ct-cate p {
    color: #0064c2;
    font-size: 13px;
	line-height: 19px;
}
.title-cate p {
    margin-bottom: 4px;
    font-size: 14px;
    color: #000;
}

/* css sản phẩm trang chủ */
/* css nút load ajax - xem thêm */
.col-loadajax>.col-inner {
    background: #fff;
    margin-top: -10px;
}
.btn-loadajax button.btn-xemthem {
    margin: 5px 0;
    color: #0064c2;
    text-transform: inherit;
    font-weight: 400;
    font-size: 14px;
}
.btn-loadajax button.btn-xemthem:after {
    content: "";
    font-family: 'fl-icons';
    vertical-align: middle;
    padding-left: 6px;
}

/* css title-product */
.title-product p {
    margin-bottom: 0;
    padding: 2px 0 5px 0;
    font-weight: 600;
    color: #6f9972;
    text-transform: uppercase;
}

/* 	css cửa hàng sản phẩm - shop */
.col-product>.col-inner {
	padding: 0 9px;
}
.product-small.col {
	padding: 0px;
}
.product-small.col>.col-inner {
	background: #fff;
	border: 1px solid #eee;
}
.product-small.col>.col-inner:hover {
}
.product-small.col .box-image {
    margin-top: 2px;
}
.product-small.col .box-image .image-fade_in_back {
    padding: 6px 8px 0 8px;
}
.product-small.col p.name.product-title.woocommerce-loop-product__title {
    height: 40px;
}
.product-small.col a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.product-small.col .title-wrapper {
	padding: 0px 4px;
	border-bottom: 1px solid #e4e9f2;
}
.product-small.col .price-wrapper {
	padding: 8px 0 4px 4px;
}
.product-small.col .price .amount bdi {
    color: #b10e0e;
}
.product-small.col  .box-text-products {
	padding: 5px;
}

/* css form giỏ hàng nhanh */

.product-small.col .pvlan-btn-quantity {
    display: flow-root;
	padding: 0px 6px;
}
.product-small.col .quantity.buttons_added {
	margin-right: 5px;
}
.product-small.col a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    margin-right: 0;
    padding: 1px 4px;
    font-size: 11px;
    text-transform: initial;
	display: flow-root;
	background: bottom;
    color: #008848;
    border: 1px solid #008848;
}
.product-small.col a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
	background: #008848;
    color: #fff;
    border: 1px solid #008848;
}
.product-small.col a.added_to_cart.wc-forward {
    display: none;
}
/* .product-small.col .quantity.buttons_added {
    float: left;
} */
/* css form add to cart */
.product-small.col .quantity .button.minus, .quantity .button.plus {
    width: 24px;
    min-height: 16px;
    line-height: 16px;
    background-color: rgb(214 222 225 / 30%);
    border: 1px solid #e5e5e5;
}
.product-small.col .quantity input[type="number"] {
    height: 30px;
    width: 38px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0;
    font-size: 13px;
}
/* css đơn vị */
span.pvlan_woocommerce_price_donvi {
    font-size: 13px;
}

/* css footer */
.footer-2 {
    padding-top: 10px;
	border-top: none
}
.footer-right-sidebar {
	padding: 0 6px 0 14px;
}
.footer-right-sidebar>.col-inner {
    background: #fff;
    padding: 12px 10px;
}
.footer-right-sidebar>.col-inner .row-tb {
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}
.col-tb {
    padding-bottom: 0;
}
.col-tb .col-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}
.tb-icon-1 p {
    background-image: url(/wp-content/uploads/2021/11/icon-dongho.png);
    padding: 0px 0px 0px 40px;
}
.tb-icon-2 p {
    background-image: url(/wp-content/uploads/2021/11/icon-back.png);
    padding: 10px 0px 0px 40px;
    height: 32px;
}
.tb-text p {
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: left center;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
}
/* css footer-detail */
.footer-detail {
    padding-top: 10px;
}
p.tongdai-text, p.tongdai-text a {
    font-weight: 600;
    color: #008848;
    font-size: 14px;
}
p.tongdai-1, p.tongdai-2 {
	background-repeat: no-repeat;
    background-size: 17px;
    padding-left: 21px;
    background-position: left;
	margin-bottom: 8px;
}
p.tongdai-1 {
    background-image: url(/wp-content/uploads/2021/11/f-phone.png);
}
p.tongdai-2 {
    background-image: url(https://food.webmau16.com/wp-content/uploads/2021/11/icon-dangki.png);
}
ul.f-text-detal li {
    list-style: disc;
    color: #288ad6;
    font-size: 10px;
}
ul.f-text-detal li a {
    font-size: 12px;
    color: #288ad6;
}
.col.col-ul {
    padding-bottom: 8px;
}
p.hethong {
    background-image: url(/wp-content/uploads/2021/11/hethong-cuahang.png);
    background-repeat: no-repeat;
    background-size: 21px;
    padding-left: 25px;
    background-position: left;
}
p.hethong, p.hethong a {
    font-weight: 600;
    color: #288ad6;
    font-size: 14px;
}

/* css chi tiết sản phẩm */
.single-product .product-info {
    padding-bottom: 0;
}
.single-product .product-main {
    padding: 0;
}
.single-product .div-pro-img {
    background: #fff;
}
.single-product nav.woocommerce-breadcrumb {
    padding: 10px;
}
.single-product nav.woocommerce-breadcrumb a {
    color: #288ad6;
    text-transform: initial;
}
.single-product .product-images .woocommerce-product-gallery__image {
    border: 1px solid #ededed;
    border-radius: 4px
}
.sidebar-right {
    border-left: none !important;
}
.single-product .product-info {
    padding-top: 0;
}
.single-product h1.product-title.product_title.entry-title {
    font-size: 22px;
    color: #4a4a4a;
    font-weight: 300;
}
.single-product .product-info .price .amount bdi {
    font-size: 24px;
    color: #c10017;
}
button.single_add_to_cart_button.button.alt {
    background: #0098de;
    border-radius: 6px;
}
button#buy_now_button {
    background: #008848;
    width: 100%;
    border-radius: 6px;
    font-weight: 300;
	margin-bottom: 0;
}
/* css info-pro sau form add to cart */
.row-info-pro .col-info-pro>.col-inner {
    background: #e9edf0;
    padding: 10px;
    border-radius: 6px;
}
.col-info-pro {
    padding-bottom: 0;
}

.info-pro-text p {
    margin-bottom: 6px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 26px;
}
.info-pro-text p a {
    color: #007cd4;
}
.info-pro-icon-1 p {
    background-image: url(/wp-content/uploads/2021/11/icon-dongho.png);
}
.info-pro-icon-2 p {
    background-image: url(/wp-content/uploads/2021/11/icon-back.png);
}

/* css mota-sanpham large-7  */
.product-footer .woocommerce-tabs {
    border-top: none;
	padding-bottom: 0;
	padding-top: 0;
}
p.title-mota {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}
#tab-description p, div#tab-description .short-description {
    font-size: 14px;
    color: #000;
}
.description.show-moreinfo #tab-description h1, .description.show-moreinfo #tab-description h2, .description.show-moreinfo #tab-description h3, .description.show-moreinfo #tab-description h4 {
    color: #000;
    font-weight: 600;
}
/* css right-mota-sanpham large-5  */
.single-product .product-footer {
    margin-top: 6px;
}
.right-mota-sanpham, .mota-sanpham {
	float: left;
	background: #fff;
	padding: 10px;
}
.single-product .stack.stack-cate {
    overflow: auto;
}
.single-product .stack-cate .icon-box, .single-product  .stack-cate a {
    flex-basis: 22%;
}
.single-product .stack.stack-cate::-webkit-scrollbar {
    height: 10px;
}
.single-product .stack.stack-cate::-webkit-scrollbar-thumb {
    background: #008848;
    border-radius: 4px;
}
.single-product .stack.stack-cate::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px #a5a5a5;
    border-radius: 4px;
}
.single-product .col-cate-pro>.col-inner {
    background: bottom;
}
/* css blog product - ux builder tin tức */
/* css title-blog */
.title-blog-pro {
    margin-bottom: 0;
    margin-top: 10px;
}
.title-blog-pro h3 span {
    font-size: 14px;
    color: #000;
}
.title-blog-pro a {
    font-size: 12px;
    color: #288ad6;
}
.title-blog-pro a i.icon-angle-right {
    margin-left: 5px;
    vertical-align: middle;
}

.blog-product .col.post-item {
    padding-bottom: 4px;
}
.blog-product .col.post-item>.col-inner {
    border-bottom: 1px solid #eee;
    padding-bottom: 4px;
}
.blog-product h5.post-title.is-large {
    font-weight: 300;
    font-size: 13px;
}
.is-divider {
    display: none;
}
.blog-product .box-text.text-center {
    padding: 8px 4px 0px 8px;
    text-align: left;
}

/* css form comment */
.single-product div#tab-reviews {
    margin-top: 30px;
}
.star-rating span:before, .stars a:hover:after, .stars a.active:after, .star-rating:before, .woocommerce-page .star-rating:before {
	color: #ff6600;
}
.single-product #commentform input#submit {
    background-color: #008848;
    border-radius: 4px;
	border: none;
}
.single-product textarea#comment {
    min-height: 80px;
}
#commentform input, #commentform textarea {
    border-radius: 6px;
    box-shadow: 0px 0px;
    border: 1px solid #000;
}
.single-product .commentlist strong.woocommerce-review__author {font-size: 14px;}
.single-product .commentlist .star-rating {
    font-size: 12px;
}
.single-product .commentlist time.woocommerce-review__published-date {
    font-size: 14px;
}
.single-product .commentlist img {
    width: 70%;
}
.single-product .commentlist .comment-text.flex-col.flex-grow {
    padding-left: 0;
}
.single-product .commentlist .description p {
    font-style: normal;
    font-size: 14px;
}
ol.commentlist li {
    margin-left: 0;
}

/* css sản phẩm liên quan */
.single-product .row-small>.flickity-viewport>.flickity-slider>.product-small.col {
    padding: 0;
}

/* css trang thanh toán */
.col-main-bg {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 0;
}
.woocommerce-checkout form.checkout.woocommerce-checkout {
    margin-bottom: 0;
}
.woocommerce-checkout .woocommerce-checkout .col.large-7.pb-0 {
    min-width: 100%;
}
.woocommerce-checkout .cart-collaterals.large-5.col.pb-0 {
    min-width: 100%;
}
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon.has-border.is-dashed, .woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: none;
}
.woocommerce-checkout .col-inner.has-border {
    border: none;
    padding: 0;
}
.woocommerce-checkout .shop_table .order-total th, .woocommerce-checkout .shop_table .order-total td {
	border-width: 1px;
}
.woocommerce-checkout .woocommerce-billing-fields {
	border: none;
}
.woocommerce-checkout  form.checkout_coupon.mb-0 {
    display: block !important;
}
.woocommerce-checkout  .cart-collaterals.large-5.col.pb-0 {
    border: none;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td.actions.clear, table.shop_table.woocommerce-checkout-review-order-table tr.cart_item, table.shop_table.woocommerce-checkout-review-order-table tr.cart-subtotal, table.shop_table.woocommerce-checkout-review-order-table thead, ul.wc_payment_methods.payment_methods.methods, .woocommerce-checkout .woocommerce-additional-fields h3, div#payment .form-row.place-order, .woocommerce-checkout table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody td.product-quantity {
    display: none;
}
.woocommerce-checkout input#coupon_code {
    width: 35%;
    float: left;
    margin-right: 3%;
    box-shadow: 0 0;
    height: 32px;
    border: solid 1px #eee;
}
.woocommerce-checkout .cart-sidebar .widget-title {
    border: none;
    width: 25%;
    float: left;
    font-size: 14px;
    padding-top: 5px;
}
.woocommerce-checkout input.is-form.expand {
    width: 20% !important;
    float: left;
    padding: 0;
    border: 1px solid #008848;
    background-color: #008848;
    color: #fff;
    border-radius: 3px;
    text-shadow: 0 0;
    min-height: 31px;
    line-height: 10px;
    font-size: 14px;
}
input#billing_first_name, .woocommerce-checkout input#billing_address_1, .woocommerce-checkout input#billing_phone, .woocommerce-checkout input#billing_email, .woocommerce-checkout textarea#order_comments {
	box-shadow: none;
	border-color: #000;
	height: 32px;
	margin-bottom: 0;
	border-radius: 4px;
}
.woocommerce-checkout p#billing_address_1_field {
	margin-right: 0px;
}

.woocommerce-checkout .cart-wrapper table.shop_table thead tr th {
    font-weight: 300;
    text-transform: inherit;
}
.woocommerce-checkout .cart-wrapper table.shop_table td.product-name dl {
    text-transform: inherit;
    color: #000;
    opacity: 1;
}
.woocommerce-checkout .cart-wrapper table.shop_table td.product-name a {
    color: #000;
}
.woocommerce-checkout .cart-wrapper table.shop_table td.product-remove a {
    color: #d70018;
}
.woocommerce-checkout div#customer_details .woocommerce-billing-fields label {
    font-weight: 300;
}
button#place_order {
    background: #008848;
    border-radius: 6px;
}


/* css bài viết home-blog */
.col.col-blog {
	padding-bottom: 0;
}
.home-blog .col.post-item {
    padding-bottom: 0;
}
.home-blog .col.post-item .box-text.text-left {
    padding: 0px 0px 0px 10px;
}
.home-blog .col.post-item .col-inner {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #f3f3f3;
}
.home-blog .col.post-item:first-child .col-inner {
    padding-top: 0;
}
.home-blog .col.post-item:last-child .col-inner {
    border-bottom: 0;
}
.home-blog .col.post-item h5.post-title.is-large {
    line-height: 1.3em;
    font-size: 13px;
    color: #4a4a4a;
    font-weight: 300;
}
.xemthem-blog {
	margin-bottom: 0;
}
.xemthem-blog a {
    color: #288ad6;
    font-size: 13px;
}
.title-video p {
    margin-bottom: 8px;
    color: #288ad6;
    font-weight: 600;
}

/* css chi tiết bài viết */
.single-post .page-wrapper, .archive.category .page-wrapper {
	padding-top: 0
}
.single-post .sidebar-right, .archive.category .sidebar-right {
	padding: 15px;
}
.single-post .sidebar-right .type-post, .archive.category .sidebar-right .page-inner {
	background: #fff;
	padding: 10px;
}
.single-post #comments .comment-respond {
	background: #fff;
}
.single-post h6.entry-category.is-xsmall {
    display: none;
}
.single-post .entry-header-text.entry-header-text-top.text-left {
    padding-bottom: 0;
}
.single-post h1.entry-title {
    font-size: 20px;
    margin-bottom: 0;
}

@media (min-width: 1230px) {
	/* 	css sidebar right */
	.sidebar-right .page-inner {
		margin-left: 8px;
	}
	.single-product .product-footer {
		margin-left: -7px;
	}
}
@media (max-width: 1230px) and (min-width: 850px) {
	.sidebar-danhmuc, .post-sidebar {
		padding: 0 !important;
	}
}
@media (max-width: 1230px) and (min-width: 1203px) {
	.single-product .product-footer {
		margin-left: -14px;
	}
}
@media (max-width: 1200px) and (min-width: 1150px)  {
	/* 	css sidebar right */
	.sidebar-right .page-inner {
		margin-left: 8px;
	}
	.single-product .product-footer {
		margin-left: -7px;
	}
}
@media (max-width: 1155px) and (min-width: 992px) { /* thêm cái này khi trang chủ 1 dòng 5 sản phẩm */
	/* 	css cửa hàng sản phẩm - shop */
	.product-small.col a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
		line-height: 13px;
	}
}
@media (max-width: 1150px) and (min-width: 1100px)  {
	/* 	css sidebar right */
	.sidebar-right .page-inner {
		margin-left: 16px;
	}
	.single-product .product-footer {
		margin-left: 1px;
	}
}
@media (max-width: 1100px) and (min-width: 1050px)  {
	/* 	css sidebar right */
	.sidebar-right .page-inner {
		margin-left: 24px;
	}
	.single-product .product-footer {
		margin-left: 9px;
	}
}
@media (max-width: 1050px) and (min-width: 1030px)  {
	/* 	css sidebar right */
	.sidebar-right .page-inner {
		margin-left: 28px;
	}
	.single-product .product-footer {
		margin-left: 13px;
	}
}
@media (max-width: 1030px) and (min-width: 992px)  {
	/* 	css sidebar right */
	.sidebar-right .page-inner {
		margin-left: 34px;
	}
	.single-product .product-footer {
		margin-left: 19px;
	}
}
@media (max-width: 992px) and (min-width: 960px)  { 
	/* 	css sidebar right */
	.sidebar-right .page-inner {
		margin-left: 40px;
	}
	.single-product .product-footer {
		margin-left: 25px;
	}
}
@media (max-width: 992px) and (min-width: 850px) { /* thêm cái này khi trang chủ 1 dòng 5 sản phẩm */
	/* 	css cửa hàng sản phẩm - shop */
	.product-small.col a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
		width: 100%;
		margin-top: 6px;
		display: inline-block;
	}
	.product-small.col .quantity .button.minus, .quantity .button.plus {
		width: 38px;
	}
	.product-small.col .quantity input[type="number"] {
		width: 40px;
    	max-width: 100%;
	}
}
@media (max-width: 960px) and (min-width: 920px)  {
	/* 	css sidebar right */
	.sidebar-right .page-inner {
		margin-left: 46px;
	}
	.single-product .product-footer {
		margin-left: 30px;
	}
}
@media (max-width: 920px) and (min-width: 880px)  {
	/* 	css sidebar right */
	.sidebar-right .page-inner {
		margin-left: 52px;
	}
	.single-product .product-footer {
		margin-left: 37px;
	}
}
@media (max-width: 880px) and (min-width: 850px) {
	/* 	css sidebar right */
	.sidebar-right .page-inner {
		margin-left: 56px;
	}
	.single-product .product-footer {
		margin-left: 41px;
	}
}


@media (min-width: 850px) {
	/* 	css header */
	/* .home #masthead div#logo, .single-product #masthead div#logo, .single-post #masthead div#logo, .archive.woocommerce #masthead div#logo, .archive.category #masthead div#logo {
		margin-left: 206px;
	} */
	/* css left sidebar */
	.sidebar-danhmuc, .post-sidebar {
		z-index: 99;
		border: none;
		max-height: 100% !important;
		background-color: #fff;
		padding-left: 0px;
		padding-right: 0px !important;
	}
	.is-divider.small {
		display: none;
	}
	.sidebar-danhmuc div#secondary, .post-sidebar div#secondary {
		position: fixed;
		width: 251px;
		top: 156px;
		background: #fff;
		/* border-radius: 6px; */
		/* overflow-y: scroll; */
		max-height: 100%;
		/* overflow: auto; */
	}
	h3.widget-title.title-pvlan {
		font-size: 16px;
		/* border-bottom: 1px solid #e5e5e5; */
		padding: 8px 0 8px 25px;
		margin-bottom: 0;
		font-weight: 300;
		padding: 15px .5rem 15px 46px;
		border-bottom: 1px solid #DbDbDb;
		color: black;
		font-size: 14px;
		font-weight: bold;
		width: 261px;
	}
	.sidebar-danhmuc aside:first-child h3.widget-title.title-pvlan, .post-sidebar aside:first-child h3.widget-title.title-pvlan {
		background-image: url(https://file.hstatic.net/1000141988/file/icondanhmuc.svg);
		background-repeat: no-repeat;
		background-size: 30px;
		background-position: left center;
	}
	.sidebar-danhmuc li.cat-item ul.children, .post-sidebar li.cat-item ul.children {
		border: none;
		padding-left: 5px;
		font-size: 14px;
	}
	.sidebar-danhmuc aside.widget.widget_text, .post-sidebar aside.widget.widget_text {
		margin-bottom: 0;
	}
	.sidebar-danhmuc div#secondary aside.widget, .post-sidebar div#secondary aside.widget {
		padding: 0 0px;
		/* border-right: 1px solid black; */
	}

	.sidebar-danhmuc div#secondary::-webkit-scrollbar, .post-sidebar div#secondary::-webkit-scrollbar {
		width: 0px;
	}
	/* .sidebar-danhmuc div#secondary::-webkit-scrollbar-thumb, .post-sidebar div#secondary::-webkit-scrollbar-thumb {
		background: #008848;
		border-radius: 4px;
	} */
	/* .sidebar-danhmuc div#secondary::-webkit-scrollbar-track, .post-sidebar div#secondary::-webkit-scrollbar-track {
		box-shadow: inset 0 0 2px #a5a5a5;
		border-radius: 4px;
	} */
	/* 	css form search trong sidebar */
	#secondary form.searchform {
		margin-bottom: 8px;
	}
	#secondary aside#search-2 {
		margin-bottom: 0;
	}
	#secondary aside#woocommerce_product_categories-2,#secondary  aside#woocommerce_product_categories-4 {
		margin-bottom: 4px;
	}
	#secondary input#s {
		box-shadow: 0 0;
		height: 32px;
		border-right: 0;
		border-radius: 4px 0 0 4px;
	}
	#secondary button.ux-search-submit {
		height: 32px;
		padding: 0;
		min-height: 0;
		background: bottom;
		border: 1px solid #ddd;
		border-left: 0;
		border-radius: 0px 4px 4px 0;
	}
	#secondary button.ux-search-submit i.icon-search {
		color: #e5e0e0;
		font-size: 16px;
	}
	/* 	css sản phẩm trong sidebar */
	.sidebar-danhmuc .widget_products ul.product_list_widget li a {
		font-size: 13px;
	}
	.sidebar-danhmuc .widget_products ul.product_list_widget li bdi {
		font-size: 12px;
	}
	/* 	css chi tiết sản phẩm */
	.single-product .product-footer {
		margin-right: -15px;
	}
	
}


@media (max-width: 850px) {
	/* 	css chi tiết sản phẩm */
	.single-product .product-main {
		background: #fff;
	}
}
@media (max-width: 768px) {
	/* 	css danh mục bài viết */
	.archive.category .box-image {
		width: 25%;
		float: left;
	}
	.archive.category .box-text.text-left {
		width: 75%;
		float: left;
		padding-left: 10px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.archive.category .box-text.text-left p.from_the_blog_excerpt {
		display: none;
	}
	.archive.category .box-text.text-left h5.post-title.is-large {
		font-weight: 300;
		height: 48px;
	}

	.archive.category .col.post-item {
		padding-bottom: 10px;
	}
	/* 	chi tiết bài viết */
	.post-sidebar div#secondary {
		display: none;
	}
	/* 	css footer */
	.footer-right-sidebar {
		padding: 0 5px;
	}
}

@media (max-width: 480px) {
	/* 	css mobile menu danh mục */
	#header .mobile-nav i.icon-menu:after {
		content: "MENU";
		font-size: 10px;
		display: block;
		line-height: 2px;
		font-family: monospace;
	}
	#header .mobile-nav i.icon-menu {
		text-align: center;
	}
	.mfp-container.mfp-s-ready.mfp-inline-holder {
		padding: 0;
	}
	.mfp-content {
		width: 450px !important;
		margin-top: 55px;
		background: #fff !important;
		overflow-y: hidden !important;
	}
	.mfp-content.off-canvas-cart {
		overflow-y: scroll !important;
	}
	.has-off-canvas .current-lightbox-clicked {
		opacity: 1 !important;
		transform: translateX(0px) !important;
	}
	.mfp-bg.off-canvas.off-canvas-left.main-menu-overlay.mfp-ready {
		background: bottom;
	}
	.tabbed-content.menu-danhmuc {
		height: 700px;
	}
	.menu-danhmuc ul.nav.nav-simple.nav-vertical {
		width: 36%;
		float: left;
		background: #f4f9ff;
		overflow-x: scroll;
    	height: 100%;
	}
	.menu-danhmuc .tab-panels {
		width: 64%;
		float: left;
		background: #fff;
		overflow-y: scroll;
    	height: 100%;
	}
	li.html.custom.html_topbar_right {
		padding: 0;
		display: flex;
		width: 60px;
	}
	.sidebar-menu.no-scrollbar {
		padding: 0;
	}
	.menu-danhmuc ul li.tab.has-icon {
		padding: 14px 0px 14px 4px;
		min-height: 46px;
	}

	.menu-danhmuc ul li.tab.has-icon a {
		padding: 0;
		font-weight: 600;
		font-size: 11px;
		color: #000;
	}
	.menu-danhmuc .tab-panels .product-category.col {
		padding: 0;
	}
	.menu-danhmuc .tab-panels .product-category.col .box-text.text-center {
		padding: 5px;
	}
	.menu-danhmuc .tab-panels .product-category.col h5.uppercase.header-title {
		font-weight: 300;
		text-transform: initial;
		color: #000;
	}
	.menu-danhmuc .box-image {
		width: 52px;
		height: 52px;
		border-radius: 8px;
		border: 1px solid #f2f5f9;
		padding: 6px;
	}
	.home main#main {
		background: #f4f9ff;
	}
	/* 	css coupon */
	.col.col-coupon>.col-inner {
		padding: 8px 4px;
	}
	.stack-coupon .ct-coupon {
		flex-basis: 60%;
		margin-right: 1% !important;
	}
	.stack-coupon{
		overflow: auto;
	}
	.stack-coupon::-webkit-scrollbar {
		display: none;
	}
	/* 	css nhóm hàng thường mua - cate-pro */
/* 	.stack.stack-cate {
		overflow: auto;
	} */
	.stack-cate .icon-box, .stack-cate a {
		flex-basis: 22%;
	}
	.stack.stack-cate::-webkit-scrollbar {
		display: none;
	}
	/* 	css sản phẩm */	
	.col-product>.col-inner {
		padding: 0 8px;
	}
	/* 	css cửa hàng sản phẩm - shop */
	.product-small.col {
		padding: 2px !important;
	}
	.product-small.col>.col-inner {
		background: #fff;
		border: 1px solid #e4e9f2;
    	box-shadow: 0 3px 2px rgb(198 218 248 / 25%);
	}
	.product-small.col a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
		font-size: 13px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.product-small.col a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
		margin-bottom: 6px;
	}
	/* 	css footer */
	.col-tb .col-inner{
		display: block;
	}
	
	/* 	css tin tức home-blog */
	.col.col-blog-mobile {
		margin-top: 15px;
	}
	.home-blog .box-image {
		width: 26% !important;
		float: left;
	}
	.home-blog .col.post-item .box-text.text-left {
		padding-left: 10px;
		width: 70%;
		float: left;
	}
	/* 	css chi tiết sản phẩm */
	.mota-sanpham {
		padding: 0;
	}
	/* 	css trang thanh toán */
	.woocommerce-checkout .page-wrapper {
		padding-top: 0px;
	}
	.woocommerce-checkout .cart-sidebar .widget-title {
		width: 35%;
	}
}

@media (max-width: 480px) and (min-width: 376px) {
	/* 	css mobile menu danh mục */
	.tabbed-content.menu-danhmuc {
		padding-bottom: 30px;
	}
}

@media (max-width: 375px) {
	/* 	css mobile menu danh mục */
	.tabbed-content.menu-danhmuc {
		height: 500px;
	}
}

@media (max-width: 375px) and (min-width: 320px) {
	/* 	css cửa hàng sản phẩm - shop */
	.product-small.col .pvlan-btn-quantity {
		padding: 0px 4px;
	}
	.product-small.col .quantity.buttons_added {
		margin-right: 0;
	}
	.product-small.col .quantity input[type="number"] {
		height: 25px;
	}
	.product-small.col .quantity .button.minus, .quantity .button.plus {
		line-height: 13px;
	}
	.product-small.col a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
		line-height: 2.1em;
    	min-height: 2em;
		float: right;
		padding: 0 4px;
	}
	/* 	css footer */
	p.tongdai-text, p.tongdai-text a, p.hethong, p.hethong a {
		font-size: 13px;
	}
}

@media (max-width: 320px) {
	/* 	css coupon */
	.ct-coupon .title {
		font-size: 15px;
	}
	/* 	css cửa hàng sản phẩm - shop */
	.product-small.col .pvlan-btn-quantity {
		padding: 0px 3px;
	}
	.product-small.col .quantity .button.minus, .quantity .button.plus {
		width: 19px;
	}
	.product-small.col .quantity input[type="number"] {
		font-size: 11px;
		height: 23px;
	}
	.product-small.col a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
		font-size: 10px;
		padding: 0 2px;
	}
	/* 	css footer */
	p.tongdai-text, p.tongdai-text a, p.hethong, p.hethong a {
		font-size: 11px;
	}
	p.tongdai-1, p.tongdai-2 {
		background-size: 16px;
    	padding-left: 19px;
	}
	p.hethong {
		background-size: 18px;
    	padding-left: 22px;
	}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}