/*
Theme Name: Flatsome Child
Description: AZWebsite.vn developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.12.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: my;
  src: url(./font/radiate-sans-bold.ttf);
}
.blog-wrapper .row-large {
    padding-top: 30px;
}
.single-post .page-wrapper {
    padding-top: 0;
}
.menu-item.has-dropdown .nav-top-link::before {
	content: '';
	width: 100px;
	height: 50px;
	bottom: -50px;
	position: absolute;
	z-index: 100;
}
.related, .product-short-description {
display: none;
}
.section.wc-tabs {
    border-top: 1px solid var(--main-color);
}
span.so-luong b {
    color: var(--secon-color);
    font-size: 15px;
    margin-right: 6px;
}
span.wpcf7-form-control-wrap input, textarea {
    box-shadow: none;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    font-size: 14px;
    text-transform: math-auto;
    font-weight: 500;
    border-radius: 5px;
}
.t_contact + p {
    font-size: 18px;
    font-weight: 500;
}
.section-title-main {
  font-family: my;
  font-size: 32px;
  color: white;
}
:root {
  --main-color: #6ec1b7;
  --secon-color: #fa96bc;
}
.product-small.box.has-hover.box-vertical.box-text-bottom {
  padding: 10px;
  display: flex;
  flex-direction: row-reverse;
  border: 1px dashed var(--secon-color);
  border-radius: 10px;
}
.section-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  height: 105px;
}
.product-small.box.has-hover.box-vertical.box-text-bottom > div {
  width: 50%;
}
body {
  overflow-x: hidden;
}
.cart-icon.tooltip {
  background-color: var(--secon-color);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-icon strong:after,
.cart-icon strong {
  border-color: white !important;
  color: white !important;
}
.product-small.box.has-hover.box-vertical.box-text-bottom .box-text.text-left {
  padding: 0;
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.search-section {
  padding-top: 0 !important;
}
.pd0,
.blog-section {
  padding-bottom: 0 !important;
}
h5.uppercase.header-title {
  color: var(--secon-color);
  font-size: 18px;
  text-transform: none;
}
button.single_add_to_cart_button.button.alt.wp-element-button {
    padding: 0 10px;
}
button.single_add_to_cart_button.button.alt.wp-element-button:hover {
	background-color: var(--main-color)!important;
  transition: 0.2s;
}
h5.uppercase.header-title:hover, .link-link-product ul li a:hover,
ul.yith-wcan-list.yith-wcan li:hover a,
ul#menu-menu-widget li:hover span,
ul#menu-menu-widget .current-menu-item span,
h1.widget-title-shop,
h5.post-title.is-large:hover,
.nav-dropdown.nav-dropdown-default > li > a + ul > li > a:hover,
.nav-dropdown.nav-dropdown-default > li > a:hover,
ul#menu-menu-widget .sub-menu li:hover a {
  color: var(--main-color);
  transition: 0.2s;
}
ul#menu-menu-widget > li a,
.home .widget ul.menu > li.has-child:hover > .sub-menu,
.sale-section .my-excerpt,
.pwb-brand-description .pwb-before-loop {
  display: block;
}
.section-title.section-title-normal {
  position: relative;
  background: var(--main-color);
  font-size: 19px;
  padding-left: 78px;
  height: 60px;
  display: flex;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  align-items: center;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 5px;
}
.section-title.section-title-normal::before {
  content: "";
  background: #b8e7df;
  height: 65px;
  width: 65px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  position: absolute;
  left: 0;
  color: #fa96bc;
  font-size: 50px;
  bottom: -3px;
}
h3.section-title.section-title-normal span {
  font-size: 19px;
  line-height: 27px;
}
.section-title.section-title-normal:after {
  content: "1";
  background: #b8e7df;
  border: 1px solid #6ec1b7;
  position: absolute;
  left: 3px;
  width: 59px;
  height: 59px;
  border-radius: 100%;
  z-index: 9;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 45px;
  bottom: 0px;
}
#footer h3.section-title.section-title-normal span {
  font-size: 20px;
  line-height: normal;
  font-family: inherit;
}
#footer a:hover {
  color: var(--secon-color);
}
#footer h3.section-title.section-title-normal :after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 110px;
  height: 6px;
  background: url(/wp-content/uploads/2023/04/bg-border-title-footer.webp);
  background-size: contain;
  background-repeat: no-repeat;
}
#footer h3.section-title.section-title-normal {
  height: unset;
}
.section-title-center::before {
  content: "";
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 0;
  width: 400px;
  height: 105px;
  transform: translateX(-50%);
  background-image: url(/wp-content/uploads/2023/04/bg-title2.webp);
  z-index: -1;
}
h1.entry-title.mb-0 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 28px;
}
.header-vertical-menu__fly-out.header-vertical-menu__fly-out--open.has-shadow {
  width: 100%;
}
.title-breadcrumbs.pb-half.pt-half {
    padding-bottom: 0;
}
.flex-right i {
  margin: 0;
  display: flex;
  align-items: center;
  top: 0;
}
.header-main .icon-search:before {
  font-size: 15px;
  background-image: url(/wp-content/uploads/2023/04/download.png);
  color: transparent;
  background-size: 100% 100%;
}
.searchform .flex-col:last-child,
.searchform .flex-col button {
  min-height: 40px;
}
.banner-top {
  z-index: 11;
  position: relative;
  background: #ffe07e;
}
.header-main input[type="search"] {
  background: #fff;
  height: 40px;
  border-radius: 99px;
}

.header-main input[type="search"]::placeholder {
  font-size: 0.875rem;
  color: #333;
  opacity: 0.7;
}
.header-main .icon-search:before {
  font-size: 15px;
}
#header .searchform .flex-col button {
  background-color: var(--main-color) !important;
  border-radius: 50%;
  width: 40px;
}
.searchform .button.icon i {
  top: 0;
}
i {
  top: 0 !important;
}
.header-main .header-account-title {
  color: #fff;
  font-size: 12px;
  padding: 8px 13px;
  border: 1px solid #fff;
  border-radius: 10px;
}
.header-button .header-cart-link,
.account-item div a,
li.html.custom.html_top_right_text {
  border-radius: 50% !important;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color);
}
i.icon-user,
i.icon-shopping-basket {
  font-size: 18px !important;
}
a.tracking-link img {
  width: 16px;
  height: 18px;
}
.account-item >div> a{
  display: flex!important;
}
.text-mua-hang {
  margin-right: 30px;
}
.hotline-bold {
  font-weight: bold;
  font-size: 16px;
}
.home .widget ul.menu ul.sub-menu {
  display: none;
  position: absolute;
  top: 0%;
  width: 100%;
  left: 98%;
  min-height: 100%;
  z-index: 999;
  background: #fff;
}
.slider-section .menu .toggle .icon-angle-down:before {
  font-weight: bold;
  color: #000000;
  font-size: 14px;
}
.slider-section .menu a {
  font-size: 15px;
}
.TextCaptions .item {
  margin: 0 !important;
  padding: 0 !important;
  height: 45px;
  justify-content: center;
  align-items: center;
  display: flex;
  text-align: center;
  border-right: 1px solid #ffe9f1 !important;
  font-size: 12px !important;
  color: #ee3e80 !important;
}
.header-bottom-nav > li > a {
  color: white;
  font-size: 14px;
  font-weight: 500;
}
.header-bottom-nav > li > a:hover,
.header-bottom-nav > li.active > a {
  color: #abfcfd;
}
#mega-menu-wrap-vertical
  #mega-menu-vertical
  > li.mega-menu-item
  > a.mega-menu-link {
  border-bottom: 1px dotted #e1e1e1 !important;
  padding: 0 20px;
  display: flex;
  align-items: center;
  height: 100%;
}
li.header-vertical-menu {
  width: 314px;
}
a.mega-menu-link:before {
  width: 32px !important;
  height: 32px !important;
  background-size: 32px 32px !important;
}
ul#menu-menu-widget img {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
}
ul#menu-menu-widget > li {
  border: none;
  border-bottom: 1px dashed #ddd;
}
ul#menu-menu-widget li span {
  font-size: 14px;
}
.home i.icon-angle-down,
li.header-vertical-menu i.icon-angle-down {
  display: none;
}
li#menu-item-1378:hover i {
  transform: rotate(180deg);
}
li#menu-item-1378 i {
  transition: 0.2s;
}
span.widget-title.shop-sidebar {
  font-size: 16px;
  color: #222;
  font-weight: 600;
  border-bottom: 1px dashed #ddd;
  display: block;
  margin-bottom: 15px;
  padding-bottom: 5px;
  line-height: initial;
}
ul.yith-wcan-list.yith-wcan li a::before {
  content: "";
  margin-right: 0px;
  font-size: 18px;
  border: solid 1px #ddd;
  line-height: 40px;
  position: absolute;
  height: 15px;
  width: 15px;
  bottom: 0;
  top: 6px;
  opacity: 1;
  left: 0;
}
ul.yith-wcan-color.yith-wcan.yith-wcan-group li {
  border: none;
}
ul.yith-wcan-color.yith-wcan.yith-wcan-group li a {
  width: 30px;
  height: 30px;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li.chosen a {
  border: none;
  position: relative;
}
ul.yith-wcan-list.yith-wcan li a::after,
.woocommerce .widget_layered_nav ul.yith-wcan-color li.chosen a::after {
  height: 15px;
  width: 15px;
  bottom: 0;
  top: 1px;
  content: "\f00c";
  font-family: "FontAwesome";
  left: 0;
  color: white;
  position: absolute;
  font-size: 15px;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li.chosen a::after {
  top: 3px;
  left: -7px;
}
ul.yith-wcan-list.yith-wcan .chosen a::before {
  background-color: var(--main-color);
}
ul.yith-wcan-list.yith-wcan li:hover::before {
  border-color: var(--main-color);
}
ul.yith-wcan-list.yith-wcan li {
  position: relative;
}
.slider-section .cot3 .box-blog-post .is-divider,
.header-vertical-menu__fly-out,
.my-excerpt,
.footer-section br,
#footer .section-title.section-title-normal::before,
#footer .section-title.section-title-normal::after,
.product-info .breadcrumbs,
.pwb-text-before-brands-links,
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before,
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after,
.image-tools.bottom.left,
.is-divider,
.sticky-jump .stuck .banner-top {
  display: none;
}

aside#nav_menu-3 {
  margin-bottom: 20px;
}
ul.yith-wcan-list.yith-wcan a {
  color: #898989;
  padding: 0;
  margin-bottom: 2px;
  padding-left: 25px;
}
ul.yith-wcan-list.yith-wcan li {
  border: none;
}
h1.widget-title-shop {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 15px;
}
.nav-top-link i.icon-angle-down {
  display: block;
  top: 3px !important;
  opacity: 1;
}
ul#menu-menu-widget li:last-child {
  border: none;
}
a.nav-top-link {
  padding: 12px 7px !important;
}
.mega-menu-grid > .mega-sub-menu {
  left: 100% !important;
  top: 0 !important;
  width: calc(1200px - 340px) !important;
  height: 100% !important;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1) !important;
}
.header-vertical-menu__fly-out.has-shadow {
  box-shadow: none;
}
#mega-menu-wrap-vertical
  #mega-menu-vertical
  > li.mega-menu-item.mega-toggle-on
  > a.mega-menu-link {
  background: #f7f7f7 !important;
}
span.header-vertical-menu__icon {
  color: #fff;
}
#mega-menu-wrap-vertical #mega-menu-vertical > li.mega-menu-item,
ul#mega-menu-mega_menu .mega-menu-item,
.slider-section .cot1 .col-inner ul li ul.sub-menu li:hover ul.sub-menu {
  display: block !important;
}
span.header-vertical-menu__title {
  color: white;
  text-transform: uppercase;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
span.mega-indicator {
  position: absolute !important;
  right: 15px;
}
span.mega-indicator::after {
  background-size: 100% 100% !important;
  color: transparent !important;
  background-image: url(/wp-content/uploads/2023/04/arrow.svg) !important;
}
.slider-section .cot3 > .col-inner {
  padding: 18px 18px 0 18px;
}
.cot3 .col.post-item {
  font-size: 14px;
  padding-bottom: 0px !important;
}
.slider-section .row.row-collapse {
  background: #fff;
}
.brand-section .medium-3 .col-inner {
  padding: 5px 10px;
  border: 1px solid #eee;
  border-radius: 8px;
}
.brand-section .medium-3 .col-inner:hover {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
  border-color: #ee3e80;
}
.section-title-normal span,
.section-title-normal {
  border-bottom: none;
  padding-bottom: 7px;
}
.section-title span {
  text-transform: none;
}
.list-post .post-item .box-text {
  padding: 20px !important;
}
.list-post .post-item .box-image {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.list-post .post-item .col-inner {
  background: white;
  box-shadow: 2px 2px 20px #00000017;
  border-radius: 10px;
}
.list-post .post-item .post-title {
  font-size: 20px;
  font-weight: normal;
}
.list-post .post-item .post-title:hover {
  color: #0074e4;
}
.list-post .post-item .from_the_blog_excerpt {
  font-size: 15px;
  color: #505050;
}
.tin-tuc-section .col {
  padding-bottom: 0;
}
.tin-tuc-section .section-title {
  margin-bottom: 25px;
}
.tin-tuc-section .section-title span {
  color: #3567df;
  font-weight: bold;
  font-size: 25px;
}
.badge-container {
  margin: 30px 20px 0 0;
  right: 0;
  left: unset;
}
.header-vertical-menu:hover .header-vertical-menu__fly-out {
  opacity: 1;
  visibility: visible;
  display: block;
}
.home .header-vertical-menu__fly-out {
  display: block;
}
.archive .badge-container {
  margin: 20px 12px 0 0;
}
.slider:hover .flickity-prev-next-button {
  opacity: 1;
}
svg.flickity-button-icon {
  background-color: var(--secon-color);
  border: none !important;
  padding: 10px 5px;
  border-radius: 10px !important;
}
.next svg {
  transform: translate(100%, -50%);
  transition: 0.6s;
}
.previous svg {
  transform: translate(-200%, -50%);
  transition: 0.6s;
}
.ux-menu-link.flex.menu-item {
  background-color: var(--main-color);
  margin-bottom: 3px !important;
  border-radius: 4px;
}
a.ux-menu-link__link.flex {
  padding-left: 10px;
  color: white;
}
.section-title.section-title-normal span:hover {
  color: black;
  transition: 0.2s;
}
.banner-img img {
  border-radius: 10px;
}
.banner-img .img-inner:after {
}
.banner-img .img-inner::before {
  left: -100%;
  top: -100%;
}
.banner-img .img-inner::after {
  left: 100%;
  top: 100%;
}
.product-small.box .price-wrapper ins .amount,
bdi {
  font-size: 15px;
  color: var(--secon-color);
  font-weight: 600;
}
.search-section .img.has-hover:hover .img-inner:before,
.search-section .img.has-hover:hover .img-inner:after {
  left: 0;
  top: 0;
}
.banner-img .img-inner:before,
.banner-img .img-inner:after {
  background: rgba(255, 255, 255, 0.1);
  content: "";
  z-index: 0;
  height: 100%;
  position: absolute;
  width: 100%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.slider:hover .next svg,
.slider:hover .previous svg {
  transform: translate(-50%, -50%);
}
.flickity-prev-next-button {
  width: 25px;
  color: white;
}
.badge-outline,
.badge-circle {
  margin-left: 0;
}
.badge-inner.on-sale {
  border-radius: 50%;
  background-color: var(--secon-color) !important;
}
.callout.badge.badge-square {
  width: 40px;
  height: 40px;
}
.variations td label {
  font-size: 15px;
}
ul.product_list_widget li a .product-title {
  font-size: 15px;
}
ul.product_list_widget li a .product-title:hover {
  color: #e13475;
}
ul.product_list_widget li {
  margin-bottom: 10px;
  border: 1px solid #ececec;
  border-radius: 5px;
}
.section-title a {
  font-size: 14px;
  font-weight: normal;
  color: #ee3e80 !important;
}
.brand-section .col.large-2 {
  padding: 0 8px 15px;
}
.brand-section .col.large-12,
.deal-moi-ngay .col.large-12 {
  border-bottom: 1px solid #eee;
}
.cot3 .col.post-item .post-title:hover {
  color: #e13475;
}
.slider-section .box-text {
  padding-bottom: 9px !important;
  padding-top: 9px;
  border-bottom: 1px solid #eee;
}
.tin-khuyen-mai {
  font-size: 12px;
  color: #ee3e80 !important;
}
.product-small.box .product-title {
  font-size: 0.875rem;
}

.sale-section .product-small.box .price-wrapper ins .amount,
.sale-section bdi {
  font-size: 18px;
  color: var(--secon-color);
  font-weight: 600;
}
.price-wrapper del bdi {
  font-size: 13px;
  color: #d4d4d4;
  font-weight: 400;
  text-decoration: line-through;
}
.price-wrapper .price {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  gap: 6px;
  align-items: baseline;
}
.my-excerpt {
  color: #a0a0a0;
  font-size: 13px;
  margin-top: 6px;
}
.price-wrapper del {
  text-decoration: none;
}
.product-small.box .product-title a {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
	color: var(--main-color);
}
.sale-section .product-small.box .product-title a {
  -webkit-line-clamp: 2;
  font-size: 20px;
}
.section-title b {
  background: none;
}
.product-small.box .badge-inner.on-sale {
  background-color: none;
}

.badge-inner {
  color: white;
  font-weight: bolder;
  font-size: 12px;
}
del > span.amount {
  opacity: 1;
}
.price-wrapper .price span.amount {
  white-space: nowrap;
  font-weight: bold;
  font-size: 18px;
  color: #ee3e80;
}
.slider-section .col,
.brand-section,
.deal-moi-ngay,
.search-section {
  padding-bottom: 0px !important;
}
.blog-section .col-inner {
  box-shadow: none;
}
h5.post-title.is-large {
  color: var(--secon-color);
  font-size: 20px;
  font-weight: 500;
}
.footer-section .section-bg.bg-loaded {
  background-size: 100% 100% !important;
}
.footer-section li {
  list-style: none;
}
.footer-section li,
.footer-section li span,
.footer-section li a {
  color: white;
}
.do-cho-me .section-title.section-title-normal:after {
  content: "3";
}
#footer .section-title.section-title-normal {
  background: none;
  padding: 0;
  display: block;
  margin-bottom: 30px;
}
#footer h3.section-title.section-title-normal span:hover {
  color: white;
}
#footer a.ux-menu-link__link.flex {
  padding: 0;
  min-height: unset;
}
#footer .ux-menu-link.flex.menu-item {
  background: none;
}
.footer-section .section-content {
  padding-top: 95px;
}
.blog-section
  .box.box-default.box-text-bottom.box-blog-post.has-hover
  .box-text {
  padding-left: 0;
}
.blog-section img {
  border-radius: 25px;
}
.brand-section .medium-3 {
  padding: 0 5px;
}
.danh-muc-section .medium-3 {
  padding: 0 18px;
}
.brand-section .medium-3,
.danh-muc-section .medium-3,
.thuong-hieu-section .medium-3 {
  padding-bottom: 15px;
  flex-basis: 12.5%;
  max-width: 12.5%;
}
#mega-menu-wrap-vertical #mega-menu-vertical > li.mega-menu-item {
  height: 42.6px;
}
.danh-muc-section .box-text-inner h4 {
  font-weight: normal;
  color: #333;
  font-size: 15px;
}
.danh-muc-section .box-text.text-center,
.thuong-hieu-section .box-text.text-center {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.danh-muc-section .box-text.text-center,
.thuong-hieu-section .box-text.text-center {
  padding-left: 22px;
  padding-right: 22px;
}
.danh-muc-section .section-title-container {
  margin-bottom: 0.5em;
}
.widget .menu-menu-home-container .toggle {
  margin-right: 20px;
}
.milk-section .section-title b {
  height: 0px !important;
}
.danh-muc-section .col,
.danh-muc-section {
  padding-bottom: 0px !important;
}
.milk-section .section-title-center,
.cham-soc-section .section-title-center {
  color: #fff;
  background: #66cc33;
  padding: 11px 21px;
  width: 100%;
  font-size: 31px;
  margin-bottom: 22px;
  border-radius: 10px;
}
.milk-section .section-title span,
.cham-soc-section .section-title span {
  text-transform: uppercase;
}
.section-title-container {
  margin-bottom: 0px;
}
.cham-soc-section,
.milk-section {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
.cham-soc-section .row.large-columns-5 {
  border-bottom: 1px solid #eee;
}
.footer-section > .row > .col {
  padding-bottom: 0px;
}
.footer-section .col-inner ul li {
  margin-left: 0px;
  margin-bottom: 10px;
}
.footer-section .cot3 {
  padding-top: 38px;
}
.footer-section .cot2 p {
  margin-bottom: 0px;
}
.footer-section .cot4 .col {
  padding: 0 5px 10px;
}
.footer-end-section .col {
  padding-bottom: 0px;
}
.footer-2 .col {
  margin-bottom: 0px;
}
.single-product h1.product-title {
  font-weight: bold;
  font-size: 25px;
}
.breadcrumbs a {
  font-size: 14px;
}

.single-product .is-divider {
  height: 0px;
}
.single-product .product-info ins span.amount {
  color: #ee3e80;
  font-size: 25px;
}
li#tab-title-reviews {
    order: 10;
}
.wc-tabs li a {
position: relative;
    background: #fa96bc;
    font-size: 19px;
    padding-left: 78px;
    height: 60px;
    display: flex;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    align-items: center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 5px;
    padding-right: 10px;
    color: #fff!important;
    text-transform: capitalize;
    font-weight: 900;
}
li#tab-title-description a:after, li#tab-title-reviews a:after, li#tab-title-tai_sao_tab a:after {
    content: "1";
    background: #ffcade;
    border: 1px solid #fa96bc;
    position: absolute;
    left: 3px;
    width: 59px;
    height: 59px;
    border-radius: 100%;
    z-index: 9;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: font-title;
    font-size: 45px;
}
.wc-tabs li.active a:after, .wc-tabs li:hover a:after {
	border: 1px solid #6ec1b6!important;
	background-color: #b8e7df!important;
}
.wc-tabs li.active a:before, .wc-tabs li:hover a:before {
	background-color: #b8e7df!important;
}
li#tab-title-reviews a:after {
	content: '3';
}
li#tab-title-tai_sao_tab a:after {
	content: '2';
}
li#tab-title-description a:before, li#tab-title-reviews a:before, li#tab-title-tai_sao_tab a:before {
    content: "";
    background: #ffcade;
    height: 65px;
    width: 65px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: absolute;
    left: 0;
    color: #fff;
    font-family: font-title;
    font-size: 50px;
	transform: unset;
	opacity: 1;
	    top: -2px;
}
.wc-tabs li.active a, .wc-tabs li:hover a {
	background-color: var(--main-color);
}
li#tab-title-description {
	margin: 0;
}
.single-product .tab-panels div#tab-description.panel:not(.active) {
	display: none;
}
.single-product .tab-panels div#tab-description.panel.active {
	display: block;
}
ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-line.nav-left {
    justify-content: center;
    margin-bottom: 15px;
}
.tab-panels {
  padding-top: 0;
}
.product-footer .woocommerce-tabs {
  border-top: none !important;
  text-transform: none;
  font-size: 17px;
}
.nav-line-bottom > li:hover > a:before,
.nav-line-grow > li:hover > a:before,
.nav-line-bottom > li.active > a:before,
.nav-line-grow > li.active > a:before,
.nav-line > li.active > a:before,
.nav-line > li:hover > a:before {
  opacity: 0;
}
.is-form,
button.is-form,
input[type="submit"].is-form,
input[type="reset"].is-form,
input[type="button"].is-form {
  overflow: hidden;
  position: relative;
  background-color: transparent;
  color: var(--secon-color);
  text-transform: none;
  font-weight: bold;
  width: 40px;
  border: none;
  margin: 0;
}
#mega-menu-wrap-primary {
  background-color: var(--main-color);
}
#mega-menu-wrap-primary #mega-menu-primary > .mega-menu-link {
  display: none;
  background: var(--main-color) !important;
  color: white !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > .mega-meu-tem
  > .mega-menu-link:hover,
#mega-menu-wrap-primary
  #mega-menu-primary
  .mega-current-menu-item
  > .mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-link:hover span::after,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link:hover {
  color: #abfcfd !important;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default.nav-dropdown-full li {
  width: 25%;
}
ul.sub-menu.nav-column.nav-dropdown-default li {
  width: 100% !important;
  white-space: pre-wrap;
}
ul.sub-menu.nav-column.nav-dropdown-default {
  margin-bottom: 20px;
}

.menu-item-1378:hover ul.sub-menu.nav-dropdown.nav-dropdown-default {
  overflow: visible;
  margin-left: 0 !important;
  max-height: 3000px;
  max-width: 3000px;
  opacity: 1;
  transform: perspective(600px) rotateX(0deg);
  transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end,
    max-width 0s step-end, padding 0s step-end !important;
  visibility: visible;
}
ul.sub-menu.nav-dropdown {
  visibility: hidden;
  position: absolute;
  margin-left: 0 !important;
  left: -212px !important;
  transform: unset;
  max-width: unset !important;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  max-height: 0px;
  opacity: 0;
  transform: perspective(600px) rotateX(-90deg);
  transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end,
    max-width 0.6s step-end, padding 0.6s step-end !important;
  width: 825px;
  padding: 25px;
  transform-origin: 0% 0%;
  top: 46px;
  background: white;
  border: 0;
  border-radius: 0;
}
.product-tabs p.price.product-page-price del bdi {
  font-size: 14px;
  font-weight: 400;
}
.product-khuyenmai .inner {
    height: 90%;
    overflow: auto;
    font-size: 15px;
    text-align: center;
    color: #fff;
}
.contact-product {
    background: url(/wp-content/uploads/2023/05/bg-link-list.webp);
    height: 160px;
    background-size: contain;
    background-repeat: no-repeat;
    align-items: center;
    padding: 40px;
}
.contact-product a.hotline {
    background-image: url(/wp-content/uploads/2023/05/icon-hotline-product.webp);
}
.contact-product a.email {
    background-image: url(/wp-content/uploads/2023/05/icon-email-product.webp);
}
.link-link-product ul {
    height: 81px;
    overflow: auto;
    list-style: disc !important;
    padding-left: 20px;
    color: #fa96bc;
	margin: 0;
}
.link-link-product ul li a {
    display: block;
    color: #fa96bc;
    font-weight: bold;
}
.link-link-product ul li {
	margin: 0;
}
.contact-product a {
    display: block;
    font-weight: bold;
    color: #fa96bc;
    background-repeat: no-repeat;
    background-size: 40px;
    height: 40px;
    padding-left: 50px;
    line-height: 40px;
    font-size: 18px;
}
.link-link-product {
    background: url(/wp-content/uploads/2023/05/bg-link-list.webp);
    background-size: contain;
    background-repeat: no-repeat;
    align-items: center;
    padding: 40px;
    margin-top: 20px;
}
.product-khuyenmai .inner p {
    margin-bottom: 0;
    font-weight: bold;
}
.product-khuyenmai {
    background: url(/wp-content/uploads/2023/05/bg-km-product.webp) no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    width: 365px;
    height: 213px;
    padding: 25px 65px 65px 30px;
}
.title-overlay {
  background-color: transparent;
  background-position: center bottom;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li {
  width: 25%;
}
}
#mega-menu-wrap-primary #mega-menu-primary span.mega-indicator {
  position: unset !important;
  margin-left: 3px !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-item
  > ul.mega-sub-menu {
  left: 0 !important;
  top: 40px !important;
}
#mega-menu-wrap-vertical #mega-menu-vertical > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	font-weight: 500;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row {
  background-color: white;
}
#mega-menu-wrap-primary #mega-menu-primary span.mega-indicator::after {
  content: "\f107" !important;
  font-family: FontAwesome !important;
  color: white !important;
  background-image: unset !important;
  font-size: 20px;
  bottom: -2px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a,
#mega-menu-wrap-primary
  #mega-menu-primary
  .mega-current-menu-item
  .mega-menu-link
  span::after {
  color: #abfcfd !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  color: white;
}
.product-small.box {
  border: 2px solid var(--main-color);
  border-radius: 10px;
  padding: 10px;
}
.sale-section .price-wrapper .price {
  justify-content: start;
}
.price-wrapper .price {
  justify-content: center;
}
.box-text.text-left.is-xsmall {
  padding-bottom: 5px;
}
.image-tools .cart-icon {
  bottom: 100%;
  margin: 5px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.product-summary .quantity {
  margin-top: 10px;
  display: block;
}
.product-summary .variations_button {
  padding: 0;
}
.single_add_to_cart_button {
  background-color: var(--secon-color) !important;
  font-size: 17px !important;
  border-radius: 30px;
  margin-bottom: 0;
}
.quantity.buttons_added {
  border: 1px solid var(--secon-color);
  border-radius: 5px;
}
.buy_now_button {
  margin-bottom: 0;
  border-radius: 30px;
  padding: 2px 50px;
  background: #3567d7;
  font-size: 17px;
  margin-left: 10px;
}
#product-sidebar .checked-list li {
  font-size: 15px;
}
.single-product .product-main {
  padding: 20px 0;
}
.pwb-single-product-brands {
  padding-top: 2px;
}
.product-tabs .price-wrapper .price {
    justify-content: start;
    margin-top: 20px;
    margin-bottom: 30px;
}
.product-tabs .price-wrapper .price ins bdi,
.product-tabs p.price.product-page-price bdi {
  font-size: 30px;
  font-weight: bold;
}
.product-tabs .price-wrapper del bdi {
  font-size: 14px;
}
.pwb-single-product-brands.pwb-clearfix::before {
  content: "Thương hiệu:";
  font-size: 14px;
  color: var(--main-color);
  margin-right: 4px;
  font-weight: bold;
}
.pwb-single-product-brands a {
  color: #3567d7 !important;
  font-weight: bold;
  font-size: 16px;
}
.product-short-description {
  font-size: 15px;
  padding: 10px;
  background: #e1f9de;
  border-radius: 8px;
  margin-bottom: 15px;
}
.product-small.box .product-title a:hover {
  color: var(--secon-color);
}
#breadcrumbs {
  margin-bottom: 0;
  font-size: 14px;
}

.related-products-wrapper .pt-half {
  padding-top: 15px;
  color: #3567d7;
  text-transform: none;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0px;
  margin-left: 0px;
}
#mega-menu-title .icon-menu:before {
  font-weight: bold;
  color: #ee3e80;
}
.footer-widgets .widget {
  margin-bottom: 0px;
}
.border-block {
  position: relative;
  display: block;
  margin-bottom: 20px;
  border-radius: 8px;
  border: #eee solid 1px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.05);
  padding: 10px 8px;
  margin-bottom: 17px;
}
.checked-list {
  padding-left: 0;
  list-style: none;
}
.checked-list li {
  margin-left: 0 !important;
  padding-left: 22px;
  margin-bottom: 3px;
  min-height: 14px;
  background: url(/wp-content/uploads/2020/05/check.png) no-repeat 0 2px;
  background-size: 14px 14px;
  font-size: 13px;
}
.hotline-dat-hang {
  font-size: 14px;
}
.buttons_added .quantity input[type="number"] {
  border-radius: 8px !important;
}
.button.is-form:hover {
  color: #eb1b69;
  background-color: #e6b5c7;
  box-shadow: none;
}
.hotline-num {
  color: #ee3e80 !important;
  font-size: 22px;
}
.related-products-wrapper.product-section {
  border-top: none;
}
.nav-dropdown.nav-dropdown-default > li > a {
  padding: 4px 0px;
  color: black;
  border-bottom: none;
  font-size: 14px;
  text-transform: math-auto;
  font-weight: 600;
}
.nav-dropdown.nav-dropdown-default > li > a + ul > li > a {
  font-size: 14px;
  padding: 0 0 5px 0;
  border: none;
  color: #222;
}
.nav-dropdown {
  padding: 10px 0;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
  border: 1px solid #ee3e80;
  border-radius: 8px;
}
.nav p {
  color: #333;
  margin: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
}
.widget {
  margin-bottom: 10px;
}
span.widget-title {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
}
.thuong-hieu-section .box-text h4 {
  color: #1592e6;
  font-weight: normal;
}
.breadcrumbs {
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
}
.shop-page-title.featured-title .title-bg {
    height: unset!important;
    transform: unset!important;
}
nav.woocommerce-breadcrumb.breadcrumbs * {
  font-size: 16px;
  font-weight: 500;
  color: white;
}
.post-type-archive-product .flex-right.text-right.medium-text-center.form-flat {
  position: relative;
  top: 119px;
  right: 15px;
  z-index: 1;
  display: flex;
  align-items: center;
}
.post-type-archive .products {
  margin-top: 50px;
}
.featured-title .woocommerce-result-count {
  display: block;
  color: #222;
}
#wrapper select.orderby {
  background-color: var(--main-color) !important;
}
nav.woocommerce-breadcrumb.breadcrumbs span {
  font-weight: bold;
  opacity: 1;
  color: transparent;
  text-shadow: none;
}
nav.woocommerce-breadcrumb.breadcrumbs .divider::after,
ul#menu-menu-widget .sub-menu li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #fff;
  position: absolute;
  right: -2px;
  top: 50%;
  margin-top: -1px;
  transform: rotate(45deg);
  left: 1px;
}
ul#menu-menu-widget .sub-menu li {
  position: relative;
}
ul#menu-menu-widget .sub-menu {
  border-left: none;
}
ul#menu-menu-widget .sub-menu li a {
  padding-left: 22px;
  padding-top: 8px;
  padding-bottom: 8px;
}
ul#menu-menu-widget .sub-menu li::before,
.section-title.section-title-normal {
  background: var(--main-color);
}
.shop-page-title .is-xlarge,
h1.product-title.product_title.entry-title {
  color: white;
  font-size: 28px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
}
.breadcrumbs {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
}
.featured-title .page-title-inner .flex-col,
.product-details-inner {
  max-width: 475px !important;
}
.product-container .product-gallery .relative {
  position: relative !important;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0px 6px 12px 0 rgba(0, 0, 0, 0.05);
}
.product-thumbnails a:hover,
.product-thumbnails .is-nav-selected a {
  border-radius: 5px;
  border: 1px dashed var(--main-color);
}
.product-thumbnails a {
  border: 1px dashed #e6e6e6;
  border-radius: 5px;
}
.single-product .product-tabs h1.product-title.product_title.entry-title {
  color: var(--main-color);
  font-size: 23px;
  font-weight: 700;
  text-transform: initial;
  display: unset;
}
.khuyen-mai {
  border: 1px solid #dee2e6 !important;
  border-radius: 8px;
  margin-bottom: 10px;
}
.khuyen-mai ul {
  padding: 6px 0;
  margin-bottom: 0;
}
.khuyen-mai ul li {
  font-size: 15px;
  margin-bottom: 4px;
  color: #fd679f;
  margin-left: 24px;
}
.khuyen-mai h3 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #fbfbfb;
  margin-bottom: 0;
  font-weight: 700;
  color: #3567d7;
  font-size: 16px;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: 0.5rem;
  border-bottom: 1px solid #dee2e6 !important;
}
.khuyen-mai:hover {
  border-color: #ea377c !important;
}
.woo-variation-swatches-stylesheet-enabled
  .variable-items-wrapper
  .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches-stylesheet-enabled
  .variable-items-wrapper
  .variable-item:not(.radio-variable-item).selected:hover {
  box-shadow: 0 0 0 2px rgb(238, 62, 128);
  color: #ee3e80;
}
.widget_shopping_cart {
  padding: 15px;
}
button#devvn_cmt_submit,
button#devvn_cmt_replysubmit {
  background: #ee3e80;
  color: white;
}
.secondary.is-underline,
.secondary.is-link,
.secondary.is-outline,
.stars a.active,
.star-rating:before,
.woocommerce-page .star-rating:before,
.star-rating span:before,
.color-secondary {
  color: #ffbc00;
}
.woof_list label {
  font-size: 14px;
  padding: 0;
  margin-bottom: 0;
  font-weight: Normal;
}
.woof_list li {
  width: 50%;
  float: left;
  margin: 0 0px 0 0px !important;
}
.woof_list_checkbox li div {
  margin-top: 0;
}
.woof_container_inner h4 {
  font-size: 16px;
  color: #ee3e80;
}
.khuyen-mai span {
  font-size: 15px;
  padding-left: 0px;
  color: #333;
}
.footer-secondary {
  padding: 0px !important;
}
.pwb-brands-in-loop {
  position: absolute;
  top: -25px;
  width: 65px;
  height: 35px;
  left: 37%;
  border-radius: 8px;
  border-radius: 8px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 2px;
}
.pwb-brands-in-loop a {
  margin: 0;
}
button.is-form.expand.button.wp-element-button {
    color: white;
    text-shadow: none;
}
p#billing_address_1_field {
    width: 100%;
}
.wc-proceed-to-checkout .secondary,
.checkout-button,
.button.checkout, button#place_order {
  background-color: var(--secon-color)!important;
}
.shop_table .button.primary.mt-0.pull-left.small {
  background-color: var(--secon-color)!important;
  opacity: 1;
}
.woocommerce .cart-collaterals .order-total .woocommerce-Price-amount {
  font-size: 22px;
  color: #ee3e80 !important;
}
[data-icon-label]:after {
  background-color: #fa96bc !important;
  opacity: 1;
  top: 14px !important;
  right: -14px !important;
}
.woof_redraw_zone {
  padding: 8px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  box-shadow: 2px 2px 40px #0000000d;
}
.featured-title .page-title-inner,
.product-details-title {
  max-height: 100%;
  padding: 0 !important;
  height: 150px;
}
.archive .large-9 {
  padding-left: 0;
}
.quantity .minus {
  border-right: 1px !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  margin-right: 5px;
}
.quantity .plus {
  border-left: 1px !important;
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  margin-left: 5px;
}
.quantity .qty {
  border: 1px solid var(--secon-color);
  font-weight: 600;
  color: var(--secon-color);
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
}
.widget-woof .is-divider {
  height: 0px !important;
  margin-top: 0.66em;
}
.widget-woof .widget-title,
.widget-title {
  font-weight: 700;
  color: #3567d7;
  margin-bottom: 18px;
}
.woocommerce-ordering,
.woocommerce-ordering select {
  margin: 5px 0;
  display: inline-block;
  border-radius: 16px;
}
.product-info .product-page-price span.amount {
  font-size: 25px;
}
.product-info del span.amount {
  font-size: 16px !important;
}
.product_list_widget span.amount {
  font-size: 18px;
  color: #ee3e80;
  display: inline-block;
  vertical-align: middle;
}
.single-product .large-9 {
  border-right: none !important;
}
.slider-section ul.menu li:hover ul li a {
  color: black !important;
}
.slider-section ul.menu li:hover ul li:hover {
  background: #e6e6e661;
}
.slider-section ul.menu li:hover ul li:hover a {
  color: #ee3f80 !important;
}
.slider-section .cot1 .col-inner ul li:last-child {
  border-bottom: none;
}
.TextCaptions .flickity-slider {
  height: 53px;
}
.nav-dropdown.nav-dropdown-default > li > a {
  margin-bottom: 8px;
}
.woocommerce-mini-cart__empty-message {
  padding: 0px 10px;
}
.slider-section ul.menu li ul.sub-menu li .icon-angle-down:before {
  color: black !important;
}
.slider-section ul.menu li:hover ul li a {
  min-width: 183px;
}

.slider-section .cot1 .col-inner ul li ul.sub-menu li:hover ul.sub-menu li a {
  color: black !important;
}
.slider-section
  .cot1
  .col-inner
  ul
  li
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  a {
  color: #e13475 !important;
}
.cot3 .col.post-item .post-title {
  font-size: 15px;
  font-weight: bold;
}
.product-small.box .product-title {
  font-size: 15px;
  margin-bottom: 10px;
}
.danh-muc-section .box .box-image {
  border-radius: 17px;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-mask-image: none;
}
.copyright-footer,
.copyright-footer a {
  color: white;
}
.copyright-footer a {
  font-weight: bold;
}
.footer-widgets p {
  margin-bottom: 10px;
}
.single-product .large-9 {
  padding-right: 0;
}
.single-product .large-5 {
  padding-bottom: 0;
}
.single-product #product-sidebar {
  padding-left: 20px;
}
.product-info {
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 5px;
}
.single-product .product-images img {
  border: 2px solid var(--main-color);
  border-radius: 5px;
}
pwb-single-product-brands.pwb-clearfix::before {
  content: "Thương hiệu:";
  color: var(--main-color);
  font-weight: 700;
  margin-right: 4px;
  font-size: 14px;
}
.pwb-single-product-brands.pwb-clearfix a {
  font-size: 14px;
  color: var(--secon-color) !important;
}
div#reviews.woocommerce-Reviews,
.devvn_prod_cmt {
  max-width: 100%;
}
.woocommerce #reviews #comments h2 {
  margin-bottom: 20px;
  font-size: 20px;
  color: #3567d7;
}
#comments a.btn-reviews-now {
  background-color: #ee3e80;
}
span.devvn_num_reviews {
  color: #3567d7;
}
.woocommerce #review_form #respond p.form-submit input#submit,
.woocommerce
  #reviews
  #comments
  ol.commentlist
  #respond
  p.form-submit
  input#submit {
  background-color: #ee3e80;
}
.button-variable-item span {
  font-size: 15px;
}
.variations {
  margin-bottom: 0;
}
.woo-variation-swatches-stylesheet-enabled
  .variable-items-wrapper
  .variable-item:not(.radio-variable-item) {
  margin: 2px 8px 2px 0;
}
ul.woof_list {
  display: inline-block;
}
#breadcrumbs a:hover {
  color: #e13475;
}
.xem-them .tieu-de-xem-them {
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  color: #3567d7;
}
.blog-single .blog-share {
  text-align: left;
}
.xem-them ul li a:hover {
  color: #ee3e80;
}
.entry-content {
  padding-top: 1.5em;
  padding-bottom: 0;
}
.xem-them ul li {
  margin-bottom: 3px;
}
.xem-them ul li a {
  font-weight: 700;
  font-size: 16px;
  color: #272727;
}
.xem-them ul li a:hover {
  text-decoration: underline;
}
.blog-single .entry-meta {
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
  color: gray;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 10px;
  background: #f9f9f9;
}
.danh-muc {
  margin-bottom: 15px;
}
.danh-muc span.title,
.the-tim-kiem span.title {
  border-radius: 4px;
  background: #126e32;
  padding: 4px 10px;
  color: white;
  margin-right: 5px;
}
.danh-muc a,
.the-tim-kiem a {
  line-height: 32px;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 4px 10px;
  background: #dedede;
  color: #464646;
}
.danh-muc a:hover,
.the-tim-kiem a:hover {
  background: #6dca19;
  color: white;
}
body {
  overflow-y: hidden;
}
.sale-section .grid-tools {
  height: 100%;
}
.do-tre-em .col.products .product-small.box {
  border-color: var(--secon-color);
}
.do-tre-em .section-title.section-title-normal:after {
  right: 3px;
  left: unset;
  content: "2";
  background: #ffcade;
  color: #fff;
  border: 1px solid var(--secon-color);
}
.do-tre-em .section-title.section-title-normal::before {
  right: 0;
  left: unset;
  background: #ffcade;
}
.do-tre-em .ux-menu-link.flex.menu-item {
  background-color: var(--secon-color);
}
.do-tre-em .section-title.section-title-normal {
  border-radius: 0 30px 30px 0;
  padding-right: 78px;
  padding-left: 13px;
  background: var(--secon-color);
}
.sale-section .image-tools .cart-icon {
  top: 50%;
  transform: translate(-50%, -50%);
}
.bai-viet-lien-quan {
  margin-top: 15px;
}
.bai-viet-lien-quan h3 {
  font-size: 20px;
  color: #3567d7;
}
.bai-viet-lien-quan ul {
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
}
.bai-viet-lien-quan ul li {
  list-style: none;
  width: 25%;
  color: graytext;
  float: left;
  padding-left: 4px;
  padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
  height: 120px;
  border-radius: 4px;
  object-fit: cover;
  object-position: center;
}
.bai-viet-lien-quan h4:hover {
  color: #ee3e80;
}
.bai-viet-lien-quan h4 {
  font-weight: normal;
  font-size: 15px;
  color: black;
  line-height: 19px;
  padding-top: 7px;
  height: 45px;
  overflow: hidden;
}
.entry-header-text {
  padding: 0;
}
.recent-blog-posts a {
      margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}
.tabbed-content .nav-vertical {
    width: 32%;
}
ul.nav.nav-line.nav-vertical.nav-uppercase.nav-size-normal.nav-left {
    border: 1px solid #e5e5e5;
    padding: 5px;
}
.tab-panels p {
    margin: 0;
}
.tab-panels {
    padding: 0!important;
    padding-left: 20px!important;
}
.nav.nav-vertical li.active {
    background: black;
}
.nav.nav-vertical li.active span, .nav.nav-vertical li:hover {
	color: white;
}
.nav.nav-vertical li {
	padding-left: 25px;
}
.nav.nav-vertical li:hover {
	background: var(--primary-color);
}
.nav.nav-vertical li span {
	color: black;
}
aside#flatsome_recent_posts-2 .widget-title {
    display: none;
}
aside#nav_menu-4 {
    margin-bottom: 20px;
}
.sale-section .image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover {
transform: scale(1) translateZ(0) translateY(0)!important;
	
}
.recent-blog-posts a:hover {
  color: #ee3e80;
}
.widget img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 10px;
}
.blog-archive .post-item .box-image {
  border-radius: 20px;
}

.blog-archive .post-item .post-title {
  margin-bottom: 8px;
}
.blog-single .large-3 {
  padding-left: 0;
}
.blog-archive {
    padding-top: 0;
}
.page-header-blog {
    padding-bottom: 30px;
}
.list-post .post-item {
  padding-bottom: 20px;
}
.blog-single .large-3 {
  padding-left: 0;
}
.blog-single .large-3 {
  padding-left: 0;
}
.blog-single .large-3 {
  padding-left: 0;
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  body,
  html {
    word-break: break;
    width: 100%;
    overflow-x: hidden;
  }
	.tab-panels {
		padding-left: 0!important;
	}
	.tab-panels {
    padding-top: 10px!important;
}
	.product-khuyenmai {
    background-repeat: no-repeat;
    background-size: contain;
    width: 305px;
    padding: 15px 53px 53px 20px;
}
	.tabbed-content .nav-vertical {
		width: 100%;
	}
  .bai-viet-lien-quan ul li {
    width: 50%;
  }
  .bai-viet-lien-quan ul li .box-image img {
    height: 90px;
  }
	button.single_add_to_cart_button.button.alt.wp-element-button {
    margin-top: 20px;
    margin-bottom: 0;
}
	.section.wc-tabs {
    border-top: 1px solid var(--main-color);
}
  .brand-section .section-title a {
    display: none;
  }
  .brand-section .medium-3,
  .danh-muc-section .medium-3,
  .thuong-hieu-section .medium-3 {
    padding-bottom: 15px;
    flex-basis: 25%;
    max-width: 25%;
  }
  .thuong-hieu-section .section-title-main,
  .brand-section .section-title-main,
  .deal-moi-ngay .section-title-main,
  .danh-muc-section .section-title-main {
    font-size: 1.3rem;
  }
  .danh-muc-section .box-text.text-center {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .danh-muc-section .medium-3 {
    padding: 0 8px !important;
  }
  .milk-section .section-title-center,
  .cham-soc-section .section-title-center {
    color: #fff;
    background: #66cc33;
    padding: 5px 0px;
    width: 100%;
    font-size: 20px;
    margin-bottom: 15px;
  }
  .row-small > .col {
    padding: 0 8px 10px;
    margin-bottom: 0;
  }
  .deal-moi-ngay .small-columns-2 {
    padding: 0 5px !important;
  }
  .category-filter-row {
    padding: 0;
  }
  .home .header-bottom {
    background-color: #fefefe;
    display: block;
  }
  .danh-muc-section .col,
  .danh-muc-section {
    padding-top: 10px !important;
  }
  .menu-mobie-top-section .col.medium-3 {
    flex-basis: 25%;
    max-width: 25%;
    padding: 0 10px 0px;
  }
  .menu-mobie-top-section .box-text.text-center {
    padding-left: 0px;
    padding-right: 0px;
  }
  .menu-mobie-top-section .box-text.text-center h4 {
    font-weight: 500;
    font-size: 13px;
  }
  .menu-mobie-top-section .col,
  .menu-mobie-top-section {
    padding-bottom: 0px !important;
  }
  .brand-section,
  .slider-mobile-section {
    padding-top: 0px !important;
  }
  .slider-mobile-section .flickity-page-dots {
    bottom: -22px !important;
  }
  .slider-mobile-section .slider-nav-light .flickity-page-dots .dot {
    border-color: #ff2c2c;
  }
  .slider-mobile-section .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
  }
  .footer-section .cot4 .col {
    padding: 0 5px 10px;
    flex-basis: 25%;
    max-width: 25%;
  }
  .footer-section .cot3 {
    padding-top: 0px;
  }
  .footer-2 {
    display: none;
  }
	.searchform .flex-col:last-child, .searchform .flex-col button {
		min-height: 100%;
	}
	#header .searchform .flex-col button {
		width: 100%;
	}
	.searchform .button.icon i {
    color: white;
}
  .nav > li > a > i.icon-menu {
    min-width: 30px;
    color: white;
    background: var(--main-color);
    padding: 3px border-r;
    border-radius: 8px;
    text-align: center;
    padding: 2px 4px;
  }
  .header-wrapper.stuck .header-bottom {
    display: none;
  }
  .off-canvas-right .mfp-content,
  .off-canvas-left .mfp-content {
    width: 100%;
  }
  .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    font-family: "SF Pro Display", sans-serif;
    font-weight: bold;
    color: #2f2f2f;
  }
  .off-canvas:not(.off-canvas-center) .nav-vertical li ul.sub-menu {
    background: #dadada;
    padding-bottom: 0;
  }
  .off-canvas:not(.off-canvas-center) .nav-vertical li ul.sub-menu li a {
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .slider-section .cot2 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .slider-section {
    box-shadow: 0px 0px 20px #0000002b;
    padding: 0 !important;
  }
  .pwb-brands-in-loop {
    left: 28%;
  }
  .brand-section .col.large-12,
  .deal-moi-ngay .col.large-12 {
    border-bottom: none;
  }
  .deal-moi-ngay .col {
    padding-bottom: 0;
  }
  .product-small.box .product-title {
    height: auto !important;
  }
  .product-small.box .price-wrapper ins .amount,
  .price-wrapper .price span.amount {
    font-size: 16px;
  }
  .list-post .post-item {
    padding: 0 8px 15px;
    flex-basis: 50%;
    max-width: 50%;
  }
  .list-post .post-item .box-text {
    padding: 5px !important;
  }
  .list-post .post-item .post-title {
    font-size: 15px;
    font-weight: normal;
  }
  .footer-section .col {
    padding: 0 0 10px 0;
  }
  .footer-section {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .category-filter-row a {
    text-transform: none;
  }
  .archive .large-9,
  .single-product .large-9 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .archive .product-small.col {
    padding: 0 5px 10px;
  }
  .archive .large-columns-4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .product-info {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
  }
  .single-product h1.product-title {
    font-size: 22px;
  }
  .product-info .product-page-price span.amount {
    font-size: 20px !important;
  }
  .single_add_to_cart_button,
  .buy_now_button {
    width: 100%;
    margin: 0;
  }
  .single_add_to_cart_button {
    margin-bottom: 10px;
  }
  .related .product-small.col {
    padding: 0 5px 10px !important;
  }
  .related .large-columns-4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .badge-inner.on-sale {
    padding: 0 6px;
    font-size: 13px;
  }
  .blog-single .large-9,
  .blog-single .large-3 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .page-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .blog-single .entry-meta {
    font-size: 13px;
  }
  .xem-them ul li a {
    font-size: 15px;
  }
  .xem-them ul li {
    line-height: 18px;
    margin-bottom: 14px;
  }
  .bai-viet-lien-quan h4 {
    font-weight: bold;
    font-size: 15px;
  }
  .recent-blog-posts a {
    font-weight: bold;
    font-size: 15px;
  }
  .blog-archive .large-12 {
    padding: 7px 5px;
  }

  .blog-archive .post-item .from_the_blog_excerpt {
    display: none;
  }
  .blog-archive .post-item .box-text {
    padding-bottom: 0;
  }
  .blog-archive .post-item .post-title {
    font-size: 15px;
  }
	.top-divider.full-width {
    display: none;
	}
	.section-title span {
		font-size: 25px;
	}
	.section-title {
		height: 80px;
	}
	.section-title-center::before {
		width: 300px;
		height: 80px;
	}
	.product-small.box.has-hover.box-vertical.box-text-bottom {
		display: block;
	}
	.product-small.box.has-hover.box-vertical.box-text-bottom > div {
		width: 100%;
	}
	h5.uppercase.header-title {
		font-size: 15px;
	}
	.do-tre-em {
    	flex-direction: column-reverse;
	}
	.box.box-vertical.box-text-bottom.box-blog-post.has-hover {
    	display: flex;
	}
	.box.box-vertical p.from_the_blog_excerpt {
		display: none;
	}
	.box.box-vertical h5.post-title.is-large {
		font-size: 15px;
	}
	.footer-section .bg {
		background-image: unset!important;
		background-color: var(--main-color)!important;
	}
	.featured-title .page-title-inner, .product-details-title {
		height: unset;
	}
	.header-bottom {
		background-color: transparent!important;
	}
	.shop-page-title.category-page-title.dark.featured-title.page-title{
		height: 174px;
	}
	.post-type-archive-product .flex-right.text-right.medium-text-center.form-flat {
		position: absolute;
		right: unset;
		z-index: 1;
		display: unset;
		bottom: unset;
		left: unset;
		top: 184px;
	}
	.footer-section .section-content {
		padding-top: unset;
		padding: 30px 0;
	}
	.blog-archive .row.row-masonry {
    	margin: 0!important;
	}
	li#tab-title-description, li#tab-title-tai_sao_tab {
		padding-bottom: 10px;
	}
	.page-title.dark.featured-title {
    display: flex;
		height: 174px;
}
}