@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {font-size:  16px; color: #333; background: #fff;font-weight: 400; font-family: 'Archivo', sans-serif;}
a{color: #333;}
input,button{outline: 0}
img{max-width: 100%;height: auto;}
p{line-height: 25px;}
a,ins{text-decoration: none;}
a:hover{color: var(--color-main);}
b{font-weight: 600;}
:root {
  --color-main: #d5c148;
  --color-main2: #00AA5A;
 	--color-333: #333;
 	--color-F2F2F2: #F2F2F2;
 	--color-52575C: #52575C;
  --color-4F4F4F: #4F4F4F;
  --color-E0E0E0: #E0E0E0;
  --color-828282: #828282;
  --color-BDBDBD: #BDBDBD;
  --color-EB5757: #EB5757;
  --color-012c31: #012c31;
  --color-D3D4D8: #D3D4D8;
  --color-C52F33: #C52F33;
 	--weight-400: 400;
	--weight-500: 500;
	--weight-600: 600;
	--weight-700: 700;
	--weight-800: 800;
	--weight-900: 900;
  --font-Lato: 'Lato', sans-serif;
 }
.color-main{color:var(--color-main); }
.txt-333{color:#333;}
.txt-DBC6A5{color:#DBC6A5;}
.txt-828282{ color: var(--color-828282); }
a:hover{text-decoration: none;}
 ul {margin: 0; list-style-type: none; padding: 0; }
.form-control:focus{box-shadow: none;}
.form-control{border: 1px solid #9a9ea1}
.txt-main{color:#1f1b1c;}
.txt-black{color:#1f1b1c;}
.bg-main{background:#1f1b1c;}
.title-home {font-size: 23px; font-weight: 600; color: #484848; margin-bottom: 20px; text-align: center;}
.cursor-pointer{cursor: pointer;}
.cursor-zoom-in{cursor: zoom-in;}
.text-line-through{
  text-decoration: line-through;
}
.mx-n1{margin: 0 -0.25rem;}
.mx-n2{margin: 0 -0.5rem;}

.w-line {-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
.w-one-line  {-webkit-line-clamp: 1; }
.w-three-line {-webkit-line-clamp: 3; }
.w-two-line {-webkit-line-clamp: 2;}
.w-four-line{-webkit-line-clamp: 4;max-height: 100px;}
.text-underline{text-decoration: underline;}
.font-weight-bold{font-weight: bold;}
.text-success {color: #0db102!important; }
.text-danger {color: red !important; }
.px-75rem{padding-left: 0.75rem;padding-right: 0.75rem;}
.top-0{top:0;}
.left-0{left: 0}
.mb-40{margin-bottom: 40px;}
.fs-18{font-size: 18px;}
.pa1{display: block; position: relative; overflow: hidden; }
.pa1x1 {padding-top: 100%; }
.pa1x5 {padding-top: 20%; }
.pa1x40 {padding-top: 40%; }
.fit-cover {object-fit: cover; }

ul {padding-left: 0; margin-bottom: 0; list-style: none; }
img[class*="fit-"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.flickity-page-dots .dot {background: var(--color-main); }

.custom-arrow .flickity-prev-next-button .flickity-button-icon {display: none; }
.custom-arrow .flickity-prev-next-button {
    background-color: transparent; background-repeat: no-repeat;
    background-position: center; z-index: 12;
    background-size: inherit;
}
.custom-arrow .flickity-prev-next-button {
    background-image: url(../images/arrow-dark.png); width: 56px;
    height: 56px; background-color: rgb(79 79 79 / 50%);
}

@keyframes show_box_hd {
    0% {opacity: 0; visibility: hidden; transform: scale(0.7); }
    100% {opacity: 1; visibility: visible; transform: scale(1); }
}
.wpcf7-spinner {position: absolute; right: 0rem; top: 13px; }
.form-product-consulting {
    padding: 34px 20px 39px 20px;
    position: fixed; top: 15%; left: 25%;
    transition: 0.3s ease-in-out;
    animation: show_box_hd 0.5s forwards; z-index: 1000;
    display: none; background: white;
    border-radius: 8px; box-shadow: 2px 2px 8px 2px rgb(160 131 128 / 20%);
    width: 600px; left: calc((100% - 600px)/2);
}
.form-product-consulting.active{display: block;}
.form-product-consulting .row {margin: 0 -0.5rem;}
.form-product-consulting .row > div{padding:0 0.5rem;}

.form-product-consulting .form-group input,
.form-product-consulting .form-group textarea{
    height: 48px; border-radius: 8px; border: 1px solid var(--color-E0E0E0); padding: 0.5rem 1rem;
    max-width: 100%;width: 100%;
}
.form-product-consulting .form-group textarea{
  height: 130px; outline: none; box-shadow: none;
}
.form-product-consulting  .btn-submit{text-align: center;}
.form-product-consulting  .btn-submit button {
    height: 48px; width: 345px;
    padding: 0 1rem; font-size: 14px; text-transform: uppercase;
    text-align: center; background-color: var(--color-main); color: #fff;
    border-radius: 40px; border: 0;
    font-weight: var(--weight-600); transition: 0.3s; margin-bottom: 1rem;
}
.form-product-consulting  h2 {
    color: var(--color-4F4F4F); font-size: 24px;
    margin-bottom: 2rem; text-align: center;
    text-transform: uppercase; font-weight: var(--weight-700);
}
.form-product-consulting .box-search-close {
    position: absolute; display: flex;
    align-items: center; justify-content: center; top: 19px;
    right: 19px; cursor: pointer;
}
.form-product-consulting .btn-submit{position: relative;}
.form-product-consulting .btn-submit p,
.form-product-consulting .btn-submit a {
    margin-bottom: 0; color: var(--color-C52F33);
    font-weight: var(--weight-600);
    font-size: 14px; line-height: 18px; text-align: center;
}

.overlay {position: fixed; visibility: hidden; opacity: 0; top: 0; left: 0;
 width: 100%; height: 100%; z-index: 99; background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; 
}
.overlay.overlay-active {opacity: 1; visibility: visible; }


.send-form.send-form-fixed {
    height: 80px; width: 80px; border-radius: 50%; font-size: 15px;
    padding: 0; display: flex; flex-direction: column; align-items: center;
    justify-content: center; position: fixed; bottom: 114px;
    right: 29px; z-index: 209; background-color: var(--color-main);
    font-weight: var(--weight-700); margin-top: 60px; border: 0; color: #fff;
}


.h2-page {
  color: var(--color-333); font-size: 40px; margin-bottom: 0.75rem; 
  font-weight: var(--weight-700); 
}

.s-banner-head .s_container{color:#fff;max-width: 1000px; margin: 0 auto;padding: 0 1rem; }
.s-banner-head h2{
  font-weight: var(--weight-700); font-size: 48px; line-height: 52px; margin-bottom: 15px;
}
.s-banner-head .txt-des{font-size: 1rem; line-height: 22px; }
.s-banner-head h3{
  font-weight: var(--weight-700); font-size: 18px; line-height: 27px;
  color: var(--color-E0E0E0);
  text-align: center;margin-bottom: 0;
}

.s-banner-head .s-banner-head__content {z-index: 1; top: 0; left: 0; }
.s-banner-head .banner-bg .item-slide .pa1 {padding-top: 29.44%; }



.custom-arrow .flickity-prev-next-button.next {transform: rotate(180deg); }
.custom-arrow .flickity-prev-next-button.previous {left: 28px; }
.custom-arrow .flickity-prev-next-button.next {right: 28px; top: calc(50% - 28px);}
.rank-math-breadcrumb{margin-bottom: 7px;}
.rank-math-breadcrumb a, .rank-math-breadcrumb p{
  color:var(--color-828282);font-size: 15px;
  line-height: 23px;margin-bottom: 0;
}
.rank-math-breadcrumb a:hover{ color: var(--color-main); }
.rank-math-breadcrumb span{color: var(--color-333); }


.pagination-list{margin-top: 40px;margin-bottom: 40px; }
.pagination-list a,.pagination-list span {
    width: 31px; height: 33px; display: inline-flex;
    align-items: center; justify-content: center; border-radius: 50%;
    margin: 0 0.25rem; font-weight: var(--weight-700); transition: 0.3s; color: var(--color-828282);
    font-family: var(--font-Lato);
}

.pagination-list a:hover,
.pagination-list a.active,
.pagination-list li.active a,
.pagination-list a:hover svg path {fill: #fff; color: #fff; background-color: var(--color-main); }


.line-w{width: 500px; border-bottom: 2px solid rgb(191 149 47 / 30%); margin: 0 auto;}


#header {
  position: sticky; top: 0; z-index: 999; background: var(--color-012c31); 
  box-shadow: 2px 1px 5px rgb(0 0 0 / 20%); padding: 10px 0 9px 0;
}
#header .header-cart-count{
    color: #fff; background: var(--color-main); border-radius: 50%; padding: 2px 5px;
    left:65% ; font-size: 12px; top: -13px; position: absolute;display: flex; align-items: center;
    min-width: 20px;justify-content: center;
}
#header .header__logo img{width: 120px;}


/*--------------------------Page Home--------------------------*/

.main-home{background-color: var(--color-012c31);}

.link-more-home a {
    width: 159px; font-weight: var(--weight-700); font-size: 14px;
    line-height: 15px; border-radius: 32px; height: 48px;transition: 0.3s;
}

.title-head-home{font-weight: var(--weight-700); font-size: 32px; line-height: 35px; }

.slide-home.s-banner-head .banner-bg .item-slide .pa1 {padding-top: 46.32%; }

.home-partner{padding-top: 64px;padding-bottom: 86px;}
.list-partner .item-partner .pa1{padding-top: 61%; }
.list-partner .item-partner {width: calc(100% / 6);}
.list-partner .item-partner .pa1 img{object-fit: contain;}


.home-aboutus{padding: 64px 0;color:#fff; }
.home-aboutus .txt-des{font-size: 20px; line-height: 30px; color: var(--color-BDBDBD);padding: 0 1rem; }
.home-aboutus .link-more a {background-color: #fff; }
.home-aboutus .link-more a:hover{background-color: var(--color-main); color:#fff; }


.home-cat-product {padding-bottom: 80px;}
.home-cat-product .item-cat-pro{width: 36.5%; margin: 0 60px; color:#fff;}
.home-cat-product .item-cat-pro .pa1{padding-top: 65.78%;}

.list-cat-pro.custom-arrow .flickity-prev-next-button {
    border: 1px solid rgba(255, 255, 255, 0.8);
    transition: 0.3s; background-color: transparent;
}
.list-cat-pro.custom-arrow .flickity-prev-next-button:hover{background-color: var(--color-main); }
.home-cat-product .item-cat-pro h3{
  font-weight:  var(--weight-700); font-size: 32px; line-height: 35px; margin-bottom: 19px;
}
.home-cat-product .item-cat-pro .link-more{
  font-weight: var(--weight-700); font-size: 14px; line-height: 15px; 
  text-decoration: underline;
}
.home-cat-product .item-cat-pro .pa1 img{transition: 0.3s;}
.item-cat-pro__content {top: 0; left: 0; color: #fff; z-index: 99;transition: 0.3s;padding: 0 1rem; }
.home-cat-product .item-cat-pro .pa1:hover .item-cat-pro__content {
  background-color: rgba(0,0,0,0.3);
  color: var(--color-main);
}
/*.home-cat-product .item-cat-pro .pa1:hover img{transform: scale(1.1); }*/

.home-project{padding-top: 60px;padding-bottom: 73px;color:#fff;}
.home-project h2{margin-bottom: 39px;}
.home-project .item-project{margin-bottom: 0;}
.home-project .item-project .item-project__img .pa1{padding-top:56.315% ;}
.home-project .list-project > .row {marign: 0 -9.5px; }
.home-project .list-project > .row > div{padding: 0 9.5px; }

.home-project .item-project .item-project__content{margin-top: 1.5rem; }
.home-project .list-project .item-project h3 {margin-bottom: 0.5rem;}
.home-project .list-project .item-project h3 a{color:#fff; }
.home-project .list-project .item-project h3 a:hover{color: var(--color-main); }
.home-project .list-project .item-project p{
  margin-bottom: 0; color: var(--color-BDBDBD);line-height: 20px;
}
.home-project .link-more-main{padding-top: 68px;}
.link-more-main a{border: 1px solid var(--color-main); color: var(--color-main); }
.link-more-main a:hover{background-color: var(--color-main); color:#fff; }



/*--------------- Page contact---------------*/

#page_contact{padding-top: 49px; padding-bottom: 83px; }
#page_contact h2{
  font-weight: var(--weight-700); font-size: 20px; 
  line-height: 28px; color: var(--color-333); margin-bottom: 35px; 
}

#page_contact form input {height: 48px; }
#page_contact form input, #page_contact form textarea {
    width: 100%; color: var(--color-52575C); border: 0;
    font-size: 16px; padding: 11px 20px;
    font-weight: var(--weight-400); outline: var(--color-main);
    background-color: var(--color-F2F2F2);
    border: 1px solid transparent;
}
#page_contact form input:focus,#page_contact form textarea:focus{border: 1px solid var(--color-main); }
#page_contact form textarea{height: 223px;}
#page_contact form button[type="submit"]{
  background-color: var(--color-main);
  min-width: 172px;height: 48px;
  border-radius: 32px; color:#fff;
  font-size: 16px;font-weight: var(--weight-700);
  text-align: center;  border: 0;
  margin-top: 40px;transition: 0.3s;
}
#page_contact form button[type="submit"]:hover{opacity: 0.8; }

#page_contact .item-map{margin-bottom: 23px; }
#page_contact .item-info label{
  font-size: 16px;line-height: 24px;color:var(--color-main); margin-bottom: 8px;
}
#page_contact .item-info ul li{margin-bottom: 10px;}
#page_contact .item-info ul li{color: var(--color-4F4F4F); font-size: 14px;line-height: 20px; }
#page_contact .item-info ul li span{margin-right: 8px;}
#page_contact .item-info ul li a{color: var(--color-main);font-weight: var(--weight-700); }


/*--------------- Page detail project---------------*/
#page_detail_project{padding-top: 56px;}
#page_detail_project .container{max-width: 1004px; }
#page_detail_project h1{
  color:var(--color-333); font-size: 36px; line-height: 54px;
  font-weight: var(--weight-700); margin-bottom: 8px;
}

#page_detail_project .section-main{margin-top: 30px;margin-bottom: 14px;}
#page_detail_project .item-img-main{margin-bottom: 2rem;}
#page_detail_project .item-img-main .pa1{padding-top: 57.55%; }


.posted-by-text{color: var(--color-BDBDBD); }
.posted-by-text .avatar-author img{width: 20.5px;border-radius: 50%;min-width: 20.5px}
.posted-by-text > span{margin-right: 10px; } 
.posted-by-text > span:last-child{margin-right: 0; }
.posted-by-text button{border:0;background: transparent;padding: 0;}

.content-empty{font-weight: 500; color:var(--color-333);}

.tags-social {border-top: 1px solid var(--color-E0E0E0); }
.tags-social .nav-tags li {margin-right: 1rem; }
.tags-social .nav-tags li a {
    padding: 0.7rem 0.9rem; background: var(--color-F2F2F2); border-radius: 4px;
    font-size: 0.875rem; line-height: 18px; font-weight: var(--weight-700); 
    color: var(--color-333); transition: 0.3s;
}
.tags-social .nav-tags li a:hover {color: var(--color-main); }
.tags-social .nav-social li {margin-right: 30px; }
.tags-social .nav-social li:last-child {margin-right: 0; }
.tags-social .nav-social li a:hover path{fill: var(--color-main); }



/*----------------------Page project--------------------*/

.section-project{margin-top: 40px;margin-bottom: 11px;}

.s-banner-head-slide.s-banner-head h2{margin-bottom: 15px; }

.list-project.row{margin:0 -10.5px;}
.list-project.row > div{padding:0 10.5px; }

.list-project .item-project .news-date {
    position: absolute; top: 0; left: 0; z-index: 1;
    background: #fff; margin-top:13px;margin-left: 15px; padding: 5px 10px;
}
.list-project .item-project .news-date span{
  font-size: 12px;line-height: 16px;
  color: var(--color-828282);
}

.list-project .item-project .news-date .number{
  color: var(--color-333); font-size: 18px; 
  line-height: 24px; font-weight: var(--weight-700);
}
.item-project{margin-bottom: 40px;}
.item-project .item-project__img .pa1{padding-top: 61%;}
.item-project .item-project__img a img{transition: 0.3s; }
.item-project .item-project__img a:hover img{transform: scale(1.1); }

.item-project .item-project__content{margin-top: 20px;}
.item-project a{color: var(--color-333);}
.item-project a:hover{color: var(--color-main);}
.item-project h3{
  font-size: 18px;font-weight: var(--weight-700); line-height: 26px; 
  margin-bottom: 12px;
}
.item-project .txt-des{
  color: var(--color-828282); font-size: 14px; line-height: 24px; letter-spacing: 0.1px;
}
.item-project .link-more{margin-top: 15px;}
.item-project .link-more a{
  border-radius: 32px; background-color:var(--color-main); color:#fff;
  min-width: 172px; height: 48px; font-weight: var(--weight-700);
  transition: 0.3s;
}
.item-project .link-more a:hover{background-color: #f0af12; }


/*--------------------Page About us-------------------*/

#page_aboutus .s-banner-head__content h2{margin-bottom: 28px;}
#page_aboutus .section-main{
  padding-top: 57px;padding-bottom: 18px; color: var(--color-333);
}
#page_aboutus h1{
  font-weight: 700; font-size: 32px; line-height: 35px;
}
#page_aboutus .content-head__des{
  color:var(--color-828282); font-style: italic; font-size: 24px; line-height: 150%;
}
#page_aboutus .content-main{margin-top: 28px; }

#page_aboutus .item-content{margin-bottom: 36px;}
#page_aboutus .item-content h3{
  font-weight: var(--weight-700); font-size: 18px; line-height: 27px; margin-bottom: 1.75rem;
}
#page_aboutus .item-content .txt-content{
  font-size: 15px;line-height: 22.5px;color:var(--color-828282);
}
#page_aboutus .item-content .txt-content h5{
  font-weight: var(--weight-400); font-size: 16px; color: var(--color-333); margin-bottom: 1.5rem;
}
#page_aboutus .item-content .row > div{margin-bottom: 1.75rem;}
#page_aboutus .tags-social{
  padding: 14px 0; border-top: 1px solid rgb(130 130 130 / 20%);
}
#page_aboutus .item-content:last-child{margin-bottom: 1rem;}

/*---------------------------Page Product-------------------------------------*/

.s-banner-head-slide h3{
  font-weight: var(--weight-700); font-size: 36px; line-height: 54px; margin-top: 6px;
  color:#fff;
}
.woocommerce .woocommerce-ordering{margin-bottom: 0;}
.sidebar-pro__filter .ui-slider .ui-slider-handle, 
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute; z-index: 2; width: 8px;
    height: 8px; cursor: pointer; outline: none;
    top: -3px; border-radius: 50%; background-color: #fff;
    border: 1px solid var(--color-828282);
}
.sidebar-pro__filter .ui-slider .ui-slider-handle:last-child {
  margin-left: -5px; 
}
.sidebar-pro__filter .ui-slider-range.ui-corner-all.ui-widget-header {
    background-color: var(--color-828282);
}
.cat-filter__item h3, .widget-title,.widget_price_filter h4,.woof_container_color h4{
  font-weight: var(--weight-700); font-size: 18px; line-height: 27px; margin-bottom: 0;
  text-transform: uppercase;
}

.woof_price_search_container .price_slider_amount .price_label span{
  font-weight: var(--weight-700);
}

.cat-filter .filter-ul-form, .product-sidebar .product-categories, 
.woof_price_filter form,.woof_container_color .woof_block_html_items{
  padding-top: 32px; 
}


.widget_product_categories:first-child{padding-top: 0;}
.widget_product_categories, .woof_price_filter,.woof_container_color {
  padding: 40px 0; border-bottom: 1px solid rgb(130 130 130 / 20%);
  margin-bottom: 0;
}


ul.woof_list_color li .woof_color_term {
    display: inline-block; border-radius: 50%; width: 24px;
    height: 24px; border: 0;  margin-right: 12px;
}

ul.woof_list_color .woof_color_title span{
    width: 39px; height: 22px; border: 1px solid var(--color-828282);
    border-radius: 12.5px; font-size: 12px; color: var(--color-828282);
    position: absolute;right: 0;text-align: center;
    
}
ul.woof_list_color li:hover .woof_color_title span{
  border: 1px solid var(--color-main); color:var(--color-main);
}

ul.woof_list_color li {position: relative; }
ul.woof_list_color.woof_color_title_col li .woof_color_title {
    font-size: 16px;padding: 0;
}
ul.woof_list_color.woof_color_title_col li:hover .woof_color_title{color: var(--color-main);}

.woof .widget_price_filter .ui-slider .ui-slider-handle:last-child{
   transform: translateX(4px);
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: rgb(191 149 46 / 10%); height: 2px; width: calc(100% - 8px);
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
    height: 2px ; background: var(--color-main);
}
.sidebar-pro__filter .ui-slider .ui-slider-handle, 
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    height: 14px; width: 5px; background: var(--color-main);
    border: 0; border-radius: 16px; top: -6px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
    left: -4px !important;
}


.cat-filter__item ul li a, .product-sidebar .product-categories > li > a{
  font-size: 16px;  
}
.cat-filter__item ul li, .product-sidebar .product-categories > li{
  margin-bottom: 1.5rem;line-height: 21px;
}
.cat-filter__item ul li:last-child,
.widget_product_categories ul li:last-child{margin-bottom: 0;}
.widget_product_categories .current-cat a{
  font-weight: var(--weight-600);color: var(--color-main);
}
.woof_container_product_cat{display: none;}


#page_product .section-main{padding-top: 54px;}
#page_product .s_container > .row{margin:0 -10px; }
#page_product .s_container > .row> div{padding: 0 10px; }

#page_product h1{
  font-weight: var(--weight-400); font-size: 32px; line-height: 38px;
  margin-bottom: 38px; 
}

.list-product .row {margin:0 -10px; }
.list-product .row > div{padding: 0 10px; }
.list-product .item-product{margin-bottom: 15px;}
.list-product .item-product .item-product__img .pa1{padding-top: 114.285%; }
.list-product .item-product h3{
  font-weight: var(--weight-700); font-size: 14px; line-height: 21px;
}
.list-product .item-product__content{padding-bottom: 15px; }
.list-product .item-product__content--price .price{
    font-size: 17px; color: var(--color-main); font-weight: var(--weight-700); 
    line-height: 27px;  flex-wrap: wrap-reverse;margin-bottom: 0;
    display: flex; justify-content: center; flex-direction: row-reverse;
}
.list-product .item-product__content--price bdi {display: flex; flex-direction: row-reverse; }

.list-product .item-product__content--price del{
    font-weight: var(--weight-400); color: var(--color-828282);
}
.list-product .item-product__content--price  del bdi {
    margin-left: 1rem; font-size: 14px; font-weight: 400;
}
.list-product .woocommerce-Price-currencySymbol{margin-left: 2px;}
.list-product .item-product,.list-product .item-product img{transition: 0.3s }
.list-product .item-product:hover {border-color: #ddd; box-shadow: 0px 0px 10px 3px #dddddd; }
.list-product .item-product:hover img{transform: scale(1.1);}

.pagination-list ul{display: flex; flex-wrap: wrap; }

#page_product .pagination-list{margin-top: 46px;margin-bottom: 30px; }
#page_product .rank-math-breadcrumb{margin-bottom: 0;}
.head-pro{margin-bottom: 22px;}
.head-pro .view-num{font-size: 15px;line-height: 23px;margin-right: 29px;}
.head-pro .view-num ul li{display: inline-block;}
.head-pro .view-num ul li a{position: relative; padding: 0 0.5rem;color: var(--color-828282);}
.head-pro .view-num ul li.active a{color: var(--color-333); }
.head-pro .view-num ul li a::after{
  content: '/'; position: absolute; right: -0.25rem;color: var(--color-828282);
}
.head-pro .view-num ul li a:hover{color: var(--color-main); }
.head-pro .view-num ul li:last-child a::after{display: none;}

.head-pro .filter select {
    height: 26px; border: 0; border-bottom: 1px solid  var(--color-main);
    padding-bottom: 3px;
}
.head-pro .filter select::-ms-expand {display: none; }
.head-pro .filter select{-webkit-appearance: none; -moz-appearance: none; }
.head-pro .filter select:focus{outline: none; }


.list-product .num-position span, .ralated-product .sale-off{
  height: 48px; width: 48px; border-radius: 50%;
  color:#fff;display: flex;align-items: center;justify-content: center;
  font-size: 14px;font-weight: var(--weight-700);
}
.list-product .num-position, .ralated-product .sale-off{
  position: absolute;z-index: 1; top: 0;
  margin-top: 8px; margin-left: 18px;
}
.list-product .num-position .num-sale, .ralated-product .sale-off{background-color: var(--color-main); margin-bottom: 8px;}
.list-product .num-position .txt-hot{background-color: var(--color-EB5757); }

/*--------------------- Page Detail Product--------------------------*/

#page_detail_product{padding-top: 39px;padding-bottom: 50px;}

.item-left .list-img-small .item-small .pa1{padding-top: 118%; }
.item-left .list-img-small .pa1{padding-top: 118%; }
.item-left .list-img-main .pa1{padding-top: 107%; }
/*.item-left .list-img-small{width: 100%;min-width: 100%; }*/


#page_detail_product .item-left .list-img-small .item-small{
  margin-bottom: 30px; 
}
#page_detail_product .item-left .list-img-small .item-small{
  border: 1px solid transparent;
}
#page_detail_product .item-left .list-img-small .item-small.slick-current,
#page_detail_product .item-left .list-img-small .item-small:hover{
  border: 1px solid var(--color-main);
}
#page_detail_product .slick-arrow button{
  position: absolute; bottom: -34px; width: 48px; height: 32px; 
  border: 1px solid #E0E0E0; border-radius: 8px; background: #fff;
  transition: 0.3s;
}
#page_detail_product .slick-arrow.slick-disabled button{
  opacity: 0.5;
}

#page_detail_product .slick-arrow button:hover{background: var(--color-main); }
#page_detail_product .slick-arrow button:hover path{fill:#fff;}

#page_detail_product .item-left .list-img-small .slick-prev{left: 0; }
#page_detail_product .item-left .list-img-small .slick-next {right: 0; }


#page_detail_product .item-right{padding-left: 6px; }
#page_detail_product .item-right h1{
  font-weight: var(--weight-700); font-size: 32px;
  line-height: 54px; margin-top: 4px;margin-bottom: 0;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    box-shadow: none !important; 
    padding: 3px !important; 
    margin: 4px 10px 4px 0 !important;
}

.product-detail__content .price-number .price{
    font-size: 24px; font-weight: var(--weight-500); color: var(--color-main);
    line-height: 36px; display: flex; justify-content: space-between; flex-direction: row-reverse;
    width: max-content;
}
.product-detail__content .item-right__des{
  font-size: 16px; line-height: 22px; color: var(--color-828282);
}
.product-detail__content .item-right__filterColor{margin-top: 21px;}
.product-detail__content .share-social li{margin: 0 0.5rem; }
.product-detail__content .pro__bottom .item{margin-bottom: 14px;line-height: 23px;}
.product-detail__content .share-social li a:hover path{fill: var(--color-main); }

.product-detail__content .pro__like ul li{display: inline-block; margin-right: 1rem;}
.product-detail__content .pro__like ul li svg{margin-right: 8px;}

.product-detail__content  .pro__bottom{
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgb(189 189 189 / 20%);
}
.product-detail__content .pro__order{margin: 1.5rem 0; }
.product-detail__content .box-number{display: flex;}
.product-detail__content .box-number input{
  height: 40px;
  border: 1px solid var(--color-BDBDBD);
  background: #fff;font-weight:  var(--weight-700);
}
.product-detail__content .box-number input[type="number"]{
  border-left: 0; border-right: 0; width: 35px;text-align: center;
}
.product-detail__content .box-number input[type="button"]{
  width: 22px; color: var(--color-BDBDBD);
}

.product-detail__content .pro__order button[type="submit"]{
  background: var(--color-main); border-radius: 32px; font-weight: var(--weight-700); 
  font-size: 16px; line-height: 21px; color:#fff;transition: 0.3s;
  height: 40px;margin-left: 26px;  border: 0;
}
/*.product-detail__content .pro__order form{display: flex;}
*/

#yith-woocompare-related ul li div.product-image {
  padding-top: 114.285%;
}
#yith-woocompare-related ul li div.product-image img{
  object-fit: cover;position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}

.product-detail__content .pro__order button[type="submit"]:hover {background: #db9d07; }
form.cart .variations  {
  width: 100%;
}
form.cart:not(.variations_form) {
  display: flex;
}
form.cart .single_variation_wrap, form.cart .woocommerce-variation-add-to-cart  {
  display: flex;
  margin-top: 10px;
}
.woo-variation-items-wrapper {
  position: relative;
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
  background-color: var(--color-main)
}
.woo-variation-items-wrapper .reset_variations {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
/* Firefox */
input[type=number] {-moz-appearance: textfield; }

.product-detail__content .item-right__filterColor li{display: flex;margin:0 0.5rem; }
.product-detail__content .item-right__filterColor li a{
    width: 24px; height: 24px; display: inline-block; border-radius: 50%;
}

.product-detail__info{margin-top: 70px;margin-bottom: 90px;}

.product-detail__info .nav-link.active,
.product-detail__info .nav-link{border-color: #fff;  border-bottom: 4px solid transparent;}
.product-detail__info .nav-tabs {border-bottom: 0; }

.product-detail__info .nav-link{position: relative;}
.product-detail__info .nav-link{
    font-weight: var(--weight-700); font-size: 18px; line-height: 27px;
    color: var(--color-828282); padding-left: 0; padding-right: 0; margin: 0 22px; 
    
  }
.product-detail__info .nav-link::after {
    content: ''; position: absolute; color: var(--color-main);
    border-bottom: 4px solid transparent; left: 0; width: 100%; bottom: 0;
}

.product-detail__info  .nav-tabs .nav-link:focus,
.product-detail__info  .nav-tabs .nav-link:hover {
    border-color: #fff;color: var(--color-333);
}
.product-detail__info .nav-tabs .nav-link.active::after,
.product-detail__info .nav-tabs .nav-link:hover::after{
  border-bottom: 4px solid var(--color-main);
}
.list-sp-info .row > div:nth-child(2n){
  display: flex;justify-content: flex-end;
}
.list-sp-info .item-sp-info {max-width: 243px;}
.list-sp-info .item-img {max-width: 127px; margin: 0 auto; margin-bottom: 4px;}
.list-sp-info .pa1{padding-top: 76%;}
.list-sp-info h3{
  font-weight: var(--weight-400); font-size: 16px; line-height: 21px;
  margin-bottom: 0; 
}
.list-sp-info p{
  font-weight: var(--weight-400); font-size: 13px; line-height: 20px;
  color: var(--color-828282); margin-bottom: 0; margin-top: 8px;
}
.product-detail__info > nav{margin-bottom: 47px;}

.woocommerce-Price-amount {
    display: flex; justify-content: flex-end; padding: 0 0.25rem;
}
.woocommerce-Price-amount:first-child{padding-left: 0.25rem;}
.item-right__price .price{flex-direction: row !important; }
.woocommerce-variation-price .price bdi{
  font-size: 20px; display: flex; flex-direction: row-reverse;
  font-weight: var(--weight-500); color: var(--color-main); margin-bottom: 0.5rem;
}
.variations tbody tr{display: flex;flex-direction: column;}
.woo-variation-swatches .variable-items-wrapper 
.variable-item:not(.radio-variable-item).button-variable-item {
    width: inherit; border: 1px solid var(--color-main); 
    border-radius: 0;  padding: 0 0.5rem !important; color: var(--color-main);
    transition: 0.3s;
}
.woo-variation-swatches .variable-items-wrapper .variable-item[aria-checked="true"],
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover{
    background: var(--color-main) !important; color: #fff !important;
}

.price-number bdi {display: flex; flex-direction: row-reverse; }

.product-detail__content .price-number del bdi {
    font-size: 18px; font-weight:  var(--weight-400);
}
.price-number del { color: #666; margin-left: 1rem;}

.list-product.list-product-re h2{
  font-weight: var(--weight-700); font-size: 24px; line-height: 36px;margin-bottom: 0;
}
.list-product.list-product-re .row {margin: 0 -8.5px;margin-top: 38px; }
.list-product.list-product-re .row > div {padding: 0 8.5px; }
.yith-woocompare-related-wrapper .woocommerce-Price-amount {
  justify-content: center;
}

/*page cart*/
.section-cart{margin-top: 40px;}
.woocommerce button.button, .woocommerce .woocommerce-Button.button, 
.woocommerce a.button, .woocommerce-Address-title a {
    background: var(--color-main);
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, 
.woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: var(--color-main);
}
.woocommerce button.button:hover, 
.woocommerce .woocommerce-Button.button:hover, 
.woocommerce a.button:hover, 
.woocommerce-Address-title a:hover {
    transform: scale(1.01);
}

.woocommerce-cart-form__contents .product-quantity .box-number input[type="button"] {
    max-width: 40px;
}
.woocommerce-cart-form__contents .product-quantity .box-number input {
    margin: 0 2px;
    width: 60px;
}
.woocommerce-cart-form .woocommerce-Price-amount{
  display: block;
}
.woocommerce-cart-form__contents .product-quantity {
    justify-content: space-between !important;
    display: flex !important;
}
.woocommerce-Price-amount {
    display: flex;
    justify-content: flex-end;
}
#yith-woocompare-table .woocommerce-Price-amount {
  justify-content: center;
}
.woocommerce-cart-form .coupon{display: flex;}

.woocommerce-cart-form .woocommerce-Price-amount bdi,
.cart-collaterals .woocommerce-Price-amount bdi{
    display: flex;
    flex-direction: row-reverse;
    justify-content: end;
}


.woocommerce form .woocommerce-additional-fields textarea {
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    height: 272px;
}
.shop_table .woocommerce-Price-amount bdi{
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse
}




/*--------------------Footer------------------*/

.footer-num-address{padding-top: 31.18%; }
.footer-num-address .bg-map{top: 0; background-size: cover; background-repeat: no-repeat; }


.footer-num-address .container-content{
    position: absolute; background: rgba(255,255,255,0.8); margin-top: -31.18%;
    width: 773px; padding: 22px 24px;
}
.footer-num-address .content{border: 1px solid var(--color-main); padding: 46px 55px; }

.footer-num-address .content h2{
  font-weight: var(--weight-700); font-size: 32px; line-height: 48px; margin-bottom: 18px;
}

.footer-num-address .content p{font-size: 20px;line-height: 30px; margin-bottom: 0; }
.footer-num-address .content .link-more a{
  background-color: var(--color-main); color:#fff; margin-top: 27px;
}
.footer-num-address .content .link-more a:hover{background-color: #f0af12;}

#footer{color:#fff;background-color: var(--color-012c31); }

#footer .footer-nav{padding: 69px 0; }
#footer .footer-nav h3{
  font-weight: var(--weight-700); font-size: 16px; line-height: 24px;
  padding-bottom: 18px;  margin-bottom: 0;position: relative;
}
#footer .footer-nav h3::after {
    content: ''; border-bottom: 2px solid var(--color-main);
    width: 140px; position: absolute; bottom: 0; left: 0;
}

#footer .footer-nav ul li a{
  font-weight: var(--weight-700); font-size: 16px; line-height: 24px;
  color: var(--color-BDBDBD);
}
#footer .footer-nav ul li a svg{margin-right: 1rem;}
#footer .footer-nav ul li a:hover{color: var(--color-main); }
#footer .footer-nav ul li a:hover svg path{fill: var(--color-main); }
#footer .footer-nav ul li{margin-bottom: 10px;}
#footer .footer-nav ul li:last-child{margin-bottom: 0;}

#footer .footer-bottom{
  padding: 41px 0; border-top: 1px solid rgb(224 224 224 / 20%);
}
#footer .footer-bottom .logo img{max-width: 150px; margin-right: 27px;min-width: 91px;}
#footer .footer-bottom h3{
  font-weight: var(--weight-700); font-size: 18px; line-height: 20px;
  margin-bottom: 1rem;
}
#footer .footer-bottom p{
  color: var(--color-D3D4D8);
  font-size: 16px;line-height: 24px;margin-bottom: 0; 
}
#footer .footer-bottom a{ color: var(--color-D3D4D8); }
#footer .footer-bottom a:hover{color: var(--color-main);}


.back-to-top {
    position: fixed; bottom: 50px; right: 7px; background: var(--color-main);
    z-index: 99; font-size: 20px; width: 45px;
    height: 45px; border-radius: 50%; display: flex;
    align-items: center; justify-content: center; color: rgb(255, 255, 255);
    cursor: pointer;
}

@media (max-width: 1199px){

  #page_detail_product .item-left > .row > .list-img-small {padding-right: 0; }
  #page_detail_product .item-left .list-img-small .item-small {margin-bottom: 0.75rem; }

  #page_detail_product .slick-arrow button {width: 30px; height: 30px; }
  #page_detail_product .item-right h1 {font-size: 1.75rem; line-height: 36px; }

  .product-detail__content .item-right__des {font-size: 15px; line-height: 20px; }
  .product-detail__content .item-right__filterColor {margin-top: 10px; }
  .product-detail__content .pro__order {margin: 1rem 0; }
  .product-detail__content  .pro__bottom {padding-top: 1rem; margin-top: 1rem; }
  .product-detail__content .pro__bottom .item {margin-bottom: 0.5rem; }

  .product-detail__info {margin: 2rem 0; }
  .list-product.list-product-re h2 {font-size: 20px; }
  .list-product.list-product-re .row {margin-top: 1.5rem; }



  .s-banner-head .banner-bg .item-slide .pa1{padding-top: 40%;}
  .s-banner-head h2 {font-size: 42px; line-height: 46px; }
  .footer-num-address { padding: 4rem 0; }
  .footer-num-address .container-content {margin-top: 0; position: relative;}

}

@media (max-width: 991px){
  .bar__mb svg path[fill="currentColor"]{fill: #fff;}

  .menu-mobile {position: fixed; top: 0; left: 0; width: 400px; height: 100%; max-width: 80%; background-color: #fff; z-index: 9999; transform: translateX(-100%); transition: 0.5s; padding-bottom: 50px; overflow: auto; bottom: 0; }
  .menu-mobile.menu-mobile-active {transform: translate(0); }
  .menu-mobile .header-nav {list-style: none; flex-direction: column; }
  .header__bottom { overflow-y: auto;height: 50px;}
  .menu-mobile .header-nav > li {position: relative; border-bottom: 1px solid #ddd; }
  #header .header__nav .header-nav > li >.sub-menu > li {position: relative;}
  #header .header-cart-count {top:-10px;}
  .customize-support .menu-mobile.menu-mobile-active{padding-top: 2.5rem;}

  .bar__mb  svg{cursor: pointer;}
  #header .header-nav > li.current_page_item > a {background-color: var(--color-main); }
  .menu-mobile .header-nav li a {color: var(--color-main); font-size: 15px; display: block; padding: 7px 10px; text-transform: uppercase; }
  .menu-mobile .header-nav .current-menu-item a {color: #fff ; background: var(--color-main); }
  .menu-mobile .header-nav li >ul li a {padding-left: 25px; }
  .menu-mobile .header-nav li> ul {margin-top: 0; display: none; }
  .menu-mobile .menu-mobile-close {width: 40px; height: 40px; line-height: 40px; text-align: center; top: 0; right: 0px; margin-left: auto; }
  .menu-mobile .menu-mobile-close svg{cursor: pointer;}

  .menu-mobile .header-nav  li .li-plus:before {width: 11px; height: 1px; }
  .menu-mobile .header-nav  li .li-plus:after {width: 1px; height: 11px; }
  .menu-mobile .header-nav li .li-plus:before, .menu-mobile .header-nav li .li-plus:after {
    position: absolute; content: ""; top: 50%; left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: var(--color-main);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(-90deg);
  }
  .menu-mobile .header-nav li .clicked {transform: rotate(180deg); }
  .menu-mobile .header-nav li .clicked.li-plus:before {display: none; }
  .menu-mobile .header-nav li .li-plus {
    cursor: pointer;
    position: absolute; width: 40px; height: 38px; line-height: 38px; text-align: center;
    display: block; top: 0; right: 0; color: var(--color-main);
    transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
  }
  .menu-mobile .header-nav li.current-menu-item .li-plus{color:#fff;}
  .menu-mobile .header-nav li.current-menu-item .li-plus:before, .menu-mobile .header-nav li.current-menu-item .li-plus:after{
    background-color:#fff;
  }

  .menu-mobile .header-nav ul > li > ul {padding-left: 1.5rem; font-size: 14px; }
  .menu-mobile .header-nav li ul li a {font-size: 14px; }
  
  .h2-page {font-size: 1.5rem; margin-bottom: 0.5rem; }

  .header-top li a{padding: 7px 10px; display: block; }
  .header__hotline {border-bottom: 1px solid #ddd; }
  .header-top__chat a {color: #fff; padding: 6px 10px; background: var(--color-006283); }

  /*#header .header__logo img {width: 60px; }*/
  #header {padding: 5px 0; }
 
  .s-banner-head h2 {font-size: 2rem; line-height: 40px; }

  .s-banner-head .banner-bg .item-slide .pa1 {padding-top: 40%; }
  .custom-arrow .flickity-prev-next-button {width: 46px; height: 46px; }
  .item-project .link-more a {min-width: 120px; height: 45px; font-size: 0.875rem; }


  .list-partner .item-partner {width: calc(100% / 4); }
  .home-cat-product .item-cat-pro {width: 45%; margin: 0 30px; }
  .home-cat-product .item-cat-pro h3 {font-size: 23px; line-height: 30px; margin-bottom: 0.75rem; }

  .home-project .item-project .item-project__content {margin-top: 1rem; }
  .item-project h3 {font-size: 1rem; font-weight: var(--weight-600); line-height: 25px; }

  #page_product .section-main {padding-top: 2.5rem; }
  #page_product h1 {font-size: 1.75rem; line-height: 32px; margin-bottom: 1.5rem; }

  .s-banner-head-slide h3 {font-size: 1.75rem; line-height: 40px; }

  .list-product .num-position span {height: 40px; width: 40px; font-size: 12px; }
  .list-product .num-position {margin-top: 0.5rem; margin-left: 0.5rem; }
  .list-product .item-product__content--price {font-size: 17px; line-height: 25px; }
  .cat-filter .filter-ul-form {padding-top: 1rem; }
  .cat-filter__item ul li {margin-bottom: 0.75rem; line-height: 21px; }
  .cat-filter .cat-filter__item {padding: 1.5rem 0; }

  .woocommerce .col2-set > div {padding: 0; }
  .woocommerce .col2-set {margin: 0; font-size: 0.875rem; }
  .woocommerce form .woocommerce-additional-fields textarea {height: 125px; }


  #page_detail_product .item-left .list-img-small .item-small{margin-bottom: 0;margin-right: 0.5rem;}
  #page_detail_product .item-left > .row > .list-img-small{padding-right: 0.5rem;}

  #page_detail_product .item-left .list-img-small .slick-arrow button {
    top: calc(50% - 15px); z-index: 99;
    transform: rotate(270deg);
  }
  #page_detail_product .item-left .list-img-small .slick-prev{left: 0.5rem; }
  #page_detail_product .item-left .list-img-small .slick-next{right: 1rem; }
  #page_detail_product .item-right h1 {font-size: 1.5rem; line-height: 30px; }
  .product-detail__content .item-right__filterColor {margin-top: 1rem; }
  .product-detail__content .pro__order {margin: 1.25rem 0; }

  .product-detail__info .nav-link {font-size: 15px; margin: 0 10px; }
  .product-detail__info > nav {margin-bottom: 1.5rem; }
  .product-detail__info .content{font-size: 15px;}

  #footer .footer-nav {padding: 2rem 0; }
  .pagination-list {margin: 1.5rem 0; }

} 



@media (max-width: 767px){
  #header .header__logo img {width: 100px; }
  .progress-wrap {right: 9px; }

  .send-form.send-form-fixed {
    height: 70px; width: 70px; font-size: 10px; right: 0.5rem;bottom: 90px;
  }
  .send-form svg{width: 20px;}

  .form-product-consulting {
    padding: 1.5rem 1rem;
    top: 15%;
    width: 300px;
    left: calc((100% - 300px)/2);
  }
   .form-product-consulting  h2 {
    font-size: 18px;
    margin-bottom: 1rem;
  }
  .form-product-consulting  .form-group input {
    height: 40px;
    font-size: 0.875rem;
    padding: 0.25rem 0.75rem;
  }
  .form-product-consulting .btn-submit button {height: 40px; max-width: 100%; }
  .form-product-consulting .form-group textarea {height: 100px; }


  .s-banner-head .banner-bg .item-slide .pa1 {padding-top: 90%; }
  .custom-arrow .flickity-prev-next-button {width: 40px; height: 40px; }
  .custom-arrow .flickity-prev-next-button.previous {left: 0.5rem; }
  .custom-arrow .flickity-prev-next-button.next {right: 0.5rem; }
  .s-banner-head h2 {font-size: 1.75rem; line-height: 35px; }
  .s-banner-head .txt-des {font-size: 0.875rem; line-height: 20px; }

  .slide-home.s-banner-head .banner-bg .item-slide .pa1 {padding-top: 80%; }
  .line-w {max-width: 100%; }
  .list-partner .item-partner {width: calc(100% / 3); }
  .home-partner {padding: 2.5rem 0; }
  .home-aboutus {padding: 2.5rem 0; }
  .title-head-home {font-size: 1.75rem; line-height: 30px; }
  .home-aboutus .txt-des {font-size: 0.875rem; line-height: 22px; }
  .home-cat-product .item-cat-pro {width: 100%; margin: 0; }
  .home-cat-product {padding-bottom: 2.5rem; }


  .home-project {padding: 2.5rem 0; }
  .home-project h2 {margin-bottom: 1.5rem; }
  .home-project .link-more-main {padding-top: 1.5rem; }


  .section-project {margin-top: 2rem; }
  .list-project.row {margin: 0 -0.35rem; }
  .list-project.row > div {padding: 0 0.35rem; }

  .list-project .item-project .news-date {
    margin-top: 0.5rem; margin-left: 0.5rem; padding: 2px 5px; 
  }
  .list-project .item-project .news-date .number {font-size: 15px; line-height: 17px; }
  .list-project .item-project .news-date span {font-size: 11px; }
  .item-project .item-project__content {margin-top: 0.35rem; }
  .item-project h3 {
    font-size: 15px; font-weight: var(--weight-600); line-height: 18px; margin-bottom: 5px;
  }
  .item-project .txt-des {font-size: 14px; line-height: 19px; }
  .item-project .link-more a {min-width: 100px; height: 35px; }
  .item-project {margin-bottom: 1.5rem; }
  .pagination-list {margin-bottom: 1.5rem; margin-top: 1rem;}


  #page_product .section-main {padding-top: 2rem; }
  #page_product h1 {font-size: 1.5rem; margin-bottom: 1rem; font-weight: var(--weight-600); }

  .list-product .row{margin: 0 -0.35rem;}
  .list-product .row > div {padding: 0 0.35rem; }
  .list-product .num-position span {height: 35px; width: 35px; font-size: 11px; }
  .list-product .item-product__content--price  del bdi {margin-left: 0.25rem; }

  #page_product .pagination-list {margin-top: 0.25rem; }
  .cat-filter__item h3, .widget-title {font-size: 17px; line-height: 27px; font-weight: bold;}



  #page_detail_project h1 {font-size: 1.25rem; line-height: 35px; }
  .posted-by-text { font-size: 0.875rem; }
  #page_detail_project .section-main {margin-top: 1rem; }
  #page_detail_project .section-main__content {font-size: 15px; }
  .tags-social .nav-tags li {margin-right: 0.5rem; }
  .tags-social .nav-tags li a {
    padding: 0.25rem 0.45rem; font-size: 0.875rem; font-weight: var(--weight-500);
  }
  .tags-social .nav-social li {margin-right: 1.5rem; }
  .tags-social .nav-social li svg{width: 22px;}

  #yith-woocompare  .added_to_cart, #yith-woocompare .button {
    font-size: 10px;
  }


  #page_aboutus .s-banner-head__content h2 {margin-bottom: 1rem; }
  .s-banner-head h2 {font-size: 1.5rem; line-height: 27px; }
  #page_aboutus .section-main {padding-top: 2rem; }

  #page_aboutus h1 { font-size: 1.75rem; line-height: 35px; }
  #page_aboutus .content-head__des {font-size: 17px; }
  #page_aboutus .item-content h3 {
    font-size: 18px; line-height: 24px; margin-bottom: 0.75rem; 
  }

  #page_aboutus .item-content .txt-content {font-size: 14px; }
  #page_aboutus .item-content .row > div {margin-bottom: 1rem; }
  #page_aboutus .item-content {margin-bottom: 0.5rem; }
  #page_aboutus .item-content .txt-content h5 {font-size: 16px; margin-bottom: 0.5rem; }


  #page_contact,#page_detail_project {padding: 2rem 0; }
  #page_contact h2 {font-size: 1.2rem;  margin-bottom: 1rem; }
  #page_contact .item-map {margin-bottom: 0.5rem; }

  #page_contact form input, #page_contact form textarea {
    font-size: 14px; padding: 0.5rem 0.75rem; 
  }
  #page_contact form input {height: 38px; }
  #page_contact form textarea {height: 110px; }
  #page_contact form button[type="submit"] {
    min-width: 140px; height: 40px; font-size: 15px; margin-top: 0; 
  }
  #page_contact iframe{height: 270px;}
  .footer-num-address .content {padding: 1rem; }
  .footer-num-address .content h2 {
    font-size: 1.25rem; line-height: 30px; margin-bottom: 0.75rem;
  }
  .footer-num-address .content p {
    font-size: 15px; line-height: 23px; 
  }
  .footer-num-address .container-content {width: 100%; padding: 1rem; }

  .link-more-home a {width: 135px; height: 40px; }

  #footer .footer-nav {padding: 1.5rem 0; }
  #footer .footer-nav h3 {font-size: 15px; line-height: 20px; padding-bottom: 0.75rem; }

  #footer .footer-nav ul li a {
    font-weight: var(--weight-600); font-size: 14px;
  }

  #footer .footer-bottom {padding: 1.5rem 0; }
  #footer .footer-bottom h3 {font-size: 16px; line-height: 20px; margin-bottom: 0.5rem; }
  #footer .footer-bottom .logo img {max-width: 150px; margin-right: 20px; min-width: 80px; }
  #footer .footer-bottom p {font-size: 14px; line-height: 21px; }

  .back-to-top {width: 40px; height: 40px; }

}



@media (min-width: 992px){
  #header .header__nav{display: flex;align-items: center;justify-content: center;}
  #header .header__nav .header-nav {display: flex; flex-wrap: wrap; position: relative;align-items: center; }
  #header .header__nav .header-nav > li >.sub-menu{display: none; }
  #header .header__nav .header-nav > .sub_w_full >.sub-menu{right: 0;}
  #header .header__nav .header-nav > li:hover >.sub-menu{
    position: absolute; background: var(--color-main); z-index: 100; display: flex; 
    flex-direction: column; padding: 0.5rem 0; top: 100%; min-width: 220px; max-width: 300px;
  }

  #header .header__nav .header-nav > li {
    display: flex; position: relative; text-transform: uppercase; margin: 0px 40px;
  }
  #header .header__nav .header-nav > li:first-child{margin-left: 0;}
  /*#header .header__nav .header-nav > li:last-child{margin-right: 0;}*/
  #header .header__cart{margin-left: 40px !important;}

  #header .header__nav .sub-menu li a {
    font-size: 14px; padding: 0.5rem 1rem; display: inline-block; color: #fff; width: 100%; 
    transition: 0.3s; 
  }
  #header .header__nav .sub-menu li a:hover{color: var(--color-main); background:#fff; }
  #header .header__nav li a {
    color: var(--color-BDBDBD); font-weight: var(--weight-700);
    font-size: 14px; line-height: 15px;
  }
  #header .header-nav > li > a{
    position: relative; color: var(--color-BDBDBD);
    padding: 1rem 0;
  }
  #header .header-nav > li > a::after{
    position: absolute; content: ''; width: 28px;
    height: 2px; background: #fff; left: calc(50% - 14px);
    bottom: 8px; opacity: 0;visibility: hidden;
  }
  #header .header-nav > li.current-menu-item > a::after{
    background: var(--color-main);
  }
  #header .header__nav li.current_page_item > a::after,
  #header .header-nav > li > a:hover::after{
    opacity: 1;
    visibility: visible;
  }

  #header .header-nav > li.current_page_item > a,
  #header .header-nav > li > a[aria-current="page"] {font-weight: var(--weight-500); }
  #header .header-nav a:hover, 
  #header .header-nav > li > a[aria-current="page"],
  #header .header-nav > li.current_page_parent  > a {color: #fff; }



  #header .header__nav .header-nav > li >.sub-menu > li{position: relative;}
  #header .header__nav .header-nav > li >.sub-menu > li > .sub-menu {
    opacity: 0;visibility: hidden;top: 0;padding: 0.5rem 0;
    position: absolute; right: 100%; min-width: 220px; max-width: 300px; background: var(--color-main); z-index: 99;
  }
  #header .header__nav .header-nav > li >.sub-menu > li:hover > .sub-menu {
    opacity: 1;visibility: visible;
  }

  .list-product-re .row > div{ flex: 0 0 auto; width:25%;}

}
@media (min-width: 1200px){
  	.container, .container-lg, .container-md, .container-sm, .container-xl {
     	max-width: 1160px;
  	}


    .product-detail__info .content{max-width: 465px;}
    .product-detail__info > .row > .col-48{width: 48%;}
    .product-detail__info > .row > .col-52{width: 52%;}

  	#page_contact .row {margin-left: -17.5px;margin-right: -17.5px; }
  	#page_contact .row > div{padding-left: 17.5px; padding-right: 17.5px; }
  	#page_contact .item-left{max-width: 665px; width: 665px; }
  	#page_contact .item-right{max-width: 505px; width: 505px; }

    #page_aboutus .item-content .row {margin: 0 -25px;}
    #page_aboutus .item-content .row > div{padding: 0 25px; }

    #page_detail_product .slick-arrow button {width: 35px;}

}


@media (min-width: 1300px){
  	.container, .container-lg, .container-md, .container-sm, .container-xl {
     	max-width: 1200px;
  	}
     #page_detail_product .slick-arrow button {width: 48px;}
    #page_detail_product .item-left > .row > .list-img-small{
      min-width: calc(100px + 26px); width: calc(100px + 26px); 
    }
    #page_detail_product .item-left > .row > .list-img-main{width: calc(446px + 26px);}


    #page_contact .container{max-width: 1209px;}
  	#page_contact .row {margin-left: -17.5px;margin-right: -17.5px; }
  	#page_contact .row > div{padding-left: 17.5px; padding-right: 17.5px; }
  	#page_contact .item-left{max-width: 700px; width: 700px; }
  	#page_contact .item-right{max-width: 520px; width: 520px; }
}
.table.compare-list td img {
  width: 100% !important;
  height: 300px;
  object-fit: cover;
}