/* ---- Cơ bản hoặc mobile mở cái này ra ----*/

/*body{min-width: 0;max-width: 1024px;} 

.w-menu{min-width: 0;max-width: 1024px;} 

.wrap-content{width: calc(100% - 20px);} 

.menu-res{display: block;} */

/* Responsive */
@media (max-width: 1024px) {

	a.btn-tracking {
		left: 15px;
	}

	/* .toolbar2{
		display: block;
	} */

	.feedback-content {
		width: unset;
		height: unset;
		background: #fff;
		margin: 0;
		margin-bottom: 10px;
	}
	
	.feedback-pic {
		width: 80px;
		margin: auto;
	}
	
	.feedback-info {
		width: calc(100% - 90px);
	}
	
	.feedback-name {
		font-size: 20px;
	}
	

	marquee.slogan-header {
		width: calc(100% - 150px);
	}
	.header-box {
		height: 70px;
	}
	
	.header-box .wrap-content {
		height: 100%;
		justify-content: flex-end;
	}
	
	.search{
		/* display: none !important; */
		margin: auto;
		width: 50%;
		margin-left: 35%;
		height: 35px;
	}

	.search-icon{
		/* display: flex !important;
		justify-content: center;
		align-items: center;
		width: 35px;
		height: 35px;
		border-radius: 50%;
		border: 1px #000 solid;
		order: 0; */
	}

	.search-icon img{
		/* filter: invert(1); */
	}
	header.header-wrapper {
		display: flex;
		flex-direction: column-reverse;
	}

	.quytrinh-item {
		width: unset;
		height: unset;
		margin: 0 !important;
	}
	
	.quytrinh-box {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
	
	.quytrinh-desc {
		opacity: 1;
	}
	
	.baiviet-wrapper {
		padding: 30px 0px;
	}
	
	.chinhsachStatic-box {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.guihangHot-box {
		width: 100%;
	}
	
	.dknt-left {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.dknt-right {
		width: 100%;
	}
	
	.dknt-wrapper {
		margin-bottom: 30px;
	}
	
	.albumHot-wrapper {
		margin-bottom: 30px;
	}
	
	.feedback-wrapper {
		padding: 30px 0px;
		margin-bottom: 30px;
	}
	
	.newsHot-info {
		padding: 10px;
	}
	
	.newsHot-wrapper {
		margin-bottom: 30px;
	}
	
	.footer-news {
		width: 100% !important;
		margin-bottom: 10px;
	}

	a.gioithieu-pic.scale-img {
		margin: 0;
	}
	
	.gioithieu-wrapper .wrap-content {
		justify-content: space-between;
	}
	
	.gioithieu-box.text-end {
		width: 100%;
		text-align: left !important;
		margin-top: 20px;
		background: #fff;
		padding: 20px;
	}
	
	a.gioithieu-btn button {
		margin: auto;
	}
	
	.solieu-item.rotateY_img {
		background: #fff;
		padding: 15px;
		border-radius: 5px;
	}
	
	p.solieu-name {
		font-size: 14px;
	}
	
	.solieu-desc {
		font-size: 20px;
	}
	
	.gioithieu-wrapper {
		padding: 30px 0px;
		margin-bottom: 30px;
	}
	
	.title-main span {
		font-size: 35px;
	}
	
	.tuyenvanchuyenHot-info {
		padding: 10px;
	}
	
	h3.tuyenvanchuyenHot-name a {
		font-size: 16px;
	}
	
	.tuyenvanchuyenHot-wrapper {
		margin-bottom: 30px;
	}
	
	.hanghoaHot-wrapper {
		padding: 30px 0px;
	}
	.lydo-wrapper::before,.lydo-wrapper::after {
    display: none;
}
	.lydo-wrapper {
		padding: 30px 0px;
		margin-bottom: 30px;
		background: #DC2129;
	}
	
	.quytrinh-line {
		display: none;
	}


	.menu-wrapper{
		display: none;
	}
	.hotline-header{
		display: none;
	}
	.logo-info{
		display: none;
	}
	.logo-mm{
		display: block !important;
	}
	.email-header{
		display: none;
	}
	.logo-headee{
		display: none;
	}

	.logo-mm{
		display: block;
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
		width: 97px;
	}
	#hamburger {
		display: block;
		order: 1;
		margin-left: 10px;
		padding: 5px;
		border: 1px #164497 solid;
		border-radius: 5px;
	}
	.menu-head {
		display: none;
	}
	.wrap-menu {
		display: none;
	}
	.cart-head {
		padding: 5px;
		font-size: 12px;
	}
	.header {
		padding: 10px 0px;
	}
	.flex-product-main {
		display: block;
	}
	.flex-product-main .left-product {
		position: fixed;
		z-index: 999;
		top: 0px;
		left: 0px;
		transform: translateX(-250px);
		bottom: 0px;
		overflow-x: hidden;
		background: #fff;
		box-shadow: 0px 0px 5px #000;
		transition: all 0.5s;
	}
	.flex-product-main .left-product.show {
		transform: translateX(0px);
	}

	.flex-product-main .right-product {
		width: 100%;
	}

	.grid-product {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.filter{display: block;}
}
@media (max-width: 992px) {
	.tuyenvanchuyenHot-grid {
		gap: 10px;
		grid-template-columns: repeat(2,1fr);
	}
	
	.title-main span {
		font-size: 30px;
	}
	.newsHot-grid {
		grid-template-columns: repeat(2,1fr);
	}
}
@media (max-width: 768px) {
	.name-banner-page{font-size: 25px;}
	.quytrinhList .sec-quy-trinh {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 15px 20px;
		margin-top: 30px;
		align-items: normal;
	}
	.quytrinhList{
		margin-bottom: 0px !important;
        padding-bottom: 30px;
	}
	.right-cauhoi {
		width: 100%;
		margin-top: 30px;
	}
	.hinhthucguihangList .title-main span {
		font-size: 25px;
	}
	.hinhthucguihangList .hinhthucguihangList-box {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 15px 20px;
		margin-top: 30px;
		align-items: normal;
	}
	.banner-pagein {
		margin: 0 auto;
		max-width: 1920px;
		margin: auto;
		max-height: initial;
		position: relative;
		padding: 20px 0px 0px 0px;
		margin-bottom: 60px;
	}
	ul.hotline-banner {
		max-width: 100%;
		display: block;
	}
	.left-banner-page,.banner-pagein{
		text-align: center;
		margin: 0 auto;
	}
	.text-cart{display: none;}
	.grid-pro-detail {
		display: block;
	}
	.grid-pro-detail .left-pro-detail {
		width: 100%;
		padding: 0px;
		border-right: none;
	}
	.slick_photo1 {
		text-align: center;
	}
	.grid-pro-detail .right-pro-detail {
		width: 100%;
	}
	.grid-product {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

@media (max-width: 640px) {
	.fix-header-box {
		position: fixed !important;
		box-shadow: 0 0 1px #999;
		background: #fff;
	 }
	.quytrinh-btn {
    display: none !important;
}

.quytrinh-wrapper {
    margin-bottom: 30px;
}
	
	.quytrinh-top {
		width: unset;
		margin-top: 0 !important;

	}
	
	.quytrinh-item.quytrinh-2.rotateY_img.wow.animate__fadeInUp {
		margin-top: 0 !important;

	}
	
	.quytrinh-info {
		width: unset;
		height: unset;
		border-radius: 0;
		background: unset !important;
		filter: unset;
	}
	
	.quytrinh-1 img {
		width: revert;
		filter: unset;
	}
	
	.quytrinh-name a {
		color: #000 !important;
	}
	
	.quytrinh-desc {
		opacity: 1 !important;
	}
	
	.quytrinh-desc {
		display: none !important;
	}
	
	p.quytrinh-numb {
		display: none;
	}
	
	a.quytrinh-pic.d-block {
		width: 70px;
		height: 70px;
		background: #DC2129;
		border-radius: 50%;
		display: flex !important;
		align-items: center;
		justify-content: center;
		filter: unset;
	}
	
	a.quytrinh-pic img {width: 70%;filter: brightness(100);}
	
	.quytrinh-name a {
		padding: 0;
	}
	.quytrinh-name{
		height: 47px;
	}
	.quytrinh-name a {
		font-size: 13px;
		font-weight: unset;
		-webkit-line-clamp: 3;
	}


	.feedback-info {
    width: 100%;
    text-align: center;
	margin: 10px 0px 0px 0px;
}

	.quytrinh-box {
		grid-template-columns: repeat(4,1fr);
	}


	ul.baiviet-hotline a {
		padding: 5px 10px;
	}
	
	ul.baiviet-hotline a span.phone {
		font-size: 14px;
	}
	
	ul.baiviet-hotline a span.name {
		font-size: 14px;
	}

	.footer-article {
		padding: 30px 0px;
	}

	.albumHot-grid {
		grid-template-columns: repeat(2, 1fr); /* Two columns */
		grid-template-areas:
		"album0 album1"
		"album2 album3"
		"album4 album4"; /* Album 4 spans across two columns */
		gap: 10px;
		}
	  .albumHot-pic {
		/* height: 400px !important; */
	}
}

@media (max-width: 480px) {
	.tuyenvanchuyenHot1-btn button {
		width: 110px;
		height: 35px;
		line-height: 35px;
	}
	a.tuyenvanchuyenHot-btn.hover_xemthem {
		width: fit-content;
		height: unset;
		line-height: unset;
		padding: 5px 13px;
	}

	.lydo-box {
		gap: 20px;
	}
	

	.newsHot-grid {
		grid-template-columns: 1fr;
	}
	.footer-name {
		font-size: 20px;
	}
	.doitac-grid {
		grid-template-columns: repeat(2,1fr);
	}

	a.dktv-popup {
		/* width: calc(100% - 73px); */
		text-align: center;
	}
	
	.dktv-popup img {
		width: 20px;
		margin: 0 5px;
	}

	h2.baiviet-title {
		font-size: 22px;
		margin-bottom: 10px;
	}
	
	.guihangHot-slick {
		grid-template-columns: 1fr;
	}
	
	.dknt-left .d-flex .newsletter-input {
		width: 100%;
	}


	.title-main span {
		font-size: 22px;
	}
	
	p.slogan.text-center {
		font-size: 14px;
	}
	
	h3.newsHot-name {
		padding: 0;
	}
	
	h3.newsHot-name::before {
		display: none;
	}

	p.gioithieu-name {
		font-size: 30px;
	}
	
	p.gioithieu-desc.text-split {
		color: #fff;
	}
	
	a.servicesListHot-name {
		width: 100%;
		text-align: center;
		font-size: 12px;
	}
	
	.servicesListHot-pic {
		margin: auto;
		margin-bottom: 20px;
		width: 42px;
	}
	
	a.servicesListHot-name {}
	
	p.lydo-name {
		font-size: 15px;
	}
	
	.lydo-info {
		width: 100%;
		text-align: center;
	}
	
	.lydo-item {
		flex-direction: column-reverse !important;
	}
	
	.lydo-pic {
		margin-bottom: 10px;
	}

	.policy__list > li {
		width: 100%;
		padding-right: 0px !important;
		border-bottom: 1px solid #f1f1f1 !important;
	}
}
@media (max-width: 414) {

}

@media (max-width: 320) {

}