.col.columnBlogs .row.blog-event .col.post-item.grid-col.grid-col-1 {
    flex-basis: 100%;
    max-width: 100%;
}
.col.columnBlogs .row.blog-event .col.post-item.grid-col.grid-col-1-2 {
    flex-basis: 33.333%;
    max-width: 33.333%;
}
.col.columnBlogs .row.blog-event .grid-col-1 .box-image {
    width: 50%;
    float: left;
}
.col.columnBlogs .row.blog-event .grid-col-1 .box-text {
    position: relative !important;
    width: 50%;
    float: right;
    background-color: #F4F4F4 !important;
    height: 100%;
    padding: 50px 15px 15px 30px !important;
}
.col.columnBlogs .row.blog-event nav.rank-math-breadcrumb {
    position: absolute;
    left: 50%;
    z-index: 991;
    margin: 15px 30px;
    width: fit-content;
}
.col.columnBlogs .row.blog-event nav.rank-math-breadcrumb p {
    margin-bottom: 0;
}
.col.columnBlogs .row.blog-event nav.rank-math-breadcrumb a,
.col.columnBlogs .row.blog-event nav.rank-math-breadcrumb span.last {
    text-decoration: underline;
}
.col.columnBlogs .row.blog-event nav.rank-math-breadcrumb span.last {
    font-weight: 600;
}
.col.columnBlogs .row.blog-event .grid-col-1 .box-text .post-title {
    text-transform: uppercase;
    color: #9CAE88;
    font-size: 22px;
}
.col.columnBlogs .row.blog-event .box-blog-post .is-divider {
    display: none;
}
.col.columnBlogs .row.blog-event .grid-col-1-2 .box-image {
    position: relative !important;
    height: auto;
}
.col.columnBlogs .row.blog-event .grid-col-1-2 .box-image>div {
    position: relative !important;
}
.col.columnBlogs .row.blog-event .grid-col-1-2 .box-image img {
    height: 215px;
    object-fit: cover;
    position: relative !important;
}
.col.columnBlogs .row.blog-event .grid-col-1-2 .box-text {
    position: relative !important;
    background-color: unset !important;
}
.col.columnBlogs .row.blog-event .grid-col-1-2 .box-text .post-title a {
    font-size: 18px;
    color: #242424;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    margin: 5px 0;
}

.col.columnSidebar .sidebar-wrapper .widget-title,
.widget .widget-title {
    text-transform: none;
    color: #383838;
    font-size: 18px;
}
.col.columnSidebar .sidebar-wrapper .is-divider,
.widget .is-divider {
    height: 2px;
    max-width: unset;
    background-color: #9CAE88;
    margin: 5px 0 !important;
}
.col.columnSidebar .sidebar-wrapper ul.menu {
    display: block;
    float: left;
    overflow: hidden;
    min-height: 353px;
    height: auto;
}
.widget ul#menu-bo-suu-tap {
    float: unset;
}
.widget ul#menu-menu-phan-loai-da li,
.widget ul#menu-bo-suu-tap li {
    position: relative;
    padding-left: 15px;
}
.widget ul#menu-menu-phan-loai-da li::before,
.widget ul#menu-bo-suu-tap li::before {
    content: '\203A';
    position: absolute;
    top: -2px;
    left: 0;
    opacity: 1;
    font-size: 22px;
}
.widget ul.menu li {
    border: none !important;
    float: left;
    width: 50%;
}
.widget ul#menu-bo-suu-tap li {
    float: unset;
    width: 100%;
}
.widget ul.menu li p {
    padding: 0 !important;
    margin: 0;
}

.col.custom-columnBlogs .section-title-normal {
    border: none;
    margin-bottom: 0;
}
.col.custom-columnBlogs .section-title-normal span {
    color: #000;
    border-bottom: 2px solid #9CAE87;
    padding-bottom: 5px;
    text-transform: none;
    font-size: 24px;
}
.row.blog-event .col.custom-columnBlogs .col-inner h2,
.row.blog-event .col.custom-columnBlogs .col-inner h3,
.row.blog-event .col.custom-columnBlogs .col-inner h4 {
    border-bottom: 2px solid #9CAE87;
    text-transform: none;
    font-size: 24px;
    width: fit-content;
    margin-bottom: 15px;
}
.col.custom-columnBlogs .box-text {
    vertical-align: top;
    padding: 0 15px !important;
}
.col.custom-columnBlogs .box-text .post-title {
    margin-bottom: 10px;
}
.col.custom-columnBlogs .box-text .post-title a {
    color: #000;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    font-size: 18px;
}
.col.custom-columnBlogs .box-text .post-title:hover a {
    color: #9CAE87;
}
.col.custom-columnBlogs .col.post-item:nth-child(n+3) {
    flex-basis: 25%;
    max-width: 25%;
    padding: 0;
}
.col.custom-columnBlogs .col.post-item:nth-child(n+3) .col-inner .box {
    background: #F4F4F4;
    margin-top: 15px;
    min-height: 56px;
    overflow: hidden;
    border-bottom: 1px solid #242424;
}   
.col.custom-columnBlogs .col.post-item:nth-child(n+3) .box-image,
.col.custom-columnBlogs .col.post-item:nth-child(n+3) .box-text p.from_the_blog_excerpt {
    display: none;
}
.col.custom-columnBlogs .col.post-item:nth-child(n+3) .box-text .post-title {
    margin-bottom: 0;
    padding: 5px 0 5px 13px;
    position: relative;
}
.col.custom-columnBlogs .col.post-item:nth-child(n+3) .box-text .post-title::before {
    content: '';
    position: absolute;
    top: 17px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #000;
}
.col.custom-columnBlogs .col.post-item:nth-child(n+3) .box-text a {
    font-size: 16px;
}
.col.colmnLine {
    z-index: 1;
}
.box-image,
.box-text {
    z-index: 9;
}
span.image-icon.header-cart-icon:after {
    background-color: #FF4141 !important;
}
.custom-title-link span.section-title-main {
    display: none;
}
.custom-title-link a {
    padding: 0 0 7px !important;
    font-size: 18px !important;
    color: #383838;
    text-align: left;
    margin: 0 !important;
}
.custom-title-link a i.icon-angle-right {
    display: none;
}

/* Category */
.blog-wrapper.blog-archive .row .large-9 {
    flex-basis: 75%;
    max-width: 75%;
    padding: 0 15px 15px;
}
.post-sidebar.large-3.col {
    border: none !important;
}
/* .blog-wrapper.blog-archive */
.custom-archivePage .featured-post {
    position: relative;
    margin-bottom: 20px;
    background: #F4F4F4;
    display: flex;
    gap: 15px;
}
.custom-archivePage .featured-post .box-image {
    width: 50%;
}
.custom-archivePage .featured-post .box-text {
    width: 50%;
}
.custom-archivePage .featured-post img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.custom-archivePage .featured-post h2 {
    margin: 10px 0;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
}
.grid-posts > * {
    min-width: 0;
    overflow: hidden;
}
.custom-archivePage .grid-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1200px !important;
    margin: 0 auto !important;
}
.custom-archivePage .box-image,
.custom-archivePage .box-image a {
    display: block;
    overflow: hidden;
}
.custom-archivePage .box-image img {
    transition: all 0.4s;
}
.custom-archivePage .box-image:hover img {
    transform: scale(1.1);
}
.custom-archivePage .grid-item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.custom-archivePage .grid-item h3 {
    font-size: 18px;
    margin-top: 10px;
    color: #242424;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    min-height: 52px;
    line-height: normal;
}
.custom-archivePage .grid-item:hover h3 {
    color: #9CAE87;
}
.rank-math-breadcrumb a {
    text-decoration: underline;
}
.rank-math-breadcrumb .last {
    /* color: #9CAE87;
    font-weight: 600; */
}

.post-sidebar.large-3.col {
    padding: 0 15px;
}
ul.nav-pagination li a {
    color: #000 !important;
    background: #D9D9D9;
}
.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover {
    color: #000 !important;
}
.nav-pagination>li>a, .nav-pagination>li>span {
    border: none !important;
    border-radius: 0 !important;
}


.blog-wrapper.blog-single .rank-math-breadcrumb p {
    margin: 0;
    text-align: left;
}
.custom-postDetail .session-1 {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #f4f4f4
}
.custom-postDetail .session-1 .session-image {
    width: 50%;
}
.custom-postDetail .session-1 .session-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custom-postDetail .session-1 .session-content {
    width: 50%;
    padding: 5px 15px 10px;
}
.custom-postDetail .session-1 .session-content .title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    font-size: 22px;
    color: #000;
    text-transform: uppercase;
}


/*  */
.custom-postDetail .session-2.single-post {
    max-width: 80%;
    margin: 30px auto;
}
.custom-postDetail .session-2.single-post .related-products {
    max-width: 33.333%;
    float: left;
    width: 100%;
    margin: 0 30px 20px 0;
    max-height: 660px;
    overflow-y: auto;
}
.custom-postDetail .session-2.single-post ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}
.custom-postDetail .session-2.single-post ::-webkit-scrollbar {
	width: 0px;
	background-color: #F5F5F5; 
}
.custom-postDetail .session-2.single-post ::-webkit-scrollbar-thumb {
	background-color: #555;
	border-radius: 0px;
}
.custom-postDetail .session-2.single-post .related-products ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: unset;
}
.custom-postDetail .session-2.single-post .related-products li {
    display: flex;
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #242424;
}
.custom-postDetail .session-2.single-post .related-products li .thumbnail {
    width: 50%;
}
.custom-postDetail .session-2.single-post .related-products li .contentPrd {
    width: 50%;
}

.custom-postDetail .session-2.single-post .related-products img {
    width: 100%;
}
.custom-postDetail .session-2.single-post .related-products h3.title-head {
    font-size: 16px;
    color: #000;
    border-bottom: 2px solid #9CAE88;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.custom-postDetail .session-2.single-post .related-products .contentPrd .cate {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.custom-postDetail .session-2.single-post .related-products .contentPrd h3.title {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.custom-postDetail .session-2.single-post .related-products .contentPrd .price {
    display: flex;
    flex-direction: column-reverse;
    gap: 5px;
}
.custom-postDetail .session-2.single-post .related-products .contentPrd .price del span.amount {
    font-weight: 500;
    margin-right: 0;
    opacity: 1;
    font-size: 13px;
    color: #D97272;
}

.custom-postDetail .relatedpost {
    /* padding-top: 20px; */
}
.custom-postDetail .relatedpost .title-head,
.related-products h3.title-head {
    color: #9CAE88;
    font-size: 28px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.custom-postDetail .relatedpost .slick-carousel .thumbnail a {
    display: block;
    overflow: hidden;
}
.custom-postDetail .relatedpost .slick-carousel .thumbnail img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    transition: all 0.4s;
} 
.custom-postDetail .relatedpost .slick-carousel .items:hover .thumbnail img {
    transform: scale(1.1);
}
.custom-postDetail .relatedpost .slick-carousel .title h4 {
    font-size: 16px;
    margin: 10px 0;
}
.custom-postDetail .relatedpost .slick-carousel .items:hover .title a {
    color: #9CAE87;
}


/* Woocommerce */
.breadcrumbs a {
    color: #000 !important;
}
.badge-container {
    margin: 0 !important;
}
.badge-circle, .badge-outline {
    margin-left: 0 !important;
    height: 0 !important;
}
.header-productCate .shop-page-title {
    margin: 0 15px;
}
.category-page-row.header-productCate {
    padding: 0;
}
.category-page-row.header-productCate .col {
    padding: 0 !important;
}
.header-productCate .page-title-inner {
    display: flex;
    align-items: center;
    padding: 3px 5px !important;
    background: #f3f3f3;
    min-height: unset;
}
.header-productCate .page-title-inner .custom-filter {
    display: flex;
    align-items: center;
    gap: 15px;
}
.header-productCate .page-title-inner .custom-filter .filter-label {
    font-weight: 600;
    color: #000;
}
.header-productCate .woocommerce-ordering select {
    margin: 0;
    font-size: 13px;
}
.archive.tax-product_cat.woocommerce .category-page-row {
    padding-top: 10px;
}
.price_slider_wrapper {
    margin-top: 20px;
}
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #9CAE88 !important;
}
.widget_price_filter .ui-slider-horizontal {
    width: 100%;
    margin: 25px 0 0;
}
.widget_price_filter .price_slider_amount {
    text-align: center !important;
    display: flex;
    flex-direction: column-reverse;
    gap: 15px;
}
.widget_price_filter span,
.widget_price_filter .price_label {
    color: #000;
    font-size: 16px;
}
.widget_price_filter .price_slider_amount .button {
    background-color: #9CAE88 !important;
    border-radius: 5px !important;
    float: unset !important;
    font-weight: 600;
    color: #000;
    width: fit-content;
    margin: 0 auto;
    padding: 0 40px;
    text-transform: none;
    font-size: 16px !important;
    display: block !important;
}

/* add to cart */
.price-wrapper.custom-price-wrapper {

}
.custom-add-to-cart .add_to_cart_button {
    border-radius: 5px;
    width: 100%;
    background: #000;
    padding: 3px;
}
.product-type-variable .custom-add-to-cart .add_to_cart_button {
}
.custom-add-to-cart a.added_to_cart.wc-forward {
    text-align: center;
    background: #7d8b6d;
    color: #fff;
    text-transform: none;
    margin-top: 14px;
    width: 100%;
    font-size: 16px;
    border-radius: 5px;
}
.custom-add-to-cart a.added_to_cart.wc-forward::after {
    display: none;
}
.category-filtering.category-filter-row {
    display: none;
}

.shop-container .term-description {
    margin-bottom: 20px;
}
.shop-container .term-description p {
    color: #000;
}
.shop-container .term-description img {
    width: 100%;
    margin-bottom: 20px !important;
}
.shop-container .term-description h2,
.shop-container .term-description h3,
.shop-container .term-description h4,
.shop-container .term-description h5 {
    color: #000;
    font-size: 18px;
}
.shop-container .term-description p {
    margin-bottom: 0;
    color: #414141;
}
/* .shop-container .term-description img {
    display: none;
}
.shop-container .term-description strong {
    left: 15px;
    margin-bottom: 30px;
    font-family: 'Motherland' !important;
    color: #aa7355;
    font-size: 22px;
    font-weight: 500;
}
.productCate-description {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.productCate-description .content {
    width: 50%;
}
.productCate-description .thumbnail {
    width: 50%;
}
.productCate-description .thumbnail img {
    width: 100%;
} */

.custom-variation-checkboxes {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.custom-variation-checkboxes label {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
}

.custom-variation-checkboxes input[type="radio"] {
    display: none;
}

.custom-variation-checkboxes label:hover,
.custom-variation-checkboxes input[type="radio"]:checked + label {
    background-color: #007cba;
    color: #fff;
    border-color: #007cba;
}
.product-container .product-info.summary {
    padding-top: 0px;
    /* border-right: 1px dashed #9CAE88 !important; */
}
.product-main nav.woocommerce-breadcrumb.breadcrumbs {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.product-main nav.woocommerce-breadcrumb.breadcrumbs span,
.product-main nav.woocommerce-breadcrumb.breadcrumbs a {
    font-weight: 600;
}

.col-divided {
    border-right: none !important;
    padding-right: 30px;
}
h1.product-title.product_title.entry-title {
    font-size: 26px;
    color: #000;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

ul.woocommerce-mini-cart.cart_list.product_list_widget img {
    height: 80px;
}
ul.woocommerce-mini-cart.cart_list.product_list_widget a:not(.remove) {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    margin-bottom: 10px;
}
.widget_shopping_cart ul.product_list_widget li {
    margin-bottom: 10px;
}
.widget_shopping_cart ul.product_list_widget li .quantity {
    opacity: 1;
    display: flex;
    flex-direction: column;
}
.widget_shopping_cart_content a.button.checkout.wc-forward {
    padding: 0;
    background-color: #df5353;
}
.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content {
    max-width: unset;
    border: none;
}
.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content .tabs {
    /* display: none; */
}
.product-footer .nav-tabs+.tab-panels {
    border: none;
    padding: 0;
}
.viewer-product h3.title-head {
    color: #9CAE88;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
}
ul.recently-viewed-products {
    /* max-height: 535px; */
    overflow-y: auto;
    margin-bottom: 0;
}
ul.recently-viewed-products li {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #383838;
}
ul.recently-viewed-products li:last-child {
    border-bottom: none;
    padding: 0;
}
ul.recently-viewed-products li img {
    width: 110px;
    float: left;
    margin-right: 15px;
}
ul.recently-viewed-products li a.title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
ul.recently-viewed-products li span.price {
    display: block;
}
ul.recently-viewed-products::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}
ul.recently-viewed-products::-webkit-scrollbar {
	width: 0px;
	background-color: #F5F5F5; 
}
ul.recently-viewed-products::-webkit-scrollbar-thumb {
	background-color: #555;
	border-radius: 0px;
}
span.woocommerce-Price-currencySymbol {
    /* font-size: 12px !important; */
}
.product-container div#product-sidebar {
    /* padding-left: 15px; */
}
span.sku_wrapper {
    color: #000;
}
.product-info.summary button.single_add_to_cart_button,
.product-info.summary a.button.buy_now {
    padding: 3px 50px;
    border-radius: 5px;
    font-size: 14px;
    margin: 20px 20px 0 0;
    background: #242424;
}
.product-info.summary a.button.buy_now {
    background: #9CAE88;
}
.product-info.summary .product_meta {
    font-size: 15px !important;
}
.product-info.summary .product_meta span.sku_wrapper {
    /* display: none; */
}
.product-info.summary .product_meta>span {
    color: #000;
    font-weight: 600;
}
.product-info.summary .product_meta>span a {
    font-weight: 400;
    text-decoration: underline;

}


/* Quantity */
.product-info.summary .ux-quantity.quantity.buttons_added input[type=button].is-form  {
    background-color: unset !important;
    margin: 0 !important;
    padding: 3px 15px !important;
}

.product-info.summary .ux-quantity.quantity.buttons_added input[type=number]{
    background-color: unset !important;
    box-shadow: none !important;
    font-size: 18px;
    color: #fa0000;
    font-weight: 600;
}
.product-info.summary input.ux-quantity__button.ux-quantity__button--minus.button.minus.is-form {
    margin-left: 75px !important;
}
.woocommerce div.product form.cart .quantity {
    display: flex;
    align-items: center;
    position: relative;
}
.woocommerce div.product form.cart .custom-qty-label {
    font-weight: bold;
    margin-right: 10px;
    white-space: nowrap;
    position: absolute;
}
.product-lightbox.lightbox-content .ux-quantity.quantity.buttons_added {
    position: relative;
}
.product-lightbox.lightbox-content .custom-qty-label {
    top: 5px;
    position: absolute;
}
.product-lightbox.lightbox-content form.cart {
    margin-top: 20px;
    display: grid;
}
form.woocommerce-cart-form label.custom-qty-label {
    display: none;
}
.product-info p.stock.in-stock {
    display: none;
}
span.stock-quantity-cs {
    position: absolute;
    left: 230px;
    color: #000;
}
.wishlist-detail-product a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.wishlist-detail-product a button {
    padding: 0;
    margin: 0;
}

/* Variation */
.product-info.summary .price-wrapper {
    /* margin-top: 30px; */
}
.product-info.summary table.variations tbody > tr {
    display: flex;
    align-items: center;
    gap: 20px;
}
li.variable-item.button-variable-item.button-variable-item-salon .variable-item-contents,
li.variable-item.button-variable-item.button-variable-item-salon span.variable-item-span.variable-item-span-button {
    opacity: 1 !important; 
}
li.variable-item.button-variable-item.button-variable-item-salon .variable-item-contents::before {
    display: none !important;
}
.variations .reset_variations {
    color: #df5353 !important;
    opacity: 1 !important;
    text-decoration: underline;
    bottom: 40% !important;
    font-size: 12px !important;
}
p.woocommerce-shipping-destination {
    display: flex;
    justify-content: right;
    gap: 3px;
}

.footer-mess {
    position: fixed;
    right: 20px;
    bottom: 110px;
    z-index: 99;
}
.footer-mess img {
    width: 50px;
    -webkit-filter: grayscale(0);
    display: inline-block;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}
.footer-mess img:hover {
    -webkit-filter: grayscale(0)
}
 
.footer-mess img:hover, .footer-mess img:focus {
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: .8s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}
@-webkit-keyframes spaceboots {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg);
    }
    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
    }
    20% {
        -webkit-transform: translate(-3px, 0px) rotate(1deg);
    }
    30% {
        -webkit-transform: translate(0px, 2px) rotate(0deg);
    }
    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    }
    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg);
    }
    70% {
        -webkit-transform: translate(2px, 1px) rotate(-1deg);
    }
    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
    }
}
 

/* Login & regis */
/* ----------- */
.account-register-inner {
    display: none;
}

.off-canvas .mfp-content .lightbox-content {
    max-width: 550px !important;
}

.register-form, .login-form {
    transition: all 0.3s ease-in-out;
}
#login-form-popup .woocommerce-form {
    position: relative;
}
.custom-register-link {
    position: absolute;
    right: 0;
    bottom: 0px;
}
.custom-register-link span {
    color: #000;
}
.custom-register-link .ux-register-trigger,
.woocommerce-privacy-policy-text a {
    text-decoration: underline;
}
.woocommerce-message.message-wrapper:focus-visible {
    overflow: unset !important;
    border: none !important;
}

.row-divided>.col+.col:not(.large-12) {
    border-left: none !important;
}

ul.woocommerce-error.message-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    outline: unset !important;
}

/* administrator */
.spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    border-top-color: white;
    animation: spin 0.6s linear infinite;
    margin-left: 5px;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

div#password_strength {
    color: red;
}
div:focus-visible {
    outline: unset !important;
}




/* Blog detail */
@media screen and (min-width: 850px) {
    .blog-wrapper.blog-single .large-9 {
        flex-basis: 75%;
        max-width: 75%;
        padding: 0 15px !important;
    }
}



/* --- Responsive --- */
@media (max-width: 1024px) {
    .col.columnBlogs .row.blog-event nav.rank-math-breadcrumb {
        position: relative;
        left: 0;
        margin: 15px 0px;
    }
    .col.columnBlogs .row.blog-event .grid-col-1 .box-text {
        padding: 0 10px 10px 15px !important;
    }
    .col.columnBlogs .row.blog-event .grid-col-1 .box-text .post-title {
        font-size: 18px;
    }
    .col.columnBlogs .row.blog-event .grid-col-1-2 .box-text .post-title a {
        font-size: 15px;
    }
    .col.columnBlogs .row.blog-event .grid-col-1-2 .box-image img {
        height: auto;
    }
    .col.colmnLine > .col-inner {
        margin: 130px 0px 0px 0px !important;
    }
    .col.custom-columnBlogs .section-title-normal span {
        font-size: 22px;
    }
    .col.custom-columnBlogs .row .col.post-item {
        margin-bottom: 15px;
    }
    .col.custom-columnBlogs .col.post-item:nth-child(n+3) .box-text a {
        font-size: 14px;
    }
    .col.custom-columnBlogs .col.post-item:nth-child(n+3) .box-text {
        padding: 0 5px !important;
    }
    .col.custom-columnBlogs .col.post-item:nth-child(n+3) .box-text .post-title {
        padding: 5px 0 5px 10px;
    }
    .col.custom-columnBlogs .col.post-item:nth-child(n+3) .box-text .post-title::before {
        top: 15px;
        width: 3px;
        height: 3px;
    }
    .widget ul.menu {
        float: unset;
        min-height: unset;
    }
    .widget ul.menu li {
        float: unset;
        width: 100%;
    }

    /*  */
    .post-sidebar.large-3.col {
        padding: 0 15px 0;
        width: 25%;
    }
    .custom-archivePage .featured-post .box-text {
        padding-bottom: 5px;
    }
    .custom-archivePage .featured-post h2 {
        font-size: 16px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }
    .custom-archivePage .featured-post .description {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }
    .custom-archivePage .grid-posts {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-info.summary button.single_add_to_cart_button, .product-info.summary a.button.buy_now {
        padding: 2px 50px;
        margin: 20px 0px 0 0;
    }
    .product-main {
        padding: 0 !important;
    }

}


@media (max-width: 767px) {
    .col.columnBlogs .row.blog-event .grid-col-1 .box-text .post-title {
        font-size: 16px;
    }
    .col.columnBlogs p.from_the_blog_excerpt {
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }
    .col.columnBlogs .row.blog-event .grid-col-1-2 .box-text .post-title a {
        font-size: 14px;
    }
    .col.colmnLine > .col-inner {
        margin: 85px 0px 0px 0px !important;
    }
    .col.custom-columnBlogs .box-text {
        padding: 10px 0 !important;
    }
    .col.custom-columnBlogs .col.post-item:nth-child(n+3) {
        flex-basis: 50%;
        max-width: 50%;
        margin: 0 !important;
    }
    .col.custom-columnBlogs .col.post-item .box-image {
        max-height: 250px;
    }
    .col.columnSidebar .sidebar-wrapper ul.menu {
        float: left;
        min-height: auto;
    }
    .col.columnSidebar .sidebar-wrapper ul.menu li {
        float: left;
        width: 50%;
    }

    /*  */
    .blog-wrapper.blog-archive .row .large-9 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .custom-archivePage .featured-post {
        display: block;
    }
    .custom-archivePage .featured-post .box-image,
    .custom-archivePage .featured-post .box-text {
        width: 100%;
    }
    .custom-archivePage .featured-post .box-text {
        padding: 10px;
    }
    .custom-archivePage .grid-item h3 {
        font-size: 15px;
        margin-top: 0px;
    }
    .post-sidebar.large-3.col {
        width: 100%;
    }
    .post-sidebar .widget.widget_media_image {
        display: none;
    }

    .custom-postDetail .session-1 {
        display: block;
    }
    .custom-postDetail .session-1 .session-image {
        width: 100%;
    }
    .custom-postDetail .session-1 .session-content {
        width: 100%;
        padding: 10px;
    }
    .custom-postDetail .session-2.single-post .related-products {
        max-width: 100%;
        float: unset;
        width: 100%;
        margin: 0;
        max-height: 450px;
    }
    .custom-postDetail .session-2.single-post {
        margin-top: 20px;
        display: flex;
        flex-direction: column-reverse;
    }

    .productCate-description {
        flex-wrap: wrap-reverse;
    }
    .productCate-description .content {
        width: 100%;
    }
    .productCate-description .thumbnail {
        width: 100%;
    }

    h1.product-title.product_title.entry-title {
        font-size: 20px;
    }

    .footer-mess {
        left: 25px;
        bottom: 180px;
        right: unset;
    }
    .hotline-phone-ring-custom {
        bottom: 0;
    }
    .col.homepage-Product .slick-slider .slick-next {
        right: 15px;
    }
    .col.homepage-Product .slick-slider .slick-prev {
        left: 5px;
    }
    .slick-next, .slick-prev {
        width: 15px;
        height: 15px;
    }
    .slick-slider .slick-next:before, .slick-slider .slick-prev:before {
        font-size: 16px;
        width: 30px;
        height: 30px;
        line-height: 26px;
    }
    .slick-next, .slick-prev {
        top: 41% !important;
    }
    .related.related-products-wrapper .flickity-button .flickity-button-icon {
        padding: 10px !important;
    }

    .custom-postDetail .session-2.single-post {
        max-width: 100%;
    }
    
}

@media (max-width: 428px) {
    span.stock-quantity-cs {
        left: unset !important;
        right: 15px;
    }
    .box-text-products .price-wrapper .price span.amount {
        font-size: 13px;
    }

}