/*
Theme Name:Flatsome Child
Description:This is a child theme for Flatsome Theme
Author:UX Themes
Template:flatsome
Version:3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Giữ viền gọn trong mobile */
.phongvt-boder {
  border:2px solid #4638ff;
  border-radius:10px;
  padding:20px;
  box-sizing:border-box;
  
/* tránh tràn */
  width:100%;
  max-width:100%;
  overflow:hidden;
}
@media (max-width:768px) {
  .phongvt-boder {
    padding:-15px;
    
/* giảm padding cho gọn */;
  }
  
/* Tab styling */  .phongvt-tab .nav>li>a {
    font-size:13px;
    padding:6px 12px;
    margin:5px 4px;
    border-radius:20px;
  }
  
/* Tab list xuống dòng,
  căn giữa */  .phongvt-tab .nav {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
  }
}
.back-to-top {
  width:50px;
  height:50px;
  background:#2d5ca6 !important;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff !important;
  font-size:20px;
  cursor:pointer;
  position:fixed;
  bottom:30px;
  right:30px;
  box-shadow:0 6px 15px rgba(45,92,166,0.5);
  transition:all 0.3s ease;
  z-index:999;
}
.back-to-top:hover {
  background:#fff !important;
  color:#2d5ca6 !important;
  box-shadow:0 8px 20px rgba(45,92,166,0.7);
  transform:scale(1.1);
}
.back-to-top i {transition:transform 0.3s ease;}
.back-to-top:hover i {transform:rotate(-45deg);}
.phong-icon-box {
  display:inline-block;
  transition:transform 0.3s ease;
}
.phong-icon-box:hover {transform:scale(0.9);}
.button.phongvt-btn {
  background:#754a43 !important;
  color:#fff !important;
  border:2px solid #9b9391 !important;
  padding:6px 20px;
  border-radius:6px;
  font-weight:600;
  font-size:15px;
  display:inline-block;
  text-align:center;
  transition:all 0.3s 
ease;
}
.button.phongvt-btn:hover,
.button.phongvt-btn:focus {
  background:#fff !important;
  color:#2d5ca6 !important;
  border:2px solid #2d5ca6 !important;
  box-shadow:0 4px 12px rgba(45,92,166,0.4);
}
.phongvt-boder {
  border:4px solid #4638ff;
  border-radius:10px;
  padding:20px 30px;
}
.phongvt-title {
  color:#0f172a;
  margin-bottom:10px;
  margin-top:0;
  margin-left:0;
  margin-right:0;
}
h1,
.entry-content h1 {
  font-size:50px;
  font-size:3.125rem;
  font-weight:600;
  font-family:'DM Sans',sans-serif;
  line-height:1.2em;
}
.phongvt-heading-text {margin:0;}
.phongvt-tab .ux-nav-tabs li a {
  background:#4638ff;
  color:#fff;
  border-radius:30px;
  padding:8px 20px;
  margin-right:10px;
  display:inline-block;
  transition:all 0.3s ease;
}
.phongvt-tab .ux-nav-tabs li.active a,
.phongvt-tab .ux-nav-tabs li a.active {
  background:#111;
  color:#fff;
}
.phongvt-tab .nav>li>a {
  background:#4638ff;
  color:#fff;
  border-radius:25px;
  padding:6px 15px;
  margin-right:8px;
  font-size:14px;
  line-height:1.9em;
  display:inline-block;
  transition:all 0.3s ease;
}
.phongvt-tab .nav>li.active>a,
.phongvt-tab .nav>li.is-active>a {
  background:#111;
  color:#fff;
}
.phongvt-box1 {
  display:flex;
  gap:20px;
}
.phongvt-box1 > div {
  flex:1;
  border:3px solid #1d3c77;
  border-radius:10px;
  padding:20px;
  background:#fff;
  box-sizing:border-box;
  border-color:#3260ad;
}
.absolute-footer.dark {color:white;}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
  width:100%;
  padding:10px 12px;
  border:1px solid #dcdcdc;
  border-radius:5px;
  font-size:15px;
  margin-bottom:15px;
  box-sizing:border-box;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-color:#6b63ff;
  outline:none;
  box-shadow:0 0 0 2px rgba(107,99,255,0.2);
}
.uagb-block-71fca36d.wp-block-uagb-call-to-action .uagb-cta__title {margin-bottom:25px;}
.phongvt-accordion .accordion-title .icon-angle-down {display:none !important;}
.phongvt-accordion .accordion-title {
  position:relative;
  padding-left:25px;
  border:none !important;
}
.phongvt-accordion .accordion-title::before {
  content:"+";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  font-weight:bold;
  color:#000;
}
.phongvt-accordion .accordion-title.active::before {content:"–";}
.phongvt-accordion .accordion-title {
  background:transparent !important;
  color:#000 !important;
}
.phongvt-accordion .accordion-title.active {
  background:transparent !important;
  color:#000 !important;
}
.phongvt-box {
  display:flex;
  flex-direction:column;
  align-items:center;
  
/* canh giữa ngang */
  text-align:center;
  
/* chữ căn giữa */
  padding:20px;
  
/* khoảng cách trong */
  border:1px solid #ddd;
  
/* viền mỏng */
  border-radius:4px;
  
/* bo góc 4px */
  background:#fff;
  
/* nền trắng */
  min-height:250px;
  
/* chỉnh chiều cao tùy ý */
  box-sizing:border-box;
  transition:all 0.3s ease;
}

/* Icon */
.phongvt-box .icon {
  font-size:40px;
  
/* size icon */
  margin-bottom:15px;
}

/* Tiêu đề */
.phongvt-box h3 {
  font-weight:bold;
  color:#a42222;
  
/* màu đỏ nâu như hình */
  margin-bottom:10px;
  font-size:18px;
}

/* Ná»™i dung */
.phongvt-box p {
  font-size:15px;
  color:#333;
  line-height:1.6;
  margin:0;
}
.phongvt-gioi-thieu {
  background:#f5f6fe;
  border-radius:40px 0 40px 0;
  padding:20px;
  box-shadow:0 2px 8px rgba(0,0,0,0.08);
  display:flex;
  align-items:center;
  gap:30px;
  transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.phongvt-gioi-thieu:hover {
  transform:translateY(-3px);
  box-shadow:0 6px 16px rgba(0,0,0,0.15);
}

/* NEW */
.header-main {border-bottom:1px solid rgb(225 214 210);}
.header-main ul li a {
  font-size:15px;
  font-weight:600;
}
.home_ss1 .text-box {
  width:100% !important;
  background:rgba(0,0,0,0.4);
  padding:30px;
  bottom:0;
}
.home_ss1 .banner-layers.container {max-width:100%;}
.home_ss1 .text-inner {
  display:flex;
  align-items:center;
}
.home_ss1 .text-inner > div {
  flex-basis:30%;
  max-width:30%;
}
.home_ss1 .text-inner > div.content {
  flex-basis:60%;
  max-width:60%;
  border-left:1px solid;
}
.home_ss1 .text-inner h4 {
  font-size:28px;
  font-weight:700;
  padding:0 24px;
}
.home_ss1 .text-inner h4 span {display:block;}
.home_ss1 .text-inner p {
  font-size:20px;
  margin-bottom:8px;
  margin-top:0;
  padding:0 24px;
}
.home_ss1 .banner {padding-top:800px !important;}
.home_ss2 h2,
.home_ss3 h2 {
  font-size:24px;
  font-weight:700;
}
.home_ss2 p {color:var(--primary-color);}
.home_ss3 .large-12 {padding-bottom:24px;}
.home_ss3 {
  padding-top:60px !important;
  padding-bottom:40px !important;
}
.home_ss3 .large-3 .col-inner {
  background:rgb(255,255,255);
  box-shadow:0 0 6px #dbdbdb;
  padding:12px;
  height:100%;
}
.home_ss3 .large-3 .col-inner h3 {font-size:18px;}
.about_ss h2.uagb-heading-text {
  font-size:24px;
  font-weight:600;
}
.process_ss1 .img {
  width:60% !important;
  margin:0 auto;
}
.process_ss1 h2 {
  font-size:24px;
  font-weight:600;
  margin-bottom:30px;
  margin-top:30px;
}
.certification_ss h2 {
  font-size:24px;
  font-weight:600;
}
.category .col.post-item .col-inner {background:#fff;}
.category .col.post-item .col-inner h5.post-title a {
  color:var(--primary-color);
  text-transform:uppercase;
  line-height:1.6;
  font-weight:600;
  font-size:18px;
}
.category .col.post-item .col-inner p.from_the_blog_excerpt {font-size:15px;}
.contact_ss h2 {
  font-size:24px;
  font-weight:600;
}
.contact_ss p {
  font-size:16px;
  margin-bottom:10px;
}
.contact_ss input {
  background:transparent;
  border:0;
  border-bottom:1px solid #9c9c9c;
  box-shadow:none;
}
.contact_ss .wpcf7-submit {
  width:100%;
  font-size:14px !important;
}
.contact_ss iframe {margin-top:30px;}
.post-template-default .large-9.col .post {
  background:#fff;
  padding:30px;
  border-radius:8px;
  height:100%;
}
.post-template-default .post-sidebar.large-3.col .widget {
  background:#fff;
  padding:15px;
  border-radius:8px;
}
.post-template-default .post-sidebar.large-3.col {padding-left:0;}
.post-template-default .post-sidebar.large-3.col .widget span.widget-title {font-size:16px;}
.post-template-default .post-sidebar.large-3.col .widget .is-divider.small {margin-top:4px;}
.post-template-default .post-sidebar.large-3.col .widget li a {
  font-size:14px;
  color:#333;
}
.post-template-default .post-sidebar.large-3.col .widget h5 a {font-size:14px;}
.post-template-default .post-sidebar.large-3.col .widget .box-text-inner .is-divider {display:none;}
.post-template-default .post-sidebar.large-3.col .widget li + li {border:0;}
.post-template-default .post-sidebar.large-3.col .widget .col.post-item {padding-bottom:10px;}
.post-template-default .post-sidebar.large-3.col .widget .box-image {border-radius:8px;}
.post-template-default .post-sidebar.large-3.col .widget .box .box-text {padding:0 15px;}
.post-template-default .post-sidebar.large-3.col .widget .col.post-item:last-child {padding-bottom:0;}
.post-template-default .post-sidebar.large-3.col .widget:last-child {margin-bottom:0;}
.post-template-default h1.entry-title {
  font-size:24px;
  font-weight:600;
}
.page-template img.mfp-img {height:70vh;}
.section.process_ss .slider .flickity-page-dots {display:none !important;}
.process-dots {
  margin-top:30px;
  margin-bottom:14px;
  position:relative;
}
.process-nav-carousel {margin:0 -8px;}
.process-nav-carousel .proc-cell {
  padding:0 8px;
  box-sizing:border-box;
}
.process-nav-carousel .nav-item {
  width:100%;
  background:none;
  border:0;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border-radius:10px;
}
.process-nav-carousel .dot-index {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:999px;
  border:2px solid #800000;
  background:#800000;
  color:#fff;
  font-weight:700;
  line-height:1;
}
.process-nav-carousel .dot-label {
  font-size:14px;
  font-weight:600;
  color:#800000;
  opacity:.8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.process-nav-carousel .proc-cell.is-nav-selected .dot-index {
  background:#800000;
  color:#fff;
}
.process-nav-carousel .proc-cell.is-nav-selected .dot-label {opacity:1;}
.proc-cell:before {
  content:'';
  border-bottom:1px solid #800000;
  width:100%;
  position:absolute;
  bottom:36px;
}
.proc-cell.is-selected .dot-index {
  background:#fff !important;
  color:#800000 !important;
}
.single-product .featured {
  position:relative;
  text-align:center;
}
.single-product .featured-img {
  position:relative;
  height:400px;
  overflow:hidden;
}
.single-product .featured-img img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.single-product .featured-title {
  position:absolute;
  top:50%;
  right:0;
  transform:translate(0,-50%);
  background:rgb(255 255 255 / 60%);
  width:50%;
  height:100%;
  display:flex;
  align-items:center;
}
.single-product .featured-title h1 {
  font-size:36px;
  font-weight:700;
  color:#521a17;
  margin-bottom:0;
  text-transform:uppercase;
}
.single-product .content {
  padding-top:40px;
  padding-bottom:40px;
}
.single-product .content h2.content-title {
  text-align:center;
  font-size:28px;
  font-weight:600;
  color:var(--primary-color);
}
.dk-product-list {
  margin-top:80px;
  margin-bottom:80px;
}
.tq_ss1 .section-content {
  width:60%;
  margin:0 auto;
}
article#mobile-circular {display:none;}
.circular-menu-container {
  max-width:none;
  width:auto;
}
.circular-menu {
  width:600px;
  height:600px;
  position:relative;
  left:50%;
  margin:0;
  margin-left:-300px;
  overflow:hidden;
  border-radius:500px;
  border-radius:50%;
  z-index:1;
  list-style:none;
  box-shadow:0 0 5px #333;
}
.circular-center {
  width:250px;
  height:250px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background-color:#fff !important;
  box-shadow:inset 0 0 15px #333;
  background:url(https://anthinh.thuythu.com/wp-content/uploads/2021/03/logo-removebg-preview.png) center center no-repeat;
  background-size:70%;
  z-index:1;
}
.circular-menu li div.label {
  position:absolute;
  width:320px;
  height:180px;
  z-index:2;
  font-size:18px;
  font-weight:normal;
  text-transform:uppercase;
}
.circular-menu li div.label p {
  text-align:center;
  max-width:118.8px;
  margin:0 auto;
  margin-top:72px;
  color:#fff;
}
.circular-menu li span.arrow {
  position:absolute;
  width:30px;
  height:30px;
  display:block;
  transition:all 300ms ease-out;
  z-index:2;
}
.circular-menu li .bg {
  width:300px;
  height:300px;
  position:absolute;
  transform-origin:0 300px;
  margin-top:-300px;
  left:50%;
  top:50%;
  transition:all 300ms ease-out;
  overflow:hidden;
}
.circular-menu li {
  position:absolute;
  text-decoration:none;
  top:50%;
  left:50%;
  cursor:pointer;
  margin-left:0 !important;
}
.circular-menu li:nth-child(1) .bg {
  transform:rotate(-45deg) skew(0deg);
  background:#9b4242;
}
.circular-menu li:nth-child(1) .bg:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background:#9b4242;
  opacity:0.6;
  z-index:1;
}
.circular-menu li:nth-child(1) .bg:after {
  content:"";
  position:absolute;
  width:110%;
  height:110%;
  background:url(/wp-content/uploads/2025/09/Vai-khong-det-xam-kim-e1618544541608.jpg) center no-repeat;
  background-size:cover;
  bottom:-30px;
  right:0;
}
.circular-menu .view_more {
  display:block;
  width:100%;
  height:100%;
  position:relative;
}
.circular-menu li:nth-child(1) .bg p {
  position:absolute;
  left:0;
  z-index:999;
  width:100%;
  height:auto;
  text-align:center;
  bottom:100px;
  color:#fff;
  font-size:18px;
  transform:rotate(45deg);
}
.circular-menu li:nth-child(1):hover .bg,
.touch .circular-menu li:nth-child(1):focus .bg {background:#9b4242;}
.circular-menu li:nth-child(1) div.label {margin:-310px 0 0 -165px;}
.circular-menu li:nth-child(1):hover div.center-section.section-1,
.touch .circular-menu li:nth-child(1):focus div.center-section.section-1 {display:block;}
.circular-menu li:nth-child(2) {display:block;}
.circular-menu li:nth-child(2) .bg:after {
  content:"";
  position:absolute;
  width:110%;
  height:110%;
  background:url(/wp-content/uploads/2025/09/2-1-e1618544584724.jpg) center no-repeat;
  background-size:cover;
  bottom:-30px;
  right:0;
}
.circular-menu li:nth-child(2) .bg {
  transform:rotate(45deg) skew(0deg);
  background:#c8743c;
}
.circular-menu li:nth-child(2):hover .bg,
.touch .circular-menu li:nth-child(2):focus .bg {background:#c8743c;}
.circular-menu li:nth-child(2) .bg p {
  position:absolute;
  left:75px;
  z-index:999;
  width:auto;
  height:auto;
  text-align:center;
  bottom:115px;
  color:#fff;
  font-size:18px;
  transform:rotate(-45deg);
}
.circular-menu li:nth-child(2) .bg:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background:#c8743c;
  opacity:0.6;
  z-index:1;
}
.circular-menu li:nth-child(2) div.label {margin:-90px 0 0 45px;}
.circular-menu li:nth-child(2):hover div.center-section.section-2,
.touch .circular-menu li:nth-child(2):focus div.center-section.section-2 {display:block;}
.circular-menu li:nth-child(3) {display:block;}
.circular-menu li:nth-child(3) .bg:after {
  content:"";
  position:absolute;
  width:110%;
  height:110%;
  background:url(/wp-content/uploads/2025/09/Anh-chup-Man-hinh-2021-04-13-luc-12.05.57-CH-e1618544799615.png) center no-repeat;
  background-size:cover;
  bottom:-30px;
  right:0;
}
.circular-menu li:nth-child(3) .bg {
  transform:rotate(135deg) skew(0deg);
  background:#b62f40;
}
.circular-menu li:nth-child(3):hover .bg,
.touch .circular-menu li:nth-child(3):focus .bg {background:#b62f40;}
.circular-menu li:nth-child(3) .bg p {
  position:absolute;
  right:70px;
  z-index:999;
  width:auto;
  height:auto;
  text-align:center;
  bottom:110px;
  color:#fff;
  font-size:18px;
  transform:rotate(-135deg);
}
.circular-menu li:nth-child(3) .bg:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background:#b62f40;
  opacity:0.6;
  z-index:1;
}
.circular-menu li:nth-child(3) div.label {margin:-50px 0 0 120px;}
.circular-menu li:nth-child(3):hover div.center-section.section-3,
.touch .circular-menu li:nth-child(3):focus div.center-section.section-3 {display:block;}
.circular-menu li:nth-child(4) {display:block;}
.circular-menu li:nth-child(4) .bg:after {
  content:"";
  position:absolute;
  width:110%;
  height:110%;
  background:url(/wp-content/uploads/2025/09/Polypropylene-Fabric-Non-Woven-Fabric-Filter-fine-Particles-Fabric-can-be-DIY-Finished-Product.jpg_q50.jpg) center no-repeat;
  background-size:cover;
  bottom:-30px;
  right:0;
}
.circular-menu li:nth-child(4) .bg p {
  position:absolute;
  right:100px;
  z-index:999;
  width:auto;
  height:auto;
  text-align:center;
  bottom:100px;
  color:#fff;
  font-size:18px;
  transform:rotate(135deg);
}
.circular-menu li:nth-child(4) .bg {
  transform:rotate(225deg) skew(0deg);
  background:#4f417a;
}
.circular-menu li:nth-child(4):hover .bg,
.touch .circular-menu li:nth-child(4):focus .bg {background:#4f417a;}
.circular-menu li:nth-child(4) .bg:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  opacity:0.6;
  background-color:#4f417a;
  z-index:1;
}
.circular-menu li:nth-child(4) div.label {margin:80px 0 0 0;}
.circular-menu li:nth-child(4):hover div.center-section.section-4,
.touch .circular-menu li:nth-child(4):focus div.center-section.section-4 {display:block;}
.circular-menu li:nth-child(5) {display:block;}
.circular-menu li:nth-child(5) .bg {
  transform:rotate(141.42857deg) skew(-38.57143deg);
  background:#389247;
}
.circular-menu li:nth-child(5):hover .bg,
.touch .circular-menu li:nth-child(5):focus .bg {background:#389247;}
.circular-menu li:nth-child(5) .bg:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background-color:#389247;
  opacity:0.6;
  z-index:1;
}
.circular-menu li:nth-child(5) div.label {margin:70px 0 0 -180px;}
.circular-menu li:nth-child(5):hover div.center-section.section-5,
.touch .circular-menu li:nth-child(5):focus div.center-section.section-5 {display:block;}
.circular-menu li:nth-child(6) {display:block;}
.circular-menu li:nth-child(6) .bg {
  transform:rotate(192.85714deg) skew(-38.57143deg);
  background:#46c5c5;
}
.circular-menu li:nth-child(6):hover .bg,
.touch .circular-menu li:nth-child(6):focus .bg {background:#46c5c5;}
.circular-menu li:nth-child(6) .bg:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background-color:#46c5c5;
  opacity:0.6;
  z-index:1;
}
.circular-menu li:nth-child(6) div.label {margin:-45px 0 0 -300px;}
.circular-menu li:nth-child(6):hover div.center-section.section-6,
.touch .circular-menu li:nth-child(6):focus div.center-section.section-6 {display:block;}
.circular-menu li:nth-child(7) {display:block;}
.circular-menu li:nth-child(7) .bg {
  transform:rotate(244.28571deg) skew(-38.57143deg);
  background:#4f81bb;
}
.circular-menu li:nth-child(7):hover .bg,
.touch .circular-menu li:nth-child(7):focus .bg {background:#4f81bb;}
.circular-menu li:nth-child(7) .bg:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background-color:#4f81bb;
  opacity:0.6;
  z-index:1;
}
.circular-menu li:nth-child(7) div.label {margin:-230px 0 0 -250px;}
.circular-menu li:nth-child(7):hover div.center-section.section-7,
.touch .circular-menu li:nth-child(7):focus div.center-section.section-7 {display:block;}
.circular-menu li:hover .bg:before {opacity:1;}
.btn-readmore-product {
  padding:7px 15px;
  background:#521a17;
  color:#fff;
  border-radius:24px;
}
.btn-readmore-product:hover {color:#fff;}
.popup-product {
  position:fixed;
  top:0;
  width:100%;
  height:100%;
  background:#00000087;
  z-index:9999;
  left:0;
  opacity:0;
  z-index:-1;
  visibility:hidden;
}
.popup-product.active {
  opacity:1;
  z-index:9999;
  visibility:visible;
}
.wrapper-popup {
  position:absolute;
  max-width:1100px;
  width:100%;
  background:#fff;
  padding:40px;
  border-radius:8px;
  margin:auto;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.dk-product-item-popup {display:none;}
.dk-product-item-popup .content {
  display:flex;
  flex-direction:column;
  margin:0 -25px;
}
.dk-product-item-popup .content>div {
  width:100%;
  margin-bottom:25px;
}
.dk-product-item-popup.active {display:block;}
.dk-product-item-popup .content {
  height:calc( 100vh - 200px );
  overflow-x:hidden;
  overflow-y:scroll;
}
.gallery-op1 .gallery-block {
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:100%;
  background:#ffffff57;
}
.gallery-op1 .gallery-block .col-left,
.gallery-op1 .gallery-block .col-right {
  flex:1 1 50%;
  max-width:50%;
}

/* Đảo thứ tự cho block chẵn */
.gallery-op1 .gallery-block:nth-child(2n+1) .col-left {order:2;}
.gallery-op1 .gallery-block:nth-child(2n+2) .col-right {order:1;}
.gallery-op1 .gallery-block > div {
  flex-basis:48%;
  max-width:48%;
}
.gallery-op1 .slide-item img {
  width:100%;
  height:400px;
  max-height:400px;
  object-fit:cover;
}
.gallery-op1 .slick-dots {
  display:flex !important;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:15px;
}
.gallery-op1 .slick-dots li {
  width:60px;
  height:60px;
  margin:5px;
}
.gallery-op1 .slick-dots li button {
  padding:0;
  border:none;
  background:none;
}
.gallery-op1 .slick-dots li img.dot-thumb {
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0.6;
  border:2px solid transparent;
  transition:all 0.3s ease;
}
.gallery-op1 .slick-dots li.slick-active img.dot-thumb {
  opacity:1;
  border-color:#333;
}
.gallery-op1 .single-thumbs .thumb-item {padding:0;}
.gallery-op1 .single-thumbs .thumb-item img {
  display:block;
  width:100%;
  height:110px;
  min-height:110px;
  object-fit:cover;
  border:1px solid transparent;
  transition:.2s;
}
.gallery-op1 .single-thumbs .slick-current img {border-color:var(--primary-color);}
.single-product .slick-arrow {
  left:15px;
  z-index:9;
}
.single-product .slick-arrow.slick-next {
  left:auto;
  right:15px;
}
.gallery-op1 .single-slider figure.slide-figure {margin-bottom:0;}
.gallery-op1 .gallery-block .col-left {
  padding:40px;
  height:100%;
}
.gallery-op1 .gallery-block .col-left ul,
.single-product .content-info ul {margin-left:20px;}
.single-product .content-info {padding:0;}
.single-product .gallery-op1,
.single-product .gallery-op2 {padding-bottom:40px;}
.single-product .op2-slider .op2-slide {padding:0 12px;}
.single-product .op2-slider .op2-slide img {
  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
}
.single-product .op2-slider .slick-list {margin:0 -12px;}
.single-product .content-info table td {
  border:1px solid #a4a4a4;
  padding:20px;
}
.tq_ss1 h2 {
  font-size:32px;
  font-weight:700;
  color:var(--primary-color);
}
.tq_ss1 {padding-top:60px !important;}
.tq_ss1 p {font-size:18px;}
@media (max-width:991px) {
  .dk-product-item-popup .content {
    flex-wrap:wrap;
    overflow:scroll;
  }
  .dk-product-item-popup .content>div {width:100%;}
  .wrapper-popup {
    max-width:100%;
    width:90%;
    height:90%;
    overflow:hidden;
  }
  .dk-product-item-popup .content>.wrap-content {height:auto;}
  .dk-product-item-popup .wrap-images {margin-bottom:30px;}
  .dk-product-item-popup.active {
    overflow-x:hidden;
    height:100%;
    overflow-y:scroll;
  }
  .autocomplete-suggestion img+.search-name {color:#333;}
}
@media only screen and (max-width:48em) {
  article#mobile-circular {display:block;}
  #mobile-circular ul.dk-product-list {
    list-style:none;
    margin-left:0;
  }
  #mobile-circular ul.dk-product-list li {
    margin:0;
    width:100%;
    background:#521a17;
    text-align:center;
  }
  #mobile-circular ul.dk-product-list li p {
    color:#ffffff;
    font-weight:600;
    padding:10px;
  }
  #mobile-circular .dk-product-list {
    margin-top:0;
    margin-bottom:0;
  }
  #pc-circular {display:none;}
  #mobile-circular {display:block;}
  .item-logo {height:120px;}
  .single-product .featured-img {height:250px;}
  .tq_ss0 {padding-top:200px !important;}
  .tq_ss1 .section-content {width:100%;}
  .single-product .featured-title {
    transform:translate(0,-50%);
    width:100%;
  }
  .single-product .featured-title h1 {
    font-size:24px;
    padding-left:15px;
    padding-right:15px;
  }
  .gallery-op1 .gallery-block {flex-wrap:wrap;}
  .gallery-op1 .gallery-block .col-left,
  .gallery-op1 .gallery-block .col-right {max-width:100%;}
  .single-product .gallery-op1,
  .single-product .gallery-op2 {
    padding-left:30px;
    padding-right:30px;
  }
  .gallery-op1 .gallery-block .col-left {padding:20px;}
  .single-product .content {
    padding-top:30px;
    padding-bottom:20px;
  }
  .gallery-op1 .gallery-block:nth-child(2n+2) .col-left {order:2;}
  .gallery-op1 .gallery-block:nth-child(2n+2) .col-right {order:1;}
  .gallery-op1 .gallery-block:nth-child(2n+2) {margin-top:30px;}
  .gallery-op1 .slide-item img {height:300px;}
  .gallery-op1 .single-thumbs .thumb-item img {height:130px;}
}