/*!
Theme Name: bigsoft
Theme URI: https://bigsoft.com.vn/
Author: Bigsoft
Author URI: https://bigsoft.com.vn/
Description: Đơn vị thiết kế website chuyên nghiệp
*/

body {
  margin: 0;
  font-family: "Roboto" !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5;
  color: #000 !important;
  text-align: left;
  background-color: #fff !important;
  overflow-x: hidden;
}
.chosen-container-single .chosen-single span {
  font-weight: 600;
  font-family: "Roboto";
}
/* #page {
    overflow: hidden;
} */

a {
  text-decoration: none !important;
  color: #000;
}

a:hover {
  text-decoration: none !important;
  color: #476361;
}

p,
li {
  font-family: "Roboto";
  font-weight: 400;
}

ul li {
  list-style: none;
}

ul ol {
  list-style: none;
}

img {
  width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto";
}

h1 {
  font-size: 25px;
  font-weight: 600;
  color: #000;
}

h2 {
  font-size: 22px;
  font-weight: 600;
}

h3 {
  font-size: 20px;
  font-weight: 600;
}

h4 {
  font-size: 18px;
  font-weight: 600;
}

h5 {
  font-size: 15px;
  font-weight: 600;
}

/* tr {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
td {
    border-left: 1px solid #ddd;
    padding: 10px;
}
tbody {
    border-bottom: 1px solid #ddd;
}
tbody tr:nth-of-type(odd) {
    background-color: #d6e8fb;
}
tbody tr:first-child td {
    background: #629bd5;
    color: #fff;
}
table {
    overflow: auto;
} */
/**/

#searchInput {
  display: none;
  padding: 8px;
  border: 1px solid #ccc;
  position: absolute;
  width: 80%;
  right: 0;
  top: 25%;
  border-radius: 20px;
}

.close-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.search-icon {
  left: 10px;
}

.close-icon {
  display: none;
  right: 10px;
  z-index: 1;
}
.flagCurrency img {
    height: 36px;
    width: 36px;
    object-fit: contain;
}
.flagCurrency .selectron23-option {
    display: flex;
    align-items: center;
}
/**/
.wp-block-woocommerce-cart .wc-block-components-button{
    background: #18363e;
    color: #fff;
    border-radius: 5px;
}
.cart-main-header .cart-icon-container {
  position: relative;
}

.cart-main-header .cart-icon-container:hover .cart-details {
  display: block;
}

.cart-main-header .cart-icon-container .cart-details {
  display: none;
  position: absolute;
  width: 300px;
  height: auto;
  top: 18px;
  left: -190px;
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  z-index: 5;
}

.cart-main-header .cart-icon-container h3 {
  font-size: 20px;
}

.cart-main-header .cart-icon-container .item-info {
  padding-left: 10px;
}

.cart-main-header .cart-icon-container .item-info p {
  font-size: 12px;
  margin-bottom: 5px;
}

.cart-main-header .cart-icon-container .item-info p a {
  color: #000;
  font-weight: 500;
}

.cart-main-header .cart-icon-container .cart-item img {
  width: 100%;
  object-fit: cover;
  height: 70px;
}

.cart-main-header .cart-icon-container .thubnail-product-cart {
  width: 33%;
}

.cart-main-header .cart-icon-container .cart-item {
  display: flex;
  padding-top: 5px;
}

.cart-main-header .cart-icon-container .cart-item:not(:last-child) {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.cart-main-header .product-cart-info .woocommerce-Price-currencySymbol {
  font-size: 11px !important;
}

.cart-main-header .cart-icon-container bdi {
  color: #f00;
  font-weight: 500;
}

.cart-main-header .cart-icon-container .total {
  padding-top: 15px;
}

.cart-main-header .view-cart-button {
  background: #8fae1b;
  display: block;
  text-align: center;
  padding: 10px 0;
  color: #ffff;
  text-transform: uppercase;
  border-radius: 5px;
}

.cart-main-header .cart-count {
  position: absolute;
  top: -7px;
  background: #f00;
  color: #fff;
  border-radius: 100%;
  font-size: 10px;
  right: -11px;
  height: 12px;
  width: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cart-main-header .cart-icon {
  position: relative;
}

.header-main-login {
  display: flex;
  justify-content: end;
  align-items: center;
  line-height: 21px;
}

.header-main-login .cart-main-header {
  margin-left: 10px;
}

.header-main-login .detail-link-login {
  color: #000;
}

/*header*/
.header-desktop ul#menu-desktop {
  margin-bottom: 0;
}

.header-desktop #menu-desktop > li {
  float: left;
  /* line-height: 20px; */
  padding-bottom: 0px;
  padding-top: 0px;
  position: relative;
}

#menu-desktop > li > .sub-menu {
  padding: 0px;
  text-transform: uppercase;
  display: none;
  margin-left: 85px;
}

.header-desktop #menu-desktop > li:hover > .sub-menu {
  display: block;
  position: absolute;
  width: 225px;
  z-index: 2;
  left: 0px;
  background: #f1eeea;
  border-radius: 5px;
  margin: 0px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #ebe6e6;
  height: auto;
  top: 45px;
  padding: 0 !important;
}

#menu-desktop > li > .sub-menu > li > ul > li {
  line-height: 25px;
}

#menu-desktop > li > .sub-menu > li > .sub-menu {
  padding-left: 5px;
  margin-top: 10px;
  font-size: 15px;
}

#menu-desktop > li > .sub-menu > li {
  background: #4a85c6;
  border-bottom: 1px solid #fff;
  text-transform: math-auto;
  color: #fff;
  padding: 5px;
  display: block;
}

#menu-desktop > li > .sub-menu > .fa-angles-right:before {
  font-size: 10px;
}

#menu-desktop > li > .sub-menu > li:hover {
  background: #0255b1;
}

#menu-desktop > li > .sub-menu > li:not(:last-child) {
  padding-right: 35px;
}

.header-desktop #menu-desktop > li > a {
  padding: 30px 10px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-family: "Roboto";
  color: #000;
}

.header-desktop .navbar {
  display: flex;
  justify-content: end;
  align-items: center;
  line-height: 15px;
  position: relative;
}

.header-desktop .header-main {
  line-height: 75px;
  background: #fff !important;
  box-shadow: 1px 1px 5px #5e5e5e1a;
}

.header-desktop .site-branding img {
  height: auto;
}

.header-desktop #menu-desktop > li > .sub-menu > li a {
  font-weight: 600;
  padding: 5px;
  font-size: 14px;
  color: #fff;
  font-family: "Roboto";
}

#menu-desktop > li > ul > li > .sub-menu > li > a {
  border-bottom: 1px solid #eee;
  display: block;
}

.header-desktop #menu-desktop > li > a:hover,
#menu-desktop > li > ul > li > .sub-menu > li > a:hover {
  color: #006600 !important;
}

.header-desktop #menu-desktop > .menu-item-has-children:before {
  font-family: "FontAwesome";
  content: "\f078";
  float: right;
  font-size: 9px;
  transform: translateX(-7px);
}

.header-desktop #menu-desktop > li > .sub-menu > li:before {
  font-family: "FontAwesome";
  content: "\f101";
  font-size: 10px;
}
ul.sub-menu > li {
    line-height: 30px;
}
#menu-currency .sub-menu a {
    color: #fff;
    padding: 10px 15px;
}
/* header - search */
.search-display-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  position: relative;
}
.search-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  width: 90%;
  border: 2px solid #476361;
  padding: 0px 10px;
}

/* Input tìm kiếm */
.search-input {
  width: 90%;
  padding: 10px 15px;
  border: none;
  outline: none;
  border-radius: 30px;
  font-size: 16px;
  height: 42px;
  transition: all 0.3s ease-in-out;
}

/* Icon đóng */
.close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: #e0e0e0;
  border-radius: 50%;
  margin-left: 10px;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s;
}
.search-container-fisrt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
/* Icon đóng */
.search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  /* background-color: #e0e0e0; */
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s;
}

/* Thay đổi màu nền và hiệu ứng khi hover vào icon đóng */
/* Màu sắc của icon */
.close-icon i {
  color: #ffffff;
}

/* Thay đổi màu sắc của icon khi hover vào icon đóng */
.close-icon:hover i {
  color: #ffffff;
}

/* Thêm hiệu ứng khi focus vào input */
/* #search-input:focus {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    } */

/* Hiệu ứng khi hover vào container */
.search-child:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.quick-search-results-parents {
  background-color: #ffffff;
  width: 90%;
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  min-height: 100px;
  display: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  border: 2px solid #476361;
  padding: 20px;
  border-radius: 10px;
}
.close-icon {
  cursor: pointer;
}
.search-button {
  border: none;
}
.search-icon {
  left: 10px;
}

#closeIcon {
  z-index: 6;
}

.search-display {
  width: 100%;
  top: -75px;
  left: 0;
  z-index: 1000;
  position: absolute;
  height: 100%;
  background-color: #fff;
  transition: top 0.5s ease;
}
.header-desktop {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 900;
}
.custom-card {
  border: none !important; /* Bỏ viền */
}
.card {
  border: none;
}
.custom-label {
  position: absolute;
  top: 60%;
  left: 0;
  font-size: 11px;
  background: #3c7239b0;
  padding: 5px;
  color: #fff !important;
}
.search-result {
  border-bottom: 1px dashed #d9d9d9;
}
.search-result:last-child {
  border-bottom: none;
}
.search-result a {
  color: #000 !important;
}
.search-result a:hover {
  color: #476361 !important;
}
.search-result img {
  width: 50px !important;
  height: 32px !important;
}
.search-display-child-moblie {
  position: absolute;
  top: -110px;
  transition: top 0.5s ease;
  width: 100%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.search-display-child-moblie .search-child {
  width: 95%;
}
#button-search-moblie {
  background-color: #207dff00; /* Primary color */
  color: #fff; /* White text */
  border: none; /* Remove default border */
  padding: 0; /* Padding for size */
  font-size: 18px; /* Text size */
  font-weight: bold; /* Bold text */
  text-align: left; /* Center text */
  display: inline-block;
  cursor: pointer; /* Pointer cursor */
  transition: background-color 0.3s ease; /* Smooth hover transition */
  text-transform: uppercase;
  border-bottom: 2px solid #fff;
}

.result-search-no {
  padding-top: 100px;
  padding-bottom: 100px;
}

/*Home Page*/
.out-banner .item-banner {
  position: relative;
  color: #fff;
}

.out-banner .item-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.out-banner .item-banner:before {
  content: "";
  position: absolute;
  background: #0000004d;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.out-banner .detail-title {
  font-size: 65px;
  font-weight: 500;
}

.out-banner .button-banner {
  margin-top: 25px;
}

.out-banner .button-banner .detail-button {
  background: #628a82;
  color: #fff;
  padding: 5px 20px;
}

.out-banner .button-banner .detail-button:hover {
  background: #3e613c;
  color: #fff;
}

.our-about .item-about-left p:nth-child(1) {
  text-align: center;
}
.archive a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  display: none !important;
}
/* .our-about .item-about-left img {
    width: 50%;
} */
.our-about .item-about-left img {
  width: auto;
}

.our-about .bg-about-right img {
  border-radius: 20px;
  position: relative;
  top: 40px;
  left: 40px;
  box-shadow: 1px 1px 5px #3e613c;
}

.our-about .bg-about-right {
  background: #3e613c;
  border-radius: 20px;
}

.our-category-product .category-link img {
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
}
.type-product .entry-summary p.price {
  display: none;
}
.our-category-product .category-link {
  height: 200px;
}

.our-category-product .category-home-item {
  margin-bottom: 30px;
}

.our-category-product .title-category {
  font-size: 25px;
  color: #000;
  font-weight: 500;
  text-align: center;
}

.title-custom {
  font-size: 50px;
  font-weight: 400;
  padding-bottom: 25px;
  font-family: "Vollkorn";
  color: #18363e;
}

.main-product-detail .thumbnail-product {
  height: 235px;
}

.main-product-detail .thumbnail-product img {
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.main-product-detail .item-product {
  margin-bottom: 25px;
  position: relative;
}

.our-product .product-categories-above-title {
  font-size: 15px;
}

.content-detail-product {
  text-align: center;
}

.main-product-detail .title {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin-top: 10px;
  font-family: "Helvetica";
  line-height: 20px;
}

.price-item-product {
  padding-top: 10px;
  font-size: 20px;
}

.price-item-product span.woocommerce-Price-amount.amount bdi {
  color: #e40011;
}

.main-product-detail .item-product:hover .title {
  color: #3e613c;
}

/* .our-product {
    margin: 30px 0;
} */
.our-product {
  margin: 0 0 30px 0;
  padding: 0 0 30px 0 !important;
}

.main-slogan .item-content-slogan {
  padding-bottom: 15px;
}

.main-slogan .item-title-slogan {
  font-size: 25px;
  font-weight: 500;
  font-family: "Roboto";
  color: #3e613c;
  padding: 15px 0 10px 0;
}

.main-slogan .item-image-slogan:before {
  position: absolute;
  content: "";
  height: 90%;
  width: 90%;
  border: 1px solid #ffffff;
  left: 5%;
  top: 5%;
  margin: auto;
  border-radius: 20px;
}

.main-slogan .item-image-slogan {
  height: 500px;
  position: relative;
}

.main-slogan .item-image-slogan img {
  height: 100%;
  border-radius: 20px;
}

.main-blog .titlePost {
  color: #000;
  font-weight: 400;
  font-size: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px 0;
}

.main-blog .button-post {
  padding-top: 15px;
}

.main-blog .button-post a {
  background: #3e613c;
  padding: 5px 20px;
  color: #fff;
}

.our-blog .img-post-home img {
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
}

.our-blog .img-post-home {
  height: 250px;
}

.our-category-product .category-image img {
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.our-category-product .category-image {
  height: 200px;
}

.our-category-product .category-title {
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.our-category-product .category-item a {
  color: #3e613c;
}

.buttom-read-product .detail-buttom {
  background: #18363e;
  padding: 5px 20px;
  color: #fff;
  font-size: 20px;
  font-family: "Helvetica";
}

.buttom-read-product {
  text-align: center;
  margin-top: 10px;
}
.search-results .product-title.card-title a {
  color: #000;
  font-size: 20px;
}
/*Sidebar*/
.bg-color-sidebar .widget {
  border: 1px solid #3e613c;
}

.bg-color-sidebar .widget-title-blog {
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  background: #3e613c;
  padding: 10px 0;
  margin-bottom: 0;
  font-size: 20px;
}

.bg-color-sidebar .widget ul {
  padding: 0 10px;
}

.bg-color-sidebar .widget a {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.bg-color-sidebar .widget ul li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.bg-color-sidebar .widget ul li {
  padding: 7px 0;
}

/*Product*/
.woocommerce-cart .cart_totals {
  width: 100% !important;
}

.wc-proceed-to-checkout a {
  background-color: #3e613c !important;
}
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart {
  padding-bottom: 55px;
}

.woocommerce-checkout div#ez-toc-container, .woocommerce-cart div#ez-toc-container {
    display: none;
}
.woocommerce-checkout .custom-order-summary {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #eee;
}

.woocommerce-checkout .summary-title {
    font-size: 18px;
    margin-bottom: 15px;
}

.woocommerce-checkout .product-summary-box {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.woocommerce-checkout .product-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce-checkout .product-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-checkout .product-image img {
    width: 50px;
    height: auto;
}

.woocommerce-checkout .product-name {
    font-size: 14px;
}

.woocommerce-checkout .product-price {
    font-weight: bold;
}

.woocommerce-checkout .total-row {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    font-weight: bold;
}

.woocommerce-checkout .place-order-btn {
    margin-top: 10px;
}
.woocommerce-checkout .product-meta {
    display: flex;
    flex-direction: column;
}

.woocommerce-checkout .product-qty {
    font-size: 13px;
    color: #777;
    margin-top: 3px;
}
.woocommerce-checkout .product-item:not(:last-child) {
    margin-bottom: 15px;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.form-row-first,
.form-row-last {
    width: 100%;
    display: inline-block;
}
.form-row-first select#billing_social_type {
    width: 100% !important;
    height: 100%;
    border: 1px solid #dedede;
}
p#billing_social_type_field, #billing_social_value_field {
    width: 100%;
}
.woocommerce-checkout #billing_phone_field span.optional {
    display: none;
}
.woocommerce-checkout .title-pay-product, .woocommerce-checkout ul.wc_payment_methods, .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper, .woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: none;
}
.woocommerce-checkout .form-row.place-order {
    display: flex;
    justify-content: center;
}
.woocommerce-checkout #order_review #payment {
    background: #fff;
}
#order_data p.none_set {
    display: none !important;
}
.OrderReceipt .woocommerce-order-details .row:nth-child(3), .OrderReceipt .totalPayment
 {
    display: none;
}
.OrderReceipt .order-item-name a {
    color: #282828;
    font-weight: 600;
    font-size: 17px;
}
.OrderReceipt .order-item-main {
    line-height: 1.8;
}
.OrderReceipt .order-item-subtotal {
    position: absolute;
    height: 50%;
    transform: translateY(-50%);
    right: 0;
}
.price-old .amount, .price-old .woocommerce-Price-currencySymbol {
    font-size: 14px !important;
}
/*popup Quick View*/
.product a#sp-wqv-view-button {
  display: inline-block !important;
  background: #0b363c !important;
  border-radius: 5px !important;
}
#wqv-quick-view-content h1.product_title.entry-title {
  color: #000 !important;
}
/*Filter*/
.woocommerce-result-count {
  float: right !important;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
  float: left !important;
}
.bg-filter .woocommerce-ordering select {
  border: 1px solid #ddd;
  outline: none;
  padding: 5px;
  border-radius: 5px;
}
span.title-filter-woo {
  padding-right: 10px;
  margin-bottom: 1em;
}
.filter-woo-basic {
  display: flex;
  align-items: center;
}
.bg-filter span.title-category-filter,
.bg-filter .title-price-filter {
  padding: 4px 10px 10px 10px;
  border-left: 1px solid #000;
  margin-left: 10px;
}
.filter-woo-basic .woocommerce-ordering input {
  width: 65px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px;
  outline: none;
}
button#apply-price-filter {
  border: 1px solid #0b363c;
  outline: none;
  background: #0b363c;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  margin-left: 5px;
}
.term-description {
  margin-bottom: 0px !important;
  padding-bottom: 0 !important;
  margin-top: 15px !important;
}
/*Single blog*/
.main-single-blog .image-single-blog img {
  height: 100%;
  object-fit: cover;
}

.main-single-blog .image-single-blog {
  height: 70vh;
}

.main-single-blog .entry-header {
  background: #3e613c;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  transform: translateY(-39px);
}

.main-single-blog .entry-header h1 {
  color: #fff;
  margin: 0;
}

nav {
  background: #ffff0000 !important;
}

.main-single-blog .meta-related p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-single-blog .relatedPost .postThumBnail img {
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.main-single-blog .relatedPost .postThumBnail {
  height: 200px;
}

.main-single-blog .title-relatedPost {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 25px;
}

.main-single-blog .titlePost h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin: 10px 0;
}

.main-single-blog .relatedPost {
  padding-bottom: 25px;
}

.relatedPost .title-relatedPost {
  font-size: 30px;
  border-bottom: 3px solid #3e613c;
  margin-bottom: 30px;
  font-weight: 500;
}

.relatedPost .postThumBnail img {
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.relatedPost .postThumBnail {
  height: 250px;
}

.relatedPost .titlePost h4 {
  color: #000;
  font-size: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
}

.relatedPost .siteListPostRelated {
  margin-bottom: 25px;
}

.main-single-content .entry-content ul li {
  list-style: disc;
}

.main-single-content .entry-content ol li {
  list-style: auto;
}

/*Archive*/
#achive-main .titlePost h3 {
  font-size: 20px;
  color: #000;
  margin-top: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}

#achive-main .postThumBnail img {
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

#achive-main .category-post-page {
  margin-bottom: 25px;
}

#achive-main .category-post-page .detal-meta-post {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#achive-main .category-post-page .postThumBnail {
  height: 250px;
}

/*Page service*/
.main-service .header-service-top ul li a {
  background: #3e613c;
  padding: 30px 20px;
  color: #fff;
  display: block;
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
}

.main-service .header-service-top li {
  width: 33%;
  text-align: center;
}

.main-service .header-service-top ul li:not(:last-child) a {
  border-right: 1px solid #fff;
}

.main-service .header-service-top ul {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.main-service .header-service-top {
  position: relative;
  transform: translateY(-75%);
}

.layout-service:nth-child(3) {
  background: #eee;
}

.layout-service {
  margin: 30px 0;
}

.layout-service .thumbnail-service {
  position: relative;
}

.layout-service .item-thumbnail {
  position: relative;
  height: 400px;
}

.layout-service .item-thumbnail:before {
  position: absolute;
  content: "";
  border: 1px solid #fff;
  height: 95%;
  width: 95%;
  left: 2.7%;
  top: 2.7%;
  z-index: 1;
}

.layout-service .item-thumbnail:after {
  position: absolute;
  content: "";
  background: #0000004a;
  height: 100%;
  width: 100%;
  left: 0;
  z-index: 0;
}

.layout-service .item-thumbnail img {
  height: 100%;
  object-fit: cover;
}

.layout-service .content-thubnail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/*Page*/
.page-custom .image-page:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #00000061;
}

.page-custom .image-page {
  height: 50vh;
  position: relative;
  margin-bottom: 30px;
}

.page-custom .header-page {
  position: relative;
}

.page-custom .header-custom {
  position: absolute;
  top: 50%;
  left: 50%;
  text-transform: uppercase;
  font-weight: 600;
  transform: translate(-50%, -50%);
}

.page-custom .header-custom h1 {
  color: #fff;
}

.page-custom .image-page img,
.header-image-top .banner-page img {
  object-fit: cover;
  height: 100%;
}

.site-main-page .banner-page {
  position: relative;
  top: -50px;
  height: 30vh;
  border: 10px solid #ffff;
}

.main-slider-desktop .main-nav .detail-item {
  width: 80% !important;
}

.main-gallery .main-nav .detail-item {
  float: none;
  margin-bottom: 15px;
  padding: 10px;
}

.main-gallery .main-nav img {
  width: 100% !important;
  box-sizing: border-box;
  border-radius: 36% 64% 34% 66% / 74% 33% 67% 26%;
  border: 2px solid #000000;
}

.main-gallery .main-nav .detail-item.slick-current img {
  border: 2px solid #389333;
}

.main-gallery .main-for img {
  height: 100%;
  width: 100%;
}

.main-single-product .meta-product .title-products {
  font-size: 30px;
  font-weight: 600;
  color: #3e613c;
}

.main-nav .slick-list {
  padding: 0 !important;
}

.main-single-product .meta-product .content-quantity {
  background: #3e613c;
  padding: 3px 10px 3px 10px;
  border-radius: 20px;
  color: #fff;
  font-size: 13px;
  margin-left: 5px;
}

.main-single-product .meta-product .quantity-product {
  display: flex;
  align-items: center;
  font-size: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 25px;
}

.main-single-product .meta-detail-product {
  margin-bottom: 10px;
  padding-top: 15px;
}

.main-single-product .meta-product .detail-button-product {
  width: 100%;
  background: #3e613c;
  padding: 10px 20px;
  color: #fff;
  display: block;
  text-align: center;
  border-radius: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.main-single-product .meta-product .detail-button-product svg {
  padding-right: 4px;
  animation: swing;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-duration: 0.9s;
  font-size: 19px;
}

.main-single-product .meta-product .detail-button-product:hover svg {
  animation-play-state: paused;
}

.main-nav .slick-list {
  padding: 0 !important;
}

.content-main-product {
  padding-top: 70px;
}

.main-nav .slick-track {
  width: 100% !important;
}
.single-product ul.products li.product a {
  color: #000;
}
.single-product a {
  color: #000;
}
.single-product .entry-summary .entry-title a {
  pointer-events: none;
  color: inherit;
}
/*Page Conatct*/
.page-contact-main tbody tr:nth-of-type(odd) {
  background-color: #ffffff;
}

.page-contact-main tbody tr:first-child td {
  background: #ffffff;
  color: #000;
  text-align: center;
  font-size: 15px;
}

.page-contact-main tbody h3 {
  font-size: 15px;
  font-family: "Roboto";
  font-weight: 500;
}

#pageContact {
  margin: 30px;
}

#pageContact .title-main-contact {
  margin-bottom: 30px;
}

#pageContact .title-main-contact .detail-title-contact {
  font-size: 30px;
  text-transform: uppercase;
  color: #4a85c6;
  font-family: "Roboto";
}

.accordion {
  background: #00254e;
  color: #fff;
  border-radius: 10px;
}

.list-question-contact {
  margin-bottom: 15px;
}

.list-question-contact .active {
  background-color: #00254e;
}

.accordion:hover {
  background-color: #4a85c6 !important;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #00254e;
  color: #ffffff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active,
.accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: "\002B";
  color: #ffffff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

/* .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-radius: 5px 5px 10px 10px;
    border-top: 0px solid !important;
    padding-top: 10px;
  } */
/*404*/
.error-404 {
  padding: 30px 0;
}

.error-404 .img-error-404 {
  width: 78vh;
  margin: auto;
}

.error-404 .img-error-404 img {
  width: 100%;
  object-fit: cover;
  height: 50vh;
}

.error-404 .button-error {
  margin-top: 20px;
}

.error-404 .button-error .detail-button {
  background: #3e613c;
  color: #fff;
  padding: 5px 20px;
}

/*Custom css*/
.padding-custom {
  padding: 30px 0;
}

.custom-mobile {
  display: none;
}
.woocommerce nav.woocommerce-pagination {
  justify-content: center;
  padding-bottom: 25px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #18363e !important;
  color: #ffffff !important;
}
.woocommerce nav.woocommerce-pagination ul {
  border: 1px solid #cfc8d800 !important;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers {
  color: #18363e !important;
  font-size: 20px;
}
.single_variation_wrap button.single_add_to_cart_button,
form.cart button.single_add_to_cart_button {
  background-color: #c2a284 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}
.single_variation_wrap .quantity,
form.cart .quantity {
  border: 1px solid #e3e3e3;
}
.single_variation_wrap button.minus,
.single_variation_wrap button.plus,
.single_variation_wrap input,
form.cart button.minus,
form.cart button.plus,
form.cart input {
  border: none;
  background: #fff;
  height: 35px;
}
.single_variation_wrap button.minus,
.single_variation_wrap button.plus,
.single_variation_wrap input,
form.cart button.minus,
form.cart button.plus,
form.cart input {
  border: none;
  background: #fff;
  height: 35px;
}
/*Footer*/
#footer a {
  color: #ffff;
}

.footer-bottom {
  padding: 10px 0;
  border-top: 1px solid #dddddd26;
}

footer#footer {
  background: #18363e;
  color: #fff;
}

.footer-top {
  padding-top: 30px;
  padding-bottom: 10px;
}

.footer-top .foote-info:nth-child(2) .textwidget {
  text-align: center;
}

.footer-top .foote-info:nth-child(1) .widget-title span {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
  -webkit-text-stroke: 1px #ffffff;
  -webkit-background-clip: text;
  font-family: "Helvetica";
}

/*Animation*/
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.1, 1.1);
  }

  100% {
    transform: scale(1, 1);
  }
}

/*BreadCrumb*/
.breadcrumb a,
.customBreadcrumb {
  background: #2a4828;
  color: #fff !important;
  float: left;
  line-height: 16px;
  margin-right: 10px;
  padding: 7px 10px 7px 20px;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.breadcrumb a:before,
.breadcrumb a:after,
.breadcrumb .customBreadcrumb:before,
.breadcrumb .customBreadcrumb:after {
  content: "";
  border-bottom: 15px solid transparent;
  border-top: 15px solid transparent;
  bottom: 0;
  display: block;
  height: 0;
  margin-top: -35px;
  position: absolute;
  width: 0;
  z-index: 2;
}

.breadcrumb a:before,
.breadcrumb .customBreadcrumb:before {
  border-left: 10px solid #ffffff;
  left: 0;
}

.breadcrumb a:after,
.breadcrumb .customBreadcrumb:after {
  border-left: 10px solid #2a4828;
  left: 100%;
}

.breadcrumb a:nth-child(2):after {
  border-left-color: #3a5c38;
}

.breadcrumb a:nth-child(2) {
  background: #3a5c38;
}

.breadcrumb .customBreadcrumb:nth-child(3) {
  background: #3b6c39;
}

.breadcrumb .customBreadcrumb:nth-child(3):after {
  border-left-color: #3b6c39;
}

.breadcrumb {
  margin-top: 25px;
  font-size: 14px;
}

#postSingleContent .post-number {
  font-size: 35px;
  color: #bd2329;
}

/*End*/
/*phan trang*/
.paginate_links .current {
  margin: 0px 5px;
  font-size: 17px;
  border: 2px solid #c30;
  border-radius: 5px;
  background: #c30;
  color: #fff;
  padding: 0px 5px;
}

.paginate_links {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

.paginate_links .prev {
  font-size: 17px;
  margin-right: 5px;
}

.paginate_links .next {
  margin-left: 5px;
}

.paginate_links a.page-numbers {
  font-size: 17px;
  margin: 0 3px;
}

#back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #3c7239;
  color: #fff;
  padding: 10px 15px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
}

.header-mobile {
  display: none;
}

.mobile-menu .container-fluid .site-branding {
  width: 50%;
}
.mobile-menu .container-fluid .flagCurrency {
    width: 30%;
    padding-left: 20px;
}
.mobile-menu .list-icon-menu {
  width: 20%;
}

.mobile-menu {
  background: #fff;
  height: 80px;
}

/*Style Mobile*/
/*Style Contact*/
#button-contact-vr {
  position: fixed;
  bottom: 0;
  z-index: 99999;
  right: 0;
  transform: scale(0.8);
  bottom: 15%;
}

#button-contact-vr .button-contact {
  position: relative;
  margin-top: -5px;
}

#gom-all-in-one #contact-vr,
#viber-vr,
#zalo-vr,
#zalo-vr,
#zalo-vr,
#whatsapp-vr {
  transition: 1.6s all;
  -moz-transition: 1.6s all;
  -webkit-transition: 1.6s all;
}

#gom-all-in-one #phone-vr {
  transition: 0.7s all;
  -moz-transition: 0.7s all;
  -webkit-transition: 0.7s all;
}

.phone-bar a,
#phone-vr .phone-vr-circle-fill,
#phone-vr .phone-vr-img-circle,
#phone-vr .phone-bar a {
  background-color: #dd3333;
}

#button-contact-vr .button-contact .phone-vr {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 90px;
  height: 90px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility 0.5s;
  left: 0;
  bottom: 0;
  display: block;
}

.phone-vr-circle-fill {
  width: 65px;
  height: 65px;
  top: 12px;
  left: 12px;
  position: absolute;
  box-shadow: 0 0 0 0 #c31d1d;
  background-color: rgba(230, 8, 8, 0.7);
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
  animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
  transition: all 0.5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animuiion: zoom 1.3s infinite;
  animation: zoom 1.3s infinite;
}
.menu-currency>li {
    position: relative;
}
#menu-currency>li>a {
    font-size: 13px;
    background: #383848;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    position: relative;
    padding: 6px 26px;
    color: #fff;
    text-decoration: none;
    font-family: "Roboto";
}
#menu-currency .sub-menu {
    position: absolute;
    display: none;
    background: #383848;
    z-index: 3;
    padding: 0px;
    width: 180px;
    border-radius: 5px;
    color: #fff;
}

#menu-currency .sub-menu a{
    color: #fff;
}
#menu-currency li:hover .sub-menu {
    display: block;
}
.phone-vr-img-circle {
  background-color: #e60808;
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 25px;
  left: 25px;
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

#map-vr .phone-vr-img-circle {
  background-color: #3e613c;
}

#map-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #3e613c;
  background-color: rgb(62 97 60 / 49%);
}

#contact-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #2196f3;
  background-color: rgba(33, 150, 243, 0.7);
  opacity: 0.7;
}

#contact-vr .phone-vr-img-circle {
  background-color: #2196f3;
}

#zalo-vr .phone-vr-img-circle img {
  max-height: 36px;
  max-width: 36px;
}

#facebook-vr .phone-vr-img-circle {
  background-color: #0080ff;
}

#facebook-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #0080ff;
  background-color: rgb(0 128 255 / 42%);
}

.phone-vr-img-circle a {
  display: block;
  line-height: 37px;
}

#button-contact-vr .phone-vr-img-circle img {
  max-height: 25px;
  max-width: 27px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

div#whatsapp-vr .phone-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #1fd744;
  background-color: rgb(35 217 72 / 70%);
}

div#whatsapp-vr .phone-vr .phone-vr-img-circle {
  background: #1cd741;
}

#zalo-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #2196f3;
  background-color: rgba(33, 150, 243, 0.7);
}

#zalo-vr .phone-vr-img-circle {
  background-color: #38b6ff;
}

@-webkit-keyframes phone-vr-circle-fill {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }

  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }

  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }

  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }

  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes zoom {
  0% {
    transform: scale(0.9);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }

  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}

@keyframes zoom {
  0% {
    transform: scale(0.9);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }

  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}

/*Style Mobile*/

nav {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 3;
}

#hamburger {
  margin: 2%;
}

#hamburger {
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.25s linear;
  width: clamp(1.5rem, 2vw + 1.1rem, 6rem);
  height: clamp(2rem, 1.4vw + 1.7rem, 5rem);
  display: flex;
  align-items: center;
}

#hamburger:hover {
  opacity: 1;
}

#hamburger div,
#hamburger div:after,
#hamburger div:before {
  background-color: #000;
  border-radius: 10px;
  width: clamp(1.5rem, 2vw + 1.1rem, 6rem);
  height: clamp(0.2rem, 0.3vw + 0.1rem, 0.8rem);
  transition: all 0.15s linear;
}

#hamburger div:before,
#hamburger div:after {
  content: "";
  position: absolute;
}

#hamburger div:before {
  transform: translateY(-200%);
}

#hamburger div:after {
  transform: translateY(200%);
}

#hamburger.open div {
  background: transparent;
}

#hamburger.open div:before {
  transform: rotate(45deg);
}

#hamburger.open div:after {
  transform: rotate(-45deg);
}

#hamburger.open div:after,
#hamburger.open div:before {
  background-color: #fff;
  border-radius: 10px;
  width: clamp(1.5rem, 2vw + 1.1rem, 6rem);
  height: clamp(0.2rem, 0.3vw + 0.1rem, 0.8rem);
  transition: all 0.15s linear;
}

#hamburger.open {
  z-index: 3;
  position: fixed;
  right: 3px;
  top: 0;
}

#overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #3e613c !important;
  z-index: 1;
  transform: translateX(-300%);
  transition: all 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#overlay.menu {
  transform: translateX(0%);
  top: 0;
  min-height: auto;
}

#overlay a {
  text-decoration: none;
  color: #fff !important;
  font-size: 18px;
  margin: 0%;
  transition: opacity 0.2s linear;
  font-weight: 600;
  text-transform: uppercase;
}

#overlay a:hover {
  opacity: 1;
}

#overlay .menu-menu-main-container {
  width: 100%;
}

#menu-mobile .icon-dropdown:before {
  content: "\f054";
  font-family: "FontAwesome";
  padding-right: 15px;
  float: right;
}

nav.navigation.post-navigation {
  background: #fff;
  margin-left: -13px;
}

/*end footer*/
#primary {
  padding-top: 25px;
}

nav.woocommerce-breadcrumb {
  display: none;
}

.woocommerce div.product .product_title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  line-height: 30px;
}

.woocommerce div.product p.price {
  color: #000;
  font-size: 23px;
  font-weight: 400;
}

.entry-summary .woocommerce-Price-amount.amount {
  font-size: 24px;
  color: #18363e;
}

.our-product .woocommerce-Price-currencySymbol {
  color: #18363e;
  font-weight: 400;
  font-family: "Helvetica";
  font-size: 16px;
}

.our-product .price-item-product span.woocommerce-Price-amount.amount bdi {
  color: #18363e;
  font-size: 16px;
}
del,
ins {
  vertical-align: middle;
  text-decoration: none;
}
del bdi:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  background: #686868;
  top: 50%;
}
del bdi {
  text-decoration: none;
  color: #686868;
  position: relative;
}
.single-product del bdi {
  text-decoration: none;
  position: relative;
}
.single-product del bdi:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  top: 50%;
  background: #8b9a9e;
}
.post-type-archive-product ul.products li.product .button {
  display: none !important;
}

span.woocommerce-Price-currencySymbol {
  font-size: 17px;
}

.product-categories-above-title {
  position: absolute;
  top: 55%;
  font-size: 11px;
}

.product-categories-above-title a {
  background: #3c7239b0;
  padding: 5px;
  color: #fff !important;
}

/**/
.custom-content-category .products a {
  text-decoration: none;
  color: #000;
}

.custom-content-category .products a:hover {
  text-decoration: none;
  color: #000;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px;
  font-weight: 500;
}

.custom-content-category .products span.woocommerce-Price-amount.amount {
  color: #18363e;
  font-weight: 500;
  font-size: 17px;
}

.single-product div.product .product_title {
  font-size: 25px;
}

.single_variation_wrap .quantity {
  border: 1px solid #e3e3e3;
}

.custom-content-category .products span.price {
  text-align: center;
}

.single_variation_wrap button.minus,
.single_variation_wrap button.plus,
.single_variation_wrap input {
  border: none;
  background: #fff;
  height: 35px;
}

.single_variation_wrap button.single_add_to_cart_button {
  background-color: #c2a284 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}

.custom-content .product_meta span.sku_wrapper {
  display: none;
}

.custom-content .product_meta span.posted_in a {
  color: #000;
}

.related .products a.button.product_type_variable,
.custom-content-category .products a.button.product_type_variable {
  display: none !important;
}

.related .products,
.custom-content-category .products {
  text-align: center;
}

.related .products a > h2,
.custom-content-category .products a > h2 {
  color: #000 !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 21px;
}

.related .products span.price,
.custom-content-category .products span.price {
  color: #18363e !important;
  text-transform: uppercase;
  font-weight: 400 !important;
  font-size: 17px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 500 !important;
}

/**/
.wc-proceed-to-checkout a {
  background-color: #c2a284 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}

.woocommerce table.shop_table th {
  font-weight: 400 !important;
  text-transform: uppercase;
}

.woocommerce-cart-form__cart-item .product-name > a {
  color: #000 !important;
}

.woocommerce-cart-form__cart-item .product-price {
  font-size: 20px;
  color: #e40011;
}

.woocommerce-cart-form__cart-item .product-subtotal {
  font-size: 20px;
  color: #e40011;
}

.woocommerce-cart-form__cart-item button.minus,
.woocommerce-cart-form__cart-item button.plus {
  border: 1px solid #e3e3e3;
}

.shop_table .coupon input {
  width: 300px !important;
  border-radius: 5px;
}

.shop_table .coupon button {
  background-color: #c2a284 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  color: #fff !important;
}

.shop_table button.button {
  background-color: #c2a284 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  color: #fff !important;
}

.cart_totals > h2 {
  font-weight: 400 !important;
  text-transform: uppercase;
}

.cart-subtotal .woocommerce-Price-amount,
.order-total .woocommerce-Price-amount {
  font-size: 20px;
  color: #e40011;
}

.woocommerce-billing-fields span.woocommerce-input-wrapper input {
  border-color: #dedede !important;
  border: 1px solid #dedede;
  height: 45px;
  line-height: 35px !important;
  border-radius: 5px;
  padding-left: 10px;
}

.woocommerce-billing-fields .select2-selection {
  height: 45px !important;
  line-height: 45px !important;
}

.woocommerce-billing-fields .select2-selection .select2-selection__rendered {
  height: 45px;
  line-height: 45px !important;
}

.woocommerce-billing-fields .select2-selection .select2-selection__arrow {
  height: 45px !important;
  line-height: 45px;
}

.woocommerce-account-fields span {
  color: #dc3545;
}

.woocommerce .woocommerce-info > a.showcoupon {
  color: #e40011;
}

.customContainerCheckOut {
  display: inline-block;
	width: 100%;
}

.customContainerCheckOut .order-total,
.customContainerCheckOut .woocommerce-billing-fields {
  padding: 20px;
}

.customContainerCheckOut .shipping-form-checkout,
.custom-order-review {
  float: left;
}

.customContainerCheckOut .review-form-col .coupon {
  display: none;
}

#order_review .price-checkout-one,
#order_review .paymentRequired-price {
  text-align: right;
}

#order_review #payment {
  padding: 15px;
}

#order_review button#place_order {
  width: 200px;
  background-color: #c2a284;
  text-transform: uppercase;
  font-weight: 500;
}

.OrderReceipt
  .woocommerce-order-details
  td.woocommerce_thumbnail_order_received {
  width: 10%;
}

.OrderReceipt td.woocommerce-table__product-name.product-name {
  line-height: 1px !important;
}

.OrderReceipt td.woocommerce-table__product-name.product-name > a {
  float: left;
  color: #000;
}

.OrderReceipt ul.wc-item-meta {
  float: left;
  width: 30%;
}

.OrderReceipt span.woocommerce-Price-amount.amount {
  color: #e40011;
  font-size: 20px;
  padding-right: 20px;
}

.OrderReceipt .woocommerce-table__product-name .woocommerce-Price-amount {
  float: right;
}

.OrderReceipt .totalPayment {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 10px;
}

.OrderReceipt .lableDone {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.OrderReceipt .woocommerce-table {
  margin-top: 10px !important;
}

.OrderReceipt section.woocommerce-order-details {
  margin-top: 20px;
}

.custom-content .woocommerce-notices-wrapper a.button.wc-forward {
  background-color: #c1a186;
  color: #fff;
  font-weight: 500;
}

.custom-content .woocommerce-message {
  color: #8fae1b;
}

.post-type-archive-product .woocommerce-loop-product__title {
  font-size: 20px !important;
}
.single-product ul.products li.product .button {
  display: none !important;
}
/*account*/
.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row textarea {
  line-height: 30px !important;
  border-radius: 5px;
  border: 1px solid #000;
}

.woocommerce-account
  .woocommerce
  .woocommerce-form-login
  .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit {
  background: #c1a186 !important;
  color: #fff !important;
}

.woocommerce-account .woocommerce h2 {
  font-family: "Vollkorn";
}

.form-contact-us label,
.form-contact-us .title-contact > p {
  font-weight: 500;
}
.form-contact-us label {
  padding-top: 10px;
  padding-bottom: 10px;
}
.form-contact-us {
  border-top: 1px solid #dedede;
  padding-top: 30px;
  text-align: center;
}
.form-contact-us input.wpcf7-email,
.form-contact-us textarea.wpcf7-textarea,
.form-contact-us input.wpcf7-number,
.form-contact-us input.wpcf7-text {
  width: 50%;
}
.form-contact-us .wpcf7-submit {
  width: 200px;
  background-color: #19363e;
  color: #fff;
  border: none;
  padding: 5px;
}
.flagCurrency .selectron23 {
	height: 25px !important;
}
/**/
@media (min-width: 1920px) {
  .container {
  }
}

@media (min-width: 1400px) {
  .container {
  }
}

@media (min-width: 600px) and (max-width: 1024px) {
  .main-product-detail .thumbnail-product {
    height: 195px;
  }

  .custom-content .product_meta span.sku_wrapper {
    display: none;
  }

  .product-categories-above-title {
    top: 51%;
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  /*header-mobile*/
  .header-desktop {
    display: none;
  }

  ul#menu-mobile > li > ul.sub-menu {
    display: none;
  }

  .header-mobile img.custom-logo {
    margin: 0px !important;
    width: 140px !important;
  }

  .list-icon-menu ul > li {
    float: left;
    line-height: 25px;
    padding: 0px 10px;
  }

  .mobile-menu #overlay ul.sub-menu > li > a {
    font-size: 16px !important;
    font-weight: 500;
  }

  .mobile-menu #overlay #menu-mobile > li ul > li ul.sub-menu {
    padding-left: 20px;
    padding-top: 0px;
  }

  ul#menu-mobile {
    font-family: "roboto" !important;
  }

  .mobile-menu .list-icon-menu li.button-mobile {
    margin-top: 0px !important;
  }

  #overlay #menu-mobile li {
    padding-bottom: 10px;
    font-weight: 400;
  }

  .mobile-menu #overlay #menu-mobile > li ul > li ul > li {
    padding-bottom: 0px;
    line-height: 20px;
  }

  #overlay {
    align-items: flex-start !important;
    color: #000;
    font-weight: 600;
    padding: 15px;
  }

  .header-mobile {
    display: block;
    background: #d1c1ad !important;
    border-bottom: 1px solid #f0eff4 !important;
    box-shadow: 0 0 20px -10px rgb(0 0 0 / 80%) !important;
  }

  .header-mobile img.custom-logo {
    margin: 0px !important;
    width: 140px !important;
  }

  .navbar-dark .navbar-toggler {
    color: rgb(98 22 22 / 55%) !important;
    border-color: rgb(48 0 0 / 10%) !important;
  }

  div#collapsibleNavbar {
    padding: 15px 5px;
    border-top: 1px solid #c0ad9c;
  }

  .list-icon-menu ul > li {
    float: left;
    line-height: 25px;
    padding: 0px 10px;
  }

  .mobile-menu .list-icon-menu ul > li {
    margin-top: 5px;
  }

  #menu-mobile > li.open > .sub-menu {
    display: block;
    padding-left: 5px;
    padding-top: 0px;
  }

  #menu-mobile > li > .sub-menu > li a {
    padding: 5px;
    display: block;
  }

  ul#menu-mobile > li > ul.sub-menu:hover {
    display: block !important;
  }

  .site-branding .custom-logo {
    width: 100%;
    height: auto;
  }

  /*style contact mobile*/
	.flagCurrency .selectron23-container .selectron23-option {
		padding: 9px 10px 9px 4px;
	}
	.flagCurrency .selectron23-container > span {
    	cursor: pointer;
		right: 0px;
	}
	.out-banner .item-content {
	  width: 90%;
	}
  .bottom-contact-mobile {
    display: block;
    position: fixed;
    background: white;
    z-index: 999;
    box-shadow: 2px 1px 9px #dedede;
    border-top: 1px solid #eaeaea;
    bottom: 0px;
    width: 100%;
    color: #000;
    padding-top: 10px;
  }

  .bottom-contact-mobile img {
    width: 35px;
    margin-bottom: 10px;
  }

  .bottom-contact-mobile a {
    text-align: center;
  }

  .bottom-contact-mobile ul li {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bottom-contact-mobile .row {
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .bottom-contact-mobile {
    display: block;
  }

  #button-contact-vr {
    display: none;
  }

  #footer {
    padding-bottom: 100px;
  }

  .bottom-contact-mobile p {
    margin-bottom: 5px;
    color: #18363e;
    font-family: "Helvetica";
  }

  /**/
  /*style mobile*/
  .main-gallery .main-nav .detail-item {
    float: left;
    width: auto;
    margin-bottom: 15px;
    padding: 10px;
  }

  .our-category-product .category-item {
    width: 49% !important;
  }

  .out-banner .detail-title {
    font-size: 25px;
  }

  .out-banner .item-image {
    height: 35vh;
  }

  .out-banner .item-image img {
    height: 100%;
    object-fit: cover;
  }

  .footer-top .foote-info:nth-child(1) .widget-title span {
    font-size: 50px;
  }

  .our-product {
    margin: 0;
    padding-bottom: 10px !important;
  }

  .title-custom {
    font-size: 25px;
  }

  .site-main-single .breadcrumb-custom {
    display: none;
  }

  .site-main-single .type-post {
    padding-top: 30px;
  }

  .relatedPost .title-relatedPost {
    margin-top: 30px;
  }

  .woocommerce-cart .shop_table .coupon input {
    width: 68% !important;
    border-radius: 5px;
  }

  .woocommerce-cart .coupon .button {
    width: 30% !important;
    font-size: 12px !important;
    padding: 12px 5px !important;
  }

  .woocommerce-order-received .custom-Woocommerce-thankyou-order-details li {
    list-style: disc;
  }

  .woocommerce-order-received td.woocommerce-table__product-name.product-name {
    line-height: 24px !important;
  }

  .woocommerce-order-received .product-name .wc-item-meta {
    padding-left: 0px;
    margin-bottom: 0px;
  }

  /**/
  .shop_table .coupon input {
    width: 185px !important;
  }

  .page-custom .image-page {
    height: 20vh !important;
    position: relative;
    margin-bottom: 30px;
  }

  .main-slogan .item-image-slogan img {
    padding-bottom: 20px;
  }

  .page-custom .header-custom h1 {
    font-size: 24px;
  }

  .OrderReceipt
    .woocommerce-order-details
    td.woocommerce_thumbnail_order_received {
    width: 35%;
  }

  .OrderReceipt ul.wc-item-meta {
    float: left;
    width: 100%;
  }

  .OrderReceipt td.woocommerce-table__product-name.product-name {
    line-height: 35px !important;
  }

  .OrderReceipt td.woocommerce-table__product-name.product-name > a {
    float: none;
  }

  .OrderReceipt ul.wc-item-meta {
    float: none;
  }

  .OrderReceipt .woocommerce-table__product-name .woocommerce-Price-amount {
    float: none;
  }

  .woocommerce-billing-fields .select2-selection {
    height: 45px !important;
    line-height: 45px !important;
  }

  .woocommerce-billing-fields .select2-selection .select2-selection__rendered {
    height: 45px !important;
    line-height: 45px !important;
  }

  .customContainerCheckOut .order-total,
  .customContainerCheckOut .woocommerce-billing-fields {
    padding: 0px !important;
  }

  .our-about .bg-about-right img {
    top: 0px;
    left: 0px;
  }

  .our-product .main-product {
    overflow: hidden;
  }

  .main-product-detail .thumbnail-product {
    height: 229px;
  }

  .main-product-detail .item-product {
    margin-right: 10px;
  }

  .single-product div.product .woocommerce-tabs ul.tabs li {
    padding: 0 10px !important;
    font-size: 14px;
  }

  .single-product .custom-content .woocommerce-message {
    display: flex;
    flex-direction: column;
  }

  .custom-content .woocommerce-notices-wrapper a.button.wc-forward {
    text-align: center;
    margin-top: 5px;
  }

  .single-product .cfvsw-swatches-container {
    flex-flow: nowrap;
    width: auto;
    overflow: scroll;
  }

  .single-product .cfvsw-swatches-option {
    min-width: 47% !important;
    object-fit: cover;
    height: 200px;
  }

  .custom-mobile {
    display: block;
  }
  .error-404 .img-error-404 img {
    height: 25vh;
  }
  .error-404 .img-error-404 {
    width: 35vh;
  }
  .woocommerce .products li.product {
    width: 100% !important;
  }
  .form-contact-us input.wpcf7-email,
  .form-contact-us textarea.wpcf7-textarea,
  .form-contact-us input.wpcf7-number,
  .form-contact-us input.wpcf7-text {
    width: 100%;
  }
  figure {
    width: 100% !important;
  }
  .mfp-img {
    width: 100%;
    height: auto;
  }
  .woocommerce .products li.product {
    width: 48% !important;
  }
  .product-categories-above-title {
    top: 40%;
  }
  .post-type-archive-product .woocommerce-loop-product__title {
    font-size: 15px !important;
  }
  .custom-content-category .products span.woocommerce-Price-amount.amount,
  span.woocommerce-Price-currencySymbol {
    font-size: 15px;
  }
  .woocommerce ul.products li.product a img {
    height: 145px !important;
    object-fit: cover;
  }
  .woocommerce ul.products li.product a img {
    max-width: 100%;
  }
  /*popup*/
  .mobile-filter-icon {
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    cursor: pointer;
  }

  .mobile-filter-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    padding: 20px;
  }

  .mobile-filter-popup form {
    background: white;
    padding: 20px;
    max-width: 500px;
    margin: auto;
  }

  .mobile-filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
  }

  .mobile-filter-header button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
  }
  /* Popup filter mobile */
  .mobile-filter-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Màu nền đen mờ */
    z-index: 9999;
  }

  .mobile-filter-header {
    background-color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
  }

  .mobile-filter-popup form {
    background-color: #fff;
    padding: 20px;
    width: 100%;
    max-width: 400px;
  }

  .mobile-filter-popup label {
    display: block;
    margin-bottom: 10px;
  }

  .mobile-filter-popup button {
    background-color: #0c383b;
    color: white;
    padding: 3px 0px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    width: 12%;
    text-align: center;
  }
  .bg-filter .woocommerce-ordering select {
    width: 100%;
  }
  .bg-filter .mobile-filter-header span.title-filter-woo {
    padding-right: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    padding-left: 10px;
  }
  .bg-filter .woocommerce-result-count {
    font-size: 12px;
    margin-top: 10px !important;
  }
  .bg-filter .filter-woo-basic {
    margin-bottom: 1em;
    margin-top: -10px;
  }
  .bg-filter select#product-cat-filter {
    font-size: 13px;
    height: 23px;
  }
  .archive h1.woocommerce-products-header__title {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 576px) {
}