/*
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.   ***************/
/*@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-bold-webfont.ttf) format('truetype');font-weight:bold;font-style:normal}
@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-regular-webfont.ttf) format('truetype');font-weight:normal;font-style:normal;}*/

/*body{font-family:  "Custom Font Name",  sans-serif}
.nav > li > a {font-family:  "Custom Font Name", sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Custom Font Name", sans-serif;}
.alt-font{font-family: "Custom font name", sans-serif;}*/
/*
a,p,h1, h2, h3, h4, h5, h6,span.widget-title,li{font-family: "brandon_text" !important;}
.stars a{font-family:'fl-icons'!important}
body {
    overflow: hidden;
}

.header-main .nav > li.menu-item > a {
    font-size: 14px;
    color: #2b2b2b;
    padding: 15px 20px;
}
.header-main .nav > li.menu-item {
    margin: 0;
}
*/


/* gio hang */
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th.product-name {
    border-top-left-radius: 10px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th {
    border-left: 1px solid var(--fs-color-primary);
    border-right: 1px solid var(--fs-color-primary)f;
    border-bottom: 1px solid var(--fs-color-primary);
    text-align: center;
    color: black;
    font-size: 14px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th.product-subtotal {
    border-top-right-radius: 10px;
}
.woocommerce-cart-form__cart-item.cart_item td {
    padding: 10px 10px;
}
.continue-shopping.pull-left.text-left {
    margin-right: 20px;
    margin-left: 20px !important;
}
.continue-shopping.pull-left.text-left a{
	border-radius: 5px;
}
button.button.primary.mt-0.pull-left.small {
    border: 1px solid var(--fs-color-primary);
    border-radius: 5px;
    width: 57%;
    text-align: center;
    padding-top: 1px;
    background: var(--fs-color-primary);
	color: #fff;
}
.cart-collaterals .cart-sidebar form.checkout_coupon button {
    border-radius: 5px;
}
.checkout_coupon button.button.expand {
    background: var(--fs-color-primary);
    border-radius: 5px;
    color: white;
}

div.woocommerce.row.row-large.row-divided > div.cart-collaterals.large-5.col.pb-0 > div > div > table:nth-child(1) {
    background: var(--fs-color-primary);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 5px;
    margin-bottom: 5px;
}
.cart_totals th.product-name {
    border-width: 0;
}
.cart_totals th.product-name {
    color: white;
    font-size: 20px;
    text-align: center;
}
.button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: var(--fs-color-primary);
    border-radius: 4px;
	color: white;
}

.button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: var(--fs-color-primary);
}

/* thanh toan */

.woocommerce-billing-fields {
    border-top: unset;
    padding-top: unset;
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
    margin-bottom: 25px;
	background: #fff;
}
form.checkout.woocommerce-checkout .large-5 .col-inner{
	background: #fff;
}
.woocommerce-billing-fields h3 {
    text-align: center;
    background: var(--fs-color-primary);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px;
    color: white;
	font-family: Quicksand, sans-serif; 
}
.woocommerce-checkout .content-area.page-wrapper {
    h3 {
        text-align: center;
    }
}
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
    padding: 5px 10px;
}
.woocommerce-additional-fields h3 {
    border: 1px solid var(--fs-color-primary);
    padding: 5px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	font-family: Quicksand, sans-serif; 
}
.has-border {
    border: 1px solid  var(--fs-color-primary);
    padding: 5px 20px;
    border-radius: 10px;
}
h3#order_review_heading {
    text-align: center;
    color: black;
	font-family: Quicksand, sans-serif; 
}

.button.disabled, .button[disabled], button.disabled, button[disabled] {
    opacity: unset;
}


/* Header */

.header-wrapper:not(.stuck) .header-main .header-nav ul.sub-menu.nav-dropdown.nav-dropdown-default.nav-dropdown-full{
		display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default.nav-dropdown-full li.menu-item{
	float: left;
    width: calc(100% / 4);
    padding: 10px;
    text-align: left;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: unset;
    margin: 0 10px;
    padding-left: 0;
    padding-right: 0;
	text-transform: capitalize;
}
.nav>li>a {
    font-size: 1em;
}
.nav-column li>a, .nav-dropdown>li>a {
    display: block;
    line-height: 1;
    padding: 5px 10px;
    width: auto;
}
/* .nav-column li>a, .nav-dropdown>li>a {
    line-height: 0.8;
} */
ul.sub-menu.nav-dropdown.nav-dropdown-default.nav-dropdown-full li.menu-item ul li.menu-item{
	float: unset;
    width: unset;
    padding: unset;
    text-align: unset;
}

ul.sub-menu.nav-dropdown.nav-dropdown-default.nav-dropdown-full li.menu-item a{
	color: var(--fs-color-primary);
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
  	font-size: 18px;
}

ul.sub-menu.nav-dropdown.nav-dropdown-default.nav-dropdown-full li.menu-item ul li.menu-item a{
	font-weight: normal !important;
     text-transform: none !important;
     color: #000;
     font-size: 16px;
}
.header-wrapper:not(.stuck) .header-main .header-nav {
    position: relative;
    background: var(--fs-color-primary);
    border-radius: 15px 15px 0 0;
    z-index: 9;
	order: 2;
	margin-top: 8px;
}
#top-bar li.html.custom.html_topbar_left{
	font-size: 16px;
}
.header-main ul li.menu-item {
    order: 2;
}
li.html.custom.html_topbar_right {
    order: 1;
    width: 100%;
}
ul.ul-contact {
    display: flex;
    background: #ebf9ff;
    gap: 40px;
    list-style: none;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    padding: 10px 0;
}
ul.ul-contact .contact{
	display: inline-grid;
    font-weight: bold;
    font-size: 16px;
}
ul.ul-contact li{
	-ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
header.header .ul-contact li svg {
    margin-right: 10px;
    min-width: 20px;
}
.header-main .nav > li > a {
    line-height: 54px;
    color: #fff;
}
.nav-box>li.active>a, .nav-pills>li.active>a {
    background-color: var(--fs-color-secondary);
    color: #fff;
    opacity: 1;
}
ul.nav.top-bar-nav.nav-right.nav-small.nav-box li a.header-cart-link.is-small{
	padding-top: 0px;	
}
.search-smart {
    position: relative
}

.search-smart .header-search-form {
    position: initial;
    border-radius: 6px;
    overflow: hidden;
    height: 40px;
	width: 400px;
}
.search-smart .header-search-form input {
    width: 100%;
    display: block;
    height: 100%;
    padding-right: 80px;
    padding-left: 10px;
    border: 0
}
.search-smart .header-search-form input::placeholder {
    font-size: 16px;
    color: #999;
}

.search-smart .header-search-form input::-webkit-input-placeholder {
    font-size: 16px;
}

.search-smart .header-search-form input::-moz-placeholder {
    font-size: 16px;
}

.search-smart .header-search-form input:-ms-input-placeholder {
    font-size: 16px;
}

.search-smart .header-search-form input::-ms-input-placeholder {
    font-size: 16px;
}

.search-smart .header-search-form button {
    position: absolute;
    right: -12px;
    width: 40px;
    height: 40px;
    background: #f3bd01;
    border: 0;
    border-radius: 5px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center
}

.search-smart .header-search-form button svg {
    min-width: 20px;
    min-height: 20px
}

.search-smart .header-search-form button svg path {
    fill: #fff
}

.search-smart .header-search-form button:hover {
    opacity: 0.8
}

.search-suggest {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #fff;
    border: solid 1px #dfe3e8;
    display: none;
    position: absolute;
    top: 100%;
    border-radius: 8px;
    max-height: 550px;
    overflow-y: auto
}
.splq .total-discount{
	display: none;
}
footer strong{
	color: var(--fs-color-secondary);
}
.button:hover, .dark .button.is-form:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    box-shadow: none;
}

.section_about .title-smail {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: #000;
    padding: 0;
    margin: 0 0 5px;
    display: inline-block;
    position: relative;
}
.section_about .title-smail p{
	margin-bottom: 0px;
}

.section_about .title {
    font-weight: 400;
    font-size: 48px;
    line-height: 56px;
    z-index: 9;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color: var(--fs-color-primary);
    font-weight: 700;
}
.section_about .title p{
	margin-bottom: 0px;
}
.section_about .content {
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
	margin-top: 20px;
	font-weight: 600;
}
.section_about .accordion .toggle {
    right: 0 !important;
	left: unset;
}
.section_about .accordion-item{
	padding-left: 10px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;

}	
.section_about .accordion-item .accordion-inner{
	margin-top: 0px;
    padding-left: 0px;
    font-size: 14px;
    padding: 5px;
}
.section_about .accordion-title.active {
    background-color: transparent;

}
.section_about .accordion-item a{
	padding-left: 0px;
	font-size: 16px;
    position: relative;
    padding-right: 10px;
    font-weight: 700;
    cursor: pointer;
}
.section_about .accordion-title {
    border-top: unset !important;
}

.section_why .bg{
    background-size: contain !important;
    background-position: bottom !important;
}

.section_why .title {
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    z-index: 9;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color: var(--fs-color-primary);
    font-weight: 700;
}
.section_why .title p{
	margin-bottom: 10px;
}
.section_why .col.about-left{
	position: relative;
}

.section_why .content {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 20px;
	font-weight: 600;
}
.section_why .cc .col .col-inner {
    background: #fff;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
}
.section_why .box-image img{
	display: inline-block;
    padding: 20px;
    border-radius: 50%;
    background: #ebf9ff;
    transition: all .5s ease;
}
.section_why .box-image img:hover {
    transform: scale(0.8);
}
.section_why .content-item h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    color: #212529;
}
button, li {
    transition: all .4s ease;
}
.section_why .content-item h4{
	    font-size: 14px;
    text-align: justify;
    display: block;
    color: #212529;
    font-weight: 100;
    margin-top: 10px;
}

.section_quy_trinh .title {
    font-size: 48px;
    line-height: 56px;
    z-index: 9;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color: var(--fs-color-primary);
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
	font-weight: 600;
}
.section_quy_trinh{
	 background-image: url(https://solar.theme.trueads.vn/wp-content/uploads/2024/10/h3_bg1.webp);
    background-position: center;
    background-repeat: no-repeat;
}
.section_quy_trinh .quytrinhcol {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 30px;
}
.section_quy_trinh .col-inner{
	 text-align: center;
    position: relative;
}
.section_quy_trinh .box-image img{
	display: inline-block;
    padding: 20px;
    border-radius: 50%;
    background: #fff;
    transition: all .5s ease;
	width: 104px;
}

.section_quy_trinh .thumb h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    position: relative;
	opacity: 1;
}
.section_quy_trinh .quytrinhcol .col-inner:hover .thumb h3 {
	opacity: 0;
}

.section_quy_trinh .col-inner .quytrinhcol .content-item p{
	opacity: 0;
	 position: absolute;
    top: 0;
    display: block;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
    z-index: 9;
    transition: all 0.2s ease 0s;
    font-weight: 500;
	
}
.section_quy_trinh .quytrinhcol .col-inner:hover .content-item p{
	 opacity: 1;
	 z-index: 9;
    transition: all 0.2s ease 0s;
	cursor: pointer;
}
.section_quy_trinh .quytrinhcol .col-inner:hover .box-image img{
	transform: scale(0.8);
}
.section_noibat .title {
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    z-index: 9;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color: var(--fs-color-primary);
    font-weight: 700;
    text-align: center;
}
.section_noibat .item .col-inner{
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
}
.section_noibat .item .item-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--fs-color-primary);

}
.section_noibat .item .item-title p{
	  margin-bottom: 10px;
}

.section_noibat .item .item-content {
    font-size: 14px;
}

.section_tab_product .title h2{
    font-size: 48px;
    line-height: 56px;
    z-index: 9;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color: var(--fs-color-primary);
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
.section_tab_product .nav-box>li.active>a, .nav-pills>li.active>a {
    background-color: var(--fs-color-secondary) !important;
    color: #fff;
    opacity: 1;
	border: none !important;
}
.section_tab_product .tabs-title .nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: var(--fs-color-primary);
    transition: all .2s;
}
.section_tab_product .tabs-title ul li{
	margin-bottom: 0;
    cursor: pointer;
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
    padding-right: 12px;
    font-size: 15px;
    flex: 0 0 auto;
    white-space: nowrap;
    text-align: center;
    position: relative;
}
.section_tab_product .tabs-title ul li a{
	 font-size: 16px;
    position: relative;
    display: block;
    font-weight: 600;
    border: 1px solid var(--fs-color-primary);
    border-radius: 15px;
}
.section_1_banner .image-effect-banner .thumb-text .section_1_banner_title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}
.section_1_banner .image-effect-banner .thumb-text .section_1_banner_title p{
    margin-bottom: 10px;
}
.section_1_banner .image-effect-banner .thumb-text .section_1_banner_content {
    margin-bottom: 10px;
}
.section_1_banner .image-effect-banner .thumb-text .see-more {
    color: #fff;
    border-color: #fff;
}
.section_1_banner .image-effect-banner .thumb-text .col-inner{
	margin-top: 50px;
}
.see-more {
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    position: relative;
    font-weight: 600;
    padding: 0px 20px;
    border: 1px solid var(--fs-color-primary);
    border-radius: 15px;
    color: var(--fs-color-primary);
    display: inline-block;
}
.see-more:hover {
    color: #fff;
    border-color: var(--fs-color-secondary);
    background: var(--fs-color-secondary);
	box-shadow: none;
}

.section_duan_dalam .title h3{
    font-size: 48px;
    line-height: 56px;
    z-index: 9;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color: var(--fs-color-primary);
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
.section_duan_dalam .col.post-item .col-inner:hover{
	background: #ebf9ff;
}

.section_duan_dalam .col.post-item .col-inner{
    border-radius: 15px;
    overflow: hidden;
    transition: all .4s ease;
}
.section_duan_dalam .col.post-item .col-inner .box-text h5 a{
	padding: 5px;
	overflow: hidden;
	-webkit-line-clamp: 2;
    height: calc(1em* 1.4* 2);
}
.section_duan_dalam .box-text-inner.blog-post-inner {
    padding-left: 5px;
}
.section_duan_dalam .col.post-item .col-inner .is-divider{
	display: none;
}
.section_duan_dalam a.button.primary.is-outline.is-small.mb-0{
    text-align: center;
    font-size: 16px;
    position: relative;
    font-weight: 600;
    padding: 0px 20px;
    border: 1px solid var(--fs-color-primary);
    border-radius: 15px;
    color: var(--fs-color-primary);
    display: inline-block;
     opacity: 0;
}
.section_duan_dalam .col.post-item .col-inner:hover a.button.primary.is-outline.is-small.mb-0{
	opacity: 1;
}
.section_duan_dalam a.button.primary.is-outline.is-small.mb-0:hover{
	color: #fff;
    border-color: var(--fs-color-secondary);
    background: var(--fs-color-secondary);
}
.badge.post-date {
    top: 7%;
    position: absolute;
    text-align: center;
    right: 0px;
    top: 0;
    background: var(--fs-color-primary);
    border-radius: 0 5px 0 5px;
    padding: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    left: unset;
}
footer{
	color: #fff;
}
.absolute-footer.dark.medium-text-center.text-center{
	padding: 10px 0;
    font-size: 16px;
    color: #fff;
    border-top: 1px solid #f3bd01;
}
.section_duan_dalam .block-blog {
    background: #fff;
    padding: 10px;
    border-radius: 15px;
}
.primary, input[type=submit], input[type=submit].button {
    background-color: transparent;
}
.button, input[type=button].button, input[type=reset].button, input[type=submit], input[type=submit].button {
    background-color: transparent;
    border-color: none;
    color: var(--fs-color-primary);
}
.section_blog .block-blog .col-inner {
    background: #fff;
    padding: 10px;
    border-radius: 15px;
} 
.section_blog .see-more {
    width: 100%;
}
.section_blog .title h3 {
    font-size: 35px;
    line-height: 56px;
    z-index: 9;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color:var(--fs-color-primary);
    font-weight: 700;
    text-align: left;
}
.section_blog .item-blog .col-inner{
	position: relative;
    transition: all ease 0.31s;
    display: flex;
}
.section_blog .item-blog .col-inner .box-text h5{
	font-size: 18px;
    font-weight: 700;
}
.section_blog .item-blog .post-meta.is-small.op-8{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    color: var(--fs-color-primary);
}
.section_blog .item-blog .post-meta.is-small.op-8:before{
 	width: 20px;
	height: 20px;
	content: '\f073';
	padding-right: 5px;
	font-family: "Font Awesome 5 Pro";
}
.section_blog .item-blog .col{
	padding-bottom: 0px;
}
.section_blog .item-blog .col-inner .is-divider{
	display: none;
}
.section_blog .item-blog .box-image{
	width: 40%;
}
.section_blog .item-blog .box-image img{
	border-radius: 15px;
}
.section_blog .item-blog .box-text{
	width: 60%;
	padding-right: 0px;
}
.section_danhgia {
    background: linear-gradient(rgba(13, 43, 107, 0.7), rgba(13, 43, 107, 0.19)), 		url(//bizweb.dktcdn.net/100/487/020/themes/911678/assets/background_danhgia.jpg?1705897467173);
    padding: 50px 0;
    background-size: cover;
}
.section_danhgia .title {
    font-weight: 400;
    font-size: 48px;
    line-height: 56px;
    z-index: 9;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.section_danhgia .member .box-image{
	z-index: 2;
    width: 200px;
    height: 200px;
    margin: auto;
    overflow: hidden;
    display: block;
    position: relative;
    background: var(--fs-color-primary);
    border-radius: 50%;
}

.section_danhgia .member .box-image img{
	width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%;
    padding: 10px;
}
.section_danhgia .member .box-text{
	 color: #000 !important;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    padding-top: 100px;
    margin-top: -100px;
    z-index: 1;
}

.section_danhgia .member span.person-name {
    font-size: 30px;
    font-weight: 700;
    color: var(--fs-color-primary);
    margin-bottom: 0;
}
.section_danhgia .member span.person-title{
    color: #f3bd01;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--fs-color-primary);
    font-size: 16px;
	text-transform: math-auto;
}

.section_danhgia .member .box-text-inner p{
	 margin-bottom: 0;
    font-size: 16px;
    text-align: justify;
	color: #000;
}
.section_brand .col.about-right{
	padding-bottom: 0px;
}
.section_brand .title {
    font-weight: 400;
    font-size: 48px;
    line-height: 56px;
    z-index: 9;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color: var(--fs-color-primary);
    font-weight: 700;
}
.section_brand .title p{
    margin-bottom: 10px;
}
.section_brand .content {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 20px;
}
.section_brand .row{
	position: relative;
}
.section_brand .col.about-left .col-inner{
    top: 25%;
}
.section_danhgia .item .content {
    color: #000;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    padding-top: 100px;
    margin-top: -100px;
}
footer .mid-footer .title-menu h4{
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
    color: var(--fs-color-secondary);
    font-weight: 700;
    text-transform: uppercase;
}

.mid-footer .gallery-col.col .box-image img {
    width: 50px;
}
.mid-footer .social-footer .gallery-col.col .box-image img {
    width: 32px;
}
.mid-footer .social-footer .gallery-col.col{
	margin-left: -35px;
}
.mid-footer .content-ft{
	font-size: 14px;
}
.mid-footer .group-address p{
	margin-bottom: 15px;
}
.mid-footer .list-menu p{
	margin-bottom: 5px;
}
.mid-footer .social-footer .gallery-col.col:first-child{
	margin-left: 0px;
}

/* giới thiệu */

.page-about .thumb .col-inner{
	height: 100%;
    padding: 30px;
    background: #fff;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-about .item .noi-dung .col-inner{
   height: 100%;
	padding: 30px;
	background: #fff;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.page-about .item .image .col-inner{
    border-radius: 15px;
    display: flex;
    align-items: center;
    height: 100%;
    background: #fff;
    overflow: hidden;
}

.page-about .title h2{
    font-size: 48px;
    line-height: 56px;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color: var(--fs-color-primary);
    font-weight: 700;
    margin-bottom: 15px;
}
.bread-crumb{
	    background: #fff;
    margin-bottom: 30px;
}
.bread-crumb .col{
	padding: 0px;
}
.breadcrumb{
    margin: 0;
    font-size: 14px;
    padding: 15px 0px;
    border-radius: 0;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    text-align: left;
	margin-left: 30px;
}
.breadcrumb span a{
	padding: 0 3px;
	
}
.breadcrumb span.breadcrumb_last{
	 color: #f3bd01;
    font-weight: 400;
}
.section-banner-shop .banner-shop img{
	border-radius: 15px;
}

.category-page-row .all-title-order .text-center{
	display: none;
}
.category-page-row{
	padding-top: 0px;
}

.product-small{
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease;
}
.product-small .box-image img{
    padding: 10px;
	border-radius: 15px;
}
.product-small .title-wrapper p.name a{
	font-size: 16px;
	font-weight: 600;
}
.product-small .price-wrapper .price{
	margin-top: 10px;
	margin-bottom: 20px;
}
.product-small .price-wrapper .price span.amount{
    margin-top: 5px;
    position: relative;
    color: var(--fs-color-primary);
    font-weight: 700;
    font-size: 16px;;
}
  .product-small .col-inner:hover {
       background: #ebf9ff;
	  border-radius: 15px;
   }

.row.category-page-row .product-small .add-to-cart-button a {
    font-size: 13px;
}
.product-small .badge-inner {
    background-color: var(--fs-color-primary);
    color: #fff;
    display: table-cell;
    font-weight: bolder;
    height: 100%;
    line-height: .85;
    padding: 2px;
    text-align: center;
    transition: background-color .3s, color .3s, border .3s;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    position: absolute;
    top: -10px;
    left: 10px;
    background: red;
    text-align: center;
    width: auto;
    height: auto;
    font-size: 14px;
    color: white;
    z-index: 5;
    line-height: 26px;
    padding: 0px 20px;
    border-radius: 15px;
}
.product-small .add-to-cart-button a{
	background: transparent;
    border: 2px solid var(--fs-color-primary);
    border-radius: 15px;
    font-size: 14px;
    font-weight: 700;
    color: var(--fs-color-primary);
    opacity: 0;
}
.product-small .col-inner:hover .add-to-cart-button a{
	opacity: 1;
}
.product-small .add-to-cart-button a .is-outline:hover, .primary.is-outline:hover {
    background-color: var(--fs-color-secondary);
    border-color: transparent;
    color: #fff;

}
.product-small .add-to-cart-button a:before{
	width: 20px;
	height: 20px;
	content:'\f217';
	font-family: "Font Awesome 5 Pro";
	padding-right: 5px;
}


/* Câu hỏi thường gặp */
.page-faq .faq .accordion-title.active {
    background-color: var(--fs-color-primary);
    color: #fff;
    border-radius: 5px 5px 0 0;
    padding: 15px;
}
.page-faq .faq .accordion-item a {
    padding-left: 0px;
    font-size: 16px;
    position: relative;
    padding-right: 10px;
    font-weight: 700;
    cursor: pointer;
    background: #e3e3e3;
}
.page-faq .accordion{
	padding-bottom: 10px;
}
.page-faq .accordion .toggle{
	display: none;
}
.page-faq .faq .content{
	display: block;
    border: 1px solid #ACACAC;
    padding: 15px 20px;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}
.page-faq .accordion-item{
    border-radius: 5px;
    margin-bottom: 10px;
	background: #e3e3e3;
}	
.page-faq .accordion-item .accordion-inner{
	margin-top: 0px;
    padding-left: 0px;
    font-size: 14px;
    padding: 0px;
	 background: #fff;
}
.page-faq .accordion-item a{
	padding-left: 15px;
	font-size: 18px;
    position: relative;
    padding-right: 10px;
    font-weight: 700;
    cursor: pointer;
}
.page-faq .faq .content p {
    margin-bottom: 0;
    font-size: 16px;
}
.page-faq .accordion-title {
   border-top: transparent;
}
.page-faq .faq-title h3{
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
}
.page-faq .faq-title h3:before {
    background: var(--fs-color-primary);
    content: '';
    right: 0;
    left: 0;
    position: absolute;
    bottom: -6px;
    height: 3px;
    display: block;
    z-index: 1;
    width: 10%;
}

.page-faq .contact .content-form {
    padding: 5px;
    display: block;
	font-size: 14px;
}

.page-faq .contact .col-inner{
    margin-bottom: 20px;
    border-radius: 15px;
    padding: 20px;
    background: #fff;
}

.page-faq .content-page .col-inner {
    padding: 20px;
    background: #fff;
    border-radius: 15px;
}

.contact input, .page-faq .contact textarea {
    border: 1px solid #e1e1e1;
    width: 100%;
    margin-bottom: 10px;
    outline: none;
    font-size: 14px;
    border-radius: 8px;
    padding: 5px 20px;
    border: 1px solid #e6e6e6;
	box-shadow: none;
}

 input:hover, select:hover, textarea:hover {
    	box-shadow: none;
}
.contact .btn-lienhe{
    background: var(--fs-color-primary);
    color: #fff;
    border: initial;
    padding: 0 20px;
    line-height: 35px;
    font-size: 14px;
    border-radius: 8px;
	width: 50%;
}

.contact .btn-lienhe:hover{
    background-color:var(--fs-color-secondary);
}

/* liên hệ */
.page-contact .contact .col-inner,
.page-contact .form-contact .col-inner {
     padding-bottom: 0px;
    padding-left: 10px;
    background: #fff;
    border-radius: 15px;
}
.page-contact .contact .icon-inner{
	width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--fs-color-primary);
    border-radius: 50%;
}
.page-contact .contact .icon-box-img{
	margin-right: 10px;
}
.page-contact .contact .info{
	font-size: 14px;
}
.page-contact .contact strong{
	color: var(--fs-color-primary);
}
.page-contact .contact .icon-box-img svg {
    width: 16px;
    color: var(--fs-color-primary);
}
.contact .btn-lienhe,
.form-contact .btn-lienhe{
    background: var(--fs-color-primary);
    color: #fff;
    border: initial;
    padding: 0 20px;
    line-height: 35px;
    font-size: 14px;
    border-radius: 8px;
	width: 50%;
}

.form-contact .btn-lienhe:hover{
	background-color:var(--fs-color-secondary);
}

.form-contact input, .form-contact textarea {
    border: 1px solid #e1e1e1;
    width: 100%;
    margin-bottom: 10px;
    outline: none;
    font-size: 14px;
    border-radius: 8px;
    padding: 5px 20px;
    border: 1px solid #e6e6e6;
	box-shadow: none;
}

.page-contact .contact h4 ,
.page-contact .form-contact h4{
    margin-bottom: 15px;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: var(--fs-color-primary);
    display: inline-block;
}

/* Đặt lịch khảo sát */
.form-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.form-group {
    flex: 1 1 45%;
    display: flex;
    flex-direction: column;
}
.form-container .form-group input{
	border-radius: 4px;
    height: 35px;
    font-size: 15px;
    border: 1px solid #000;
    border-bottom: 2px solid var(--fs-color-primary);
    padding: 1px 10px;
}
.note-group textarea{
	border-radius: 4px;
    height: 35px;
    font-size: 15px;
    border: 1px solid #000;
    border-bottom: 2px solid var(--fs-color-primary);
    padding: 1px 10px;
}
.note-group {
    margin-top: 10px;
}
.page-datlich .call{
	 display: inline-block;
    width: 100%;
    text-align: center;
    color: #000;
    padding: 0 10px;
    font-size: 14px;
}
.btn-datlich {
    margin-top: 20px;
}
.page-datlich input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-datlich {
    background: var(--fs-color-primary);
    color: #fff;
    border: none;
    margin: 0;
    margin-top: 10px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: none;
    font-size: 15px;
    padding: 5px 20px;
}
.button-group{
	text-align: center;
}
.page-datlich .pagelogin .col-inner{
    padding: 10px;
    background: #fff;
    border-radius: 15px;
    height: 100%;
}
.page-datlich .image .col-inner{
    border-radius: 15px;
    display: flex;
    align-items: center;
    height: 100%;
    background: #fff;
    overflow: hidden;
}
.page-datlich .thumb .col-inner{
    height: 100%;
    padding: 30px;
    background: #fff;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-datlich .thumb .title h2{
    font-size: 48px;
    line-height: 56px;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color: var(--fs-color-primary);
    font-weight: 700;
    margin-bottom: 15px;
}
.page-datlich .thumb .content p{
    font-size: 16px;
}
.page-datlich .wpcf7-spinner{
	display: none !important;
}

/* Sản phẩm */
aside#woocommerce_product_categories-3 {
    margin-bottom: 30px;
    background: #fff;
    padding: 5px 10px;
    border-radius: 15px;
}
aside#woocommerce_product_categories-3 .is-divider{
	display: none;
}
span.widget-title.shop-sidebar {
    margin-bottom: 15px;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: var(--fs-color-primary);
    display: inline-block;
    padding-top: 10px;
    text-transform: capitalize;
}
ul.product-categories li a{
	display: block;
    padding: 8px 0;
    font-size: 16px;
    color: #000;
    font-weight: 700;
}
aside#text-3 {
    border: 2px solid var(--fs-color-primary);
    padding: 0px 10px;
    border-radius: 5px;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: var(--fs-color-primary);
    border-style: dashed;
    margin-bottom: 20px;
}
aside#text-3 .is-divider{
	display: none;
}
aside#wpc_smart_price_filter-3 {
    margin-right: 0px;
    position: relative;
    float: left;
    width: 100%;
    padding: 10px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 15px;
}
aside#wpc_smart_price_filter-3 .is-divider{
	display: none;
}
.row.category-page-row .col.large-9{
	margin-right: 0px;
    position: relative;
    float: left;
    width: 100%;
    padding: 10px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 15px;
}
.blog-wrapper .section_blog{
	padding-left: 0px !important;
	padding-right: 0px;
}
aside#categories-5 {
	    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
    border-radius: 15px;
}
aside#categories-5 .is-divider{
	display: none;
}
aside#categories-5  span.widget-title{
	   margin-bottom: 0;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: var(--fs-color-primary);
}

aside#search-3 {
	margin-bottom: 30px;
    background: #fff;
    padding: 20px;
    border-radius: 15px;
}
aside#search-3 .is-divider{
	display: none;
}
aside#search-3 span.widget-title{
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: var(--fs-color-primary);
}

aside#search-3 .searchform {
    position: relative;
    margin-top: 30px;
}
aside#search-3 form.searchform .flex-grow {
	overflow: hidden;
    position: relative;
    margin-bottom: 0px;
    max-width: 500px;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid var(--fs-color-primary);
}
aside#search-3 form.searchform .flex-col button{
	    position: absolute;
    right: 1px;
    width: 60px;
    height: 34px;
    background: #f3bd01;
    border: 0;
    border-radius: 5px;
    top: 1px;
}
aside#search-3 .icon-search:before {
    content: "";
    color: #fff;
}
.flex-col.medium-text-center form.woocommerce-ordering .orderby {
    display: none;
}
.widget>ul>li ul, ul.menu>li ul {
    border-left: unset;
}

/* Tin tức */
.blog-wrapper .is-divider{
	display: none;
}
.blog-wrapper h5.post-title.is-large{
	font-size: 18px;
}
.blog-wrapper .post-meta{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    color: var(--fs-color-primary);
	padding-top: 10px;
}
.blog-wrapper .post-meta:before{
 	width: 20px;
	height: 20px;
	content: '\f073';
	padding-right: 5px;
	font-family: "Font Awesome 5 Pro";
}
.blog-wrapper .box-image{
	border-radius: 15px;
}
.section_blog_page .block-blog .col-inner {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
} 
.section_blog_page .see-more {
    width: 100%;
}
.section_blog_page .title h3 {
    font-size: 35px;
    line-height: 56px;
    z-index: 9;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color: var(--fs-color-primary);
    font-weight: 700;
    text-align: left;
}
.section_blog_page .item-blog .col-inner{
	position: relative;
    transition: all ease 0.31s;
    display: flex;
}
.section_blog_page .item-blog .col-inner .box-text h5{
	font-size: 17px;
    font-weight: 700;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: calc(1em* 1.4* 2);
}
.section_blog_page .item-blog .post-meta.is-small.op-8{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    color:var(--fs-color-primary);
}
.section_blog_page .item-blog .post-meta.is-small.op-8:before{
 	width: 20px;
	height: 20px;
	content: '\f073';
	padding-right: 5px;
	font-family: "Font Awesome 5 Pro";
}
.section_blog_page .item-blog .col{
	padding-bottom: 0px;
}
.section_blog_page .item-blog .col-inner .is-divider{
	display: none;
}
.section_blog_page .item-blog .box-image{
	width: 40%;
}
.section_blog_page .item-blog .box-image img{
	border-radius: 15px;
}
.section_blog_page .item-blog .box-text{
	width: 60%;
	padding-right: 0px;
}
.section_blog_page{
	padding: 0px !important;
}
.section_blog_page .row{
	padding: 10px;
}
.lagre9 #comments{
	display: none !important;
}
#respond{
	display: none !important;
}

/* Chi tiết sản phẩm */
.support-product .col-inner{
	 width: 100%;
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    min-height: 100%;
}

.support-product .title{
	width: 100%;
    text-align: center;
    font-size: 14px;
    margin: 0;
    font-weight: 700;
}
.support-product .title2 p{
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
    margin: 0;
    font-weight: normal;
}
.support-product .phone p{
    width: 100%;
    margin-top: 10px;
    display: block;
    text-align: center;
    line-height: 1.1;
	font-size: 29px;
    font-weight: 600;
    color: var(--fs-color-primary);
    text-decoration: none;
	margin-bottom: 10px;
}
.support-product .or {
    width: 100%;
    margin: 10px 0;
    color: #7a7d8d;
    text-align: center;
    line-height: 1.1;
}
.support-product .or p {
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    transform: translateY(50%);
    font-size: 13px;
	margin-bottom: 0px;
}
.support-product .or:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #ededed;
}
.support-product .title3 p{
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin: 0;
    font-weight: 700;
}

.support-product a.see-more{
	text-align: center;
    margin-top: 20px;
    font-size: 16px;
    position: relative;
    font-weight: 600;
    border-radius: 15px;
    display: inline-block;
    width: 100%;
    background: var(--fs-color-primary);
    color: #fff;
}
.support-product a.see-more:hover{
	background: var(--fs-color-secondary);
	color: #fff;
}
.layout-product .details-pro .col-inner{
    background: #fff;
    border-radius: 15px;
    padding: 10px;
	min-height: 100%;
}
.layout-product .flickity-slider a {
    padding-bottom: 100%;
    display: block;
    height: 0;
    background: #fff;
    overflow: hidden;
    border-radius: 15px;
}
.product-thumbnails.thumbnails.slider-no-arrows.slider.row.row-small.row-slider.slider-nav-small.small-columns-4.is-draggable.flickity-enabled {
    margin-top: 10px !important;
    padding: 10px;
    background: #fff;
    border-radius: 15px;
}
.section_blog .ctsp .related{
	display: none;
}
.layout-product .details-pro .breadcrumbs{
	display: none;
}
.layout-product .details-pro .is-divider{
	display: none;
}
.layout-product .details-pro .product-details .sku_wrapper{
	margin-bottom: 0px;
}
.layout-product .details-pro .price-wrapper{
	margin-bottom: 20px;
    padding: 10px;
    border-radius: 5px;
    background: #ebf9ff;
}
.layout-product .details-pro .price-wrapper .product-page-price ins bdi{
    font-size: 30px;
    font-weight: 600;
    color: var(--fs-color-primary);
    display: inline-block;
}

form.cart .ux-quantity.quantity.buttons_added:before {
    content: 'Số lượng:';
    position: absolute;
    top: -26px;
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #1a1a1a;
}

form.cart .ux-quantity.quantity.buttons_added {
    margin-bottom: 1em;
    margin-right: 30vh;
	display: block;
    width: 100%;
    min-height: 30px;
    font-size: 1em;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    width: auto;
    float: left;
    position: relative;
    padding: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid var(--fs-color-primary);
    border-radius: 5px;
    padding: 2px;
	margin-top: 20px;
}


form.cart .ux-quantity.quantity.buttons_added input.ux-quantity__button.ux-quantity__button--minus.button.minus.is-form {
    width: 35px;
    height: 35px;
    background: var(--fs-color-primary);
    border-radius: 5px !important;
    color: #fff;
}
form.cart .ux-quantity.quantity.buttons_added .input-text.qty{
	border: 0;
    width: 60px !important;
	max-width: 60px;
    text-align: center;
    box-shadow: none;
    border-radius: 8px;
    font-size: 15px;
}
form.cart .ux-quantity.quantity.buttons_added input.ux-quantity__button.ux-quantity__button--plus.button.plus.is-form {
    width: 35px;
    height: 35px;
    background: var(--fs-color-primary);
    border-radius: 5px !important;
    color: #fff;
}

ul.tabs.wc-tabs.product-tabs li.reviews_tab{
	display: none;
}
.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content ul li.active a, .woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content ul li:hover a {
    background: var(--fs-color-primary);
    color: #fff;
    border: 1px solid var(--fs-color-primary);
}
.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content ul li a{
	color: var(--fs-color-primary);
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 40px;
    border: 1px solid var(--fs-color-primary);
    border-radius: 5px;
}
.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content ul li a:before{
	content: unset;
}
.section_blog .ctsp .col-inner{
	padding: 10px;
    background: #fff;
    border-radius: 15px;
    min-height: 100%;
}
.section_blog .splq .related.related-products-wrapper {
	margin-top: 30px;
    padding: 10px;
    background: #fff;
    border-radius: 15px;
}
.section_blog .splq .related.related-products-wrapper h3 {
	font-size: 48px;
    line-height: 56px;
    z-index: 9;
    padding: 0;
    margin: 0 0;
    position: relative;
    display: block;
    color: var(--fs-color-primary);
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
	text-transform: math-auto;
}
.layout-product .badge-container{
	display: none;
}

form.cart button.single_add_to_cart_button.button.alt {
    border: 2px solid var(--fs-color-primary);
    height: 50px;
    padding: 0 0px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    width: 100%;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
form.cart button.single_add_to_cart_button.button.alt:hover{
	background: var(--fs-color-secondary);
	color: #fff;
	border: none;
}
 .product_meta{
	display: none;
}
p.total-discount{
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: 100;
}
p.total-discount span.amount{
	color: #ef1104;
}
.price-wrapper p.price.product-page-price{
    display: block;
    font-size: 30px;
    font-weight: 600;
    color: var(--fs-color-primary);
    display: inline-block;
}
.price-wrapper p.price.product-page-price.price-on-sale{
		font-size: 16px;
}

@media (min-width: 1025px) {
    .product-small .col-inner:hover {
        background: #ebf9ff;
    }
}
.page-wrapper .large-9.col {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
    border-radius: 15px;
}


@media (min-width: 991px) {
    .section_quy_trinh .quytrinhcol:nth-child(1) {
        top: 77px;
    }
	    .section_quy_trinh .quytrinhcol:nth-child(3) {
        	top: 27px;
    }
	    .section_quy_trinh .quytrinhcol:nth-child(4) {
        	top: 41px;
    }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px)  {
	.nav-size-large>li>a {
    	font-size: 12px;
	}
	.section_why .col.about-left {
		position: relative;
		flex-basis: 100%;
		max-width: 100%;
		text-align: center;
	}
	.section_why .col.about-right{
		flex-basis: 100%;
		max-width: 100%;
	}
	.section_why .col.about-left .col-inner {
    	position: unset;
	}
	.section_blog_page .item-blog .col-inner .box-text h5 {
		font-size: 18px;
		font-weight: 700;
		-webkit-line-clamp: 2;
		height: calc(1em* 3* 2);
		overflow: hidden;
	}
	.section_blog .title h3 {
    	font-size: 24px;
	}
	.section_blog_page .title h3 {
    	font-size: 24px;
	}
	aside#categories-5 span.widget-title {
		font-size: 20px;
	}
	.contact .btn-lienhe, .form-contact .btn-lienhe {
    	padding: 0 12px;
	}
	.product-small .add-to-cart-button a {
    	font-size: 10px;
	}
}

@media screen and (min-width: 850px) {
     .mid-footer .large-columns-3>.col {
        flex-basis: 14.333333%;
        max-width: 14.333333%;
    }
.page-wrapper .large-9 {
        flex-basis: 67% !important;
        max-width: 67% !important;
    }
.page-wrapper .large-3 {
flex-basis: 33% !important;
max-width: 33% !important;
}

}


@media screen and (max-width: 768px){
/* Đặt lịch khảo sát */
	.mid-footer .small-columns-2>.col {
		flex-basis: 17%;
		max-width: 17%;	
	}
		.mid-footer .col{
		padding-bottom: 10px;
	}
	.mid-footer .social-footer .gallery-col.col {
    	margin-left: -25px;
	}
	
/* Liên hệ */
	.page-contact .cc1{
		display: none;
	}

/* Trang chủ */
	.section_why .col.about-left .col-inner {
		position: unset;
		text-align: center;	
	}
	.section_quy_trinh .quytrinhcol {
		flex: 0 0 50%;
		max-width: 50%;	
	}
	.section_quy_trinh .col-inner .quytrinhcol .content-item p {
    	opacity: 1;
		position: unset;
	}
	.section_quy_trinh .quytrinhcol .col-inner:hover .thumb h3 {
		opacity: 1;
	}
	
/* Sản phẩm */
	.category-filtering{
		background: var(--fs-color-primary);
		position: fixed;
		right: 0;
		top: 35% !important;
		cursor: pointer;
		z-index: 99;
		font-size: 18px;
		-webkit-transition: all 0.35s ease;
		-o-transition: all 0.35s ease;
		transition: all 0.35s ease;
		background-size: 15px;
		background-repeat: no-repeat;
		background-position: center;
		width: 40px;
		height: 40px
	}
	.filter-button {
		display: inline-block;
		margin-top: unset;
	}
	.category-filtering strong{
		display: none;
	}
	.icon-equalizer:before {
    	color: #fff;
	}

	.section_1_banner .banner-mobile img{
		border-radius: 15px 15px 0 0;
	}

	div#wide-nav .flex-row.container {
		padding-top: 5px;
		padding-bottom: 5px;
		background: #0d2b6b;
	}
}

@media (max-width: 767px) {
    .page-datlich .thumb .title h2{
        font-size: 30px;
        line-height: inherit;
    }
	.section_1_banner .image-effect-banner .thumb-text .col-inner {
    margin-top: 0;
}

/* Trang chủ */
	 .section_about .title {
        font-size: 30px;
        line-height: inherit;
    }
	 .section_why .title {
        font-size: 30px;
        line-height: inherit;
    }
	.section_noibat .title {
        font-size: 30px;
        line-height: inherit;
    }
	 .section_quy_trinh .title {
        font-size: 30px;
        line-height: inherit;
		 margin-bottom: 0px;
    }
	.section_quy_trinh .title p{
		margin-bottom: 0px;
	}
	.section_tab_product .title h2  {
        font-size: 30px;
        line-height: inherit;
    }
	 .section_duan_dalam .title h3{
        font-size: 28px;
        line-height: inherit;
    }
	 .section_danhgia .title {
        font-size: 30px;
        line-height: inherit;
    }
	.section_danhgia .title p{
		margin-bottom: 0px;
		margin-top: 50px;
	}
}

@media screen and (max-width: 549px){
/* Đặt lịch khảo sát */
	.page-datlich .thumb .col-inner {
    	padding: 5px;
	}
	.form-container {
    	display: block;
	}
	.mid-footer .small-columns-2>.col {
		flex-basis: 15%;
		max-width: 15%;	
	}
	footer .mid-footer .title-menu h4 {
		margin-bottom: 5px;	
	}
	.mid-footer .col{
		padding-bottom: 10px;
	}
	.mid-footer .social-footer .gallery-col.col{
		margin-left: -20px;
	}
	
/* Liên hệ */
	.page-contact .col{
		padding-bottom: 15px;
	}
	
/* Câu hỏi thường gặp */
	.page-faq .faq-title h3:before {
    	width: 20%;
	}
	
/* Tin tức */
	.section_blog_page .box.box-vertical.box-text-bottom.box-blog-post.has-hover {
    	display: flex;
	}
	.section_blog_page .item-blog .box-image {
    	width: 35% !important;
	}
	.section_blog_page .item-blog .box-text {
    	width: 65%;
    	padding-top: 0px;
		padding-left: 20px;
	}
	
/* Trang chủ */
	.section_why .col.about-left .col-inner {
    	position: unset;
    	text-align: center;
	}
	.section_why .thumb .box-image{
		width: 30% !important;
	}
	.section_quy_trinh .quytrinhcol {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 0px;
	}
	.section_quy_trinh .col-inner .quytrinhcol .content-item p {
    	opacity: 1;
		position: unset;
	}
	.section_quy_trinh .quytrinhcol .col-inner:hover .thumb h3 {
		opacity: 1;
	}
	.section_noibat .title p{
		margin-bottom: 0px;
	}

/* Sản phẩm */
	.category-filtering{
		background: var(--fs-color-primary);
		position: fixed;
		right: 0;
		top: 35% !important;
		cursor: pointer;
		z-index: 99;
		font-size: 18px;
		-webkit-transition: all 0.35s ease;
		-o-transition: all 0.35s ease;
		transition: all 0.35s ease;
		background-size: 15px;
		background-repeat: no-repeat;
		background-position: center;
		width: 40px;
		height: 40px
	}
	.filter-button {
		display: inline-block;
		margin-top: unset;
	}
	.category-filtering strong{
		display: none;
	}
	.icon-equalizer:before {
    	color: #fff;
	}

/* 	Trang chủ */
	.product-small .add-to-cart-button{
		display: none !important;
    }
	.section_duan_dalam a.button.primary.is-outline.is-small.mb-0 {
		display: none !important;
	}
	 .section_blog .title h3 {
        font-size: 30px;
        line-height: inherit;
        text-align: center;
    }
	.section_blog .item-blog .box-text {
    	width: 100%;
	}
	 .section_brand .title {
        font-size: 30px;
        line-height: inherit;
    }
	.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content ul li a {
		margin-bottom: 15px;
		text-align: center;
	}

	.section_1_banner .banner-mobile img{
		border-radius: 15px 15px 0 0;
	}

	.section_blog .splq .related.related-products-wrapper h3{
		font-size: 30px;
	}

/* Giới thiệu */
	.page-about .title h2{
		 font-size: 30px;
        line-height: inherit;
	}

/* Header */
	div#wide-nav .flex-row.container {
		padding-top: 5px;
		padding-bottom: 5px;
		background: #0d2b6b;
	}
	
	.breadcrumb {
		padding: 15px 20px;
		margin-left: 0px;
	}
	.search-smart .header-search-form {
		width: 365px;
	}

/* Giỏ hàng */
	.continue-shopping.pull-left.text-left {
        margin-right: 20px;
        margin-left: 20px !important;
    }
	    a.button-continue-shopping.button.primary.is-outline {
        font-size: 0.55rem;
    }
	    button.button.primary.mt-0.pull-left.small {
        font-size: 0.55rem;
        width: 40%;
    }
	.item-blog-duan h5.post-title {
    font-size: 18px;
}
	.section_blog .item-blog .post-meta.is-small.op-8,.section_blog p.from_the_blog_excerpt {
    display: none;
}
	.section_blog .item-blog .col-inner .box-text h5 {
    font-size: 16px;
}
	.item-blog .box.box-vertical.box-text-bottom.box-blog-post.has-hover {
    display: flex;
    gap: 10px;
}
	.section_danhgia .member .box-image {
    width: 30%;
    height: auto;
}
	.image-effect-banner .box-text.text-left {
    position: static;
    transform: none;
    background: var(--fs-color-primary);
}
}