/*
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;
}
*/



/* ALL */
@font-face {
    font-family: 'Ubuntu';
    src: url('./fonts/Ubuntu.eot');
    src: url('./fonts/Ubuntu.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu.woff2') format('woff2'),
        url('./fonts/Ubuntu.woff') format('woff'),
        url('./fonts/Ubuntu.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('./fonts/Ubuntu-Light.eot');
    src: url('./fonts/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu-Light.woff2') format('woff2'),
        url('./fonts/Ubuntu-Light.woff') format('woff'),
        url('./fonts/Ubuntu-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('./fonts/Ubuntu-Medium.eot');
    src: url('./fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu-Medium.woff2') format('woff2'),
        url('./fonts/Ubuntu-Medium.woff') format('woff'),
        url('./fonts/Ubuntu-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('./fonts/Ubuntu-Bold.eot');
    src: url('./fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu-Bold.woff2') format('woff2'),
        url('./fonts/Ubuntu-Bold.woff') format('woff'),
        url('./fonts/Ubuntu-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


p ,ul li{
    font-size: 1.6rem;
	color:#000;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
	font-size: 20px;
    color: #000;
}


html {
    font-size: 62.5%;
}

:root {
	--color-mix: color-mix(in srgb, var(--fs-color-primary) 100%, #D9D7E7 10%);
	
}

.npadding {
	padding: 0;
}
.nbpadding {
	padding-bottom: 0;
}
.container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse), .row .gallery, .row .row:not(.row-collapse) {
    margin: 0;
}


/* END ALL */





#header .flex-col.hide-for-medium.flex-right a.nav-top-link {
	font-size: 1.6rem;
	font-weight: 400;
	text-transform: capitalize;
	color: #000
}

.blog-wrapper.blog-single.page-wrapper .entry-content.single-page li {
	font-size: 1.6rem;
	color: #000
}
#header  .flex-col.hide-for-medium.flex-right a.nav-top-link {
	padding-right: 20px;
}
#header .header-top {
	background-color: transparent;
}
#header .header-top .social-icons a.plain,
#header .header-top  .header-contact-wrapper i.icon-phone,
#header .header-top  .header-contact-wrapper  span{
	color: #000
}
#header .header-wrapper.header-special .header-top .social-icons a.plain,
#header .header-wrapper.header-special .header-top .header-contact-wrapper i.icon-phone,
#header .header-wrapper.header-special .header-top .header-contact-wrapper span {
	color: #fff
}

#header .header-top .social-icons a.plain {
	font-size: 1.2rem
}
#wrapper #header .header-top  .header-contact-wrapper i.icon-phone {
	font-size: 1.3rem !important
}
#header .header-top  .header-contact-wrapper  span {
	font-size: 1.2rem
}
#header #top-bar {
	
	width: 100%;
}
#header #top-bar .flex-col.hide-for-medium.flex-right {
	width: 80%;
    border-bottom: 1px solid #000;
	padding-bottom: 5px;
}
#header .header-wrapper.header-special #top-bar .flex-col.hide-for-medium.flex-right {
	border-color: #cecece;
}
/* #header .header-wrapper #masthead {
	position: absolute;
	background: transparent !important;
	width: 100%;
	border: none;
} */
#header .top-divider {
	border: none
}


#header .header-wrapper.stuck #masthead .flex-col.hide-for-medium.flex-right {
	padding-top: 0;
}
#header {
	position: absolute
}
#header .header-bg-container.fill {
	display: none
}
.icon-top .icon-box-img {
    background: #fff;
    padding: 19px 16px;
    border-radius: 10px;
}
.c-ft-right-top .icon-box-img img {
    border-radius: 50%;
}
#header .header-nav .nav>li {
	margin: 0 15px;
}
#header .header-wrapper .flex-col.hide-for-medium.flex-right a.nav-top-link:hover {
	text-decoration: underline;
	text-decoration-color: #000; 
}
#header .header-wrapper.header-special .flex-col.hide-for-medium.flex-right a.nav-top-link:hover {
	text-decoration: underline;
	text-decoration-color: #fff; 
}
#header .header-wrapper.stuck #masthead .flex-col.hide-for-medium.flex-right a.nav-top-link:hover {
	text-decoration: underline;
	text-decoration-color: #fff; 
}
#footer .sec-ft {
	padding: 55px 0 50px;
	background-color: #141223
}
#footer .absolute-footer {
	display: none;
}
#footer h3 {
	font-size: 1.8rem;
	color: #fff;
	margin-bottom: 15px;
}
#footer p {
	font-size: 1.4rem;
	color: #999999;
	margin-bottom: 10px
}
#footer a {
    font-size: 1.4rem;
    color: #999999;
    margin-bottom: 10px;
}
#footer .c-ft-left {
	padding: 0 100px 0 0
}
#footer .c-ft-mid {
	padding: 0 80px 0 0
}
#footer .c-ft-mid h3:nth-of-type(2) {
    padding-top: 20px;
	margin-bottom: 5px
}

#footer .c-ft-mid .social-icons a {
	border: none
}
#footer .c-ft-mid .social-icons a:hover {
	background-color: transparent !important;
	border: none;
	color: #fff !important;
	border-color: transparent !important
}
#footer .c-ft-mid .social-icons a i {
	font-size: 1.8rem
}
 .c-ft-right {
	padding: 0 0 0 60px
}
 .c-ft-right-top .icon-box-img {
	display:flex;
	align-items: center
}
 .c-ft-right-top .icon-box-text  {
	padding-left: 23px
}
 .c-ft-right-top {
	padding-bottom: 25px
}
.r-ft-right-bottom p:before {
	content: "\f015";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; 
    display: inline-block;
    margin-right: 8px;
	width: 18px;
	color: var(--fs-color-primary);
}
 .r-ft-right-bottom p:nth-of-type(2):before {
	content: "\f3c5";
}
 .r-ft-right-bottom p:nth-of-type(3):before {
	content: "\f095";
}
 .r-ft-right-bottom p:nth-of-type(4):before {
	content: "\f3cf";
}
 .r-ft-right-bottom p:nth-of-type(5):before {
	content: "\f0e0";
}
#footer .section.sc-copy-right {
	background-color: #000000;
	
}
#footer .section.sc-copy-right p {
	margin: 0;
	padding: 10px 0
}
.c-banner .col-inner>.img:not(:last-child) {
	margin-bottom: 0
}
.row.r-banner-content {
	position: absolute;
	z-index: 2;
	top: 30%;
    left: 13%;
}
.c-banner-content p:nth-child(1) {
	font-size: 5rem;
    margin: 0;
    line-height: 70px;
    color: #fff;
}
.new-blog-title p {
    font-size: 3.2rem;
}
#main .blog-wrapper.blog-archive.page-wrapper .large-9 .box-vertical .box-image .image-cover {
    padding-top: 80% !important;
}
td {
    color: #000;
    font-size: 16px;
}
.c-banner-content p:nth-child(2) {
	font-size: 7rem;
    margin: 0;
    color: #fff;
    line-height: 90px;
}
.c-banner-content p:nth-child(3) {
	font-size: 7rem;
    margin: 0;
    color: #fff;
    line-height: 90px;
} 
a.button.primary {
	margin: 0;
	font-size: 1.8rem;
	padding: 0 3vw;
}
.c-banner-content a.button.primary {
	margin-top: 45px
}
.row.r-info-1 {
	margin-top: 65px;
}
.r-info-1-txt p {
	font-size: 1.8rem;
/* 	padding-left: 20px; */
	margin-bottom: 15px;
	color: #444444;
	text-align: justify
}
.r-info-1-txt .more-txt p {
	margin-bottom: 30px;
}
.more-txt p {
	text-transform: uppercase;
	color: #000
}
.more-txt p:after {
	content: "\f178";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 5px;
}
.info-spec h2 {
	font-size: 6rem;
	color: var(--fs-color-primary);
	margin-bottom: 0
}
.info-spec h2 sup {
	color: #444444;
	font-weight: 400;
	font-size: 4rem;
}
.info-spec p {
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 1.6rem;
	white-space: nowrap;
}
.r-info-spec .info-spec {
	padding-left: 0;
	margin-right: 30px
}
.c-info-1-txt .img {
	transform: translatex(-20px);
}
.c-info-1-l  {
	flex-basis: 45%;
	max-width: 45%;
	padding-right: 30px;
	padding-left: 0
}
.c-info-1-r {
	flex-basis: 55%;
	max-width: 55%;
}
.c-info-1-4  {
	flex-basis: 55%;
	max-width: 55%;
}
.c-info-1-l .col-inner,
.c-info-1-l .col-inner .img,
.c-info-1-l .col-inner .img .img-inner,
.c-info-1-l .col-inner .img .img-inner img {
	height: 100%
}
.row.r-info-spec {
	display: flex;
    flex-wrap: nowrap;
}
.row.r-quality-pro {
	padding-top: 95px
}
.text.title-txt p {
	text-align: center;
	margin: 0;
	font-size: 3.2rem;
	color: #000;
	font-weight: 600;
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
	margin: 0 10px 15px 10px;
}
.text.title-txt p:after {
	content: "";
	width: 35%;
	height: 1px;
	background-color: #cecece;
	position: absolute;
	z-index: -1;
	right: 0;
}
.text.title-txt p:before {
	content: "";
	width: 35%;
	height: 1px;
	background-color: #cecece;
	position: absolute;
	z-index: -1;
	left: 0;
}
.product-small.box {
	border: 1px solid #cecece;
	border-radius: 10px;
	overflow: hidden
}
.product-small.box .box-text {
    padding: 15px;
/*     display: flex;
    flex-direction: column; */
    overflow: hidden;
    max-height: 75px; 
    transition: max-height 0.5s ease-out; 
}
.category-page-row .product-small.box .box-text {
	max-height: 102px; 
}
.product-small.box:hover .box-text {
    max-height: 231px;
}

.product-small.box:hover {
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);	
}
.r-quality-pro .row.large-columns-5.medium-columns-3 {
	min-height: 438px;
}
.product-small.box .box-text .product-title {
	order: 1;
}
.product-small.box .box-text .product-title a {
	color: #000;
	font-size: 1.8rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 47px
}
.mo-ta-ngan p,.mo-ta-ngan {
    font-size: 14px;
	color: #818181;
}
.product-small.box .box-text  .product-buttons {
	order: 3;
	display: flex;
    align-items: center;
    justify-content: center;
}
.product-small.box .product-buttons a {
	margin: 30px 0 0 0;
	font-size: 1.6rem;
	padding: 0 20px;
	line-height: 24px;
	border-radius: 50px;
	text-transform: capitalize;
	display: flex;
    align-items: center;
    justify-content: center;
}
.text.more-txt {
	font-size: 1.8rem;
	color: #000;
	font-weight: 600
}
/* .r-quality-pro .product-small.box .box-image {
	max-height: 165px
} */
.r-quality-pro .text.more-txt p{
	margin-bottom: 90px
}
.r-cate-pro .text.title-txt p:before {
	width: 28%;
}
.r-cate-pro .text.title-txt p:after {
	width: 28%;
}
.r-cate-pro .text.title-txt p {
	margin: 0 12px 18px 12px;
}
.c-cate-pro-content-l .box-category {
	border-radius: 10px;
    overflow: hidden;
}
.c-cate-pro-content-l .box-category .box-text  {
	text-shadow: none
}
.c-cate-pro-content-l .box-category h5 {
	font-size: 2rem;
	text-transform: capitalize;
	color: #000
}
/* .c-cate-pro-content-l .box-text {
	padding: 20px 15px
} */
#main .section.sec-choose {
	margin-top: 50px;
	background: radial-gradient(circle at right, rgba(255, 255, 255, 0.6) -52%, #D9D7E7 -14%, var(--fs-color-primary) 136%);
	padding: 70px 0;
	margin-bottom: 65px
}
.c-choose-l p {
	font-size: 3.2rem;
	color: #fff;
	font-weight: 600;
	margin-bottom: 25px;
}
.c-choose-l .icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}
.c-choose-l .icon-box p {
	font-size: 2rem
}
.c-choose-l .icon-box {
	margin-bottom: 90px
}
.c-choose-non .icon-box {
	margin-bottom: 0
}
.c-choose-non .icon-box .icon-box-img .icon-inner {
	position: relative;
	padding-top: 100%
}
.c-choose-non .icon-box .icon-box-img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}
.c-choose-non .icon-box h3 {
	font-size: 1.6rem;
	color: #fff
}

.c-choose-r {
	display: flex;
	align-items: center;
	justify-content: center;
}
.row.r-project-non {
	display: flex;
    flex-wrap: nowrap;
}
.row.r-project-non .c-project-item {
	margin-right: 25px;
	overflow: hidden;
	border-radius: 10px;
	background-color: #EAEEF0;
}
.row.r-project-non .c-project-item:last-child {
	margin-right: 0;
}
.c-project .text.title-txt p {
	margin: 0 2px 15px 2px;
}
.r-project-non .box-text {
	padding: 18px;
}
.r-project-non .box-text p {
	font-size: 1.6rem;
	color: #000000;
	margin-bottom: 30px;
	min-height: 77px;
}
.r-project-non .box-text p:last-child  {
	font-size: 1.4rem;
	color: #111111;
	margin-bottom: 0;
	min-height: initial;
} 
#main .section.sec-partner {
	margin-top: 50px;
	padding: 60px 0;
	background-color: #EAEEF0
}
#main .section.sec-partner .text.title-txt p {
	margin-bottom: 5px
}
#main .section.sec-partner .text.txt-non {
	font-size: 2rem;
	margin-bottom: 67px;
	width: 80%;
	margin: auto;
	color: #111111
}
.c-partner .stack .img .img-inner {
	position: relative;
    padding-top: 30%;
    background: #fff;
    border-radius: 5px;
}
.c-partner .stack .img .img-inner img {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}
.c-partner .stack {
	white-space: nowrap
}
.c-partner .stack .img {
	padding-right: 30px
}
.c-partner .stack .img:nth-child(6) {
	padding-right: 0
}
#main .section.sec-new-blog {
	padding: 50px 0
}
#main .section.sec-new-blog .new-blog-title {
	font-size: 3.2rem;
	color: #000;
	font-weight: 600
}
.r-new-blog .box-image {
	border-radius: 10px;
	overflow: hidden
}
.c-new-blog-non-l .col.post-item {
	padding: 0
}
.c-new-blog-non-l .box-text {
	padding-top: 20px
}
.c-new-blog-non-l .box-text  a {
	font-size: 2rem;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.c-new-blog-non-l .box-text p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.is-divider {
	display: none
}
.c-new-blog-non-l .box-text  p {
	font-size: 1.8rem
}
.c-new-blog-non-r .post-item .col-inner {
	box-shadow: none
}
.c-new-blog-non-r .post-item a {
	font-size: 1.8rem;
	color: #000000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.c-new-blog-non-r .image-cover {
	border-radius: 10px;
}
.c-new-blog-non-r .post-item p {
	font-size :1.6rem;
	color: #444444
}
.c-new-blog-non-r .box-text  {
	padding-left: 30px
}
.c-new-blog-non-r {
	padding-left: 20px
}
#main .section.sec-contact {
	padding: 70px 0;
	background-color: #EAEEF0
}
#main .section.sec-contact p {
	font-size: 2.4rem;
	color: #000000;
	margin-bottom: 70px
}
.r-contact {
	width: 50%;
	margin: auto;
}
#main .section.sec-contact .c-contact-non-mid p,
#main .section.sec-contact .c-contact-non-r p{
	margin-bottom: 0
}
#main .section.sec-contact .c-contact-non-r .col-inner {
	display: flex;
	align-items: center;
	justify-content: center;
}
.c-contact-non-img .col-inner {
	display: flex;
    align-items: center;
    justify-content: center;
}
#main .section.sec-contact .c-contact-non-r a {
	margin: 0;
/* 	margin-right: 40px */
}
.r-contact-non {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap
}
.c-contact-non-l {
	max-width: 35%;
}
.c-contact-non-r p {
	font-size: 2rem
}
.c-contact-non-r p strong {
	color: var(--fs-color-primary);
}
.c-contact-non-mid p {
	white-space: nowrap;
}

.c-contact-non-r i {
	margin-right: 10px
}

#main .section.sec-contact .c-contact-non-r a .icon-linkedin {
	display: none
}
#main .section.sec-contact .c-contact-non-r a {
	border: none
}
#main .section.sec-contact .c-contact-non-r a:hover {
	background-color: transparent !important;
	border-color: transparent !important
}
.shop-page-title.category-page-title.page-title {
	display: none;
}
.sec-header-category .category-title {
	position: absolute;
    width: 100%;
    text-align: center;
    bottom: 8%;
	font-size: 6rem;
	color: #fff;
	margin-bottom: 0;
}
#main .sec-header-category .img {
	margin-bottom: 0;
}
.category-page-row .col.large-3,
.category-page-row .col.large-9 .all-title-order p.text-center,
.category-page-row .col.large-9 .all-title-order .title-order div,
.category-page-row .col.large-9 .shop-container .term-description {
	display: none;
}
.category-page-row .col.large-9 {
	flex-basis: 100%;
	max-width: 100%
}
.category-page-row .col.large-9 .all-title-order .title-order h1 {
	font-size: 3.2rem;
	color: #000;
	text-align: left;
	position: relative;
	z-index: 3;
	margin-bottom: 0;
	background-color: #fff;
	overflow: hidden;
	width: initial;
	padding: 0 40px 0 0;
}
.category-page-row .col.large-9 .all-title-order .title-order:after {
	content: "";
	width: 90%;
	height: 1px;
	background-color: #cecece;
	position: absolute;
	right: 24px;
	z-index: 1;
}
.category-page-row .col.large-9 .all-title-order .title-order {
	display: flex;
	align-items: center;
}
.category-page-row .col.large-9 .shop-container {
	padding-top: 50px;
}
.category-page-row .col.large-9 .shop-container .product-small.col {
	flex-basis: 25%;
	max-width: 25%;
	min-height: 528px;
}
.category-page-row .col.large-9 .shop-container .quick-view {
	display: none;
}
.thong-tin-phu {
	order: 2;
}
/* .category-page-row .col.large-9 .product-small.box .box-text  {
	max-height: 125px;
} */
.category-page-row .col.large-9 .product-small.box:hover .box-text  {
	max-height: 231px;
}
.category-page-row .col.large-9 .product-small.box .box-text .product-title a {
	min-height: 47px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
#main .sec-footer-category {
	padding: 75px 0;
	background-color: #EAEEF0;
}
.r-footer-category {
	width: 65%;
	margin: auto;
}
.r-footer-category h2 {
	margin-bottom: 40px;
	font-size: 3.2rem;
	color: #000;
}
.r-footer-category p {
	font-size: 2rem;
	color: #111;
	margin-bottom: 20px;
}
.custom-product-page {
	padding-top: 86px;
}
#header .header-wrapper.stuck .flex-col.hide-for-medium.flex-right a.nav-top-link {
	color: #fff;
}

#header #top-bar .flex-col.hide-for-medium.flex-right {
	padding-top: 7px;
}
#header .header-wrapper.header-special #top-bar .flex-col.hide-for-medium.flex-right {
	padding-top: 0;
}
#main .section.sec-procus {
	padding: 35px 0 60px 0;
	background-color: #F7F9FA;
}
.col-breadcrumb {
padding-bottom: 35px;
}
.col-breadcrumb span {
	font-size: 1.8rem;
	
}
.col-breadcrumb span i {
	font-size: 1.4rem;
	color: #111;
	margin: 0 10px
}
#main .section.sec-procus .image-tools.absolute.bottom {
	display: none;
}
#header .header-top .social-icons a.plain {
	margin: 0 5px
}
.c-procus-r h1.product-title {
	font-size: 3.2rem;
	color: #000;
	margin-bottom: 20px;
}
.procus-html-1 .thong-tin-phu {
	font-size: 2rem;
	color: #111;
	margin-bottom: 45px;
}
#main .section.sec-procus .product-short-description h2 {
	font-size: 2rem;
	color: #000;
}
#main .section.sec-procus .product-short-description p {
	font-size: 1.6rem;
	color: #444444;
	font-weight: 100
}
#main .section.sec-procus .product-short-description {
	padding-bottom: 20px;
}
.row.r-procus-btn .c-procus-btn {
	padding: 0
}
.row.r-procus-btn .c-procus-btn p {
	margin:  0;
}
.row.r-procus-btn .c-procus-btn a.button.primary {
	font-size: 1.8rem;
}
.c-procus-btn .col-inner {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
.c-procus-btn-r .col-inner {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	background-color: #2B5AF6;
	border-radius: 50px;
	padding: 4px;
	overflow: hidden;
}
.c-procus-btn-r .col-inner i {
	color: #2B5AF6;
	background-color: #fff;
	border-radius: 50px;
	padding: 10px;
	margin-right: 10px;
}
.c-procus-btn-r p {
	color: #fff;
}
.c-procus-btn p
 {
	font-size: 1.4rem;
}
.c-procus-btn-r p {
	font-size: 1.8rem;
	margin-bottom: 0;
}
.c-procus-btn-r img {
	background-color: #fff;
	padding: 8px;
	border-radius: 50px;
}
/* .c-procus-btn {
	max-width: 25%;
} */
#main .row.r-procus-btn {
	display: flex;
	align-items: center;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #D6D6D6;
}
/* .c-procus-icon .icon-inner {
	position: relative;
	padding-top: 100%;

}
.c-procus-icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
} */
.c-procus-icon .icon-box-text p {
	font-size: 1.8rem;
	color: #111;
	line-height: initial
}
.c-procus-icon .icon-box {
	display: flex;
	align-items: center;
}
.c-procus-icon .icon-box-img {
	padding: 3px;
	border: 1px solid;
	border-radius: 3px;
}
.c-procus-icon:nth-child(1) {
	padding-left: 0;
}
.c-procus-icon:nth-child(2) .icon-box-img,
.c-procus-icon:nth-child(3) .icon-box-img {
	border: none;
	padding: 0;
}
#main .r-procus-icon {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #D6D6D6;
}
.row.r-share-icon .c-share-icon {
	padding-left: 0;
}
.c-procus-l .flickity-slider .col.first {
	padding-left: 0;
}
#main .sec-procus-info {
	padding: 70px 0
}
.c-procus-info .col-inner {
	font-size: 1.6rem;
	color: #000
}
.c-procus-info .col-inner h3 {
	font-size: 2rem;
	margin-bottom: 20px;
	color: #000
}
.c-procus-info .col-inner p {
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.c-procus-info .col-inner img {
	margin-bottom: 20px;
	margin-top: 20px;
}
.r-procus-info {
	width: 65%;
	margin: auto;
}
.related.related-products-wrapper.product-section {
	border: none;
}
.related.related-products-wrapper.product-section h3.product-section-title {
	text-align: center;
	font-size: 3.2rem;
	color: #000
}
.related.related-products-wrapper {
	padding: 90px 0 80px 0;

}
.related.related-products-wrapper .product-small.col {
	min-height: 519px;
}
.related.related-products-wrapper .product-small.box .box-text {
	max-height: 70px;
	transition: max-height 0.7s ease-out;
}
.related.related-products-wrapper .product-small.box:hover .box-text {
	max-height: 319px;
} 
.related.related-products-wrapper .quick-view {
	display: none;
}
#main .section.sec-duan {
	padding-top: 100px
}
#main .section.sec-duan .box-text {
	padding-top: 20px;
}
#main .section.sec-duan .box-text a {
	font-size: 1.8rem;
	color: #000;
}
#main .section.sec-duan .box-text p {
	font-size: 1.6rem;
	margin-top: 20px;
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
#main .section.sec-duan .box-text a.button {
	font-size: 1.4rem;
	color: #fff;
	text-transform: capitalize;
}
#main .section.sec-header-category .img-inner {
	position: relative;
	z-index: 1;
}
#main .section.sec-header-category .img-inner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	/* Lớp phủ đen 10% */
	z-index: 2;
}
.sec-header-category .category-title {
	z-index: 3;
}
#main .section.sec-header-blog-category {
	padding-top: 86px;
}
.r-header-blog-category {
	padding: 70px 0;
	background-color: #626262;
} 
#main .r-header-blog-category-non {
	margin: auto
}
.c-header-blog-category h1 {
	font-size: 3.5rem;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
}
.c-header-blog-category span,
.c-header-blog-category a {
	font-size: 1.44rem;
	color: #fff;
}
.c-header-blog-category .col-inner {
	text-align: center;
}
.c-header-blog-category i {
	margin: 0 10px;
}
.blog-wrapper.blog-archive.page-wrapper {
	padding: 64px 0;
}
#main .blog-wrapper.blog-archive.page-wrapper .large-9 .box-vertical .box-image {
	width: 35% !important;
}
#main .blog-wrapper.blog-archive.page-wrapper .large-9 .box-vertical .post-title a.plain{
	display: flex;
	flex-direction: column;
	font-size: 2.2rem;
	color: var(--fs-color-primary);
	font-weight: 400;
	margin-bottom: 14px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#main .blog-wrapper.blog-archive.page-wrapper .large-9 .box-vertical .post-title a.plain .post-date {
	order: 2
}
#main .blog-wrapper.blog-archive.page-wrapper .large-9 .box-vertical .box-text {
	vertical-align: text-top;
	padding: 0 0 0 20px;
}
#main .blog-wrapper.blog-archive.page-wrapper .large-9 .box-vertical .post-date {
	color: #333;
	display: flex;
	gap: 10px;
	align-items: center;
}
#main .blog-wrapper.blog-archive.page-wrapper .large-9 .box-vertical .from_the_blog_excerpt {
	font-size: 1.6rem;
	color: #333;
}
#main .blog-wrapper.blog-archive.page-wrapper .post-sidebar.large-3.col {
	border: none
}
#main .blog-wrapper.blog-archive.page-wrapper .row.row-large.row-divided {
	display: flex;
	flex-wrap: nowrap;
}
#main .blog-wrapper.blog-archive.page-wrapper .large-9 {
	padding: 0;
}
#main .blog-wrapper.blog-archive.page-wrapper .large-3 {
	padding: 0;
	margin-left: 65px;
}
#main .section.sec-thbn-blog {
	padding: 0
}
#main .section.sec-thbn-blog h2 {
	color: #000;
	margin-bottom: 20px;
	border-left: 3px solid var(--fs-color-primary);
	padding-left: 20px;
	font-size: 2.6rem;
	text-transform: uppercase;
}
.c-thbn-blog-1 a{
	font-size: 1.6rem;
	margin-bottom: 8px;
	color: var(--fs-color-primary);
}
.c-thbn-blog-1 a:before {
	font-family: "fontawesome";
	content: "\f105";
	margin-right: 10px;
}
.c-thbn-blog-1,
.c-thbn-blog-2 {
	padding-bottom: 48px;
}
.blog-wrapper.blog-archive.page-wrapper .large-3 .c-thbn-blog-2 .post-title a,
.blog-wrapper.blog-archive.page-wrapper .large-3 .c-thbn-blog-3 .post-title a {
	font-size: 1.6rem;
	font-weight: 400;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}
.blog-wrapper.blog-archive.page-wrapper .large-3 .c-thbn-blog-2 .box-text,
.blog-wrapper.blog-archive.page-wrapper .large-3 .c-thbn-blog-3 .box-text  {
	padding: 0 0 0 10px;
	vertical-align: text-top;
}
.sec-header-blog-category .breadcrumb-title {
	width: 90%;
	margin: auto;
}

.blog-wrapper.blog-single.page-wrapper .entry-header {
	display: none;
}
.blog-wrapper.blog-single.page-wrapper .entry-content {
	padding-top: 0;
}
.blog-wrapper.blog-single.page-wrapper .large-9 {
	max-width: 70%;
	flex-basis: 70%;
	padding-right: 40px;
}
.blog-wrapper.blog-single.page-wrapper .large-3 {
	max-width: 30%;
	flex-basis: 30%;
	padding-left: 20px;
	border: none;
}
.blog-wrapper.blog-single.page-wrapper .row.row-large.row-divided {
	display: flex;
	flex-wrap: nowrap;
}
.blog-wrapper.blog-single.page-wrapper .entry-content.single-page  p {
	font-size: 1.6rem;
	margin-bottom: 24px;
	color: #000;
}
.blog-wrapper.blog-single.page-wrapper #comments {
	display: none;
}
.blog-wrapper.blog-single.page-wrapper .large-3 .c-thbn-blog-2 .box-text,
.blog-wrapper.blog-single.page-wrapper .large-3 .c-thbn-blog-3 .box-text {
	padding: 0 0 0 10px;
	vertical-align: text-top;
}
.blog-wrapper.blog-single.page-wrapper .large-3 .c-thbn-blog-2 .post-title a,
.blog-wrapper.blog-single.page-wrapper .large-3 .c-thbn-blog-3 .post-title a {
	font-size: 1.6rem;
	font-weight: 400;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.related.related-products-wrapper.product-section h3.product-section-title:after {
	content: "";
	width: 28%;
	height: 1px;
	background-color: #cecece;
	position: absolute;
	z-index: 0;
	right: 6%;
}
.related.related-products-wrapper.product-section h3.product-section-title:before {
	content: "";
	width: 28%;
	height: 1px;
	background-color: #cecece;
	position: absolute;
	z-index: 0;
	left: 6%;
}
.related.related-products-wrapper.product-section h3.product-section-title {
	display: flex;
	align-items: center;
	justify-content: center;
}
#main .section.sec-duan .box-text h5 a {
	line-height: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 60px;
}
.section.sec-procus  .breadcrumb-title {
	display: none;
}
#header .header-top .header-contact-wrapper span {
	text-transform: capitalize;
}
.shade {
	background: transparent;
}
.c-cate-pro-content-l:last-child img {
	min-height: 356.5px;
}
.slick-center img {
    transform: scale(1.2); 
}
.slick-slider {
	transition: transform 0.3s ease-in-out;
}
.gallery-col .box-image {
	overflow: initial
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
#main .slick-prev:before, #main .slick-next:before {
	font-size: 30px ;
}
.has-dropdown.header-language-dropdown a {
	font-size: 1.2rem
}
.has-dropdown.header-language-dropdown ul.nav-dropdown {
 	padding: 0
}
#main .section.sec-solution,
#main .section.sec-recruitment {
	padding-top: 120px
}
#main .section.sec-solution h2 ,
#main .section.sec-recruitment h2 {
	font-size: 4rem;
	text-align: center;
	color: #000;
	margin-bottom: 60px
}
#main .section.sec-solution h3 ,
#main .section.sec-recruitment h3 {
	font-size: 2rem;
	color: #000;
	margin-bottom: 0;
	margin-bottom: 10px;
	margin-top: 30px
}
#main .section.sec-solution p ,
#main .section.sec-recruitment p,
#main .section.sec-solution li ,
#main .section.sec-recruitment li {
	font-size: 1.6rem;
	color: #000;
	margin-bottom: 5px
}
#main .section.sec-solutio ul li:last-child {
	margin-bottom: 21px
}
.c-contact-page-r .col-inner,.c-contact-page-r .col-inner  p {
	height: 100%;
	margin: 0;
}
#main .section.sec-contact-page {
	padding-top: 120px
}
#main .c-contact-page.c-ft-right {
	padding: 0 15px
}
.sec-contact-page .c-ft-right-top h3,
.sec-contact-page .r-ft-right-bottom h3{
	font-size: 2.8rem;
	color: #000
}
.sec-contact-page .c-ft-right-top p {
	font-size: 1.6rem;
	color: #000;
	text-align: justify;
}
.sec-contact-page .r-ft-right-bottom p {
	font-size: 	1.6rem;
	color: #000;
	display: flex
}
.sec-contact-page .c-ft-right-top {
    padding-bottom: 40px;
}
.sec-contact-page .tabbed-content li.tab {
	padding: 0 20px;
	font-size: 1.8rem;
	border: 1px solid #cecece;
	border-bottom: none;
	opacity: 0.5;
	background: var(--fs-color-primary);
}
.sec-contact-page .tabbed-content li.tab.active {
/* 	background: var(--fs-color-primary); */
	opacity: 1
	
}
.sec-contact-page .tabbed-content li.tab.active span {
	color: #fff;
	opacity: 1
}
.sec-contact-page .tabbed-content li.tab span {
	color: #fff;
	opacity: 0.7;
}
.sec-contact-page .tabbed-content li {
	margin: 0;
	
}
.sec-contact-page .tab-panels {
	padding-top: 0
}
.sec-aboutus .c-banner-content p:nth-child(1),
.sec-aboutus .c-banner-content p:nth-child(3){
	font-size: 2.8rem;
	line-height: initial
}
.sec-aboutus .row.r-banner-content {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; /* Nếu muốn nội dung bên trong cũng căn giữa */
    width: 50%; /* Đảm bảo không bị thu nhỏ */
}
.sec-aboutus .row.r-banner-content hr {
	width: 70%;
	margin: 50px auto; 
	border: 1px solid #fff;
	opacity: 1
}
.sec-aboutus.section.sec-baner .c-banner .img-inner:before {
	content: none
}
#main .section.sec-aboutus-info {
	padding: 70px 0;
    display: flex;
    gap: 20px;
    background: #e9e9e9;
}
.r-about-us-info-l {
	padding: 20px;
    background: #fff;
    border: 1.6px solid #000;
    border-radius: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
	max-width: 32%;
}
.r-about-us-info-l p {
	color: #000;
	margin: 0
}
.r-about-us-info-r {
	max-width: 68%;
}
.slick-next:after {
	content: "";
	background-image: url(https://nearity.theme.adsagency.com.vn/wp-content/uploads/2025/03/arr-r.png);
	position: absolute;
	width: 42px;
	height: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    top: -58px;
	left: -28px;
}
.slick-next:before {
	content: none !important
}
.slick-prev:after {
	content: "";
	background-image: url(https://nearity.theme.adsagency.com.vn/wp-content/uploads/2025/03/arr-l.png);
	position: absolute;
	width: 45px;
    height: 87px;
    background-size: cover;
    background-repeat: no-repeat;
    top: -58px;
	right: -28px;
}
.slick-prev {
	z-index: 100
}
.slick-prev:before {
	content: none !important
}


.slick-slide .box-image {
    width: 100%;
    height: 350px; /* Điều chỉnh chiều cao theo mong muốn */
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-slide .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}
.slick-slide {
	margin-top: 20px;
	transition: all 0.5s ease-out;
}
.slick-slide.slick-center {
	margin-top: 0
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #755BF8 !important;
	font-size: 12px;
}
#main .slick-dots li button:before {
	opacity: 1;
	color: #fff;
}
.r-project .col.post-item .col-inner {
	border-radius: 10px;
	overflow: hidden;
	background: #EAEEF0;
}
.r-project .col.post-item .col-inner h5 a {
	font-size: 1.8rem;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	min-height: 47px;
	margin-bottom: 10px;
	font-weight: 400;
	text-transform: capitalize;
	color: #000
}
.r-project .col.post-item .col-inner p {
	font-size: 1.4rem;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 100
}
.r-project .col.post-item .col-inner .box-text {
	padding: 15px
}
#header .header-wrapper.header-special .header-language-dropdown a {
	color: #fff
}
#headaer .header-wrapper.header-special .header-language-dropdown  ul.nav-dropdown-default li a {
	color: #000
}
#header .header-wrapper .header-language-dropdown a {
	color: #fff;
	text-transform: capitalize
}
#wrapper #header .header-main .header-contact-wrapper i.icon-phone {
	color: #fff
}
#header .header-wrapper .header-language-dropdown  ul.nav-dropdown-default li a { 
	color: #000
		
}
#main .section.sec-contact-page {
	padding-left: 0;
	padding-right: 0
}
.r-project .col.post-item .col-inner .box-text {
    padding: 10px;
}
.r-ft-right-bottom p {
	display: flex
}
.c-info-1-txt p,
.c-new-blog-non-r .post-item p,
.c-partner .txt-non p,
.c-new-blog-non-l .box-text p,
.r-footer-category p,
.category-page-row .shop-container .mo-ta-ngan,
.c-procus-info{
	font-weight: 100
}
.c-contact-page-r label {
	font-size: 1.6rem;
	font-weight: 300;
	color: #000
}
.c-contact-page-r .wpcf7-form-control.wpcf7-submit {
	margin: 0;
	padding: 0 20px;
    font-size: 1.6rem;
    border-radius: 20px;
}
.c-contact-page-r .wpcf7-form-control-wrap input {
	border-radius: 51px;
	box-shadow: none;
	margin-top :10px
}
.c-contact-page-r .wpcf7-form-control-wrap textarea {
	box-shadow: none;
	margin-top :10px;
	border-radius: 10px
}
.c-contact-page-r .wpcf7-form-control-wrap input:focus {
	border-color: var(--fs-color-primary)
}
.c-contact-page-r {
	padding-left: 50px;
}
.c-contact-page-r .col-inner {
	display: flex;
    align-items: center;
	flex-direction: column;
}
.wpcf7  {
	width: 100%;
}
.c-contact-page-b {
	padding-top: 50px
}
.c-contact-page-r h3 {
	font-size: 2.8rem;
	color: #000
}
.c-contact-page-r .col-inner {
	display: flex;
    align-items: center;
    justify-content: center;
}
.c-procus-btn-r a {
	color: #fff !important;
}
#header ul .sub-menu.nav-dropdown.nav-dropdown-default {
	padding: 0
}
#header ul .sub-menu.nav-dropdown.nav-dropdown-default a {
	font-size: 1.6rem
}
.r-about-us-info {
	width: 70%;
}
.c-thbn-blog-2 .col.post-item {
	padding-left: 0
}
.r-quality-pro .row.large-columns-5.medium-columns-3 .col:nth-child(6),
.r-quality-pro .row.large-columns-5.medium-columns-3 .col:nth-child(7),
.r-quality-pro .row.large-columns-5.medium-columns-3 .col:nth-child(8){
	display: none
}
#header .header-bottom {
	background-color: transparent
}
#header .header-main  .social-icons.follow-icons {
    display: flex;
    gap: 15px;
}
#header .header-wrapper.header-special .header-main  .social-icons a.plain, #header .header-wrapper.header-special .header-main .header-contact-wrapper i.icon-phone, #header .header-wrapper.header-special .header-main  .header-contact-wrapper span {
    color: #fff;
}
#header .header-main .social-icons a.plain {
    margin: 0 5px;
}
#header .header-main .social-icons a.plain {
    font-size: 1.2rem;
}
#header .header-main .header-contact-wrapper span {
    text-transform: capitalize;
}
#header .header-main .header-contact-wrapper span {
    font-size: 1.4rem;
}

#wrapper #header .header-main .header-contact-wrapper i.icon-phone {
    font-size: 1.3rem !important;
}

.nav>li.header-divider {
	border-color: #cecece;
	height: 21px;
}
#header .header-wrapper .header-language-dropdown a  {
	padding: 0
}
#header .header-wrapper.header-special .header-language-dropdown a {
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    gap: 5px;
	padding: 0
}

#header .header-wrapper .flex-col.hide-for-medium.flex-right a.nav-top-link {
	padding-top: 0
}
#header .header-wrapper.header-special .flex-col.hide-for-medium.flex-right a.nav-top-link {
	padding-top: 5px
}
#header .header-wrapper .flex-col.hide-for-medium.flex-right .menu-item:last-child a.nav-top-link {
    padding-right: 0;
}
#header .header-wrapper .header-language-dropdown a {
	gap: 5px;
}
#header .header-wrapper .header-language-dropdown a .image-icon {
	margin-bottom: 5px;
}
#header .header-wrapper .header-language-dropdown ul.nav-dropdown-default li a{
	padding: 10px 0
}

/* #header .header-wrapper.stuck #masthead #logo {
    transform: translateY(20px);
} */

#header .stuck .header-main .social-icons a.plain, #header .stuck .header-main.header-contact-wrapper i.icon-phone, #header .stuck .header-main .header-contact-wrapper span {
    color: #fff;
}
#header .header-main .social-icons a.plain, #header .header-main.header-contact-wrapper i.icon-phone, #header .header-main .header-contact-wrapper span,
#wrapper #header .header-main .header-contact-wrapper i.icon-phone,
#header .header-wrapper .header-language-dropdown a{
    color: #000;
}

#header  .header-wrapper.stuck .header-main .flex-col.hide-for-medium.flex-right ul.header-nav.header-nav-main.nav.nav-right.nav-uppercase:after {
	background-color: #fff;
}
#header .header-wrapper.stuck .header-language-dropdown a,
#wrapper #header .header-wrapper.stuck .header-main .header-contact-wrapper i.icon-phone{
    color: #fff;
}
#wrapper #header .header-wrapper.header-special .header-main .header-contact-wrapper i.icon-phone {
	color: #fff
}
.flickity-page-dots .dot.is-selected {
	background-color: var(--fs-color-primary);
	height: 12px;
	width: 12px;
}
#header .header-main .header-contact-wrapper span,
#header .header-wrapper .header-language-dropdown a{
	font-weight: 400
}
.related-products-wrapper .product-small.box .box-text .product-title a {
	display: -webkit-box;
/*     -webkit-line-clamp: 1; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.related-products-wrapper .slider-nav-reveal .flickity-prev-next-button {
	background: transparent;
    box-shadow: none;
	opacity: 1
}
.related-products-wrapper .slider-nav-reveal .flickity-prev-next-button svg {
	background-color: var(--fs-color-primary);
	border-radius: 50px
}
.related-products-wrapper .slider-nav-reveal .flickity-prev-next-button svg .arrow {
	fill: #fff
}
.related-products-wrapper .row.large-columns-4.medium-columns-3 {
	overflow: visible;
}
.c-procus-btn .col-inner a.button {
	width: 100%
}
.en .c-procus-btn p,
.en .c-procus-btn p a.button{
	width: 100%
}
.r-quality-pro .box-text .box-excerpt.is-small {
	display: none
}
.category-page-row .box-excerpt{
	font-size: 1.6rem;
	color: #999999;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.category-page-row .box-excerpt p,
.category-page-row .box-excerpt h2,
.category-page-row .box-excerpt strong {
	font-size: 1.6rem;
	color: #999999;
	font-weight: 400
}
.related-products-wrapper .box-excerpt  {
	display: none
}
/* .related-products-wrapper .box-excerpt {
    font-size: 1.6rem;
    color: #999999;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} */
.related-products-wrapper .box-excerpt p, .related-products-wrapper .box-excerpt h2, .related-products-wrapper .box-excerpt strong {
    font-size: 1.6rem;
    color: #999999;
    font-weight: 400;
}
.product-small.box  a.button.read-more-button {
	width: 100%;
	border-radius: 99px;
	background-color: var(--fs-color-primary);
	color: #fff;
	text-transform: capitalize;
	margin: 0;
	margin-top: 40px;
	font-size: 1.8rem
}









/* RESPONSIVE */
/* r1*/
@media screen and (max-width: 1024px) {
	
	.sec-baner .section {
		min-height: 40vh !important;
		height: auto !important
	}
	#main .section.sec-contact .c-contact-non-r p {
		    margin-right: 30px;
	}
	#header .header-wrapper .header-main .flex-col.hide-for-medium.flex-right ul.header-nav.header-nav-main.nav.nav-right.nav-uppercase:after {
		width: 145%;
		left: -45%;
	}
	.blog-wrapper.blog-single.page-wrapper .large-3 {
		padding-left: 0
	}
	#main .section.sec-thbn-blog h2 {
		font-size: 2.4rem;
	}
	#main .c-project .flickity-button.previous {
		left: 0%;
		opacity: 1
	}
	#main .c-project .flickity-button.next {
		right: 0%;
		opacity: 1
	}
	#main .c-project .flickity-button .arrow {
		fill: #fff;
	}
	#main .c-project .flickity-button svg {
		background: var(--fs-color-primary);
		border: none;
		opacity: 1
	}
	.c-project .flickity-slider .col.post-item {
		flex-basis: 33.33%;
        max-width: 33.33%;
	}
	.c-choose-r {
		padding-top: 30px
	}
	.r-quality-pro .row.large-columns-5.medium-columns-3 .col:nth-child(6),
	.r-quality-pro .row.large-columns-5.medium-columns-3 .col:nth-child(7),
	.r-quality-pro .row.large-columns-5.medium-columns-3 .col:nth-child(8){
		display: unset
	}
	.c-procus-icon .icon-box-text p {
		    font-size: 1.6rem;
	}
	.c-procus-btn-r  {
		max-width: 60%;
		flex-basis: 60%;
	}
	.r-ft-top {
		padding: 0 15px
	}
	#footer .c-ft-mid,
	#footer .c-ft-left  {
		padding: 0;
	}
	#footer .section.sc-copy-right p {
		padding: 10px 15px;
		text-align: center;
	}
	.row.r-banner-content {
		position: absolute;
		z-index: 2;
		top: 20%;
		left: 3%;
	}
	.c-banner-content p:nth-child(1) {
		font-size: 3vw;
		line-height: 1.2em
	}
	.c-banner-content p:nth-child(2),
	.c-banner-content p:nth-child(3) {
		font-size: 4vw;
		line-height: 1.5em
	}
	.c-banner-content a.button.primary {
		margin-top: 10px;
	}
	.c-info-1-l {
		padding: 0 15px
	}
	.info-spec h2 {
		font-size: 4rem;
	}
	.r-info-1-txt .more-txt p {
		margin-bottom: 10px;
	}
	.row.r-quality-pro {
		padding: 65px 15px 0 15px;
	}
	.text.title-txt p {
		font-size: 2.8rem;
	}
	.r-cate-pro .text.title-txt p:before,
	.r-cate-pro .text.title-txt p:after
	 {
		width: 26%;
	}
	.product-small.box .box-text,
	.r-quality-pro .row.large-columns-5.medium-columns-3 {
		max-height: initial;
	}
	.r-quality-pro .row.large-columns-5 .col {
		flex-basis: 25%;
		max-width: 25%;
	}
	.r-quality-pro .text.more-txt p {
		text-align: center !important;
		margin-bottom: 65px;
	}
	.row.r-cate-pro-content .c-cate-pro-content-l:last-child {
		flex-basis: 100%;
		max-width: 100%;
	}
	.row.r-cate-pro-content .c-cate-pro-content-l:last-child .box-image div {
		position: relative;
		padding-top: 15%;
		background: #ECEEF2;
	}
	.row.r-cate-pro-content .c-cate-pro-content-l:last-child .box-image div img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 32%;
		height: 100%;
		z-index: 10
	}
	.row.r-cate-pro-content .c-cate-pro-content-l {
		max-width: 33.33%;
		flex-basis: 33.33%;
	}
	.r-cate-pro {
		padding: 0 15px
	}
	#main .section.sec-choose {
		padding: 60px 0
	}
	.r-choose .c-choose-l,
	.r-choose .c-choose-r {
		flex-basis: 100%;
		max-width: 100%;
	}
	.text.title-txt p:before,
	.text.title-txt p::after {
		width: 32%;
	}
	.c-choose-l p {
		font-size: 3rem;
		color: #fff;
		font-weight: 600;
		margin-bottom: 20px;
	}
	.c-choose-l .icon-box {
		margin-bottom: 40px;
	}
	.r-project-non .box-text {
		padding: 15px;
	}
	#main .section.sec-partner {
		margin-top: 55px;
		padding: 65px 15px 65px 15px;
	}
	#main .section.sec-new-blog {
		padding: 65px 15px;
	}
	.c-new-blog-non-r .col.post-item {
		padding-bottom: 20px;
		padding-left: 0;
	}
	.c-new-blog-non-r .post-item a {
		font-size: 1.5rem;
	}
	.c-new-blog-non-r .post-item p {
		font-size: 1.4rem;
	}
	.c-new-blog-non-r .box-text {
		padding: 0 0 0 20px;
	}
	.c-new-blog-non-l .box-text a {
		font-size: 1.8rem;
	}
	.c-new-blog-non-l .box-text p {
		font-size: 1.6rem;
	}
	.c-new-blog-non-l .box-text {
		padding: 15px 0 0 0;
	}
	#main .section.sec-contact {
		padding: 65px 0;
	}
	#main .section.sec-contact p {
		margin-bottom: 40px;
	}
	.r-contact {
		width: 80%;
	}
	.sec-header-category .category-title {
		font-size: 5rem;
	}
	.category-page-row .col.large-9 .product-small.box .box-text {
		padding: 20px 15px;
		height: 100%;
	}
	.category-page-row .col.large-9 .shop-container .product-small.col {
		min-height: initial;
	}
	#main .sec-footer-category {
		margin-top: 65px;
		padding: 65px 0;
	}
	.r-footer-category {
		width: 75%;
		margin: auto;
	}
	.r-footer-category h2 {
		margin-bottom: 20px;
	}
	.c-procus-l {
		flex-basis: 45%;
		max-width: 45%;
	}
	.c-procus-r {
		flex-basis: 55%;
		max-width: 55%;
	}
	#main .section.sec-procus {
		padding: 30px 0 40px 0;
	}
	.procus-html-1 .thong-tin-phu {
		margin-bottom: 20px;
	}
	#main .section.sec-procus .product-short-description {
		padding-bottom: 12px;
	}
	.c-procus-icon {
		padding-left: 0;
	}
	#main .sec-procus-info {
		padding: 65px 0;
	}
	.related.related-products-wrapper .product-small.box .box-text {
		height: 100%;
	}
	.related.related-products-wrapper .product-small.col {
		min-height: initial;
	}
	.related.related-products-wrapper {
		padding: 40px 0 60px 0;
	}
	.related.related-products-wrapper.product-section h3.product-section-title:before {
		left: 1%;
		width: 27%;
	}
	.related.related-products-wrapper.product-section h3.product-section-title:after {
		right:  1%;
		width: 27%;
	}
	#main .blog-wrapper.blog-archive.page-wrapper .large-3 {
		margin-left: 15px;
	}
	.blog-wrapper.blog-archive.page-wrapper {
		padding: 40px 0;
	}
	#main .blog-wrapper.blog-archive.page-wrapper .large-9 {
		padding-right: 10px;
		max-width: 70%;
		flex-basis: 70%;
	}
	#main .blog-wrapper.blog-archive.page-wrapper .large-3 {
		max-width: 30%;
		flex-basis: 30%;
	}
	#main .blog-wrapper.blog-archive.page-wrapper .large-9 .box-image {
		vertical-align: top;
	}
	.blog-wrapper.blog-single.page-wrapper .large-9 {
		padding-left: 40px;
	}
	.c-choose-r {
		padding-left: 40px;
		padding-right: 40px;
	}
	.category-page-row .col.large-9 {
		min-height: initial !important
	}
	.category-page-row .col.large-9 .product-small.box .box-text {
		max-height: initial
	}
	.related.related-products-wrapper .product-small.box .box-text {
		max-height: initial;
		height: initial
	}
	.c-ft-right-top .icon-box {
		display: flex;
		flex-direction: column;
		gap: 10px
	}
	.c-ft-right-top .icon-box .icon-box-text {
		padding: 0;
	}
	.sec-aboutus .row.r-banner-content {
		width: 85%;
		top: 55%;
	}
	.r-about-us-info-l,
	.r-about-us-info-r{
		max-width: 100%;
		flex-basis: 100%
	}
	.r-about-us-info-r {
		padding: 0;
		padding-top: 20px
	}



}
/* r9*/
@media screen and (max-width: 992px) and (min-width: 768px) and (orientation: landscape) {
	.sec-baner .section {
		min-height: 100vh !important;
		height: auto !important;
	}
	#header .header-wrapper .header-main .flex-col.hide-for-medium.flex-right ul.header-nav.header-nav-main.nav.nav-right.nav-uppercase:after {
		width: 130%;
		left: -30%;
	}
	.sec-contact-page .c-ft-right .col-inner .r-ft-right-top {
		width: 100%;
		margin-right: 0;
	}
	#main .r-header-blog-category-non {
		width: 90%;
	}
	.product-small.box .product-buttons a {
		font-size: 1.4rem;
	}
	.sec-contact-page .c-ft-right .col-inner {
		display: unset
	}
	.c-ft-right .col-inner .r-ft-right-top {
		width: 50%;
		margin-right: 120px;
	}
	.c-ft-right .col-inner {
		display: flex;
	}
	.r-ft-top {
		display: flex;
		width: 80%;
		margin: auto;
	}
	.r-ft-top  .c-ft-left {
		order: 2;
		max-width: 50%;
		flex-basis: 50%;
	}
	.r-ft-top .c-ft-mid {
		order: 3;
		max-width: 50%;
		flex-basis: 50%;
	}
	#footer .c-ft-right {
		order: 1;
		max-width: 100%;
		flex-basis: 100%;
		padding: 0;
		padding-bottom: 40px;
	}
	#header #logo img.filter-logo {
		width: 175px;
	}
	.c-banner-content p:nth-child(1) {
		line-height: initial;
		margin-bottom: 10px;
	}
	.c-banner-content p:nth-child(2) {
		line-height: initial;
		margin-bottom: 10px;
	}
	.c-banner-content p:nth-child(3) {
		line-height: initial;
	}
	.row.r-banner-content {
		top: 25%;
	}
	.c-info-1-l {
		flex-basis: 100%;
		max-width: 100%;
		order: 2
	}
	.c-info-1-r {
		flex-basis: 100%;
		max-width: 100%;
	}
	.c-info-1-txt .img {
		transform: translatex(0);
		margin: auto;
	}
	.row.r-info-1 {
		margin-top: 50px;
	}
	.r-info-1-txt .more-txt p {
		margin-bottom: 0;
	}
	.c-info-1-l,
	.row.r-quality-pro {
		padding-top: 40px;
	}
	.info-spec p {
		font-size: 1.8rem;
		color: #000;
	}
	.r-info-spec .info-spec {
		padding-left: 15px;
		margin-right: initial;
	}
	.info-spec h2 {
		font-size: 6rem;
	}
	.product-small.box .box-text .product-title a {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.r-quality-pro .text.more-txt p {
		margin-bottom: 40px;
	}
	#main .section.sec-choose {
		margin-top: 35px;
	}
	.r-cate-pro .text.title-txt p:before,
	.r-cate-pro .text.title-txt p:after {
		width: 24%;
	}
	.c-cate-pro-content-l .box-category h5 {
		font-size: 1.8rem;
	}
	#main .section.sec-choose {
		padding: 40px 0;
	} 
	.c-choose-l p {
		font-size: 2.8rem;
	}
	#main .section.sec-choose {
		margin-bottom: 40px;
	}
	.row.r-project-non .c-project-item {
		flex-basis: 50%;
		max-width: 50%;
		margin-right: 0;
		padding: 0 15px 30px 15px;
		background-color: transparent
	}
	.row.r-project-non .c-project-item .col-inner {
		background-color: #EAEEF0;
		border-radius: 15px;
	}
	.row.r-project-non {
		flex-wrap: wrap;
	}
	.r-project-non .box-text p {
		min-height: initial;
		margin-bottom: 10px;
	}
	.text.title-txt p:before,
	.text.title-txt p::after {
		width: 30%;
	}
	#main .section.sec-partner {
		margin-top: 40px;
		padding: 40px 15px 40px 15px;
	}
	#main .section.sec-new-blog {
		padding: 40px 15px;
	}
	#main .section.sec-contact {
		padding: 40px 0;
	}
	#main .section.sec-contact p {
		font-size: 2.2rem;
	}
	.c-procus-l {
		flex-basis: 100%;
		max-width: 100%;
		padding-bottom: 30px;
	}
	.c-procus-r {
		flex-basis: 100%;
		max-width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	#main .c-procus-l .col-inner {
		width: 70%;
		margin: auto;
	}
	.c-procus-btn-r {
		max-width: 40%;
	}
	.c-procus-btn-r .img {
		width: 13% !important;
	}
	#main .sec-procus-info {
		padding: 40px 0;
	}
	.slick-dots {
		bottom: -10px !important; 
	}
	.sec-contact-page .c-ft-right-top h3, .sec-contact-page .r-ft-right-bottom h3 {
		font-size: 2.4rem;
	}
	.sec-contact-page .c-ft-right-top p {
		font-size: 1.6rem;
	}
	#header .flex-col.hide-for-medium.flex-right a.nav-top-link {
		padding-right: 10px;
	}
	.sec-aboutus .c-banner-content p:nth-child(1), .sec-aboutus .c-banner-content p:nth-child(3) {
		font-size: 2.6rem;
		line-height: initial;
	}
	
			    
}
/* r7*/
 @media screen and (max-width: 768px) {
	 .c-contact-non-img .col-inner {
		 justify-content: start;
	 }
	 #main .section.sec-contact-page {
		 padding-top: 80px;
	 }
	     .related.related-products-wrapper.product-section h3.product-section-title:after,
	 .related.related-products-wrapper.product-section h3.product-section-title:before {
		 width: 22%;
	 }
	 .c-procus-l {
		 flex-basis: 100%;
		 max-width: 100%;
		 padding-bottom: 40px
	 }
	 .c-procus-r {
		 flex-basis: 100%;
		 max-width: 100%;
	 }
	 #main .section.sec-contact .c-contact-non-r a:after {
		 left: -10px;
	 }
	 #main .section.sec-contact .c-contact-non-r p {
		 margin-right: 0;
	 }
	 .c-contact-non-l a.button.primary {
		 font-size: 1.4rem;
	 }
	 .r-cate-pro .text.title-txt p:before, .r-cate-pro .text.title-txt p:after {
		 width: 24%;
	 }
	 #header .stuck .header-main {
		 height: initial !important;
	 }
	 .sec-header-blog-category .breadcrumb-title {
		 width: 100%;
	 }
	 #main .section.sec-header-blog-category {
		 padding-top: 61px;
	 }
	 .c-ft-right-top .icon-box-img {
		 margin: auto
	 }
	 #main .r-header-blog-category-non {
		 width: 90%;
	 }
	 .c-contact-non-mid {
		 margin-left: 25px;
		 margin-right: 55px;
	 }
	 .c-info-1-txt .img {
		 margin: auto
	 }
	 .c-info-1-l {
		 flex-basis: 100%;
		 max-width: 100%;
		 order: 2;
		 padding-top: 40px
	 }
	 .c-info-1-r {
		 flex-basis: 100%;
		 max-width: 100%;
		 order: 1
	 }
	 .row.r-cate-pro-content .c-cate-pro-content-l:last-child .box-image div {
		 padding-top: 18%;
	 }
	 #masthead {
		 height: initial;
	 }
	 .r-ft-top .c-ft-right .col-inner .r-ft-right-top {
		 width: 50%;
		 margin-right: 120px;
	 }
	 .r-ft-top .c-ft-right .col-inner {
		 display: flex
	 }
	 .r-ft-top .c-ft-right {
		 order: 1;
		 flex-basis: 100%;
		 max-width: 100%;
		 padding-bottom: 40px;
	 }
	 
	 #footer .r-ft-top .c-ft-mid {
		 order: 2;
		 flex-basis: 50%;
		 max-width: 50%;
	 } 
	 .c-ft-right {
		 padding-left: 0
	 }
	 #footer .r-ft-top .c-ft-left {
		 order: 3;
		 flex-basis: 50%;
		 max-width: 50%;
	 }
	.r-quality-pro .row.large-columns-5.medium-columns-3 .col:nth-child(7),
	.r-quality-pro .row.large-columns-5.medium-columns-3 .col:nth-child(8){
		display: none
	}
	 .c-procus-btn-r .img {
		 width: 14% !important;
	 }
	 .c-procus-btn-r {
		 max-width: 45%;
	 }
	 #main .section.sec-aboutus-info {
		 padding: 36px 4%;
	 }
	 .c-aboutus.c-banner .img img {
		 min-height: 500px
	 }
	 #main .c-contact-page {
		 flex-basis: 100%;
		 max-width: 100%;
	 }
	 #main  .c-contact-page-r  {
		 flex-basis: 100%;
		 max-width: 100%;
		 padding-top: 40px
	 }
	#header .header-wrapper #masthead #logo {
		width: 175px;
	}

	#header .header-wrapper #masthead #logo {
		transform: translateY(0);
	}

	.header-special .header-main .flex-col.show-for-medium.flex-left i.icon-menu {
		font-size: 3rem;
		color: #fff;
	}
	.header-main .flex-col.show-for-medium.flex-left i.icon-menu {
		font-size: 3rem;
		color: #000;
	}
	 .stuck .header-main .flex-col.show-for-medium.flex-left i.icon-menu {
		 color: #fff;
	 }
/* 	.c-banner-content p:nth-child(1) {
		font-size: 3rem;
		line-height: 50px
	}
	.c-banner-content p:nth-child(2),
	.c-banner-content p:nth-child(3) {
		font-size: 4rem;
		line-height: 60px
	} */
	#main-menu .header-search-form.search-form,
	#main-menu .account-item,
	#main-menu .header-newsletter-item,
	#main-menu  .header-social-icons {
		display: none !important;
	}
	#main-menu a {
		font-size: 1.4rem;
	}
	.r-info-spec {
		padding-top: 10px;
	}
	.info-spec h2 {
		font-size: 5rem;
	}
	.row.r-info-1 {
		margin-top: 40px;
	}
	.text.title-txt p {
		font-size: 2.4rem;
	}
	.r-quality-pro .row.large-columns-5 .col {
		flex-basis: 33.33%;
		max-width: 33.33%;
	}
	.sec-info .r-quality-pro .box-image img {
		min-height: 167px;
	}
	.c-cate-pro-content-l .box-category h5 {
		font-size: 1.6rem;
	}
	.c-choose-l p {
		font-size: 2.4rem;
	}
	#main .sec-choose .icon-box.icon-top .icon-box-img {
		width: 130px !important;
	}
	.r-choose-non .icon-box-img {
		width: 60px !important
	}
	.c-choose-non .icon-box h3 {
		font-size: 1.6rem;
	}
	.c-choose-l .icon-box {
		margin-bottom: 20px;
	} 
	#main .section.sec-partner .text.txt-non {
		font-size: 1.8rem;
	}
	.sec-partner .stack {
		display: block;
		overflow-x: auto;
		padding-bottom: 10px;
	}
	.sec-partner .stack .img {
		display: inline-block;
		width: 30% !important;
	}
	.c-partner .stack .img:nth-child(6) .img-inner {
		padding-top: 26%;
	}
	#main .section.sec-new-blog .new-blog-title {
		font-size: 2.6rem;
	}
	#main .section.sec-new-blog .new-blog-title p {
		margin-bottom: 20px;
	}
	.c-new-blog-non-r .post-item p {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.r-contact {
		width: 90%;
	}
	#main .section.sec-contact p {
		margin-bottom: 20px;
	}
	.sec-header-category .category-title {
		font-size: 4rem;
	}
	.category-page-row .col.large-9 .shop-container .product-small.col {
		flex-basis: 33.33%;
		max-width: 33.33%;
	}
	#main .sec-footer-category {
		margin-top: 25px;
		padding: 40px 0;
	}
	.r-footer-category {
		width: 90%;
		margin: auto;
	}
	.r-footer-category h2 {
		font-size: 2.4rem;
	}
	.r-footer-category p {
		font-size: 1.6rem;
	}
	.category-page-row .col.large-9 .all-title-order .title-order h1 {
		font-size: 2.8rem;
	}
	.section.sec-duan .col.post-item {
		flex-basis: 50%;
		max-width: 50%;
	}
/* 	#main .section.sec-duan .box-text h5 a {
		min-height: initial;
	} */
	.blog-wrapper.blog-single.page-wrapper .large-9,
	.blog-wrapper.blog-single.page-wrapper .large-3 {
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		flex-basis: 100%
	}
	.blog-wrapper.blog-single.page-wrapper .row.row-large.row-divided {
		flex-wrap: wrap;
	}
	.blog-wrapper.blog-single.page-wrapper .large-3 {
		padding-left: 15px;
		padding-right: 15px;
	}
	 #main .section.sec-thbn-blog h2 {
		 font-size: 1.8rem;
	 }
	 .category-page-row .col.large-9 .shop-container .product-small.col .box-image img {
		 min-height: 167px;
		 max-height: 167px;
	 }
	 .has-dropdown.header-language-dropdown a {
		 font-size: 1.2rem;
		 color: #fff;
	 }
	 .has-dropdown.header-language-dropdown a i.image-icon {
		 padding: 0 0 5px 10px;
	 }
	 .c-contact-page-r {
		 padding-left: 15px;
		 padding-right: 15px
	 }
	 .c-contact-page-r .wpcf7-form-control-wrap input {
		 min-height: 42px
	 }
	 .c-contact-page-b {
		 padding-left: 0;
		 padding-right: 0
	 }

	


 }
/* r3*/
@media screen and (max-width: 549px) {
	.product-small.box .add-to-cart-button {
		margin-top: 30px;
	}
	.product-small.box  a.button.read-more-button  {
		font-size: 1.5rem
	}
	.product-small.box .box-text .product-title a {
		min-height: initial
	}
	.c-contact-non-img .col-inner {
		justify-content: center;
	}
	.c-new-blog-non-r .post-item p {
        font-size: 1.6rem;
    }
	.c-new-blog-non-r .post-item a {
		font-size: 1.8rem;
	}
	.c-banner.c-banner-content {
		padding-top: 40px
	}
	.c-banner-content a.button.primary {
		font-size: 1.2rem
	}
	.sec-baner .section {
        min-height: 30vh !important;
        height: auto !important;
    }
	#main .section.sec-contact .c-contact-non-r p {
		margin-top: 20px;
	}
	#main .section.sec-contact .c-contact-non-r a:after {
		left: 50px;
		top: -10px;
	}
	.product-small.box .box-text .product-title a {
		font-size: 1.6rem;
	}
	#header .header-wrapper .header-language-dropdown a .image-icon {
		margin-bottom: 0;
	}
	#main .section.sec-solution h2, #main .section.sec-recruitment h2 {
		font-size: 3rem;
	}
	.c-header-blog-category h1 {
		font-size: 2.8rem;
	}
	#main .section.sec-thbn-blog h2 {
		font-size: 2.4rem;
    }
	#main .blog-wrapper.blog-archive.page-wrapper .post-sidebar.large-3.col {
		padding-top: 40px
	}
	#main .section.sec-duan .box-text h5 a {
		min-height: initial;
	}
	.category-page-row .product-small.box .product-buttons a  {
		margin-top: 20px
	}
	#main .c-project .flickity-button.next {
		right: -3%;
	}
	#main .c-project .flickity-button.previous {
		left: -3%;
	}
	#main .c-project .flickity-button.previous,
	#main .c-project .flickity-button.next {
		width: 30px !important
	}
	#main .c-project .flickity-slider .col.post-item {
		flex-basis: 100%;
        max-width: 100%;
	}
	.r-about-us-info {
		width: 100%;
	}
	#main .c-contact-page.c-ft-right,
	#main .c-contact-page-r{
		padding-left: 0;
		padding-right: 0
	}
	.sec-contact-page .c-ft-right-top p {
		font-size: 1.6rem;
		color: #000;
		text-align: justify;
	}
	.sec-contact-page .c-ft-right-top h3, .sec-contact-page .r-ft-right-bottom h3 {
		font-size: 2rem;
		color: #000;
	}
	#main .section.sec-contact-page {
		padding-top: 80px;
	}
	.c-ft-right-top .icon-box-img {
		margin: auto;
		padding-bottom: 20px;
	}
	.has-dropdown.header-language-dropdown .nav-dropdown.nav-dropdown-default>li>a  i {
		padding-right: 10px
	}
	.has-dropdown.header-language-dropdown .nav-dropdown.nav-dropdown-default>li>a  {
		color: #000;
		font-size: 1.2rem;
	}
	.header-wrapper.header-special .has-dropdown.header-language-dropdown a .icon-angle-down {
		color: #fff
	}
	.stuck .has-dropdown.header-language-dropdown a .icon-angle-down {
		color: #fff
	}
	.has-dropdown.header-language-dropdown a .icon-angle-down {
		color: #000
	}
	.has-dropdown.header-language-dropdown a {
		color: transparent;
		display: flex;
		flex-wrap: nowrap;
		font-size: 0;
	}
	.section.sec-duan .col.post-item {
		flex-basis: 100%;
		max-width: 100%;
	}
	.r-ft-top {
		display: flex;
	}

	.r-ft-top .c-ft-left {
		order: 2;
		max-width: 100%;
		flex-basis: 100%;
	}

	.r-ft-top .c-ft-mid {
		order: 3;
		max-width: 100%;
		flex-basis: 100%;
	}

	#footer .c-ft-right {
		order: 1;
		max-width: 100%;
		flex-basis: 100%;
		padding: 0;
		padding-bottom: 40px;
	}
	.section.sec-baner .c-banner img {
		object-fit: center;
		
	}
	.row.r-banner-content {
		position: absolute;
		z-index: 2;
		top: 30%;
		left: 15px;
		right:15px;
	}
	.c-banner-content p:nth-child(1),
	.c-banner-content p:nth-child(2),
	.c-banner-content p:nth-child(3) {
		font-size: 1.6rem;
		line-height: initial;
		margin-bottom: 5px;
		text-align: left;
	}
	.r-banner-content a.button {
		font-size: 1.2rem;
	}
	.c-banner-content a.button.primary {
		margin-top: 10px;
	}
	.c-info-1-l {
		order: 2;
		flex-basis: 100%;
		max-width: 100%;
	}
	.c-info-1-r {
		flex-basis: 100%;
		max-width: 100%;
	}
	.c-info-1-txt,
	.c-info-1-txt-2 {
		padding-left: 0;
		padding-right: 0;
	}
	.r-info-1-txt p {
		font-size: 1.6rem;
	}
	.c-info-1-txt .img {
		transform: translatex(0);
		margin: auto;
		width: 50% !important;
	}
	.row.r-info-spec {
		flex-wrap: wrap;
	}
	.r-info-spec .info-spec {
		padding: 0 5px 10px 5px;
		margin-right: 0;
	}
	.c-info-1-txt-2 .info-spec h2,
	.c-info-1-txt-2 .r-info-1-txt p {
		text-align: center;
	}
	.c-info-1-l {
		padding-top: 20px;
	}
	.c-info-1-txt-2 p {
		text-align: center;
	}
	.c-info-1-txt-2 .more-txt p {
		text-align: left;
		margin-bottom: 0px;
	}
	.row.r-quality-pro {
		padding: 40px 15px 0 15px;
	}
	.text.title-txt p {
		font-size: 2.2rem;
		padding-top: 10px;
	}
	.text.title-txt p:before,
	.text.title-txt p::after {
		width: 14%;
	}
	.r-quality-pro .row.large-columns-5 .col {
		flex-basis: 50%;
		max-width: 50%;
	}
	.r-quality-pro .text.more-txt p {
		margin-bottom: 40px;
	}
	.r-cate-pro .text.title-txt p:before,
	.r-cate-pro .text.title-txt p:after {
		width: 0%;
	}
	.row.r-cate-pro-content .c-cate-pro-content-l {
		max-width: 100%;
		flex-basis: 100%;
	}
	#main .section.sec-choose {
		margin-top: 40px;
		margin-bottom: 40px;
		padding: 40px 0;
	}
	.row.r-choose-non {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		gap: 20px;
		width: 100%;
		max-width: 100vw;
		padding-bottom: 10px;
	}
	.row.r-choose-non .c-choose-non {
		flex: 0 0 auto;
	}
	.c-choose-l p {
		font-size: 2.2rem;
	}
	.c-choose-l .icon-box p {
		font-size: 1.8rem;
	}
	#main .sec-choose .icon-box.icon-top .icon-box-img {
		width: 100px !important;
	}
	.row.r-project-non .c-project-item {
		flex-basis: 50%;
		max-width: 50%;
		margin: 0;
		padding-left: 6px;
		padding-right: 6px;
		padding-bottom: 12px;
		background: transparent;
			
	}
	.r-project-non .box-text {
		padding: 8px;
	}
	.row.r-project-non .c-project-item .col-inner {
		background-color: #EAEEF0;
		border-radius: 10px;
	}
	.row.r-project-non {
		flex-wrap: wrap;
	}
	.c-project .text.title-txt p {
		padding-top: 0;
	}
	#main .section.sec-partner {
		margin-top: 40px;
		padding: 40px 15px 40px 15px;
	}
	.r-project-non .box-text p {
		margin-bottom: 20px;
	}
	#main .section.sec-partner .text.txt-non {
		width: 100%;
		font-size: 1.6rem;
	}
	.sec-partner .stack .img {
		display: inline-block;
		width: 60% !important;
	}
	.c-new-blog-non-l .col.post-item,
	.c-new-blog-non-r {
		padding: 0;
	}
	.c-new-blog-non-r .col.post-item {
		padding: 0 0 30px 0;
	}
	.c-new-blog-non-l  {
		padding-bottom: 30px;
	}
	.c-new-blog-non-l .box-text,
	.c-new-blog-non-r .box-text {
		padding: 10px 0 0 0;
	}
	#main .section.sec-new-blog {
		padding: 40px 15px 15px 15px
	}
	#main .section.sec-contact {
		padding: 40px 0;
	} 
	.row.r-contact-non {
		display: flex;
		flex-direction: column;
	}
	.c-contact-non-l {
		max-width: 100%;
	}
	#main .c-contact-non-l .col-inner {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#main .section.sec-contact p {
		font-size: 2rem;
	}
	#main .c-contact-non-mid {
		margin-left: 0;
		margin-right: 0;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#main .section.sec-contact .c-contact-non-r .col-inner {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.sec-header-category .c-category img {
		min-height: 200px;
	}
	.sec-header-category .category-title {
		font-size: 3.6rem;
	}
	.category-page-row .col.large-9 .shop-container .product-small.col {
		flex-basis: 50%;
		max-width: 50%;
		padding-bottom: 30px
	}
	.category-page-row .col.large-9 .shop-container .product-small.col .box-image img {
		min-height: initial !important
	}

	.row.r-cate-pro-content .c-cate-pro-content-l:last-child .box-image div {
		padding-top: 0;
		background: transparent;
	}
	.row.r-cate-pro-content .c-cate-pro-content-l:last-child .box-image div img {
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		width: 100%;
		height: 100%;
		min-height: initial;
	}
	.r-cate-pro-content .c-cate-pro-content-l {
		flex: 0 0 auto;
	}
	.category-page-row .col.large-9 .product-small.box .box-text .product-title a {
		min-height: initial;
	}
	#main .sec-footer-category {
		margin-top: 30px;
	}
	.c-procus-l {
		flex-basis: 100%;
		max-width: 100%;
		padding-bottom: 30px;
	}
	.c-procus-r {
		flex-basis: 100%;
		max-width: 100%;
	}
	.c-procus-r h1.product-title {
		font-size: 2.4rem;
	}
	.procus-html-1 .thong-tin-phu {
		font-size: 1.8rem;
	}
	#main .row.r-procus-btn {
		gap: 20px
	}
	.c-procus-btn-r .img {
		width: 12% !important;
	}
	.c-procus-btn-r {
		max-width: 100%;
		flex-basis: 100%;
	}
	.c-procus-btn {
		max-width: 100%;
	}
	.c-procus-btn a.button {
		width: 100%
	}
	.row.r-procus-btn .c-procus-btn a.button.primary {
		padding: 0 20px
	}
	.c-procus-btn-r {
		padding: 0;
	}
	#main  .c-procus-icon {
		padding: 0 0 20px 0;
		
	}
	#main .r-procus-icon {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	#main .sec-procus-info {
		padding: 40px 0;
	}
	.r-procus-info {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.related.related-products-wrapper .product-small.col {
		flex-basis: 50%;
		max-width: 50%;
	}
	.related.related-products-wrapper {
		padding: 40px 0 40px 0;
	}
	.related.related-products-wrapper.product-section h3.product-section-title {
		font-size: 2.4rem;
	}
	.related.related-products-wrapper.product-section h3.product-section-title:before,
	.related.related-products-wrapper.product-section h3.product-section-title:after {
		content: none;
	}
	#main .blog-wrapper.blog-archive.page-wrapper .large-9 {
		max-width: 100%;
		flex-basis: 100%;
	}

	#main .blog-wrapper.blog-archive.page-wrapper .large-3 {
		max-width: 100%;
		flex-basis: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	#main .blog-wrapper.blog-archive.page-wrapper .row.row-large.row-divided {
		flex-wrap: wrap;
	}

	#main .blog-wrapper.blog-archive.page-wrapper .large-9 .box-vertical .box-image {
		width: 100% !important;
	}

	#main .blog-wrapper.blog-archive.page-wrapper .large-9 .box-vertical .box-text {
		padding: 10px 0 0 0;
	}

	#main .blog-wrapper.blog-archive.page-wrapper .large-9 {
		padding: 0;
	}

	#main .blog-wrapper.blog-archive.page-wrapper .large-3 {
		margin: 0;
	}

	.blog-wrapper.blog-archive.page-wrapper .large-3 .c-thbn-blog-2 .box-text,
	.blog-wrapper.blog-archive.page-wrapper .large-3 .c-thbn-blog-3 .box-text {
		padding: 10px 0 0 0;
	}
	.blog-wrapper.blog-single.page-wrapper {
		padding: 40px 0;
	}
	#main .blog-wrapper.blog-single.page-wrapper .large-9 {
		padding-left: 24px;
		padding-right: 24px;
		max-width: 100%;
		flex-basis: 100%;
	}
	#main .blog-wrapper.blog-single.page-wrapper .large-3 {
		max-width: 100%;
		flex-basis: 100%;
		padding-bottom: 0
	}
	.c-thbn-blog-2 .col.post-item {
		padding-right: 0
	}
	.c-thbn-blog-2:last-child {
		padding-bottom: 0
	}
	.blog-wrapper.blog-single.page-wrapper .large-3 {
		padding-left: 24px;
		padding-right: 24px;
	}
	.blog-wrapper.blog-single.page-wrapper .large-3 .c-thbn-blog-2 .box-text,
	.blog-wrapper.blog-single.page-wrapper .large-3 .c-thbn-blog-3 .box-text {
		padding: 10px 0 0 0;
	}
	.r-choose .c-choose-r {
		padding-top: 5px;
		padding-bottom: 20px
	}
	.slick-dotted.slick-slider {
		margin-bottom: 0 !important;
	}
	#main .section.sec-choose {
		padding-bottom: 10px
	}
	.slick-dots {
		bottom: 0 !important;
	}
	.category-page-row .col.large-9 .shop-container .product-small.col .box-image img,
	.related.related-products-wrapper.product-section .image-fade_in_back img {
		 min-height: initial;
		 max-height: initial;
	 }
	.related.related-products-wrapper.product-section .flickity-button {
		width: 30px !important
	}
	.related.related-products-wrapper.product-section   {
		padding-left: 15px;
		padding-right: 15px;
	}
	.sec-info .r-quality-pro .box-image img,
	.r-quality-pro .product-small.box .box-image {
        min-height: initial;
		max-height: initial;
    }
	.slick-next:after {
		width: 40px;
		height: 76px;
		top: -39px;
	}
	.slick-prev:after {
		width: 42px;
		height: 80px;
		top: -40px;
	}
	.r-project .col.post-item .col-inner h5 a {
		min-height: initial
	}
	.r-project .col.post-item {
		padding-right: 0;
		padding-left: 0
	}
	.sec-aboutus .c-banner-content p:nth-child(1), .sec-aboutus .c-banner-content p:nth-child(3) {
		font-size: 2.4rem;
		line-height: initial;
	}
	.r-about-us-info-l p {
		font-size: 1.8rem
	}
	.c-procus-btn-r a {
		color: #fff;
	}
	

	

}
/* er */
/* end responsive */
.c-contact-non-mid {
    margin-left: 40px;
}
#main .section.sec-contact .c-contact-non-r p {
	white-space: nowrap
}
.c-contact-non-l .col-inner {
	display: flex;
	justify-content: end
}
.text.more-txt a {
	color: #000;
}

.c-procus-r .addtoany_shortcode:before {
	content: "Chia sẻ:";
	font-size: 1.6rem;
	color: #000;
	margin-right: 10px;
}
.slick-prev:before, .slick-next:before {
	font-size: 3rem
}
.c-choose-l {
	flex-basis: 45%;
    max-width: 45%;
}
.c-choose-r {
	flex-basis: 55%;
    max-width: 55%;
}
img.show-on-hover {
	display: none
}
.section.sec-baner .c-banner .img-inner:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
}
#header #top-bar .social-icons.follow-icons {
	display: flex;
    gap: 15px;
}
.category-page-row .col.large-9 {
/* 	min-height: 1040px; */
	padding-bottom: 0
}
.related.related-products-wrapper.product-section .image-fade_in_back img {
/* 	max-height: 210px; */
/* 	min-height: 210px; */
}
.category-page-row .shop-container .mo-ta-ngan h2 {
	display: none;
	
}
.category-page-row .shop-container .mo-ta-ngan {
	margin: 0;
	order: 2;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	min-height: 45px;
}

/* .has-dropdown.header-language-dropdown ul.nav-dropdown.nav-dropdown-default{
	padding: 0;
	
}
#header .has-dropdown.header-language-dropdown a {
	color: transparent
}
.has-dropdown.header-language-dropdown .image-icon {
	display: none
}
.has-dropdown.header-language-dropdown a:after {
	content: "VI";
	color: #fff;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 11px;
	font-size: 1.2rem;
	top: 12px;
}
 */


/* EN */
.en .sec-header-category .c-category p{
	margin: 0
}
.en p:nth-child(1) {
	margin: 0
}
.en .info-spec h2 {
	white-space: nowrap;
}
.en .r-project-non .box-text p:nth-child(1) {
	margin-bottom: 30px
}
.en .r-footer-category  p{
	margin: 0
}
.en .section.sec-footer-category .section-content.relative p{
	margin-bottom: 0
}
.en .col-breadcrumb {
    padding-bottom: 10px;
}
.en .c-procus-l p {
	margin: 0
}
.en .c-procus-icon .icon-box-img {
    padding: 3px;
    border: 1px solid;
    border-radius: 3px;
}
.en .c-procus-icon:nth-child(5) .icon-box-img, .en .c-procus-icon:nth-child(7) .icon-box-img {
    border: none;
    padding: 0;
}
.en .c-procus-btn-r .img {
	margin: 0px 0 0 25px;
}
.en .c-procus-icon .icon-box-text p {
	margin: 0
}
.en  .c-procus-icon {
	padding-left: 0
}
.en .c-info-1-txt-2  .more-txt p {
	display: flex
}
.en .more-txt p:after {
	margin-left: 10px
}
.en .text.title-txt p {
	margin-bottom: 15px
}
.en .c-choose-l p {
	margin-bottom: 25px;
}
.en .c-choose-l .icon-box {
    margin-bottom: 80px;
}
.en .r-project .col.post-item .col-inner h5 a {
	color: #000;
	font-size: 1.8rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 47px;
    margin-bottom: 10px;
    font-weight: 400;
    text-transform: capitalize;
}
.en .c-partner .txt-non p {
	margin-bottom: 25px
}
.en .c-new-blog .new-blog-title p {
	margin-bottom: 40px
}
.en .c-choose-non .icon-box {
    margin-bottom: 0;
}
.en .c-procus-icon {
	display: flex;
	align-items: center;
}
.en  .c-procus-r .addtoany_shortcode:before {
	content: "Share: "
}
.en .c-procus-icon:nth-child(2) .icon-box-img {
    border: none;
    padding: 0;
}.en .c-procus-icon:nth-child(3) .icon-box-img {
    border: none;
    padding: 0;
}

/* ER */
/* er1 */
@media screen and (max-width: 1024px) {
	.en .r-about-us-info {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.en .c-choose-l .icon-box {
		margin-bottom: 0px;
	}
	.en .r-project-non .box-text p:nth-child(1) {
		min-height: 102px;
	}
	.en .c-partner .txt-non p {
		margin-bottom: 20px
	}
	.en .sec-contact .r-contact-non {
		width: 90%;
		margin: auto;
	}
	.en .category-page-row .col.large-9 .shop-container .product-small.col .box-image img {
		min-height: initial;
		max-height: initial;
	}
	.en .c-procus-btn-r {
		max-width: 60%;
		flex-basis: 60%;
	}
} 
/* er9 */
@media screen and (max-width: 992px) and (min-width: 768px) and (orientation: landscape) {
	.en .c-banner-content p:nth-child(1) {
		margin-bottom: 10px
	}
	.en .r-project-non .box-text p:nth-child(1) {
        min-height: initial;
    }
	.en .sec-contact .r-contact-non {
        width: 100%;
    }
	.en .c-procus-btn-r {
        max-width: 40%;
        flex-basis: 50%;
    }
	.en .related.related-products-wrapper.product-section .image-fade_in_back img {
		max-height: initial;
		min-height: initial;
	}
} 
/* er7 */
@media screen and (max-width: 768px) {
	.r-procus-info {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
	.c-procus-btn a.button {
		width: 100%;
	}
	.r-about-us-info {
		width: 100%;
	}
	.en .c-procus-btn-r {
        max-width: 50%;
        flex-basis: 50%;
    }
}
/* er3 */
@media screen and (max-width: 549px) {
	.en .c-new-blog-non-l {
		padding-left: 0;
		padding-right: 0
	}
	.en  .section.sec-contact .c-contact-non-r a:after {
		left: 40px !important;
	}
	#footer .r-ft-top .c-ft-mid {
		flex-basis: 100%;
		max-width: 100%;
		padding-left: 0;
		padding-bottom: 40px
	}
	.r-ft-top .c-ft-right .col-inner .r-ft-right-top {
        width: 100%;
        margin-right: 0;
    }
	.r-ft-top .c-ft-right .col-inner {
		display: unset;
	}
	.product-small.box .product-buttons a {
		font-size: 1.2rem;
	}
	.en .c-procus-btn-r {
		max-width: 100%;
		flex-basis: 100%;
	}
	.en .r-project-non .c-project-item:nth-child(2) .box-text p:nth-child(1) {
		min-height: 128px
	}
	.en  .text.title-txt p:before, .en  .text.title-txt p::after {
		width: 14%;
	}
	.en .category-page-row .col.large-9 .shop-container .product-small.col .box-image img {
		min-height: initial;
		max-height: initial;
	}
	.en .c-choose-non .icon-box {
		margin-bottom: 0
	}
	.en .section.sec-partner .text.title-txt p:after,
	.en .section.sec-partner .text.title-txt p:before {
		width: 20%;
	}

}




/* END EN */