/* Write Custom Css Here */
.link-menu .section-title {
	text-align: center;
}
.link-menu .row.justify-content-center .section-title .title {
	    padding: 10px 18px !important;
    background-color: var(--main-color-one);
    border-radius: 20px;
    color: #fff;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .25);
    font-weight: normal;
    font-size: 16px;
    text-transform: none;
    display: inline-block;
    font-size: 18px;
    margin-top: -10px;
}
.services-form #quoteform .btn-info.submit-btn:hover {
	background-color: var(--main-color-two);
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
[data-page="dat-ban"] .services-form #quoteform > table:not(:has( tbody img)) {
	display: flex;
	justify-content: center;
}
.no_product.text-center > div:last-child {
	margin-top: 20px;
}
.no_product.text-center > div:first-child {
color: var(--main-color-one);
font-weight: 600;}
#messengerButton {
    position: fixed;
    bottom: 80px;
    right: 33px;
    width: 42px;
    height: 42px;
    z-index: 9999;
	transition: all 0.5s;
}
.no_product.text-center5 a {
	padding: 12px 28px !important;
}
#quoteform table tbody [colspan="3"]:has( h4),
#quoteform table tbody:has(td a img) ~ .no_product {
	display: none;
}
#quoteform table tbody > tr {
	display: contents !important;
}
#messengerButton img {
    width: 100%;
    height: 100%;
    display: block;
}
#messengerButton:hover {
    transform: scale(1.1);
}
.first-child img {
	aspect-ratio:unset !important;
}
.brand-carousel img,
.header-area.audio-header img {
	aspect-ratio: 4 / 3;
  object-fit: cover;
}
#quoteform .table tbody,
#quoteform .table thead {
	display: none;
}
/*#quoteform .table::before {
    content: "Bạn chưa chọn món - Chọn món ngay hoặc để lại thông tin,\A Hương Việt sẽ liên hệ với quý khách để xác nhận.";
    white-space: pre-line;
    display: block;
    padding-top: 6px;
    text-align: center;
    font-size: 16px;
    border-radius: 8px;
  color: var(--main-color-one);
  font-weight: 600;
}
#quoteform .table:has(tbody .col-4 img)::before {
	display: none;
}*/
#quoteform .table tbody:has(.col-4 img){
	display: table-row-group;
}
#quoteform .table:has(tbody .col-4 img) thead {
	display:table-header-group;
}
#homepage_banner_slider {
	display: none;
}
#homepage_banner_slider.owl-carousel {
	display: block;
}
.header-style-01 .responsive-mobile-menu .navbar-toggler[aria-expanded="true"] span:first-child {
	display: none;
}
.header-style-01 .responsive-mobile-menu .navbar-toggler[aria-expanded="true"] span:last-child {
	display: inline-block;
}
.chinhanhkhonggian {
	display: flex;
	flex-direction: column;
}
.chinhanhkhonggian #_slider {
	order: 2;
}
.chinhanhkhonggian .item {
	background-size: cover;
	border-radius: 12px;
}
.get-title .section-title .title {
	text-align: center;
  color: var(--main-color-one);
  font-size: 32px;
}
[data-layoutid="section7"] > div > div > div:last-child {
	display: flex;
}
[data-layoutid="section7"] > div > div > div:last-child > div {
	margin: auto 0;
}
.khonggianfull {
	display: flex;
	flex-direction: column;
}
.khonggianfull > #_slider {
	order: 2;
}
.khonggianfull .container .header-inner .title {
	text-align: center;
  margin-bottom: 28px;
  color: var(--heading-color);
  font-size: 26px;
}
[data-page="trang-chu"] [data-layoutid="section6"] > div {
	max-width: unset;
}
#category .owl-carousel .owl-stage-outer {
	padding-bottom: 4px;
}
.build-area.learning ul {
	list-style: unset;
  padding-left: 40px;
}
[rel="TenantContactInfoWidget"] {
	align-self: center;
}
.section > div > div > div:has(.client-area) {
	margin: auto 0;
}
.arcontactus-message-button .icons .lab.la-neos,
.messangers-list-container .messanger .lab.la-neos {
	transform: rotate(90deg);
}
[data-page="trang-chu"] > [data-layoutid="section2"] {
	padding-top: 50px;
}
[data-page="trang-chu"] > [data-layoutid="section4"] > div > div > div:first-child,
[data-page="trang-chu"] > [data-layoutid="section2"] > div > div > div:last-child {
	display: flex;
  align-items: center;
}
#category .menu-item-list .owl-nav {
  transform: translateY(-27px);
  left: -62px;
  right: -62px;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
#category .menu-item-list > ul:hover .owl-nav {
	display: block;
	opacity: 1;
}
#category .menu-item-list .owl-nav > button i {
	font-size: 20px !important;
  color: var(--main-color-two) !important;
  padding: 12px 15px;
  border-radius: 50%;
  box-shadow: 0 1px 1px #ccc;
  background-color: #fff;
}
#category .menu-item-list > ul li a {
	display: inline-block;
  padding: 7px 14px;
  box-shadow: 0 .125rem .25rem rgba(83, 83, 83, 0.1);
  color: #000;
  border-radius: 35px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
#category .menu-item-list > ul li a:hover {
	background-color: var(--main-color-one);
  color: #fff;
}
#category .menu-item-list > ul li a[data-active="active"] {
	background-color: var(--main-color-one);
  color: #fff;
}
#danhmucsanpham .col-8 .owl-carousel .owl-nav.disabled {
	display: none !important;
}
#danhmucsanpham .col-8 .owl-carousel .owl-item:has(.pagination-wrapper) {
	display: none;
}
#danhmucsanpham .col-8 .owl-carousel .col-12.items {
	padding: 0 !important;
}
#danhmucsanpham .col-4.leftpanel .section-title .title {
	text-align: center;
  font-size: 26px;
  color: var(--main-color-one);
  margin-bottom: 20px;
}
#danhmucsanpham .col-4.leftpanel .section-title p,
#danhmucsanpham .col-4.leftpanel #category h2 {
	display: none;
}
#danhmucsanpham .col-4.leftpanel {
	-ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 18px;
}
/*#danhmucsanpham .col-4.leftpanel .menu-item-list > ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
}*/
.client-area .owl-carousel .owl-item img {
	border-radius: 12px;
}
.client-area .carousel {
	max-width: 100%;
}
.khong-gian-quan .col-lg-4.col-md-6 {
	margin-bottom: 20px;
}
.header-bg-05.header-learning .header-inner {
	position: absolute;
  bottom: 94px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.khong-gian-quan .section-title .title {
	  text-align: center;
  font-size: 26px;
  color: var(--main-color-one);
  margin-top: -30px;
}
.khong-gian-quan .content img {
	border-radius: 10px;
}
.khong-gian-quan .section-title p {
	text-align: center;
  margin: 0 auto 30px;
}

.header-bg-05.header-learning > .container > .row {
	justify-content: center;
}
.header-bg-05.header-learning .btn-wrapper {
  position: relative;
  gap: 12px;
  display: flex;
  justify-content: center;
}
.header-bg-05.header-learning .btn-wrapper a {
	font-size: 18px;
  padding: 12px 20px;
  display: inline-block;
  background-color: var(--main-color-one-alpha);
  border-radius: 50px;
  color: #fff;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  line-height: 1.0833333333;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .25);
  width: 130px;
  text-align: center;
}
.header-bg-05.header-learning .btn-wrapper a:hover {
	background-color: var(--main-color-one);
}
.header-bg-05.header-learning .btn-wrapper a i {
	display: none;
}
#gioithieu_res .section-title ul li {
    position: relative;
    margin-bottom: 6px;
}

#gioithieu_res .section-title ul li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("https://huongviet.thietkeweb.sg/assets/tenant/uploads/media-uploader/huongviet/check-124838301764817337.png");
    background-size: contain;
    background-repeat: no-repeat;
    left: -30px;
    top: 1px;
}

body>section .column:has(.map-area) {
    align-content: center;
	padding: 0;
}

.map-area .contact_map iframe {
    border-radius: 10px;
}

.section_top_header {
    display: none;
}

#gioithieu_charm #gioithieu_charm *,
#gioithieu_res * {
    padding: 0;
}

#gioithieu_res ul {
    list-style: none;
    padding-left: 40px;
}

#gioithieu_charm .col-lg-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#gioithieu_charm .col-lg-5 .build-img {
    height: 330px;
    background-size: cover;
    border-radius: 10px;
}

[data-page="huong-viet-restaurant"] .build-area.learning>.container,
[data-page="huong-viet-charm"] .build-area.learning>.container {
    padding: 0;
	max-width: unset;
}
[data-page="huong-viet-restaurant"] .learning-bg.container,
[data-page="huong-viet-charm"] .learning-bg.container {
	max-width: unset;
}

[data-page="huong-viet-restaurant"],
[data-page="huong-viet-charm"],
[data-page="huong-viet-restaurant"] .section-title>.wow>._df_book,
[data-page="huong-viet-charm"] .section-title>.wow>._df_book {
    background-color: #fff5dc !important;
}

[data-page="huong-viet-restaurant"] .header-style-01,
[data-page="huong-viet-restaurant"] .footer-area,
[data-page="huong-viet-charm"] .header-style-01,
[data-page="huong-viet-charm"] .footer-area,
.header-style-01 .navbar-nav #menu-trangchu {
    display: none;
}
[data-page="huong-viet-charm"] .breadcrumb-area .breadcrumb-inner .page-list li:first-child a, 
[data-page="huong-viet-restaurant"] .breadcrumb-area .breadcrumb-inner .page-list li:first-child a {
	text-transform: unset;
	display: inline-block;
  border-radius: 5px;
  padding: 16px 12px;
  background-color: var(--main-color-two);
  color: #fff;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .25);
  margin-right: 10px;
}
[data-page="huong-viet-charm"] .breadcrumb-area .breadcrumb-inner .page-list li:first-child a:hover, 
[data-page="huong-viet-restaurant"] .breadcrumb-area .breadcrumb-inner .page-list li:first-child a:hover {
	background-color: var(--main-color-two);
}
[data-page="huong-viet-charm"] .breadcrumb-inner .page-list,
[data-page="huong-viet-restaurant"] .breadcrumb-inner .page-list {
    justify-content: center;
	margin: 2px 0;
	position: absolute;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.arcontactus-widget .arcontactus-message-button {
	right:10px !important;
}
.bao-gia ~ #homepage_lienhe {
	background-color: unset;
}
[data-page="huong-viet-charm"] .breadcrumb-inner .page-list>li:first-child,
[data-page="huong-viet-restaurant"] .breadcrumb-inner .page-list>li:first-child {
	margin-right: 70px !important;
}

[data-page="huong-viet-charm"] .breadcrumb-inner .page-list>li:before,
[data-page="huong-viet-restaurant"] .breadcrumb-inner .page-list>li:before {
    all: unset !important;
}

[data-page="huong-viet-charm"] .breadcrumb-area,
[data-page="huong-viet-restaurant"] .breadcrumb-area {
    margin-top: 0;
}

[data-page="huong-viet-charm"] .breadcrumb-inner .page-list>li:last-child a,
[data-page="huong-viet-restaurant"] .breadcrumb-inner .page-list>li:last-child a {
    font-size: 26px;
    color: var(--main-color-one);
    font-weight: bold;
}

#menu-datmonngay .section-title {
    text-align: center;
}

#menu-datmonngay .section-title a h1 {
    font-size: 18px;
    padding: 12px 20px;
    display: inline-block;
    background-color: var(--main-color-one);
    border-radius: 50px;
    color: #fff;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    line-height: 1.0833333333;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .25);
}

#menu-datmonngay .section-title a h1:hover {
    background-color: var(--main-color-two);
}

#menu-datmonngay .section-title a {
    position: relative;
}

#menu-datmonngay>div {
    position: relative;
}

.breadcrumb-area>div:has(.breadcrumb-inner .page-list h1) {
    display: none;
}

#homepage_banner.header-area {
    margin-top: 73px;
}

#homepage_banner #homepage_banner_slider .owl-dots {
    display: none;
}

#homepage_lienhe .how-it-single-item-03 {
    display: flex;
    align-items: center;
}

#homepage_lienhe .how-it-single-item-03 .icon {

    margin-right: 16px;
}
#homepage_lienhe .how-it-single-item-03 .content {
	display: flex;
	flex-direction: column-reverse;
	gap: 6px;
}
#homepage_lienhe .how-it-single-item-03 img {
    width: 80px
}

#homepage_lienhe .how-it-single-item-03 .content p {
    margin: 0;
	font-size: 20px;
}
#homepage_lienhe .how-it-single-item-03 .content h4 {
	font-size: 16px;
	margin: 0;
}
#homepage_lienhe .how-it-single-item-03 .content h4:hover {
	color: var(--main-color-one);
}

#homepage_lienhe {
    background-color: #f5f5f5;
	border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}

[data-page="gioi-thieu"] .build-area #overview0>div {
    padding: 0;
}

#gioithieu_img>div>div {
    justify-content: center;
}

#gioithieu_img .work-single-item,
#gioithieu_img .work-single-item .content,
#gioithieu_img .work-single-item .icon {
    height: 100%;
    border-radius: 6px;
}

#gioithieu_img>div>div>div {
    margin-bottom: 30px;
}

/**css tuy chinh rieng cho tung trang**/
.services-form #quoteform .btn-info.submit-btn {
    color: #fff;
    display: inline-block;
    border: none;
    padding: 12px 40px;
    text-transform: capitalize;
    text-align: center;
    cursor: pointer;
    transition: all 0.3sease-in;
    border-radius: 5px;
    background-color: var(--main-color-one)
}

[data-page="dat-ban"] .services-form #quoteform .table tbody * {
    color: var(--main-color-one);
}

[data-page="dat-ban"] .services-form #quoteform .table tbody td:last-child a {
    color: #fff;
    display: inline-block;
    border: none;
    padding: 8px 20px;
    text-transform: capitalize;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in;
    border-radius: 5px;
    background-color: var(--main-color-one);
}

.services-form #quoteform tbody .col-2 input {
    min-width: 60px;
}
#danhmucsanpham .col-8 > .title {
	display: none;
}
#danhmucsanpham .menu-item-list ul > li a{
	padding: 6px 14px;
  background-color: var(--main-color-two);
  color: #fff;
  display: inline-block;
  border-radius: 40px;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
#danhmucsanpham .menu-item-list ul > li a:hover {
	background-color: var(--main-color-one);
}
#danhmucsanpham .menu-item-list ul > li a[data-active="active"] {
	background-color: var(--main-color-one);
}
#danhmucsanpham .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
}

#danhmucsanpham .list.content>div.items {
    margin-bottom: 30px;
}

#danhmucsanpham .list.content .description_short {
    font-weight: 600;
    color: var(--main-color-one);
}

#danhmucsanpham .list.content .descriptions .title a {
    font-size: 16px
}

#danhmucsanpham .list.content .description_short {
    margin-top: 20px;
    padding-left: 2px;
}

#danhmucsanpham .list.content .btn-action {
    margin-top: 10px;
    background-color: var(--main-color-two);
    color: #fff;
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#danhmucsanpham .list.content .btn-action:hover {
    background-color: var(--main-color-one);
}

#danhmucsanpham .image {
    margin-bottom: 8px;
    border-radius: 5px;
    overflow: hidden;
    height: 200px;
}

#danhmucsanpham .image:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

#danhmucsanpham .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#danhmucsanpham .descriptions .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 50px;
}

#danhmucsanpham .list.content a {
    pointer-events: none;
}

.product_detail .product_details>div:first-child {
    max-width: 45%;
    flex: 0 0 45%;
}

.product_detail .product_details>div:last-child {
    max-width: 55%;
    flex: 0 0 55%;
}

.pagination-wrapper .pagination {
    justify-content: center;
}

.page-link {
    color: var(--main-color-two);
}

.page-item.active .page-link {
    background-color: var(--main-color-two);
    border-color: var(--main-color-two);
}

#popup-content .list.content>.items {
    flex: 0 0 25%;
    max-width: 25%;
}

#homepage-gioithieu {
    max-width: unset;
	padding: unset;
}

#homepage-gioithieu .build-img {
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position: center;
}

#homepage-gioithieu .offset-lg-1 {
    margin-left: 0;
}

#homepage-gioithieu .col-lg-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#homepage-gioithieu .bulid-content-area .title .title {
    color: var(--main-color-one);
    font-size: 36px;
}

#homepage-gioithieu .section-title .title {
    margin-bottom: 18px;
    font-size: 22px;
}

#homepage_gioithieumonan #overview>div>div:not(:last-child) {
    margin-bottom: 40px;
}

#homepage_gioithieumonan .build-img {
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position: center;
}

#homepage_gioithieumonan .col-lg-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#homepage_gioithieumonan .offset-lg-1 {
    margin-left: 0;

}

#homepage_gioithieumonan .bulid-content-area .title .title {
    font-size: 28px;
    color: var(--main-color-one);
}

#homepage_gioithieumonan .bulid-content-area .section-title .title {
    font-size: 22px;
    margin-bottom: 16px;
}
#homepage-overlay.organizations-header-section,
#homepage-overlay.organizations-header-section .container {
    padding: 0;
	border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}

#homepage-overlay .section-title :is(h3, p) {
    color: #fff;
    text-align: center;
}

#homepage-overlay .section-title h3 {
    font-size: 30px;
    margin-bottom: 24px;
}

#homepage-overlay .section-title a {
    display: inline-block;
    background-color: var(--main-color-two);
    padding: 14px 30px;
    border-radius: 50px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    margin-top: 40px;
}

#homepage-overlay .section-title a:hover,
#homepage-overlay .section-title a:active,
#homepage-overlay .section-title a:focus {
    color: #fff;
}

#homepage-overlay .section-title {
    padding: 100px 0;
    text-align: center;
}

#homepage-overlay .organizations-header-wrap {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#quoteform a.title,
#quoteform .col-4>a {
    pointer-events: none;
}

#homepage-thucdon .work-single-item .icon {
    border-radius: 8px;
    height: 250px;
    object-fit: cover;
    object-position: center;
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#homepage-thucdon .work-single-item .icon:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

#homepage-thucdon .work-single-item .imagelink {
    display: block;
    overflow: hidden;
    border-radius: 8px;
}

#homepage-thucdon .work-single-item .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 26px;
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 0;
}

#homepage-thucdon .work-single-item>div>div p {
    font-weight: 600;
    color: var(--main-color-one);
}

#homepage-thucdon .section-title .title {
    text-align: center;
    margin-bottom: 24px;
    font-size: 28px;
    color: var(--main-color-one);
}

#homepage-thucdon .row:last-child>div {
    margin-bottom: 30px;
}

.testimonial-area .owl-carousel .owl-nav.disabled {
    display: none !important;
}

.testimonial-area .owl-carousel .owl-item img {
    width: 80px !important;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 26px;
}

.testimonial-area .owl-item .icon i {
    display: none;
}

.testimonial-area .owl-item .icon:before {
    content: "\f10e";
    font-family: "fontawesome";
    position: absolute;
    line-height: 24px;
    font-weight: 600;
    font-size: 34px;
    right: 44px;
    top: 40px;
    color: var(--main-color-two);
}

.testimonial-area .owl-item .content .author-meta h4.title {
    font-size: 20px;
    font-weight: 600;
}

.testimonial-area .section-title .title {
    text-align: center;
    margin-bottom: 46px;
    color: var(--main-color-one);
    font-size: 28px;
}

.testimonial-area .single-testimonial-item-05 {
    padding: 30px 20px;
    background: linear-gradient(135deg, #fff6d9 0%, #fff2f2 100%);
    border-radius: 12px;
}

.footer-area .footer-top>.container>.row {
    padding: 34px 0 24px 0;
}

.services-form .section-title .title {
    color: var(--main-color-one);
    font-weight: 500;
    text-align: center;
    margin-bottom: 32px;
}
.services-form .section-title p {
	text-align: center;
}

#homepage_lienhe>div>div {
    justify-content: center;
}

@media (min-width: 400px) {
    #danhmucsanpham .list.content>div.items {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 575px) {
	.no_product.text-center {
	  width: 80%;
	}
}
@media (min-width: 767px) {
	[data-page="huong-viet-charm"] .breadcrumb-area .breadcrumb-inner .page-list li:first-child a, [data-page="huong-viet-restaurant"] .breadcrumb-area .breadcrumb-inner .page-list li:first-child a {
		padding: 12px 12px;
	}
	.khong-gian-quan .col-lg-4.col-md-6 {
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
    #danhmucsanpham .list.content>div.items {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
	body>section>.container>.row:has(#gioithieu_res) {
    padding: 60px 0 0;
}
}

@media (min-width: 992px) {
	.no_product.text-center {
		margin-top: 48px;
	}
	 [data-page="huong-viet-charm"] .breadcrumb-area .breadcrumb-inner .page-list li:first-child a, [data-page="huong-viet-restaurant"] .breadcrumb-area .breadcrumb-inner .page-list li:first-child a {
    padding: 7px 12px;
  }
	.header-style-01 .nav-right-content .datban {
		display: none;
	}
	.build-area-03 .section-title .title, .bulid-content-area.style-01 .section-title .title, .offer-item-wrap.learning-app .section-title .title, .section-title.sass .title, .testimonial-area .learning .title {
		font-size: 24px;
	}
	.khong-gian-quan .section-title p {
		width: 70%;
	}
	
    .header-style-01 .navbar-nav > li:last-child {
		line-height: unset !important;
		margin: auto 0 auto 12px;
	}
    .header-style-01 .navbar-nav > li:last-child a {
		padding: 10px 20px !important;
    background-color: var(--main-color-one);
    border-radius: 20px;
    color: #fff;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .25);
    font-weight: normal;
    font-size: 16px;
	text-transform: none;
	}
	 .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav > li:last-child a:hover {
    background-color: var(--main-color-two);
    color: #fff !important;
  }

    #homepage-thucdon .row:last-child>div {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    [data-page="dat-ban"] .services-form #quoteform {
        display: flex;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    [data-page="dat-ban"] .services-form #quoteform > table {
        width: 50%;
    }

    [data-page="dat-ban"] .services-form #quoteform>div {
        width: 50%;
        padding-left: 30px;
    }
}

@media (min-width: 1000px) {
    #danhmucsanpham .list.content>div.items {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1200px) {
    #danhmucsanpham .list.content>div.items {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 991px) {
	 .header-area.header-bg-05.header-learning {
		padding: 0;
	  }
	.header-bg-05.header-learning .header-inner {
  bottom: 104px;
}
	#menu_menu {
		visibility: visible !important;
    opacity: 1 !important;
	height: 95px;
	max-height: 95px;
	}
	#menu-menu:before {
		display: none;
	}
	#bizcoxx_main_menu {
		transition: none;
	}
	#bizcoxx_main_menu .navbar-nav > li:last-child {
		display: none;
	}
	.header-style-01 .navbar-collapse.collapse.show .navbar-nav {
		background-color: #fdebb5;
  padding: 0 20px;
  box-shadow: 1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .25);
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 10px;
  margin-top: -10px;
  color: #000;
  width: unset;
	}
	.header-style-01 .nav-right-content div a {
    padding: 8px 17px !important;
  }
	.header-area.audio-header[data-padding-top="75"] {
  padding-top: 64px !important;
}
	.navbar-area .nav-container .responsive-mobile-menu .navbar-toggler[aria-expanded="false"]::before {
		content: "Danh mục";
		padding: 14px 7px;
		font-size: 16px;
	}
	.navbar-area .nav-container .responsive-mobile-menu .navbar-toggler[aria-expanded="false"] span {
		display: none;
	}
  .header-area.header-social .header-inner .title.style-01 {
	  font-size: 30px;
	  line-height: 30px;
  }
	.build-area-03 .section-title .title, .bulid-content-area.style-01 .section-title .title, .offer-item-wrap.learning-app .section-title .title, .section-title.sass .title, .testimonial-area .learning .title {
		font-size: 24px;
	}
    #homepage-gioithieu .col-lg-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
		order: 2;
    }

    #homepage_gioithieumonan .col-lg-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #homepage_gioithieumonan .bulid-content-area .section-title .title {
        line-height: 24px;
    }

    #homepage_gioithieumonan>div>div>div:nth-child(even) {
        flex-direction: column-reverse;
        margin-top: -40px;
    }

    #homepage_lienhe .how-it-single-item-03 {
        padding: 12px 0;
    }
	#overview > div > div > div {
		padding: 10px;
	}
	.navbar.navbar-area {
		height: 66px;
	}
	#homepage_banner.header-area {
  margin-top: 63px;
}
}

@media (max-width: 767px) {
	
	#homepage-gioithieu .bulid-content-area .title .title {
  color: var(--main-color-one);
  font-size: 30px;
}
	[data-page="trang-chu"] [data-location="dynamic_section2_2"] {
		margin-top: 20px;
	}
	#homepage-gioithieu > div[data-padding-top="90"] {
		padding-top: 30px !important;
	}
	body > section > .container > .row:has(#gioithieu_res) {
		padding-bottom: 40px;
	}
	[data-page="huong-viet-charm"] .build-area.learning ,
	[data-page="huong-viet-restaurant"] .build-area.learning {
		padding-top: 36px !important;
	}
    

    [data-page="huong-viet-charm"] .breadcrumb-inner .page-list>li:first-child,
    [data-page="huong-viet-restaurant"] .breadcrumb-inner .page-list>li:first-child {
        position: unset !important;
        margin-right: 0 !important;
        text-align: center;
    }

    #homepage-overlay .section-title {
        padding: 70px 0;
    }

    #homepage_lienhe>div>div>div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
	[data-page="trang-chu"] > [data-layoutid="section4"] > div > div > div:first-child {
	order: 3;
}
[data-page="trang-chu"] > [data-layoutid="section2"] > div > div > div:last-child {
	order: 2;
}
}

@media only screen and (max-width: 575px) {
	.link-menu .row.justify-content-center .section-title .title {
		margin-top: 32px;
	}
	[data-page="huong-viet-charm"] .breadcrumb-area .breadcrumb-inner .page-list,
    [data-page="huong-viet-restaurant"] .breadcrumb-area .breadcrumb-inner .page-list {
        left: 0;
		transform: unset;
		width: unset;
		margin: 0;
    }
	[data-page="huong-viet-charm"] .breadcrumb-area .breadcrumb-inner .page-list li:first-child a, [data-page="huong-viet-restaurant"] .breadcrumb-area .breadcrumb-inner .page-list li:first-child a {
		border-radius: 0;
	}
	.header-bg-05.header-learning .header-inner {
    bottom: -20px;
  }
	.header-bg-05.header-learning .btn-wrapper a {
  background-color: var(--main-color-one);
}
.header-bg-05.header-learning .btn-wrapper a:hover {
	background-color: var(--main-color-two);
}
	
	.header-style-01 .nav-right-content .btn-wrapper {
		display: none;
	}
	#homepage_lienhe {
		border-radius: 0;
}
	.chinhanhkhonggian .item {
  border-radius: unset;
}
	#homepage-overlay .section-title h3 {
		font-size: 26px;
		line-height: 30px;
	}
	#homepage-overlay {
		padding-bottom: 0 !important;
	}
	[data-layoutid="section7"] > div > div > div:last-child .build-area > div {
		padding: 0;
	}
	#homepage-overlay.organizations-header-section, 
	#homepage-overlay.organizations-header-section .container {
		border-radius: unset;
	}
	#messengerButton {
		right: 12px;
	}
	.back-to-top {
		right: 8px;
	}
	.arcontactus-widget .arcontactus-message-button {
	  right: -12px !important;
	}
	[data-page="huong-viet-charm"] .breadcrumb-inner .page-list > li:last-child a, [data-page="huong-viet-restaurant"] .breadcrumb-inner .page-list > li:last-child a {
  font-size: 20px;
}
    body > .header-area.first-child .owl-stage .owl-item {
        height: 210px;
    }

    .header-area .owl-stage .owl-item .item {
        height: 100%;
    }

    .header-area .owl-stage .owl-item .item img {
        height: 100%;
        object-fit: cover;
    }

    .services-form #quoteform tbody .col-5 a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    [data-page="dat-ban"] .services-form #quoteform .table tbody td:last-child a {
        padding: 8px 4px;
    }
}
@media only screen and (max-width: 470px) {
	 .header-style-01 .nav-right-content .boxed-btn {
    padding: 6px 10px !important;
  }
}
@media only screen and (max-width: 450px) {
	.section-title .title {
		line-height: 22px !important;
  }
	.navbar-area.nav-style-02 .nav-container .logo-wrapper img {
  margin-left: 8px;
}
	.navbar-area.nav-style-02.active .nav-container .logo-wrapper img {
  margin-left: 0;
}
	  .navbar-area.nav-style-02 .nav-container .logo-wrapper {
    left: 105px;
  }
    .breadcrumb-area {
        padding: unset;
    }
	.header-area .btn-wrapper .boxed-btn + .boxed-btn {
    margin-left: unset;
    margin-top: unset;
  }
   .build-area-03 .section-title p, .bulid-content-area.style-01 .section-title p, .hard-work-area .section-title p, .testimonial-area .learning p, .frequently-area .content p {
    font-size: 16px;
    line-height: 24px;
  }
  #homepage_lienhe .how-it-single-item-03 img {
  width: 60px;
}
.navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
	padding: 0;
}
.navbar-area.nav-style-02 .nav-container .logo-wrapper {
  max-width: 110px;
}
.navbar-area.nav-style-02.active .nav-container .logo-wrapper {
	margin-left: 0;
}
}
@media only screen and (max-width: 370px) {
	
}
@media only screen and (max-width: 350px) {
	
}