/* ._heading, h1, h2, h3, h4, h5, h6, .head-h1 div, .head-h2 div, .head-h3 div, .head-h1 span, .head-h2 span, .head-h3 span,
.head-h1, .head-h2, .head-h3,.head-span,_heading, .btn, .button, .menu, blockquote, legend, fieldset, table, button, input, select
, textarea, nav,label,span.jet-headline__label, span.jet-headline__part,span.elementor-icon-list-text,
.elementor-post-navigation__link span, span.timeline-label, time, span.head_tab, span.ha-tab__title-text, ul.menu_setting li span,
.text, .error, .success, .tab-post li, .ha-advanced-heading-wrap span, span.elementor-post-date, .breadcrumb-label, li,
ul li span, .elementor-text-editor.elementor-clearfix, .td-paragraph-padding-0, span.elementor-button-text, a,span.custom-select-trigger,
.elementor-image-box-title, .elementor-widget-container,p, strong , .elementor-nav-menu a, span.jet-custom-item-label, .jet-menu-name span.jet-menu-label
a,figcaption,.custom-options span, span.woocommerce-Price-amount.amount, span.woocommerce-Price-amount.amount, span.wd-entities-title{
    font-family: 'ThaiSans Neue', sans-serif !important;
} */
#wpadminbar .ab-icon {
    font: normal 20px/1 dashicons !important;
}
#wpadminbar * {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
}
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  ::-webkit-scrollbar-thumb {
    background: #848484;
    /* border-radius: 60px; */
  }
  ::-webkit-scrollbar-track {
    background: #ddd;
    /* border-radius: 60px; */
  }
  ::selection {
    background: #7E684F;
    color: #fff;
  }
  ::-moz-selection {
    background: #7E684F;
    color: #fff;
  }
  h1, h2, h3, h4, h5, h6{
    margin: 0;
  }
  button{
      cursor: pointer;
  }
  p {
    margin: 0;
    transition: all ease-in-out 300ms !important;
    -webkit-transition: all ease-in-out 300ms !important;
    -o-transition: all ease-in-out 300ms !important;
    -moz-transition: all ease-in-out 300ms !important;
    text-decoration: unset;
    /*line-height: 1.6em;*/
  }
  .entry-content p{
    margin: 0;
  }
  a, button, input, textarea, span.jet-menu-label, input[type="submit"], i{
     transition: all ease-in-out 300ms !important;
     -webkit-transition: all ease-in-out 300ms !important;
     -o-transition: all ease-in-out 300ms !important;
     -moz-transition: all ease-in-out 300ms !important;
     text-decoration: unset;
  }
  a{
    color: #000;
    font-weight: 500;
    /* text-decoration: underline;
    text-decoration-color: #f1c40f; */
  }
  a:hover{
    color: #000;
    opacity: 0.8;
    /* text-decoration: underline;
    text-decoration-color: #f1c40f; */
  }
  body {
    margin: 0;
  }
body.admin-bar .site-header {
    top: 0;
}
  @keyframes slidein {
    from {
      right: 0;
      transform: translateX(600px);
    }
    to {
      transform: translateX(0);
    }
  }
  @keyframes slideup {
    from {
      right: 0;
      transform: translateY(-600px);
    }
    to {
      transform: translateY(0);
    }
  }
  @keyframes slideout {
    from {
      transform: translateX(0);
    }
    to {
      right: 0;
      transform: translateX(600px);
    }
  }

  .btn-fullwidth a{
    width: 100%;
  }
  /*header*/
/*pagination*/
.content-pagination {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 2em 0;
}
.content-pagination .current {
    color: #ffffff;
    border: 2px solid #0074bc;
    background: #0074bc;
    width: 40px;
    height: 40px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif !important;
    display: grid;
    justify-content: center;
    align-items: center;
}
.content-pagination a {
    color: #0074bc;
    border: 2px solid #0074bc;
    width: 40px;
    height: 40px;
    font-size: 16px;
    padding: 7px 8px;
    display: grid;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}
.content-pagination a.last-number_page {
    width: auto;
    padding: 7px 8px;
    height: auto;
    font-size: 16px;
    margin: 0 8px;
    height: 40px;
}
.content-pagination span.text-number_page {
    font-size: 16px;
    margin-right: 10px;
    font-family: 'Poppins', sans-serif !important;
    display: grid;
    justify-content: center;
    align-items: center;
    height: 40px;
}
.content-pagination a:hover {
    background: #7E684F;
    border-color: #7E684F;
    color: #fff;
}
.content-pagination a:hover i {
    color: #fff;
}
.archive .content-pagination, .blog .content-pagination {
    grid-column: span 3;
    padding-top: 0;
}
.content-pagination a:focus {
    color: #ffffff;
    background: #7E684F;
    border-color: #7E684F;
}
.content-pagination .current {
  color: #ffffff;
  border: 2px solid #7E684F;
  background: #7E684F;
  width: 40px;
  height: 40px;
  font-size: 16px;
  font-family: 'Noto Sans Thai', sans-serif !important;
}
.content-pagination a svg {
  transition: all ease-in-out 300ms;
}
.content-pagination span.page-numbers.dots {
  min-width: 20px;
}
/*pagination*/
/*single*/
.single h1{
  font-size: 32px;
  font-weight: 500;
  line-height: 1.6;
}
.single h2{
  font-size: 30px;
  font-weight: 500;
  line-height: 1.6;
}
.single h3{
  font-size: 28px;
  font-weight: 500;
  line-height: 1.6;
}
.single h4{
  font-size: 26px;
  font-weight: 500;
  line-height: 1.6;
}
.single h5{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
}
.single h6{
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
}
.single p{
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}
.img-square img,
.img-square-a img {
    object-fit: cover;
    margin-bottom: 0;
    display: block;
    transition: all ease-in-out .3s;
    height: 100%;
    width: 100%;
    position: absolute;
    top: calc(50%);
    left: calc(50%);
    -webkit-transform: scale(1) translate(-50%,-50%);
    -ms-transform: scale(1) translate(-50%,-50%);
    transform: scale(1) translate(-50%,-50%);
    object-fit: cover;
    min-height: 100%;
}

.img-square .elementor-widget-container,
.img-square-a a {
    padding-bottom: calc(1 * 100%);
    position: relative;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    overflow: hidden;
    object-fit: cover;
}
.img-square-a a{
  display: block!important;
}
.elementor-page .site-content {
  margin: 0;
}
.elementor-page .wd-prefooter {
  padding: 0;
}
.whb-full-width .whb-row>.container, .whb-full-width+.whb-clone .whb-row>.container {
  max-width: 1200px!important;
  width: 100%;
  margin: 0 auto;
}
header.whb-header.whb-full-width.whb-sticky-shadow.whb-scroll-stick.whb-sticky-real.whb-hide-on-scroll.whb-sticky-prepared {
  padding: 0 !important;
}
.card-review a.elementor-post__read-more {
  border: 1px solid #000 !important;
  padding: 8px 20px;
  line-height: 1;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  max-width: 150px;
}
.card-review .elementor-post__text {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
}
article h3 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  position: relative;
  overflow: hidden;
  line-height: 1.2 !important;
}
.card-review a.elementor-post__read-more:hover {
  background: black;
  color: #fff !important;
}
.wd-sub-menu li>a {
  font-size: 20px;
}
article.card-page_s .main-card_page {
    display: flex;
    align-items: center;
    gap: 30px;
}

article.card-page_s {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}
article.card-page_s .main-card_page .column-1 {
    flex: 0 0 20%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.image-box_card img {
    object-fit: cover;
    margin-bottom: 0;
    display: block;
    -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    -o-transition: filter .3s;
    transition: filter .3s;
    transition: filter .3s,-webkit-filter .3s;
    height: 100%;
    width: 100%;
    position: absolute;
    top: calc(50%);
    left: calc(50%);
    -webkit-transform: scale(1) translate(-50%,-50%);
    -ms-transform: scale(1) translate(-50%,-50%);
    transform: scale(1) translate(-50%,-50%);
    object-fit: cover;
    min-height: 100%;
}
.image-box_card {
    padding-bottom: calc(0.75 * 100%);
}
.s-content-card p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    font-size: 22px;
    font-weight: 400;
}
.s-content-card {
    min-height: 70px;
    height: 100%;
    color: #000;
}
.tab-content .box-post{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
 .s-title-box {
     position: relative;
     overflow: hidden;
}
 .s-title-box h3 a {
     font-size: 28px;
     font-weight: 600;
     color: #000;
}
article.card-page_s .main-card_page .column-2 {
     flex: 0 0 80%;
     width: 100%;
     display: flex;
     flex-direction: column;
     gap: 20px;
}
.container-search {
  margin: 50px auto 0;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.container-search .row-search {
  padding: 5em 3em;
  display: block;
  max-width: 1222px;
  margin: 0 auto;
  background: #fff;
}
.search .container {
  max-width: 100%;
  width: 100%;
  position: relative;
}
.tab-box .tabs ul {
  border: 1px solid red;
}
.tab-box ul.tabs {
  border-bottom: 1px solid #b7b7b76e;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 20px;
}
.tab-box ul.tabs li {
  list-style: none;
  font-size: 28px;
  color: #0000006e;
  font-weight: 500;
  margin: 0;
  display: block;
  line-height: 1.2;
  padding: 15px 20px;
}
.tab-box ul.tabs li.active {
  color: #000;
  border-bottom: 3px solid black;
}
.row-search .search-results {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
article.card-page_s a {
  overflow: hidden;
}
article.card-page_s a img {
  display: block;
}
.image-box_card img {
  transition: all ease-in-out 200ms;
}
.image-box_card:hover {
  transform: scale(1.5);
}
.image-box_card {
  transition: all ease-in-out 350ms;
}
.btn-all-prod a {
  display: inline-block;
  padding: 8px 30px;
  font-size: 22px;
  background: rgb(120, 120, 119);
  line-height: 1.2;
  color: #fff;
}
.btn-all-prod a:hover {
  opacity: 0.8;
}
.prod-title h3 {
  font-size: 32px;
  color: #000;
  font-weight: 600;
}
.section-sfixed {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.blog-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tab-content.all {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.blog-first_sec article.card-page_s .main-card_page .column-1 {
  flex: 0 0 15%;
}
.blog-first_sec article.card-page_s .main-card_page .column-2 {
  flex: 0 0 85%;
  gap: 10px;
}
.woocommerce-tabs.wc-tabs-wrapper.tabs-layout-tabs {
  display: none;
}
.product-tabs-wrapper {
  border: 0;
}
a.btn-to {
  font-size: 21px;
  border: 1px solid #000;
  line-height: 1;
  padding: 6px 20px 10px;
  display: inline-flex;
}
.box-review {
  display: flex;
  gap: 20px;
}
.box-review .box-contact {
  flex-basis: calc(50% - 10px);
}
.box-review .box-testi {
  flex-basis: calc(50% - 10px);
}
.box-review .text-h3 {
  font-size: 24px;
  color: #000;
  font-weight: 600;
}
.text-h3 {
  font-family: 'ThaiSans Neue', sans-serif !important;
}
.box-content .detail .text-h3 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
.box-content .detail p {
    font-size: 21px;
}
.box-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.box-content .box-review .box-testi {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.box-review .box-contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.box-content .box-review .box-testi span.divide-left, .box-content .box-review span.divide-left {
    position: relative;
    top: -10px;
    font-size: 21px;
    font-family: 'ThaiSans Neue', sans-serif !important;
    left: 11px;
}
.box-content .box-review .box-testi span.divide-left:before, .box-content .box-review span.divide-left:before {
    content: '';
    height: 18px;
    width: 2px;
    background: black;
    display: block;
    position: absolute;
    top: 60%;
    left: -11px;
    transform: translate(0, -50%);
}
.single-product h1 {
  font-size: 40px;
  color: #000;
}
.single-post .main-page-wrapper .container {
  background: #fff;
  padding: 4em 4em;
}
.wd-post-cat.wd-style-with-bg>a {
  font-size: 18px;
}
.single h5.widget-title {
  font-weight: 600;
  margin-bottom: 8px;
  color: #000;
}
:is(.widget_categories,.widget_pages,.widget_archive,.widget_nav_menu) ul li a {
  font-size: 21px;
  font-weight: 500;
  margin: 0;
}
:is(.widget_categories,.widget_pages,.widget_archive,.widget_nav_menu) ul li {
  margin-bottom: 6px;
}
span.vcard.author.author_name span.fn {
  font-size: 20px;
}
li.meta-author span {
  font-size: 20px;
}
.woodmart-recent-posts .wd-entities-title a {
  font-size: 22px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  overflow: hidden;
  line-height: 1;
  margin: 0;
  box-shadow: none;
}
.woodmart-recent-posts .recent-posts-time {
  font-size: 18px;
  line-height: 1;
}
.blog-design-masonry .post-title {
  font-size: 22px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  overflow: hidden;
  line-height: 1.4;
  margin: 0;
  box-shadow: none;
  font-weight: 600;
}
.blog-post-loop .entry-thumbnail img {
  border-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: calc(50%);
  left: calc(50%);
  -webkit-transform: scale(1) translate(-50%,-50%);
  -ms-transform: scale(1) translate(-50%,-50%);
  transform: scale(1) translate(-50%,-50%);
  object-fit: cover;
  min-height: 100%;
  margin: 0 auto;
  transition: all ease-in-out 350ms;
}
.blog-post-loop .entry-thumbnail a {
  padding-bottom: calc(0.53 * 100%);
}
.wd-entry-meta .meta-author {
  display: flex;
  align-items: center;
}
.read-more-section a {
  font-size: 18px!important;
  padding-top: 10px;
}
.article-body-container .entry-content.wd-entry-content {
  font-size: 18px;
  line-height: 1.3;
}
.wd-post-date.wd-style-with-bg .post-date-day {
  font-size: 36px;
  font-weight: 600;
}
.wd-post-date.wd-style-with-bg .post-date-month {
  font-size: 20px;
  margin-top: -8px;
}
.wd-single-footer .tags-list a {
  font-size: 20px;
}
span.wd-entities-title {
  font-size: 22px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  position: relative;
  overflow: hidden;
  line-height: 1.4;
  margin: 0;
  box-shadow: none;
  font-weight: 500;
}
.wd-page-nav-btn .wd-label {
  font-size: 20px;
  line-height: 1;
}
h3.title.slider-title.text-left span {
  font-weight: 600;
}
.widget_product_categories .widget-title {
  font-size: 24px;
}
.widget_product_categories .product-categories li {
  font-size: 24px;
}
.woocommerce-breadcrumb .breadcrumb-last, .yoast-breadcrumb .breadcrumb_last {
  font-size: 20px;
}
a.breadcrumb-link.breadcrumb-link-last {
  font-size: 18px;
}
.widget_product_categories .product-categories li a {
  line-height: 1;
  padding: 5px 0;
}
.archive .widgettitle, .archive .widget-title {
  font-size: 23px;
}
.widget_price_filter [class*="price_slider_amount"] .button {
  font-size: 19px;
}
.widget_price_filter [class*="price_slider_amount"] .price_label {
  font-size: 20px;
}
.wd-filter-list li {
  font-size: 18px;
}
.wd-filter-list li span.count {
  font-size: 18px;
}
.wd-widget-stock-status a {
  font-size: 18px;
}
.product_list_widget>li .wd-entities-title {
  font-size: 22px;
}
.product_list_widget>li .price {
  font-size: 22px;
}
.wd-products-per-page .per-page-title {
  font-size: 20px;
}
.wd-products-per-page .per-page-variation {
  font-size: 20px;
}
.wd-shop-tools .woocommerce-ordering.wd-style-underline select {
  font-size: 18px;
}
.product-grid-item .price {
  font-size: 22px;
}
.product-grid-item .wd-entities-title {
  font-size: 24px !important;
  font-weight: 600;
      line-height: 1;
}
.product-grid-item .wd-entities-title a {
  font-weight: 600 !important;
}
/* .product-grid-item .wd-product-cats a, .product-grid-item .wd-product-brands-links a {
  background: #000;
  padding: 0px 10px 3px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
} */
 .product-grid-item .wd-product-cats a, .product-grid-item .wd-product-brands-links a {
   color: #A5A5A5;
  font-size: 19px;
    font-weight: 500;
 }
 .product-grid-item {
    text-align: left!important;
}
.product-grid-item .wd-product-cats {
    margin: 0!important;
}
.search .main-page-wrapper {
  margin: 0;
}
.search .main-page-wrapper .container {
  max-width: 1180px;
  margin: 0 auto;
}

/*destop medium*/
@media (max-width: 1600px){
}
/*laptop*/
@media (max-width: 1280px){
}
/*ipad (tablet)*/
@media (max-width: 1024px) {
  /*pagination*/
  .box-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .content-pagination a {
    width: 32px;
    height: 32px;
    font-size: 13px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .content-pagination .current {
    width: 32px;
    min-width: 32px;
    height: 32px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .content-pagination a.last-number_page {
    font-size: 14px;
    margin: 0;
    padding: 7px 16px;
    margin-left: 9px;
  }
  .content-pagination a.next.page-numbers {
    margin: 0;
  }
  .content-pagination .box-pagination span.page-numbers.current{
    border-radius: 50px;
  }
  .content-pagination span.text-number_page {
    font-size: 14px;
    margin-right: 10px;
  }
  /*end pagination*/
  /*single*/
  .single h1{
    font-size: 21px;
  }
  .single h2{
    font-size: 21px;
  }
  .single p{
    font-size: 14px;
  }
/*end pagination*/
.fixed-class {
  position: fixed;
  bottom: 0;
  z-index: 99;
  padding: 12px 0px 9px;
}
article.card-page_s .main-card_page .column-2 {
  gap: 10px;
}
.s-content-card p {
  font-size: 20px;
}
.s-title-box h3 a {
  font-size: 25px;
}
article.card-page_s .main-card_page .column-2 {
  flex: 0 0 75%;
}
.tab-content.page {
  gap: 20px;
}
.single-post .main-page-wrapper {
  padding: 2em;
}
.single-post .main-page-wrapper .container {
  padding: 2em;
}
.widget {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.single h5.widget-title {
  line-height: 1.2;
}
.post-single-page .post-title {
  font-size: 24px;
}
}
/*iphone5 (small smartphone)*/
@media (max-width: 767px) {
  article.card-page_s .main-card_page .column-1,article.card-page_s .main-card_page .column-2 {
      flex: 0 0 100%;
  }
  article.card-page_s .main-card_page {
      flex-wrap: wrap;
      gap: 10px;
  }
  .s-content-card {
      min-height: auto;
  }
  .box-review {
    flex-direction: column;
  }
  .single-post .main-page-wrapper {
    padding: 2em 1em;
  }
  .post-single-page .post-title {
      line-height: 1.1;
  }
  .wd-single-footer .tags-list a {
      font-size: 16px;
  }
  .single-post .main-page-wrapper .container {
      padding: 2em 1em;
  }

  

}
@media (max-width: 320px){
  .products .product-grid-item .wd-entities-title {
    font-size: 14px !important;
}
.products .product-grid-item .wd-product-cats a {
    font-size: 13px !important;
}
.products .product-grid-item span.price {
    font-size: 15px !important;
}
nav[class*="-pagination"] ul {
    display: inline-flex;
    flex-wrap: wrap;
}
nav[class*="-pagination"] li .page-numbers {
    font-size: 14px;
    min-width: 23px;
    height: 26px;
    display: grid;
    place-content: center;
}
.woocommerce-shop h1 {
  font-size: 18px;
  line-height: 1.4;
}
}