@media screen and (min-width: 992px) {
	.header .header-bottom {
		position: relative;
		z-index: 2;
	}

	.header-navigation {
		position: relative;
		z-index: 2;
	}

	.header .header-navigation ul {
		padding-left: 0;
		list-style: none;
		margin-bottom: 0;
	}

	.header .header-navigation ul ul {
		position: absolute;
		-webkit-transition: var(--transition-default);
		-o-transition: var(--transition-default);
		transition: var(--transition-default);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		background-color: var(--bs-white);
		-webkit-box-shadow: 0 5px 22px 0px rgba(15, 53, 103, 0.05);
		box-shadow: 0 5px 22px 0px rgba(15, 53, 103, 0.05);
		padding: 12px 24px;
		min-width: 220px;
		border-radius: 3px;
	}

	.header .header-navigation ul li:hover > ul {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.header .header-navigation li {
		position: relative;
	}

	.header .header-navigation ul li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: 5px;
		-webkit-transition: var(--transition-default);
		-o-transition: var(--transition-default);
		transition: var(--transition-default);
		color: var(--bs-black);
	}

	.header .header-navigation ul li a i {
		font-size: 1.1em;
		-webkit-transition: .3s transform ease-in-out;
		-o-transition: .3s transform ease-in-out;
		transition: .3s transform ease-in-out;
	}

	.header .header-navigation > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.header .header-navigation > ul > li > a {
		padding: 28px 18px;
		font-weight: 700;
		font-size: 1.05em;
		color: var(--primary-color);
		white-space: nowrap;
	}

	.header .header-navigation > ul > li > ul {
		top: 100%;
		left: -15px;
	}

	.header .header-navigation > ul > li > ul > li > ul {
		top: 0;
		left: 100%;
	}

	.header .header-navigation > ul > li > ul > li > ul:before {
		position: absolute;
		top: 0;
		left: -24px;
		width: 24px;
		height: 100%;
		background-color: transparent;
		display: block;
		content: "";
	}

	.header .header-navigation > ul > li > ul li a {
		padding: 8px 0;
		font-size: 1.05em;
	}

	.header .header-navigation > ul > li > ul li:hover > a {
		color: var(--secondary-hover);
	}

	.header .header-navigation > ul > li:hover > a {
		color: var(--primary-hover);
	}

	.header .header-navigation > ul > li:hover > a > i {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.header .header-navigation > ul > li:hover > ul {
		left: 0;
	}

	.header .header-navigation > ul > li > ul > li:hover > ul {
		left: calc(100% + 24px);
	}
}

@media screen and (max-width: 1200px) {
	.section-gap {
		padding: 50px 0;
	}

	.button-theme {
		padding: 8px 20px;
		font-size: 1.05em;
	}

	.button-theme.button-theme_large {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.section-heading {
		margin-bottom: 30px;
	}

	.section-heading .heading-tabs {
		margin-top: 18px;
	}

	.section-heading .heading-tabs .nav-tabs {
		padding: 12px;
	}

	.section-heading .heading-tabs .nav-tabs .nav-item .nav-link {
		padding: 8px 15px;
		font-size: 1.1em;
	}

	.section-heading .heading-sub {
		font-size: 1.4em;
		margin-bottom: 8px;
	}

	.section-heading .heading-title {
		font-size: 2em;
	}

	.section-heading .heading-title_small {
		font-size: 1.675em;
	}

	.section-heading .heading-description {
		font-size: 1.05em;
	}

	/*.section-heading .heading-small {*/
	/*	font-size: 1.75rem;*/
	/*}*/
	.header .contact-list {
		gap: 20px;
	}

	.header .contact-list .contact-list_item {
		font-size: .95em;
		gap: 3px;
	}

	.header .header-navigation > ul > li > a {
		font-size: 1.05em;
		padding: 24px 12px;
	}

	.article-card .card-body,
	.product-card .card-body {
		padding: 12px;
	}

	.article-card .card-body .card-title,
	.product-card .card-body .card-title,
	.catalogue-card .card-title,
	.feedback-item .feedback-title,
	.category-card__title {
		font-size: 1.15em;
	}

	.article-card .card-body .card-text,
	.feedback-item .feedback-description {
		font-size: 1.05em;
	}

	.section-subscribe .subscribe-content .subscribe-content_text {
		font-size: 1.05em;
	}

	.page-contact .contact-form {
		padding: 30px;
	}

	.page-contact .contact-list .contact-list_item {
		padding: 10px 0;
	}

	.hero-content {
		text-align: center;
	}

	.hero-content .hero-content_sub > span {
		font-size: 1.1em;
	}

	.hero-content .hero-content_title {
		font-size: 2.7em;
	}

	.hero-content .hero-content_desc {
		font-size: 1.05em;
	}


	.footer .footer-information .footer-item .footer-title {
		font-size: 1.3em;
		margin-bottom: 12px;
	}

	.footer .footer-information .footer-item .footer-text,
	.footer .footer-information .footer-item .footer-list .footer-list_item {
		font-size: 1.05em;
	}

	.page-article .article-content .article-title,
	.page-product .product-content .product-title {
		font-size: 1.75em;
	}

	.empty-box {
		font-size: 1.15em;
	}
}

@media screen and (max-width: 991px) {
	.section-gap {
		padding: 30px 0;
	}

	.section-heading .heading-sub {
		font-size: 1.2em;
	}

	.section-heading .heading-title {
		font-size: 1.75em
	}

	.section-heading .heading-title_small {
		font-size: 1.425em;
	}

	.section-heading .heading-tabs .nav-tabs {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		white-space: nowrap;
		width: 100%;
	}

	/*.section-heading .heading-small {*/
	/*	font-size: 1.5rem;*/
	/*}*/
	.section-heading .heading-tabs .nav-tabs .nav-item .nav-link {
		padding: 8px 12px;
		font-size: 1.05em;
	}


	/*.section-breadcrumb .breadcrumb-list .breadcrumb-item {
		display: none;
	}*/
	.section-breadcrumb .breadcrumb-list .breadcrumb-item:nth-child(1),
	.section-breadcrumb .breadcrumb-list .breadcrumb-item:nth-child(2) {
		display: block;
	}

	.header {
		padding: 0 0 10px 0;
	}

	.header .header-top {
		display: none;
	}

	.header .header-bottom {
		padding-top: 10px;
	}

	.header .header-logo img {
		height: 40px;
	}

	.header .header-navigation {
		position: fixed;
		top: 0;
		width: 90%;
		max-width: 320px;
		background-color: var(--bs-white);
		height: 100vh;
		overflow-y: auto;
		z-index: 13;
		-webkit-transition: var(--transition-default);
		-o-transition: var(--transition-default);
		transition: var(--transition-default);
		left: -150%;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.is-navigation .header .header-navigation {
		left: 0;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.header .header-navigation > ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.header .header-navigation .navigation-logo > a {
		padding: 10px 0;
		background-color: #97c8a412;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.header .header-navigation .navigation-logo > a > img {
		height: 50px;
		width: auto;
		-webkit-transition: var(--transition-default);
		-o-transition: var(--transition-default);
		transition: var(--transition-default);
	}

	.header.is-scroll .header-navigation .navigation-logo > a {
		padding: 15px 0;
	}

	.header.is-scroll .header-navigation .navigation-logo > a > img {
		height: 45px;
	}

	.header .header-navigation ul {
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
	}

	.header .header-navigation ul li {
		width: 100%;
	}

	.header .header-navigation ul > li:hover > a {
		color: var(--primary-hover);
	}

	.header .header-navigation ul li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 15px 15px;
		font-size: 1.05em;
		font-weight: 600;
		color: var(--accent-color);
	}

	.header-navigation ul ul, .header-navigation ul li + li {
		border-top: 1px solid var(--bs-gray-100);
	}

	.header-navigation ul li ul {
		padding-left: 10px !important;
	}

	.header-navigation ul ul li a i {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.header-navigation ul ul li a {
		font-weight: 500;
		color: var(--bs-gray-200);
		background-color: var(--bs-white);
	}

	.header-navigation ul ul ul li a {
		font-weight: 500;
		background-color: #f3f3f3;
	}

	.header .header-overlay {
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 12;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.is-navigation .header .header-overlay {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.header .header-box {
		gap: 14px;
		margin-left: auto;
	}

	.header .header-hamburger .hamburger-button {
		position: relative;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		border: 0;
		background: transparent;
		border-radius: 0;
		width: 32px;
		height: 32px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0;
	}

	.header .header-hamburger .hamburger-button > span {
		display: block;
		position: absolute;
		height: 1.5px;
		background: var(--bs-gray-700);
		border-radius: 9px;
		opacity: 1;
		left: 4px;
		right: 4px;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	.header .header-hamburger .hamburger-button > span:nth-child(1) {
		top: 8px;
	}

	.header .header-hamburger .hamburger-button > span:nth-child(2), .header .header-hamburger .hamburger-button > span:nth-child(3) {
		top: 15px;
	}

	.header .header-hamburger .hamburger-button > span:nth-child(4) {
		top: 22px;
	}

	.is-navigation .header .header-hamburger .hamburger-button > span:nth-child(2) {
		-webkit-transform: rotate(45deg) scale(.9);
		-ms-transform: rotate(45deg) scale(.9);
		transform: rotate(45deg) scale(.9);
	}

	.is-navigation .header .header-hamburger .hamburger-button > span:nth-child(3) {
		-webkit-transform: rotate(-45deg) scale(.9);
		-ms-transform: rotate(-45deg) scale(.9);
		transform: rotate(-45deg) scale(.9);
	}

	.is-navigation .header .header-hamburger .hamburger-button > span:nth-child(1), .is-navigation .header .header-hamburger .hamburger-button > span:nth-child(4) {
		top: 17.5px;
		width: 0;
		left: 50%;
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
	}

	.header.is-scroll {
		padding: 0 0 10px 0;
	}

	.header.is-scroll .button-theme {
		padding: 6px 18px;
	}

	.header .header-search_result,
	.header .header-search .header-search_form {
		padding: 15px 0;
	}

	#detailContent h2 {
		font-size: 1.45em;
	}

	#detailContent h3 {
		font-size: 1.4em;
	}

	#detailContent h4 {
		font-size: 1.3em;
	}

	#detailContent h5 {
		font-size: 1.2em;
	}

	#detailContent h6 {
		font-size: 1em;
	}

	.section-products .section-heading {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.section-products .section-heading > * {
		width: 100% !important;
	}

	.page-contact .contact-form {
		padding: 15px;
	}

	.page-contact .contact-form .contact-form_item .contact-form_item--label {
		font-size: 1.05em;
	}

	.page-contact .contact-list .contact-list_item {
		gap: 12px;
	}

	.page-contact .contact-list .contact-list_item .contact-icon {
		height: 36px;
		width: 36px;
	}

	.page-contact .contact-list .contact-list_item .contact-content .contact-content_title {
		font-size: 1.2em;
	}

	.page-contact .contact-list .contact-list_item .contact-content .contact-content_value {
		font-size: 1.05em;
	}

	.page-article .article-content .article-title,
	.page-product .product-content .product-title {
		font-size: 1.5em;
		line-height: 1.5;
	}

	.scroll-top {
		right: 15px;
		bottom: 15px;
		height: 38px;
		width: 38px;
	}

	.scroll-top::before,
	.scroll-top::after {
		height: 38px;
		width: 38px;
		font-size: 16px;
	}

	.floating-zalo {
		right: 15px;
		bottom: 125px;
	}

	.floating-zalo img {
		height: 34px;
		width: 34px;
	}

	.floating-facebook {
		width: 35px;
		height: 35px;
	}

	.floating-zalo + .floating-zalo {
		bottom: 80px;
	}

	.slider-effect_next {
		right: 15px !important;
	}

	.slider-effect_prev {
		left: 15px !important;
	}

	.section-articles .slider-effect_prev,
	.section-articles .slider-effect_next {
		display: none;
	}

	.section-featured {
		padding: 30px 0;
	}

	.featured-grid {
		position: static !important;
		-webkit-transform: unset !important;
		-ms-transform: unset !important;
		transform: unset !important;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
	}

	.featured-item {
		width: 50%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 15px;
	}

	.featured-item .featured-icon img {
		height: 36px;
		width: 36px;
	}

	.featured-item .featured-content .featured-title {
		font-size: 1.075em;
	}

	.page-product .product-content .product-desc,
	.page-product .product-content .product-feature .product-feature_item {
		font-size: 1em;
	}

	.page-product .product-content .product-price .product-price_text {
		font-size: 1.075em;
	}

	.page-product .product-content .product-price .product-price_value--current {
		font-size: 1.25em;
	}

	.page-product .product-content .product-price .product-price_value--old {
		font-size: 1em;
	}


	.page-product .product-content .product-feature .product-feature_item {
		font-size: 1em;
	}

	.page-product .product-content .product-buttons {
		gap: .5rem !important;
	}

	.page-product .product-content .product-buttons .button-theme {
		width: 100% !important;
	}

	.page-product .product-content .product-buttons .product-button-small {
		width: calc(50% - 0.5rem) !important;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.article-card .card-body .card-title .limit-lines {
		--lines: 10;
	}

	.section-qr__form .contact-hotline__number {
		display: none;
	}

	.section-qr__form .contact-hotline {
		width: 40px;
		height: 40px;
		overflow: hidden;
		border-radius: 50%;
		min-width: 1px;
		background: var(--secondary-color);
	}

	.section-qr__form .contact-hotline__icon {
		background: var(--secondary-color);
	}

	.section-qr__form .contact-hotline.contact-hotline_zalo,
	.section-qr__form .contact-hotline.contact-hotline_zalo .contact-hotline__icon {
		background: transparent;
		border-radius: 0;
	}

	.section-qr__form .contact-hotline.contact-hotline_zalo .contact-hotline__icon img{
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 600px) {
	.slider-effect_next,
	.slider-effect_prev {
		display: none !important;
	}

	.hero-content {
		gap: .75rem !important;
		padding: 0 35px;
	}

	.hero-content .hero-content_sub > span,
	.hero-content .hero-content_desc {
		display: none !important;
	}

	.hero-content .hero-content_title {
		font-size: 1.4em;
	}

	.section-heading .heading-tabs .nav-tabs {
		padding: 8px;
	}

	.section-heading .heading-tabs .nav-tabs .nav-item .nav-link {
		padding: 8px 12px;
		font-size: 1em;
	}

	.article-card .card-body,
	.product-card .card-body {
		padding: 8px;
	}

	.article-card .card-body .card-title,
	.product-card .card-body .card-title,
	.catalogue-card .card-title,
	.feedback-item .feedback-title {
		font-size: 1.075em;
	}

	.article-card .card-body .card-text,
	.feedback-item .feedback-description,
	.category-card__text,
	.category-card__link {
		font-size: 1em;
	}

	.introduction-box .introduction-box_icon {
		width: 70px;
		height: 70px;
	}

	.introduction-box .introduction-box_content {
		gap: 0 !important;
	}

	.introduction-box .introduction-box_content .introduction-box_title {
		font-size: 1.075em;
	}

	.introduction-box .introduction-box_content .introduction-box_desc {
		font-size: 1em;
	}

	.section-subscribe .subscribe-content {
		text-align: center;
	}

	.section-subscribe .subscribe-content .subscribe-content_title {
		font-size: 1.5em;
	}

	.footer .footer-information .footer-item .footer-title {
		font-size: 1.2em;
	}

}

@media (max-width: 576px) {
	.slider-related .slider-effect_next,
	.slider-related .slider-effect_prev,
	.hero-content_button {
		display: none !important;
	}

	.scroll-top {
		bottom: 60px;
	}

}

@media (max-width: 320px) {
	.section-breadcrumb .breadcrumb-list .breadcrumb-item.active {
		display: none;
	}
}